@font-face{font-family: RobotoSlab;src: url(media/font/RobotoSlab-Regular.ttf);}
	@font-face{font-family: CenturyGothic;src: url(media/font/CenturyGothic.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:#222222; 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: 14px;
		font-weight:normal;
		color:#fffff;
	}

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

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

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

	a.Message:hover   {            
		color:#fffff;
	} 
	.btnLogout{
		width:107px;background:url(images/login.png) center no-repeat;color:white;border: none;font-family:RobotoSlab;font-size:14px;font-weight:bold;
	}
    
form.my-form{width: 570px;height: auto;margin: 0px 5px 0 0;}
#textbox-bg{}
form input[name="txtUserName"]{width:105px;height:23px;font-family:Arial;font-size:10px;color:#9c9c9c;background:#fff;padding-left:10px;border-radius:3px;}
form input[name="txtPassword"]{width:105px;height:23px;font-family:Arial;font-size:10px;color:#9c9c9c;background:#fff;padding-left:10px;border-radius:3px;}
#Text1{width:105px;height:23px;font-family:Arial;font-size:10px;color:#9c9c9c;background:#fff;padding-left:10px;border-radius:3px;}
form input[name="txtCode"]{width:50px;height:23px;font-family:Arial;font-size:10px;color:#9c9c9c;background:#fff;padding-left:10px;border-radius:3px;}
form input[name="code"]{width:50px;height:23px;font-family:Arial;font-size:10px;color:#9c9c9c;background:#fff;padding-left:10px;border-radius:3px;}
li{list-style:none}
li a{text-transform:uppercase}
.menu{float: left;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:RobotoSlab;font-size:16px;text-decoration:none;color:#ffffff;display:block;text-transform:uppercase;height:25px;line-height:40px;font-weight:bold;}
.menu>li>a:hover{color:#9c9c9c;}
.menu>li>a{background:url(images/batasnav.png) right center no-repeat; height:40px}
.menuaf>li>a{padding: 0px 18px;height:40px;line-height:40px;font-size:15px; background:none; font-family:Arial}
.btnLogin{width:107px;height:31px;background:url(images/login.png) center no-repeat;color:white;font-family:RobotoSlab;font-size:14px;font-weight:bold;margin:0px 3px; text-transform:uppercase}
.btnLogin:hover{color:#9c9c9c;}
.btnReg{height:56px;background: url(images/register.png) center no-repeat;color:white;display:block;text-decoration:none;text-align:center;font-family:RobotoSlab;font-size: 18px;font-weight: bold;line-height: 50px;
		margin: 15px 3px 0 3px;text-transform: uppercase;animation: blur .75s ease-out infinite;text-shadow: 0px 0px 5px #fff, 0px 0px 7px red;}
@keyframes blur {
  from {
    text-shadow:0px 0px 10px gold,
      0px 0px 10px pink,
      0px 0px 25px pink,
      0px 0px 25px pink,
      0px 0px 25px pink,
      0px 0px 25px pink,
      0px 0px 25px pink,
      0px 0px 25px pink,
      0px 0px 50px pink,
      0px 0px 50px pink,
      0px 0px 50px pink,
      0px 0px 150px pink,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;
  }
}