@font-face{font-family: RobotoSlab;src: url(media/font/RobotoSlab-Regular.ttf);}
	@font-face{font-family: Lato; src:url(media/font/Lato-Light.ttf);}
	a.navbar {
		font-family: Tahoma;
		font-size: 14px;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold; 
		padding: 6px 9px 6px 9px;
	}
	a.navbar2 {
		font-family: Arial;
		font-size: 12px;
		text-decoration: none;
		color: #fff;
	}

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

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

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

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

	a.Message:hover   {            
		color:#fff;
	} 
	.btnLogout a{
		background:url(images/button.jpg) top center no-repeat;
		padding:8px 26px
	}

form.my-form{width: 570px;height: auto;margin: 0px 5px 0 0;}
#textbox-bg{}
form input[name="txtUsername"]{width:170px;height:29px;background:#3a3637;font-family:Lato;font-size:12px;color:white;border:none;padding-left:50px}
form input[name="txtPassword"]{width:170px;height:29px;background:#3a3637;font-family:Lato;font-size:12px;color:white;border:none;padding-left:50px}
#txtPasswordLabel{width:170px;height:29px;background: #3a3637;font-family:Lato;font-size:12px;color:white;border: none;padding-left:50px}
form input[name="txtCode"]{width:64px;height:31px;background:#3a3637;font-family:Lato;font-size:12px;color:white;border:none; padding-left:10px}
form input[name="code"]{width:64px;height:31px;background:#3a3637;font-family:Lato;font-size: 12px;color:white;border:none; padding-left:10px}
li{list-style:none}
li a{text-transform:uppercase}
.menu{height:70px; background:url(images/menu.png) no-repeat}
.menubefor{height:70px; background:url(images/menu.png) no-repeat}
.menuafter{height:70px; background:url(images/menu.png) no-repeat}
.menu>li{float: left;text-align: center;}
.menubefor>li{float: left;text-align: center;}
.menuafter>li{float: left;text-align: center;}
.menu>li>a{padding: 25px 40px;font-family: Roboto Slab;font-size: 13px;font-weight: bold;text-decoration: none;color: #fff;display: block;line-height: 15px;}
.menubefor>li>a{padding: 25px 35px;font-family: Roboto Slab;font-size: 13px;font-weight: bold;text-decoration: none;color: #fff;display: block;line-height: 15px;}
.menuafter>li>a{padding: 25px 14px;font-family: Roboto Slab;font-size: 13px;font-weight: bold;text-decoration: none;color: #fff;display: block;line-height: 15px;}
.menu>li:hover>a{text-decoration: none;color: #ffde01;display: block;}
.menubefor>li:hover>a{text-decoration: none;color: #ffde01;display: block;}
.menuafter>li:hover>a{text-decoration: none;color: #ffde01;display: block;}
.btnLogin{width: 108px;height: 30px;background: url(images/button.jpg) center no-repeat;color: black;border: none;font-family: RobotoSlab;font-size: 13px;font-weight: bold;}
.btnLogin:hover{color:gray}

.contact{
    left: -210px;
    color: #fff;
    list-style-type: none;
    margin: 0px;
    padding:0px;
    position: fixed;
    padding-top: 225px;
    z-index: 101;
}
.contact li{
    height: 64px;
    cursor: pointer;
    display: block;
    text-align: right;
}
.contact li a{
    color: #fff;
    padding:0 10px 0 0;
    font-family: ProximaNova;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
}
.contact .header img{
   width: 64px;
}
.contact .header, .contact .content{
    background-repeat: no-repeat;
    height: 57px;
    display: inline-block;
    float: left;
    border: 0px;
}
.contact .header{
    width: 64px;
}
.contact .content{
    background: #464646;
    width: 265px;
    height: 40px;
    background: black;
    background-repeat: repeat-x;
    text-align: right;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 0 0 0;
}
.contact .content img{float: right;margin: 0 8px 0 0;}