
* {margin: 0;padding: 0;}
body{color: #000;margin: 0;padding: 0;width:100%;background: url(../images/bg.jpg) repeat;overflow-x:hidden; font-family:'Roboto',Tahoma, Geneva, sans-serif; font-size:12px}
table{border-collapse:collapse;}
a {text-decoration: none;}
img{border:none;}
ul, li {list-style: none outside none;}

/* Float */
.fl {float: left;}
.fr {float: right;}
.clearfix {display: block;width: 100%;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clear {clear: both;height: 1px;overflow: hidden;}
.tc {text-align:center;}
.fc{margin:0 auto;}

a:link,a:visited
{
	color:#333;
	text-decoration:none;
	outline:none;
}
a:hover
{
	color:#c70000;
	outline:none;
}
div.cover
{	
	position:absolute;
	top:50%;
	margin-top:-180px;	
	width:100%;
	padding-bottom:35px;
	background: url(../images/bgshadow.png) center 360px no-repeat;
}
div.cover div.inside
{
	height:400px;
	background:#fff url(../images/bgline.png) repeat-x;	
}
div.box
{
	width:485px;
	height:400px;
	position:absolute;
	top:-140px;
	left:50%;
	margin-left:-242px;
	background: url(../images/bgbox.png) no-repeat center center;
	z-index:2;
}
div.box div.logo
{
	width: 420px;
	max-height:45px;
	margin:30px 0 15px;
	overflow:hidden;
}
div.logo a:link,div.logo a:visited,div.logo a:hover
{
	width:100%;
	height:45px;
	overflow:hidden;
}
div.logo img
{
	max-width:400px;
	max-height:450px;
}
div.box div.heading
{
	background: url(../images/manage.png) no-repeat 2px center;
	height:30px;
	padding:16px 0px 25px 40px;
	width:400px;
	margin-top:10px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
div.box div.title
{
	text-transform:uppercase;
	color:#c70000;
	font-weight:bold;
	font-size:1.1em;
}
div.box div.middle
{
	width:375px;
	margin:0 auto;
	overflow:hidden;
}
a.langvn
{
	width:25px;
	height:15px;
	background: url(../images/lang.png) left top no-repeat;
	margin-right:5px;
}
a.langen
{
	width:25px;
	height:15px;
	background: url(../images/lang.png) right top no-repeat;
}
a.forgot
{
	padding-top:8px;
}
a.linktext
{
	position:absolute;
	bottom:3em;
	left:4em;
	z-index:1;
}
.button
{
	background: #c70000;
	padding:5px 15px;
	min-width:100px;
	color:#fff;
	border:1px solid #970000;
	font-weight:bold
}
.button:focus
{
	cursor:pointer;
	color:#fff;
	outline:none;
}
.button:hover
{
	cursor:pointer;
	color:#fff;
	background:#0098cc;
	outline:none;
	border:solid 1px #0077a0
}
.corner_3
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}


label.fl
{
	width:90px;
	padding-top:8px;
}
input.input
{
	width:273px;
	border:1px solid #b3b3b3;
	padding:5px 4px 5px 6px;
	outline:none;
}
input.input2
{
	width:160px;
	border:1px solid #b3b3b3;
	padding:5px 4px 5px 6px;
	outline:none;
}


div.cover div.footer
{
	color:#666;	
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-375px;
	bottom:50px;
	z-index:1;
}
div.footer ul
{
	margin:0px;
	line-height:20px;
}
div.footer ul li
{
	padding:2px 0px;
}
div.footer ul div
{
	color:#666;
	padding-left:10px;
}
div.text
{
	position:absolute;
	bottom:0px;
	left:0;
	right:0;
	color:#333;
}
.error{color:red}
.captra input{ width:120px; float:left}
.captra img{margin-left:10px}
