@font-face {
	font-family: Kievit;
	src:url(font/Kievit-Italic.ttf)
}
@font-face {
	font-family: Century Gothic;
	src:url(font/Century%20Gothic.ttf)
}

@font-face {
	font-family: Trebuchet;
	src:url(font/Trebuchet_MS.ttf)
}

@font-face {
	font-family: Zurich;
	src:url(font/Zurich-BT.ttf)
}
@font-face {
	font-family: MyriadPro-Bold;
	src:url(font/MyriadPro-Bold.otf)
}
a.navbar {
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	font-weight: normal; 
	padding: 6px 9px 6px 9px;
}
a.navbar2 {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

a.navbar2:hover 
{
	font-family: Arial;
	font-size: 12px;
	color:#000000;
}
a.navbar3 {
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight:normal;
	color: #000000
}
body, html{padding:0; margin:0; color:#fff; font-family:Tahoma; font-size:12px; width:100%; height:100%;}   

a{text-decoration:none;color:#fff; font-family:Tahoma; font-size:15x}
img{border:0;border-style:none} 
.Error{font-family: Arial;font-size: 11px;font-weight: bold;color: red;}     
/* <Marquee> */
td.time{text-align:center;}
#timecontainer{
	color: black;
	margin: 10px 0 0 0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-shadow: 3px -1px 8px #f1e325;
}
#frmimages{padding-bottom:10px; padding-left:35px;}
.Message
{
	font-size:12px;
}

a.Message:link    {
	color:#ffffff;
}

a.Message:visited {
	color:#ffffff;
}

a.Message:active  {
	color:#ffffff;
}

a.Message:hover   {            
	color:#ffffff;
} 
.btnLogout a{
	color: #fff !important;
	font-weight: 600;
	font-family: arial;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 15px;
	display: inline-block;
	text-align:center;
	background-color: #00588A;
}

form.my-form{float: left;width: 565px;height: auto;margin: 12px 0 0 0;}
form input[name="txtUsername"]{
	width: 120px;
	height: 23px;
	background-color: #e0e0e0;
	border: 1px solid #003569;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #5a5757;
	padding-left: 10px;
}
form input[name="txtPassword"]{
	width: 120px;
	height: 23px;
	background-color: #e0e0e0;
	border: 1px solid #003569;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #5a5757;
	padding-left: 10px;
}
#txtPasswordLabel{
	width: 120px;
	height: 23px;
	background-color: #e0e0e0;
	border: 1px solid #003569;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #5a5757;
	padding-left: 10px;
}
form input[name="txtCode"]{
	width: 55px;
	height: 23px;
	background-color: #e0e0e0;
	border: 1px solid #003569;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #5a5757;
	padding-left: 10px;
}
form input[name="code"]{
	width: 55px;
	height: 23px;
	background-color: #e0e0e0;
	border: 1px solid #003569;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #5a5757;
	padding-left: 10px;
}
.numbercode{
	background: none;
	border: none;
	font-size: 20px;
	margin: 0;
	font-family: kievit;
	margin-left: 5px;
	margin-right: 5px;
	color: #003569;
}

li{list-style:none}
li a{text-transform:uppercase}
.menu{float: left;padding: 0 60px;margin: 0px;}
.menu>li{float: left; margin-top: 10px}
.menu>li>a{text-decoration: none; color: #003569; font-weight: 600; font-size: 14px; font-family: Kievit; text-transform: uppercase; text-align: center; line-height: 0; padding: 0 24px;}
.menu>li:hover>a{color: #006697;}
.menuaf{float: left;padding: 0 70px;margin: 0px;}
.menuaf>li{float: left; margin-top: 10px}
.menuaf>li>a{text-decoration: none; color: #003569; font-weight: 600; font-size: 14px; font-family: Kievit; text-transform: uppercase; text-align: center; line-height: 0; padding: 0 16px;}
.menuaf>li:hover>a{color: #006697;}
.btnDaftar {
	width: 120px;
	height: 40px;
	border: none;
	background: url(img/btn.png) center no-repeat;
	font-family: kievit;
	color: #003569;
	font-size: 18px;
	cursor: pointer;
	text-transform: uppercase;
	
}

.btnLogin {
	width: 120px;
	height: 40px;
	border: none;
	background: url(img/btn.png) center no-repeat;
	font-family: kievit;
	color: #003569;
	font-size: 18px;
	cursor: pointer;
	text-transform: uppercase;
}

.btnDaftar{
-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);
-webkit-mask-size:200%;
animation:shine 1s infinite;
}

.btnLogin:hover {
-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);
-webkit-mask-size:200%;
animation:shine 1s infinite;
} 

.btnLogin:hover, .btnDaftar:hover{
-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);
-webkit-mask-size:200%;
animation:shine 1s infinite
}