@font-face {
	font-family: Kievit;
	src:url(font/Kievit-Italic.ttf)
	}
	@font-face {
	font-family: Century Gothic;
	src:url(font/Century-Gothic.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: #ffffff;
		font-weight: normal; 
		padding: 6px 9px 6px 9px;
	}
	a.navbar2 {
		font-family: 'Muli', Arial, sans-serif;
		font-size: 12px;
		text-decoration: none;
		color: #fff;
		margin-right: 3px;
		padding:2px;
		letter-spacing:1px;
	}

	a.navbar2:hover 
	{
		font-family: 'Muli', Arial, sans-serif;
		font-size: 12px;
		color:#fff;
	}
	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%;background-color:#000}        
	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:12px;color:#fff;font-family: 'Muli', Arial, sans-serif;font-size:11px};
	#frmimages{padding-bottom:10px;padding-left:35px;}
	.Message
	{
		font-size: 14px;
		font-weight:normal;
		color:#fff;
		font-family:'Muli', Arial, sans-serif;
	}

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

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

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

	.btnLogout a{

	}

	.btnLogout a{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #9F9894 0%, #6C6368 100%);

		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #9F9894 0%, #6C6368 100%);

		/* Opera */ 
		background-image: -o-linear-gradient(top, #9F9894 0%, #6C6368 100%);

		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9F9894), color-stop(1, #6C6368));

		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #9F9894 0%, #6C6368 100%);

		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #C29339 0%, #C29339 100%);
		
	}
	
	.marquee-div {
		width: 55%;
		height: auto;
		color: #fff;
		margin: 0 auto;
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
}
	
	.runningText {
		width: 91%;
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		margin: -15px 0 0 0;
		color: #000;
		margin-right: 21px;
}

.runningText a{
	font-weight: bold !important;
}

.marquee-div p {
	width: 10%;
	float: left;
	margin: -6px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 0px #000;
}
    
form.my-form{width: 570px;height: auto;margin: 0px 5px 0 0;}
#textbox-bg{}
form input[name="txtUserName"]{
	width: 100px;
	height: 32px;
	background: url(img/user.png) center no-repeat;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #5a5757;
	outline: none;
	margin: 0px 5px 5px 5px;
	text-align: center;
	padding-left: 10px;
	border: none;

}
form input[name="txtPassword"]{
	width: 100px;
	height: 32px;
	background: url(img/password.png) center no-repeat;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #5a5757;
	outline: none;
	margin: 0px 5px 5px 5px;
	border: none;
	text-align: center;
	padding-left: 10px;

}
#Text1{
	width: 100px;
	height: 32px;
	background: url(img/password.png) center no-repeat;
	border-radius: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #5a5757;
	outline: none;
	margin: 0px 5px 5px 5px;
	text-align: center;
	padding-left: 10px;
	border: none;
}
form input[name="txtCode"]{
	border: none;
	font-size: 16px;
	margin: 5px 0px 0px 0px;
	width: 55px;
	height: 32px;;
	font-family: Century Gothic;
	color: #3c3c3c;
	font-weight: 700;
	background: white;
	border-radius: 9px;
	text-align: center;
}

.numbercode{
	height: 32px;
	border: none;
	font-size: 16px;
	margin: 5px auto 0px;
	width: 55px;
	font-family: Century Gothic;
	color: #3c3c3c;
	font-weight: 700;
	background: white;
	border-radius: 9px;
	padding: 8px 10px 8px 10px;
	text-align: center;
}

form input[name="code"]{width:50px;height:36px;font-family:Arial;font-size:13px;font-weight:normal;color:#6F6D6D;background:url(images/bg-input.png) no-repeat;padding-left:10px;border:none; text-transform:uppercase}
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;
	padding: 15px 26px;
}
.menu>li>a{
	text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    font-family: Arial;
}

.menu>li>a:hover{text-shadow: 3px 1px 6px #1b1a1a;
	color: #fff;}

	@-webkit-keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  @keyframes hvr-pulse-grow {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  .hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }


	.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  }

.menubg{background: url(img/menu-wrap.png) center no-repeat;padding-left: 30px;height: 100px;}
.menuaf>li{
	float: left;
	padding: 15px 9px;
}
.menuaf>li>a{	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	font-weight: 600;
	font-size: 18px;
	font-family: Arial;}

.btnLogin{
	height: 28px;
	width: 100px;
	background-image: linear-gradient(#ca9941, #ffe391, #bf973d);
	border: 1px solid #cfa049;
	border-radius: 3px;
	text-shadow: -3px 1px 2px #e4be69;
	font-size: 16px;
	font-family: Century Gothic;
	cursor: pointer;
	text-align: center;
	font-weight: 800;
	margin-left: 7px;
}
.btnReg{
	height: 28px;
	width: 100px;
	background-image: linear-gradient(#ca9941, #ffe391, #bf973d);
	border: 1px solid #cfa049;
	border-radius: 3px;
	text-shadow: -3px 1px 2px #e4be69;
	font-size: 16px;
	font-family: Century Gothic;
	cursor: pointer;
	text-align: center;
	font-weight: 800;
	color: #000;
	margin-left: 6px;
	text-align: center;
	padding: 5px 21px 5px 26px;
}
.btnLogout>a{display:inline-block; padding:11px 5px; font-size:12px; color:#000000; font-family:'Muli', Arial, sans-serif; font-weight:700}