@charset "utf-8";
/* CSS Document */
@import 'reset.css';

a {text-decoration:none; color:#333;}
a:hover {text-decoration: underline;}

/*
	# LAYOUT ###################
*/
body
{
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height:normal;
	color: #2e2e2e;
	background-color: #39b6d6;
	background-image: url(../images/bglogin_page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}
html, body {height: 100%;}

.overallBox {width: 600px; height: 600px; margin: 100px auto 0 auto;}
.errorMsg {color: #FF0000;}

#wapper1 {
	margin:30px auto;
	width:420px;
	height:260px;
	position:relative;
    background-color: #f8fafa;
    border-radius: 10px;
    padding: 1px;
}

.nav {height: 46px; padding-top: 12px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px;
	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#37b2d3+0,3abcdf+100 */
	background: #37b2d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #37b2d3 0%, #3abcdf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #37b2d3 0%,#3abcdf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #37b2d3 0%,#3abcdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b2d3', endColorstr='#3abcdf',GradientType=0 ); /* IE6-9 */
}
.content { display: block; padding: 30px 35px 0 35px;}
.content ul li {clear: both; display:block; margin-bottom: 5px; height:30px; text-align: left;}
.content ul li span {display: block; height: 30px;}
.content ul li.row_button {margin-top: 20px; padding-left: 120px;}
.content ul li.row_pwd {margin-top: 25px; border-top: #E0E0E0 1px solid; padding-top: 13px;}
.content ul li.row_center {text-align: center;}

.left {float:left; display:block; width: 120px; padding-top: 5px;}
.left1 {float:left; display:block; width: 120px;}
.right {float:right; display:block; margin-right: 5px;}
.copyright {color:#f2f2f2; margin-top: 40px; font-size: 13px;}
.copyright a {color:#f2f2f2;}
.imgCode img {height: 28px; border: #C0C0C0 1px solid; padding: 2px; border-radius: 5px; opacity: 0.9;}

input[type="text"], input[type="password"] {width: 225px; padding: 5px 5px; border: #ACACAC 1px solid; border-radius: 5px; font-size: 14px;}
input[type="checkbox"] {vertical-align: bottom; margin-bottom: 2px;}

input[type="submit"], input[type="button"] {background-color: #7EAA0F; color: #fff; border: none; padding: 6px 10px; cursor: pointer; border-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	min-height: 30px;
	min-width: 120px;
	text-transform: uppercase;
}
input[type="submit"]:hover, input[type="button"]:hover {background-color: #73880a;}