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: 14px;
		text-decoration: none;
		color: #fff;
		padding:5px
	}

	a.navbar2:hover 
	{
		font-family: Arial;
		font-size: 14px;
		color:#ffffff;
		padding:5px
	}
	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:#ffffff; 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: 15px;color: #ffffff;font-family:"Times New Roman";};
	#frmimages{padding-bottom:10px; padding-left:35px;}
	.Message
	{
		font-family: "Times New Roman";
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    margin: 2px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Arial;
	}

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

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

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

	a.Message:hover   {            
		color:#ffffff;
	} 
	.btnLogout a{
		/* background-color:#197B30 */
		white-space:nowrap;
		color:#fff !important;
	}

form.my-form{width: 570px;height: auto;margin: 0px 5px 0 0;}
#textbox-bg{}
form input[name="txtUsername"]{width:148px;height:26px;font-size:12px;color:#6A6B6B;background:#fff;border: 1px solid #6A6B6B;padding-left:10px;border-radius: 20px;margin-right:15px}
form input[name="txtPassword"]{width:148px;height:26px;font-size:12px;color:#6A6B6B;background:#fff;border: 1px solid #6A6B6B;padding-left:10px;border-radius: 20px;}
form input[name="Text1"]{width:148px !important;height:26px !important;font-size:12px;color:#6A6B6B;background:#fff;border: 1px solid #6A6B6B;padding-left:10px;border-radius: 20px;}
#Text1{width:130px;height:30px;font-size:12px;color:#6A6B6B;background:#fff;border: 1px solid #6A6B6B;padding-left:10px}
form input[name="txtCode"]{width:102px;height:28px;font-size:12px;color:#6A6B6B;background: #fff;border: 1px solid #6A6B6B;padding-left:5px;border-radius:20px;}
form input[name="code"]{width:70px;height:30px;font-size:12px;color:#6A6B6B;background: #fff;border: 1px solid #6A6B6B;padding-left:5px;}
li{list-style:none}
li a{text-transform:uppercase}
.menu{ 
	float: left;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0px;
	background: -webkit-linear-gradient(#f7c90a, #121312);
	background: linear-gradient(#f7c90a, #121312);
	border-top: 3px solid #121312;
	border-bottom: 3px solid #121312;
	border-radius: 20px;
}
.menu>li{float: left;text-align: center;border-radius: 20px;padding: 5px 0px 0px 5px;display:inline-block;border-right: 1px solid #f7c90a;}
.menu>li>img{margin-top:5.5px;float:left;}
.menu>li>a{
	font-family: "Arial";
	font-size: 14px;
	text-decoration: none;
	height: 30px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0px 16px;
	line-height: 32px;}


	.menuaf{ 
		float: left;
		padding: 0px 0 0 0px;
		margin: 0px 0 0 0px;
		background: -webkit-linear-gradient(#f7c90a, #121312);
		background: linear-gradient(#f7c90a, #121312);
		border-top: 3px solid #121312;
		border-bottom: 3px solid #121312;
		border-radius: 20px;
	}
	.menuaf>li{float: left;text-align: center;border-radius: 20px;padding: 5px 0px 0px 5px;display:inline-block}
	.menuaf>li>img{margin-top:5.5px;float:left;}
	.menuaf>li>a{
		font-family: "Arial";
		font-size: 14px;
		text-decoration: none;
		height: 30px;
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		padding: 0px 16px;
		line-height: 32px;}


.btnLogin{
	background: #caa805;
	width: 160px;
	height: 30px;
	color: white;
	border: none;
	text-transform: capitalize;
	font-size: 16px;
	font-family: "Times New Roman";
	border-radius: 20px;
	font-weight: 700;
}
.menu li:last-child{
	border-right: none !important;
}
.chat-colored {
	background: linear-gradient(#af0000, #840000);
    border-top: 3px solid #ff0000;
    border-bottom: 3px solid #380000;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-left: 3px;
	font-weight:bold !important;
}
.left-promo {
	background: -webkit-linear-gradient(#f7c90a, #121312);
	background: linear-gradient(#f7c90a, #121312);
	float: left;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 3px 20px;
	border-radius: 20px 0 0 20px;
	top: -4px;
}
.promo-text {
	background: #fff;
    height: 20px;
	padding:2px 0px 0 0;
	font-family: 'Arial';
    text-transform: uppercase;
	float:left;
	flex:1;
}
.right-promo{
    width: 40px;
    height: 22px;
    content: "";
		background: -webkit-linear-gradient(#f7c90a, #121312);
		background: linear-gradient(#f7c90a, #121312);
    border-radius: 0 20px 20px 0;
	float:left;
}
.top-menu{
	height:100%;
	display:inline-block;
	margin-top: 10px;
}
.top-menu ul{
	height:100%;
	padding:0px;
	margin:0px;
}
.top-menu ul li{
	color: #fff;
	float: left;
	font-weight: 700;
	font-size: 14px;
	display: block;
	padding: 10px 20px;
	border-radius: 20px;
	min-width: 125px;
	background: #f7c90a;
	background: -moz-linear-gradient(top, #f7c90a 0%,#f7c90a 50%,#121312 100%);
	background: -webkit-linear-gradient(top, #f7c90a 0%,#f7c90a 530%,#121312 100%);
	background: linear-gradient(to bottom, #f7c90a 0%,#f7c90a 20%,#121312 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21ff33', endColorstr='#121312',GradientType=0 );
}
.daftar{
	font-weight: 700;
	cursor: pointer;
	border: 4px solid #f7c90a;
	padding: 18px 5px;
	border-radius: 20px;
	background: #21ff33;
	background: -moz-linear-gradient(top, #21ff33 0%,#121312 50%,#03a00f 100%);
	background: -webkit-linear-gradient(top, #21ff33 0%,#121312 50%,#03a00f 100%);
	background: linear-gradient(to bottom, #f7c90a 0%,#5d5607 50%,#f7c90a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21ff33', endColorstr='#03a00f',GradientType=0 );
}
z {
	font-family: sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	overflow: hidden;
	background: linear-gradient(90deg, #000, #c70f0f, #000);
	background-repeat: no-repeat;
	background-size: 80%;
	animation: animate 5s linear infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
}


@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
.loginFom {
	padding-right:0px;
}
@media screen and (min-device-width: 320px) and (max-device-width: 968px){
	.loginFom{
		padding-right:45px;
	}
	.mainMenu {
		padding-right:45px;
	}
	.menu>li>a{
		padding: 0px 11px;
	}
	.right-promo{
		margin-right:44px;
	}
	.top-menu ul li {
		padding:10px 15px;
	}
}