body { font: 14px/160% Verdana, Arial, sans-serif; color: #555; text-align: center; background: #9ccef0 url(default/images/bg_index.jpg) repeat; padding-top: 50px; }
#login_box { width: 320px; margin: 0 auto; padding: 20px 20px 50px 20px; background: transparent url(default/images/login_bg.png) 0 0 no-repeat; text-align: left; }
#login_header { text-indent: -9999px; background: #E9F3FB url(default/images/logo.jpg) center center no-repeat; height: 110px; }
form { background-color: #e9f3fb; padding: 10px; }
label { display: block; font-weight: bold; }
label.rem { display: inline; padding-right: 15px; }
.rem { margin-top: 10px; float: left; }
input { border: 1px solid #b2d1f0; color: #555; font: 26px Verdana, Arial, sans-serif; padding: 2px 3px; }
#user, #pass, #email { width: 290px; }
#submit, #reset { float: right; border: 1px solid #3e8ec1; color: #000; background-color: #b2d1f0; font-size: 18px; }
#reset { float: none; }
a { color: #555; }
a:hover { color: #000; background-color: #9ccef0; }
.center { text-align: center; }
.clear { clear: both; }
:focus { outline: 0; }
.err-msg { width: 60%; margin: 0 auto 50px auto; font: bold 16px/160% Verdana, Arial, sans-serif; color: #000; }
.err-msg h2 { color: #fff; font-size: 24pt; font-weight: bold; }
#oops { margin: 50px 0 0 0; }
#oops p { font: 16px/160% Verdana, Arial, sans-serif; color: #000; }
#oops h1 { font-size: 24pt; color: #fff; font-weight: bold; margin-bottom: 40px; }
#oops a { color: #000; text-decoration: underline; }
#oops a:hover { color: #000; text-decoration: none; }