	@font-face{font-family: century-gothic;src: url(fonts/ufonts.com_century-gothic.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;
	}

	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; width:100%; height:100%;}        
	a{text-decoration:none;color:#fff; font-family:Tahoma; font-size:13px}
	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: 11px; font-weight: 700; color: #fff;}
	#frmimages{padding-bottom:10px; padding-left:35px;}
	.Message
	{
		font-family: "century-gothic";
		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{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #6495C6 0%, #001BA3 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #6495C6 0%, #001BA3 100%);

		/* Opera */ 
		background-image: -o-linear-gradient(top, #6495C6 0%, #001BA3 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6495C6), color-stop(1, #001BA3));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #6495C6 0%, #001BA3 100%);

		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #6495C6 0%, #001BA3 100%);
		
		background:#30509D;
	}

form.my-form{width: 570px;height: auto;margin: 0px 5px 0 0;}
#textbox-bg{}
#txtUsername{width:115px;height:25px;font-family:"Century Gothic";font-size:12px;color:#000;background: #fff; border:none;font-weight:bold;border-radius:2px; padding-left:5px}
form input[name="txtPassword"]{width:115px;height:25px;font-family:"Century Gothic";font-size:12px;color:#000;background: #fff; border:none;font-weight:bold;border-radius:2px; padding-left:5px}
#Text1{width: 115px;height:25px;font-family:"Century Gothic";font-size:12px;color:#000;background: #fff; border:none;font-weight:bold;border-radius:2px; padding-left:5px}
form input[name="txtCode"]{width:65px;height:25px;font-family:"Century Gothic";font-size:12px;color:#000;background: #fff; border:none;font-weight:bold;border-radius:2px; padding-left:5px}
form input[name="code"]{width:65px;height:25px;font-family:"Century Gothic";font-size:12px;color:#000;background: #fff; border:none;font-weight:bold;border-radius:2px; padding-left:5px}
li{list-style:none}
li a{text-transform:uppercase}
.menu{float: left;padding: 0px 0 0 0px;margin: 3px 0 0 0;}
.menu>li{float: left;text-align: center;}
.menu>li>a{padding: 0px 10px;font-family: "Century Gothic";font-size: 16px;text-decoration: none;color: white;display: block;text-transform: uppercase; height:38px; line-height:38px}
.menu>li>a{background: url(img/bg/li-style.png) no-repeat right center;}
.btnLogin{width:105px;height:25px;background: url(img/btn/login.png) center no-repeat;color:white;border: none;}
.btnLogin:hover{color:gray;}