html { background:#efefef; font-family:Tahoma, Verdana, sans-serif; font-size:11px;}

/* Safari: will you pls. just fuck off with your stupid input focusing? kthxbai! */

input, textarea {outline-style:none;outline-width:0px;}
a:active { outline: none;}


#header  {background-image:url(../images/backgrounds/login_bg.gif); height:19px; border-bottom:1px solid #b4cfec; }

#content {width:500px; margin:40px auto; }

#logo {float:left; text-align:right; width:100px; padding-top:25px;}

#container { width:400px; margin-left:100px;  border:1px solid #ccc; background:#eeeeee; -webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;}
#container .inner  { margin:6px; padding:15px;  background:#fff;-webkit-border-bottom-left-radius:15px;-webkit-border-bottom-right-radius:15px;} 
#container p.logo {text-align:center;font-size:90%; color:#999; margin:10px 0;}
#container h2 { font-size:120%; color:#555; border-bottom:1px solid #cccccc; padding-bottom:3px;  margin-bottom:10px;font-weight:bold;}
#container h2 span { font-size:11px; font-weight:normal; float:right; padding-top:2px; color:#999; font-weight:normal;}
#container p { margin:0 0 10px 0; font-size:110%; line-height:1.5; color:#333;}
#container p a { color:#333; padding:1px;}
#container p a:hover { background:#333; color:#fff; text-decoration:none;}

#container dl { margin:20px 0 0  0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
#container dt { width:100px; float:left; text-align:right; font-weight:bold; color:#333;  padding-top:5px;}
#container dd { margin-left:110px; text-align:left; margin-bottom:8px; padding-bottom:4px; }
#container dd input.text { -webkit-border-radius:4px; -moz-border-radius:4px; font-size:110%; width:220px;font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px; border:1px solid #d2d2d2; background-color:#FFFFFF; }
#container dd input.text.focused { background:#efefef; border:1px solid #999; }
#container dd input.short { width:100px;}
#container dd a { font-size:100%; color:#999; margin-left:5px;}
#container dd.submit { height:20px; }
button {display:block; float:left;-webkit-border-radius:5px;-moz-border-radius:5px; background-color:#777; border:1px solid #222; border-top:1px solid #999; border-left:1px solid #999; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height:130%; text-decoration:none; font-weight:bold; color:#fff;  cursor:pointer; padding:5px 7px 6px 7px;  }
button:hover { background:#888;}

#flash-error p{ color:red; font-weight:bold; font-size:90%; border:4px solid red; padding-bottom:3px; padding:5px;}

#container .errorExplanation { margin:10px 0; border:4px solid #be3737; color:#be3737;padding:10px;}
#container .errorExplanation h2 { font-size:140%; font-weight:bold; margin:0; display:none;}
#container .errorExplanation p { margin:0; margin-bottom:5px; color:#999;}
#container .errorExplanation ul {}
#container .errorExplanation ul li { list-style:square; margin-left:20px; line-height:1.5;}