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

* { margin:0; padding:0;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


#login .logo { width:180px; margin:0 auto; margin-top:80px;}

#login { background:#F3F0F0;}
#login * { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#login .login-box { width: 270px; height: 220px; padding:20px; margin:30px auto; background:#FFF; border-radius:4px; -moz-border-radius:4px; -o--border-radius:4px; -webkit-border-radius:4px; border:1px solid #dedede;}
#login label { font-size:13px; margin-left:3px; font-weight:bolder; color:#999; margin-bottom:5px; }
#login input { width:250px; font-size:14px; margin-bottom:10px; padding:6px 10px; margin-top:5px; border-radius:4px; -moz-border-radius:4px; -o--border-radius:4px; -webkit-border-radius:4px; border:1px solid #dedede; color:#666;}
input[type="submit"], input[type="button"] { width:auto !important; float:right;}

.dropshadow { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

#login input[type="submit"], #login input[type="button"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #f28cc6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f28cc6;
	box-shadow:inset 0px 1px 0px 0px #f28cc6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5c9d), color-stop(1, #b13d60) );
	background:-moz-linear-gradient( center top, #ff5c9d 5%, #b13d60 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c9d', endColorstr='#b13d60');
	background-color:#ff5c9d;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #a31b46;
	display:block;
	color:#ffffff !important;
	font-size:15px;
	font-weight:bold;
	padding:8px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ad075f; cursor:pointer; float:right; margin-top:15px;
}
#login input[type="submit"]:hover, #login input[type="button"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b13d60), color-stop(1, #ff5c9d) );
	background:-moz-linear-gradient( center top, #b13d60 5%, #ff5c9d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b13d60', endColorstr='#ff5c9d');
	background-color:#b13d60;
}

#login input[type="submit"]:active, #login input[type="button"]:active {
	position:relative;
	top:1px;
}
#login input[type="checkbox"] { width:20px;}

#login input[type="text"]:focus, #login input[type="password"]:focus {
	-moz-transition: border 0.6s linear 0s, box-shadow 0.32s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	    border-color: rgba(43, 138, 164, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(43, 138, 164, 0.6);
    outline: 0 none;}

#login .error { color:#C00; text-align:center; }

.clear { width:100%; height:0; clear:both}
.hide { display:none;}

a.forgot-pw { float:left; color:#B13D5F; text-decoration:none; margin-top:-45px;}
a.need-acc { margin-top:-25px;float:left; color:#B13D5F; text-decoration:none;}
a.need-acc:hover, a.forgot-pw:hover { text-decoration:underline;}
#login .form select { margin:0 10px; }

#login .mem-selects { width:196px; margin:0 auto;}
#login .mem-letters { width:196px; margin:0 auto; margin-bottom:10px}
#login .mem-letter { margin:0 27px; font-weight:bold; margin-bottom:10px; color:#666}
#login .message p { color:#666; font-size:11px; text-align:center; margin-bottom:15px;}

#login input[disabled] { border:none !important; color:#333 !important; font-weight:bold;}


#login h2 { text-align:center; font-size:28px; font-weight:lighter; margin-bottom:10px; color:#666;}

.error-inline {color:#CC0000;
font-size: 11px;
margin-bottom: 10px;
clear: both;
display: block;}