* { padding: 0; margin: 0; }
.cleaner { display: block; height: 1px; overflow: hidden; clear: both; }
body { font: 10px Verdana, sans-serif; background: #666 url(login_bgrd.gif) left top repeat-x; }

form, input { font: 10px Verdana, sans-serif;  }

form { display: block; width: 600px; height: 300px; position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -300px; background: url(form_bgrd.jpg) left top no-repeat; color: #FFF; border: solid 5px #444; border-width: 0 5px 10px 0; }
form h1 { display: block; overflow: hidden; height: 262px; text-indent: -1000px; }

form label { display: block; color: #FFF; font-weight: bold; }

form div { position: absolute; bottom: 0; left: 0; width: 510px; padding: 0 45px 10px 45px; }

form label { width: 40%; display: block; float: left; }
form .field {  width: 90%; border: 1px solid #0396c9; background: #1d4f73; padding: 3px; margin: 0 0 10px 0; color: #FFF; -moz-border-radius: 6px; }
form .btn { display: block; float: left;  border: 1px solid #0396c9; background: #0396c9; color: #FFF; font-weight: bold; font-size: 14px; text-transform: uppercase; -moz-border-radius: 6px; }
form .btn { margin-top: 13px; width: 20%; height: 22px; }
form .hr { border-top: solid 1px #09C; margin-bottom: 10px;  }

.error { display: block; width: 510px; padding: 10px 45px; position: absolute; bottom: 66px; left: 0px; font-weight: bold; background: #000; color: #F00; border: solid #FFF; border-width: 1px 0; }
form div.err { background: #09C; padding-top: 10px; height: 46px; }
form div.err .field { border-color: #FFF; }
form div.err .btn { background: #1d4f73; border-color: #1d4f73; }
form div.err .hr { display: none; }




.form { -moz-border-radius: 22px; overflow: hidden; border: solid 5px #FFF; }
.form div.err { -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; }