/*-------------------------DIV:CONTAINER-------------------------*/

div.container{
	width:800px;
	min-height:500px;
	margin:auto;
	border-left:1px solid #444;
	border-right:1px solid #444;
	background-color:#777;
}

/*-------------------------DIV:LOGINFORM--------------------------*/

div.login{
	width:700px;
	min-height:280px;
	margin:auto;
	color: #fff;
}

/*------------------------forgotpw---------------------------------*/
/* note that this must be declared *after* div.login */
div.forgotpw{
	width:200px;
	min-height:80px;
	font-weight: 700;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	text-shadow: 2px 2px #111;
	margin-top: 130px;
	padding: 10px;
}

div.login-left{
	margin-top: 80px;
	float: left;
	width: 300px;
	font-size: 16px;
	font-weight: 700;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	padding: 15px;
	text-shadow: 2px 2px #111;
}

div.login-left p{
	margin: 15px 0px 0px 0px;
}

div.login-right {
	background-color: rgba(0, 0, 0, 0.25);
	float: right;
	width: 205px;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
}

div.login-right a, div.forgotpw a {
	color: #fff;
	text-decoration: none;
}

div.login-right a:hover, div.forgotpw a:hover {
	text-decoration: underline;	
}


div.login-right a:active, div.forgotpw a:active {
	text-decoration: underline;	
}


div.login-right h2, div.forgotpw h2 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

div.forgotpw p, li {
	font-weight: normal;
	text-shadow: none;
	font-size: 110%;
}

div.login form{
	text-align:left;
}

div.login input {
	background-color: rgba(0, 0, 0, 0.50);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 5px;
	font-size: 13px;
	color: #fff;
}

/* remove focus highlighting since it looks bad on Chrome */
*:focus {
    outline: none;
}

div.login input:focus {
	border: 1px solid rgba(71, 71, 71, 0.50);
}

div.login input[type=text], input[type=password] {
	padding-left: 5px;
	width: 195px;
	height: 22px;
	line-height: 20px;
	border-radius: 5px;
}

div.login input[type=submit] {
	vertical-align: bottom;
	height: 26px;
	margin: 0px;
	color: #fff;
}

p.errorbox {
	width: 186px;
	font-weight: bold;
	background-color: rgba( 0, 0, 0, 0.50 );
	border-radius: 5px;
	padding: 7px;
	border: 1px solid rgba( 255, 0, 0, 0.50 );
}

/*-------------------------DIV:LOGINFOOTER--------------------------*/

div.loginfooter{
	width:500px;
	height:20px;
	margin:auto;
	padding-top:5px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	text-align:center;
	background-color:#DDD;
}