/*@font-face{font-family: Play;src: url(fonts/Play-Regular.ttf);}*/
	@font-face {
  font-family: 'Bebas';
  src: url('fonts/BEBAS.ttf');
}
	a.navbar {
		font-family: Arial;
		font-size: 14px;
		text-decoration: none;
		color: #ffffff;
		font-weight: normal; 
		padding: 6px 9px 6px 9px;
	}
	a.navbar2 {
		font-family: Arial;
		font-size: 13px;
		text-decoration: none;
		color: #ffffff;
		padding:7px;
	}

	a.navbar2:hover 
	{
		font-family: Arial;
		font-size: 13px;
		color:#ffffff;
	}
	a.navbar3 {
		font-family: Arial;
		font-size: 14px;
		text-decoration: none;
		font-weight:normal;
		color: #ffffff
	}
	body, html{padding:0; margin:0; color:#fff; font-family:Tahoma; font-size:12px; background-color:#010417; 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{font-size: 13px; font-weight: 700; color: #fff};
	#frmimages{padding-bottom:10px; padding-left:35px;}
	.Message
	{
		font-size: 16px;
		font-weight:normal;
		color:#ffffff;
	}

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

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

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

	a.Message:hover   {            
		color:#ffffff;
	} 
	.btnLogout a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+29,e1e1e1+29,f1f1f1+30,e1e1e1+64,f1f1f1+85,f6f6f6+90 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 29%, #e1e1e1 29%, #f1f1f1 30%, #e1e1e1 64%, #f1f1f1 85%, #f6f6f6 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 29%,#e1e1e1 29%,#f1f1f1 30%,#e1e1e1 64%,#f1f1f1 85%,#f6f6f6 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 29%,#e1e1e1 29%,#f1f1f1 30%,#e1e1e1 64%,#f1f1f1 85%,#f6f6f6 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
padding: 10px 15px;
font-weight: bold;
color: black;
font-size: 13px;
		}

form.my-form{width: 570px;height: auto;margin: 0px 5px 0 0;}
#textbox-bg{}
form input[name="txtUserName"]{font-family:"Arial";font-size:12px;color:#fff;background: #fff; border:none; padding-left:30px; border-radius: 3px;left: 229px;font-style: italic;background: url(img/btn/username.png) no-repeat;font-style: italic;width: 85px;height: 20px;line-height: 30px;border: none;font-size: 12px;padding: 5px 5px 5px 30px;top: 4px;margin-right: 10px;}
form input[name="txtPassword"]{font-family:"Arial";font-size:12px;color:#fff;background: #fff; border:none; padding-left:10px; border-radius: 3px;left: 358px;background: url(img/btn/password.png) no-repeat;font-style: italic;font-style: italic;    width: 85px;height: 20px;line-height: 30px;margin-right: 10px;border: none;font-size: 12px;padding: 5px 5px 5px 30px;top: 4px;}
#Text1{font-family:"Arial";font-size:12px;color:#fff;background: #fff; border:none; padding-left:10px; border-radius: 3px;left: 358px;background: url(img/btn/password.png) no-repeat;font-style: italic;font-style: italic;    width: 85px;height: 20px;line-height: 30px;border: none;margin-right: 10px;font-size: 12px;padding: 5px 5px 5px 30px;top: 4px;}
form input[name="txtCode"]{font-family:"Arial";font-size:13px;color:#fff;background: #fff; border:none; padding-left:10px; border-radius: 3px;left: 486px;width: 90px;height: 20px; padding: 5px;margin-right: 10px;text-transform: center;background: url(img/btn/box.png) no-repeat;}
form input[name="code"]{width:90px;height:28px;font-family:"Arial";font-size:13px;color:#868686;background: #fff; border:none; padding-left:10px; border-radius: 3px;margin-right: 10px;}
li{list-style:none}
li a{text-transform:uppercase}
.menu{float: right;padding: 0px 0 0 0px;margin: 0px 0 0 0px;}
.menu>li{float: left;text-align: center;}
.menu>li>a{padding: 0px 19px;font-family: "Bebas";font-size:13px;text-decoration: none;color: white;display: block;text-transform: uppercase; height:40px; line-height:40px;font-weight:bold;}
.menu>li>a:hover{opacity: 0.5;}
.menuaf>li>a{padding: 0px 19px;font-family: "Bebas";font-size:13px;text-decoration: none;color: white;display: block;text-transform: uppercase; height:40px; line-height:40px;font-weight:bold;}
.menu>li{float: left;
    border-right: 1px solid #080009
	 }
	 
 /* some device mobile */
 @media screen and (max-device-width: 480px) {
	.menuaf>li>a {
		padding: 0px 17px;
	}
}
  /* iPad */
	@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		.menuaf>li>a {
			padding: 0px 17px;
		}
}
 /* iPad Pro */
 @media screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
	.menuaf>li>a {
		padding: 0px 17px;
	}
}


.btnLogin{width:70px;height:40px;background: url(img/btn/login.png) center no-repeat;color:white;border: none;margin-right: 10px;}