html, body { background-color: #333; height: 100%; }
#page { padding-top: 130px; height: 86%; margin: 0 auto; background: center top url("../images/login/body-background.jpg") no-repeat; }

div.container { background: none; }
#logincontainer { background-image:url("../images/login/background-sbrc.png"); height:210px; margin:0 auto; width:600px; }
#logocontainer { float: right; height: 100px; padding-right: 30px; padding-top: 20px; text-align: right; width: 260px; }
#loginform { float:left; height:105px; padding-left:30px; padding-top:20px; width:206px; }

form.login { padding: 0px; font-family: Arial, sans-serif; }
form.login label { font-size: 11px; font-weight: normal; }
form.login fieldset { margin: 0px; padding: 0px; }
form.login fieldset input { font-size: 13px; }
form.login fieldset li { border: 0; padding: 0px; }
form.login input { width: 200px; }

div.button input { background-image:url("../images/empty_medium.gif"); width: 97px; height: 22px; font-size: 11px; font-weight: bold; border: none; margin: 0; }
div.button { float: left; margin-top: 15px; }

#productname { background-image: url("../images/login/login-lower.png"); background-position: right center; background-repeat: no-repeat; height: 24px; margin:0 auto; width: 600px; }
#productname .text { color: #3D5266; font-family: Arial,sans-serif; font-size: 10px; line-height: 24px; margin-right: 10px; text-align: right; }
#lowerbar { background-image: url("../images/login/bottombar.png"); background-position: 0 26px; background-repeat: no-repeat; height: 80px; margin: 60px auto 0; width: 600px; }
#lowerbar img { float: right; padding-right: 12px; padding-top: 3px; }

.error { color: #cc0000; }
