html, #login, #login #box { height: 100%; }
#login #box, #login #cell h1 { width: 300px; }
#login #box { display: table; margin: 0 auto; }

#login #wrapper { display: table-cell; vertical-align: middle; }

#login #cell { color: #FFF; }
#login #cell fieldset { background: #fff; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-box-shadow: 0 4px 18px #C8C8C8; -webkit-box-shadow: 0 4px 18px #C8C8C8; border: 1px solid #E5E5E5; padding: 10px 20px; }
#login #cell fieldset label, #cell fieldset input { display: block; width: 245px; }
#login #cell fieldset label { color: #666; margin: 4px 0 3px 0; }
#login #cell fieldset input.field { padding: 3px; background: transparent; border: 1px solid #E5E5E5; color: #555; font-size: 20px; }
#login #cell fieldset input.submit {
	width: 98%;
	float: left;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px 20px;
	cursor: pointer;
	font: 12px "Open Sans",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	margin: 5px auto 10px auto;
	color: #FFF;
	background-color: #31485E;
	margin-top: 20px;
	text-transform: uppercase;
}
#login #cell fieldset .error { clear: both; display: block; color: red; text-align: right; float: none; margin: 0; }

#login #cell h1 { background: url('../layout/logo-huge.png') no-repeat top center; width: 300px; height: 88px; margin: 0 auto 10px auto; }