@charset "UTF-8";
/* CSS Document */

html, body{ width:100%; height:100%; overflow:auto; }

body{ font-family:Arial, Helvetica, sans-serif; background:#fff; color:#fff; font-size:12px; }

html, body, div, p, ul, li, img, a, table, th, td{ margin:0; padding:0; }

div{ overflow:auto; }

.reset{ clear:both; height:0px; }

a{ text-decoration:none; }

input:not([type]), input[type="text"], input[type="password"]{ 
	border-radius:5px; border:none;
	font-size:12px; text-align:center;
	padding:2px;
}

#wrapper{ width:100%; height:auto; overflow:auto; min-width:1000px; padding-bottom:100px; }

/* Login elements *******************/

body{
	background:url(/images/joker388/bg-login.png) no-repeat;
	background-size:cover;
}

#pic{
	width:300px; height:300px; overflow:hidden;
	margin:30px auto 0px;
	background:url(/images/joker388/maxis988new.jpg) top center no-repeat;
	background-size:cover;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:3px solid #fff;
	border-radius:5px;
	box-shadow:0px 0px 15px #FFF;
}

#login-box{
	width:550px; height:auto; overflow:hidden;
	margin:20px auto 20px; padding:15px;
	background:#222;
	border-radius:8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #FF0;
	box-shadow:0px 0px 15px #FC0;
}

#language-box{
	width:250px; height:auto; overflow:auto;
	margin:0 auto 10px;
}

#language-label{
	width:110px; height:auto; overflow:hidden; float:left;
	padding:8px 5px 0 0;
	text-align:right;
}

#language-options{
	width:125px; height:18px; overflow:hidden; float:left;
	padding:5px;
	background:#999;
	border-radius:8px;
}

#language-options a{
	display:block; float:left;
	width:60px; height:15px; padding-top:3px;
	color:#fff; font-size:10px; text-align:center;
}

#language-options a.on,
#language-options a:hover{
	background:#F00;
	border-radius:4px;
}

#language-options a.left{
	margin-right:5px;
}

#login-entry{
	width:200px; height:auto; overflow:auto; float:left;
	padding-right:19px;
	border-right:1px solid #C6C;
	background:none;
}

#login-box td{ padding:3px; }

#login-verification{
	width:260px; height:auto; overflow:auto; float:left;
	padding-left:20px;
	background:none;
}

#login-buttons{
	width:210px; height:auto; overflow:auto;
	margin:10px auto;
	background:none;
}

#login-buttons a{
	display:block; float:left;
	width:100px; height:15px; padding-top:3px;
	color:#fff; font-size:10px; text-align:center;
	background:#FA0; border:1px solid #fff;
	border-radius:5px;
}

#login-buttons a.left{
	margin-right:5px;
}

#login-buttons a:hover{
	background:#F60;
}

#download-firefox{
	text-align:center;
}