/*
 * base classes for elements
 * font-size set in px for the body, everywhere else uses ems
*/ 

body { background-color:#2b2b2b; font-size:12px; line-height:1.2em; font-family: Helvetica, Verdana, Arial, sans-serif; color:#fff; text-align:center; }
#ultimate_wrap { text-align:left; background:#444 url(/resources/img/body_bg.png) repeat-x top center; }


h1 { font-size:2em; font-weight:bold; }
h2 { font-size:1.8em; font-weight:bold; }
h3 { font-size:1.6em; font-weight:bold; }
h4 { font-size:1.4em; font-weight:bold; }
h5 { font-size:1.2em; font-weight:bold; }
h6 { font-size:1em; font-weight:bold; }

p { margin:10px 0 }
a, a:visited { color:#fff; text-decoration:underline; }
a:hover { color:#5770e7; }
a:active { color:#f0ed27; }

strong {  }
em {  }

/*.button { background-color:#3a7ca6; border-width:0; padding:7px; margin:3px; font-weight:bold; text-decoration: none; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; }
.button:hover { background-color:#e55f5f; }*/

input, textarea { border:inset 1px #777; background-color:#222; color:#fff; }

input[type=submit], input[type=button], .button { background:#fff url(/resources/img/button_bg.png) repeat-x center; border:solid 2px #fff; font-size:1em; color:#000; padding:7px; margin:3px; font-weight:bold; text-decoration: none; cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; }
input[type=submit]:hover, input[type=button]:hover, .button:hover { border-color:#999; border-bottom-color:#777; border-top-color:#bbb; background:#5770e7 url(/resources/img/button_bg_hover.png) repeat-x center; text-decoration:none; }
input[type=submit]:active, input[type=button]:active, .button:active { background:#fff url(/resources/img/button_bg.png) repeat-x center; border:solid 2px #fff; text-decoration:none; }

input[type=button].x_button, .x_button { padding:3px 7px; background:#fff url(/resources/img/x.png) no-repeat center center; }
input[type=button].x_button:hover, .x_button:hover { background-color:#999; }

.invalid_field { border:solid 2px #f00; }

label.error { margin:0 5px; color:#f00; }

.error_message { margin:5px; padding:5px; border:solid 1px #f00; background-color:#d99; }

#login_box h1 { font-size:0; background: transparent url(/resources/img/logo.png) no-repeat center center; height:88px; width:88px; margin:10px auto; }