@charset "utf-8";
/* CSS Document */

/* CSS Reset */
body, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
img { border: 0; }
a { text-decoration: underline; }

body, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #303030; line-height: 16px; }
a { color: #CC6600; text-decoration: underline; }
a:hover { color: #AA4400; }
input { border: 1px solid #b0b0b0; padding: 2px; }
div.header-bar { background-color:black; color:#F0F0F0; font-size:9pt; font-weight:bold; height:24px; line-height:22px; padding:0 0 0 6px; }
div.header-bar div.logo { float: right; margin-top: 2px; background: url("../images/login-header-bg.gif") no-repeat scroll -10px -7px black; width: 92px; height: 18px; }
div.banner-bar { height: 60px; color:#F0F0F0; background: #e0e0e0 url("../images/banner-bg.jpg") no-repeat scroll top right; border-bottom: 2px solid #FF9040; }
div.banner-bar div.logo { float: right; margin: 8px 6px 0 0; background: url("../images/logo-operative.png") no-repeat scroll; width: 170px; height: 46px; }
div.container { text-align: center; padding: 10px; }
div.container div.group { text-align: left; margin: auto; margin-top: 80px; padding: 10px; width: 710px; }
div.column-one { width: 470px; padding-top: 10px; float: left}
div.column-two { margin-left: 470px; width: 255px; padding: 10px; background: url(../images/login-infoarea-bg.jpg) no-repeat; min-height: 450px; }

div.login { width: 470px;}
div.login div.header { background: url(../images/login-header-bg.gif) no-repeat 0px 0px; height: 36px; }
div.login div.body { padding: 30px 30px 16px 20px; background: url(../images/login-body-bg.png) no-repeat 0px 0px; }
div.login div.footer { padding: 6px 30px 0 20px; background: url(../images/login-body-bg.png) no-repeat 0px -112px; height: 48px; }

div.form-element { clear: left; margin-bottom: 8px; }
div.form-element div.label { float: left;  }
div.form-element div.value { margin-left: 110px; }
div.form-element div.value input { width: 250px; white-space: nowrap; }

a.button { text-decoration: none; }
a.login div { background: url(../images/button-login.png) no-repeat; width: 84px; height: 30px; position:absolute; }
a.login:hover div { background-position: 0px -40px; }
a.login:active div { background-position: 0px -80px; }
a.login span { background: url(../images/button-login.png) no-repeat; width: 84px; height: 30px; position: relative; }
a.login:hover span { background-position: 0px -40px; }
a.login:active span { background-position: 0px -80px; }

div.announcements { margin: 8px 1px; }
div.notice { color: #808080; }
