@font-face {
	src: url(font/Tahoma-Regular-font.ttf);
	font-family: 'Tahoma-Regular-font'
}

@font-face {
	src: url(font/sitka-small-599.ttf);
	font-family: 'sitka-small-599'
}

@font-face {
	src: url(font/MyriadPro-Regular.otf);
	font-family: 'MyriadPro-Regular'
}

@font-face {
	src: url(font/play.ttf);
	font-family: 'play'
}

a.navbar {
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-weight: normal; 
	padding: 6px 9px 6px 9px;
}
a.navbar2 {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	padding: 0px 15px 0 0;
}

a.navbar2:hover 
{
	font-family: Arial;
	font-size: 12px;
	color:#000;
}

body, html{padding:0; margin:0; color:#fff; font-family:Tahoma; font-size:14px; width:100%; height:100%;) no-repeat}   
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{
	color: #001f0e;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}
#frmimages{padding-bottom:10px; padding-left:35px;}
.Message
{
	font-size:14px;
	text-transform:uppercase;
}

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

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

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

a.Message:hover   {            
	color:#000;
} 
.btnLogout{
		float: left;
    width: 113px;
		color: #005088;
		font-weight: bold;
    display: block;
    text-decoration: none;
    font-family: arial;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 0px 11px 6px;
	background: url(img/header/btn.png)no-repeat;

}

.user {
	position: absolute;
	right: 35.4em;
	top: 2em;
}

.pwd {
	position: absolute;
	right: 24.8em;
	top: 2em;
}

.login-icon {
	position: absolute;
	right: 7.8em;
	top: 1.7em;
}

.daftar-icon {
	position: absolute;
	right: 0.2em;
	top: 1.7em;
}

.togel-bg {
	width: 214px;
	height: 53px;
	border: 1px solid #4f779b;
	background-color: #fff;
	display: flex;
	font-family: 'MyriadPro-Regular';
	font-size: 13px;
	color: #fff;
	margin-top: 1em
}

.pull-left {
	float: left
}

.sgp {
	width: 87px;
	height: 47px;
	background: url(img/header/togel-sgp.png) top no-repeat;
	align-self: flex-end;
	margin-bottom: -.1em
}

.sgp p:first-child {
	padding: 0 1.2em;
	margin-top: .8em
}

.sgp p:last-child {
	margin: -12px 0px 0px 19px;
}

.sgp-number {
	width: 139px;
	height: 63px;
	background: url(img/header/togel-number.png) bottom no-repeat;
	margin-top: -.5em
}

.sgp-number p {
	padding: 0.9em 4em;
}

.msg {
	margin-top: .8em;
	width: 361px;
	height: 53px;
	display: flex;
	vertical-align: middle;
	align-items: center;
	padding-left: 1em
}

.pull-left {
	float: left
}

form.my-form{float: left;width: 565px;height: auto;margin: 12px 0 0 0;}
form input[name="txtUsername"]{
	border-radius: 6px;
	border-color: #4f779b;
	border-style: solid;
	width: 120px;
	height: 25px;
	padding-right: 1.2em;
	padding-left: .5em;
	font-family: 'Tahoma-Regular-font';
}
form input[name="txtPassword"]{
	border-radius: 6px;
	border-color: #4f779b;
	border-style: solid;
	width: 120px;
	height: 25px;
	padding-right: 1.2em;
	padding-left: .5em;
	font-family: 'Tahoma-Regular-font';
}
form input[name="txtCode"]{
	border-radius: 6px;
	border-color: #4f779b;
	border-style: solid;
	width: 63px;
	height: 25px;
	padding-right: 1.2em;
	padding-left: .5em;
	font-family: 'Tahoma-Regular-font';
}
form input[name="code"]{
	width: 55px;
	height: 30px;
	color: #222;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #e4da83;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	font-weight: 700;
	padding:0 5px;
}

.code_number {
	font-family: 'sitka-small-599';
	color: #215482
}

/* form input[name=txtCode]:focus,
input[name=txtPassword]:focus,
input[name=txtUsername]:focus {
    outline: 0;
    box-shadow: 0 0 5px #215482;
    border: 1px solid #215482
} */


.captchaCode {
	max-width: 80px;
	font-size: 23px;
	color: #FED73A;
	background : #9F7008;
	text-align: center;
	padding: 2px;
}

li{list-style:none}
li a{text-transform:uppercase}
.menu{float: left; padding: 0px 0px;margin: 0px;
	float: left;
	padding: 0px 0px;
	margin: 0px;
	width: 100%;
	margin-top: 7px;
	height: 34px;
	padding-top: .4em;
	background: linear-gradient(#004176, #015891, #0174b3);
}
.menu>li{float: left;}
.menu>li>a{
	font-family: 'play';
    font-size: 16px;
    text-transform: uppercase;
    transition: all .3s ease-in;
    /* top: 4px;
    position: relative; */
}
.menu>li>a:hover{
	border-bottom: 1px solid #fff
}

.menu>li:nth-child(odd) {
	width: 85px;
	text-align: center;
}

.menuaf{float: left;padding: 0 0px;margin: 0px;
	width: 100%;
	margin-top: 14px;
	height: 34px;
	padding-top: .4em;
	background: linear-gradient(#004176, #015891, #0174b3);
}

.menuaf>li{float: left;}
.menuaf>li:nth-child(odd) {
	width: 75px;
	/* margin-top: -6px; */
	text-align: center;
}
.menuaf>li>a{text-decoration: none; text-transform: uppercase; text-align: center; line-height: 20px; height: 40px; color: #FFF; font-size: 13px; font-weight: 600;}

.menuaf>li>a:hover{
	border-bottom: 1px solid #fff
}


.vertical-hr {
	width: 29px;
	height: 1px;
	background-color: #004176;
	background-image: linear-gradient(to right, #004176, #000, #0174b3);
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	position: relative;
	top: 13px
}

.btnLogin {
		width: 109px;
    height: 30px;
    background: url(img/header/btn.png)no-repeat;
    border: 0;
		outline: 0;
		font-family: 'MyriadPro-Regular';
    color: #215482;
    text-transform: uppercase;
    font-size: .9em;
    padding-right: 2em;
}


.btn-login:hover {
	background: #9f6f0b;
	color:#ffd705;
}


.daftar{
	width: 109px;
	height: 30px;
	background: url(img/header/btn.png)no-repeat;
	border: 0;
	outline: 0;
	font-family: 'MyriadPro-Regular';
	color: #215482;
	text-transform: uppercase;
	font-size: .9em;
	padding-right: 2em;
	cursor: pointer;
}