body { background: #222; font: 12px/1.7em arial, sans-serif; margin-top: 75px;}

#login {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }

#login_panel
{
	background: #FFF;
	border: 1px solid #CCC;
	width: 100%;
    max-width: 400px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	box-shadow: 1px 1px 1px rgba(0,0,0,.6);
}

#login_panel .login_fields { padding: 22px 15px 15px; }
	#login_panel .login_fields input { width: 100%; }

#login_panel .field { margin-bottom: 1.75em; }
	#login_panel .field:last-child { margin-bottom: .85em; }
	
	#login_panel .field label { font-weight: bold; color: #555; display: block; position: relative; } 	
		#login_panel .field label small { position: absolute; right: 0; top: -2px; }
			#login_panel .field label small a { color: #999; }

#login .login_actions { background: #E8E8E8; width: auto; padding: 12px 15px; border-top: 1px dotted #CCC; }

/* fixes */

#login_panel .login_actions div.autologin input {
   width: 15px;
}
#login_panel .login_actions div.autologin label {
   display: inline-block;
}

#login_panel .login_actions div.right {
   float: right;
   margin: 0.75em;
}

#login img
{
	margin-bottom: 20px;
    width: 100%;
    max-width: 280px;
}