html, body {margin: 0;padding: 0;font-family: Tahoma, Verdana, Arial, sans-serif;color: #000;font-size: 12px;}
body {background:url(../images/bg_body_login.png) repeat 0 0 #cfd7dc;}
form {margin:0px;padding:0px;}
#error {text-align:center;position:absolute;left:10px;right:10px;top:10px;z-index:2;border-radius: 3px 3px 3px 3px;padding:11px;text-shadow: 0 -1px 0 #fff;-moz-transition: opacity 0.218s ease 0s;opacity: 1;background-color: #F9EDBE;border:1px solid #F0C36D;color: #333333;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.warning {text-align:center;border-radius: 3px 3px 3px 3px;padding:11px;text-shadow: 0 -1px 0 #fff;-moz-transition: opacity 0.218s ease 0s;opacity: 1;background-color: #F9EDBE;border:1px solid #F0C36D;color: #333333;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.input {
	background-color:#e0e0e0;
	border:1px solid transparent;
	border-radius:3px;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 #fff;
	color:#4d4d4d;
	height:40px;
	margin-bottom:10px;
	padding:10px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	width:100%;
}
.input:focus{border:1px solid #fff;outline:none;}
input[name="login"], input[name="password"], input[name="password_c"] {
	background-image:url(../images/icons_login.png);
	background-repeat:no-repeat;
	padding-left:38px;
}
input[name="login"] {
	background-position:10px 0;
}
input[name="password"] {
	background-position:10px -40px;
}
input[name="password_c"] {
	background-position:10px -40px;
}
input#iemail {
	margin:20px 0 40px;
}
.form_text {
	margin-top:20px;
}
.submit{
	background: -webkit-linear-gradient(top, #dadada, #c1c1c1);
	background: -moz-linear-gradient(top, #dadada, #c1c1c1);
	background: -o-linear-gradient(top, #dadada, #c1c1c1);
	background: -ms-linear-gradient(top, #dadada, #c1c1c1);
	border:1px solid #bbb;
	border-color:#cbcbcb #bebebe #adadad;
	border-radius:4px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#dadada,endColorstr=#c1c1c1,GradientType=0); zoom: 1;
	cursor:pointer;
	display:inline-block;
	padding:5px 28px;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.65);
	color:#4d4d4d;
	font-size:13px;
	line-height:18px;
}
.submit:hover{
	background: none repeat scroll 0 0 #dadada;
}
.submit:active{
	background: none repeat scroll 0 0 #cdcdcd;
}
h3 {display:block;background:#F9F9F9;color:#555;border-radius:5px;margin:0px;padding:5px 3px 5px 3px;margin:5px 0px 5px 0px;border: 1px solid #DDDDDD;font-size:11px;}
.copyright {color:#bbb;float:left;padding-top:10px;letter-spacing:2px;font-size:10px;}
.copyright a {color:#bbb;text-decoration:underline;}
.copyright a:hover, .copyright a:active {text-decoration:none;}
a[href="#lostpass"] {
	background: url("../images/icons_login.png") no-repeat 0 -120px;
	color:#7a7a7a;
	display:inline-block;
	height:21px;
	line-height:21px;
	margin-top:4px;
	padding-left:28px;
	text-decoration:none;
}
a[href="#login"] {
	color:#7a7a7a;
	display:inline-block;
	line-height:21px;
	margin-top:4px;
	text-decoration:none;
}

div#box {
	background: radial-gradient(ellipse farthest-side at 50% 10% , #FFFFFF 40%, #f4f4f4);
	background-image: -moz-radial-gradient(ellipse farthest-side at 50% 10% , #FFFFFF 40%, #f4f4f4);
	background-image: -webkit-radial-gradient(ellipse farthest-side at 50% 10% , #FFFFFF 40%, #f4f4f4);
	background-image: -o-radial-gradient(ellipse farthest-side at 50% 10% , #FFFFFF 40%, #f4f4f4);
	background-image: -ms-radial-gradient(ellipse farthest-side at 50% 10% , #FFFFFF 40%, #f4f4f4);
	border-radius: 5px;
	box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.3);
	color:#7a7a7a;
	height:275px;
	margin:10% auto;
	overflow:hidden;
	position:relative;
	text-shadow:0 1px 0 #fff;
	width:330px;
	-webkit-transform:scale(0.4, 0.4);
	-ms-transform:scale(0.4, 0.4);
	transform:scale(0.4, 0.4);
	-webkit-transition:-webkit-transform 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
	-ms-transition:-ms-transform 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
	transition:transform 0.5s ease 0.1s, opacity 0.5s ease 0.1s;
	opacity: 0.5;
}
div#box.animate {
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
	opacity: 1;
}

div#box div#login {z-index:1;position:absolute;left:15px;right:15px;top:83px;}
div#box div#lostpass {z-index:1;position:absolute;left:15px;right:15px;top:400px;}
div#box div#change_password {z-index:1;position:absolute;left:15px;right:15px;top:83px;}

.top {
	background: -webkit-linear-gradient(top, #eaeaea, #d4d4d4);
	background: -moz-linear-gradient(top, #eaeaea, #d4d4d4);
	background: -o-linear-gradient(top, #eaeaea, #d4d4d4);
	background: -ms-linear-gradient(top, #eaeaea, #d4d4d4);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#eaeaea,endColorstr=#d4d4d4,GradientType=0); zoom: 1;
	border-bottom:1px solid #cfcfcf;
	border-radius:5px 5px 0 0;
	box-shadow:0 1px 0 #fff inset;
	padding:11px 0 12px;
	position:relative;
	z-index:2;
}
.bottom {
	background-color:#e9e9e9;
	border-top:1px solid #d9d9d9;
	box-shadow:0 1px 0 #fff inset;
	clear:both;
	margin:0 -15px;
	overflow:hidden;
	padding:13px 15px;
}
	.bottom .submit {
		float:right;
	}
.logo {
	background:url(../images/logo_auth.png) no-repeat 0 0;
	height:37px;
	margin:0 auto;
	position:relative;
	width:198px;
}
.logo_lostpass {display:none;width: 200px;}
.logo_lostpass, .logo_login {
	color:#57585b;
	font-size:10px;
	font-weight:bold;
	letter-spacing: 0.2px;
	position:absolute;
	top:25px;
	left:50px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}
label.switch {
    cursor: pointer;
	float:right;
	margin:3px 0 14px;
}
label.switch > div:first-child {
    display: inline-block;
    height: 20px;
    margin: -2px 8px 0 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 18px;
}
label.switch input[type="checkbox"] {
    opacity: 0;
}
.switch input[type="checkbox"] + span {
    background-image: url("../images/icons_login.png");
    content: "";
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.switch input[type="checkbox"] + span {
    background-position: 0 -100px;
}
.switch input[type="checkbox"]:checked + span {
    background-position: 0 -80px;
}