@charset "utf-8";
/* CSS Document */

/* CSS Reset */
body, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 13px; }
img { border: 0; }
a { text-decoration: underline; }

body { background-color: #F4F4F4; }
body, input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #404040; line-height: 16px; }
a { color: #CC6600; text-decoration: underline; }
a:hover { color: #AA4400; }
input { border: 1px solid #b0b0b0; padding: 2px; }
input[type='password'] { font-family: tahoma; }
.disabled { opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); color: #808080; }
.clear { clear: both; }

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: 0 10px;}
div.container div.group { text-align: left; margin: auto;  margin-top: 70px; padding: 10px; width: 740px; }
div.column-one { width: 470px; padding-top: 10px; margin-left:auto; margin-right:auto;}
div.column-two { margin-left: 470px; width: 180px; padding: 0px 2px 10px; xbackground: url(images/login-infoarea-bg.jpg) no-repeat; }

div.login { width: 470px; }
div.login div.header { background: url(images/operative_qsg.png) no-repeat 0 0; height: 61px; }
div.login div.message { background: url(images/login-header-bg.gif) no-repeat 0 -36px; }
div.login div.message .innertext { background: url(images/icons-sprites.png) no-repeat 10px center; padding: 8px 0 4px 34px; color: #555555; }
div.login div.message-footer { background: url(images/login-header-bg.gif) no-repeat 0 bottom; height:4px; margin-bottom:2px; }
div.login div.body { padding: 18px 30px 2px 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: 6px; }
div.form-element div.label { float: left; font-family: Verdana; }
div.form-element div.value { margin-left: 110px; }
div.form-element div.value input[type='text'],
div.form-element div.value input[type='password'] { background-color: #FFFFFF; width: 250px; white-space: nowrap; font-size:10pt; padding: 2px 4px; }

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 0; border-left: 1px dotted #C0C0C0; padding-left: 8px; font-family: 'lucida grande', lucida, tahoma, helvetica, arial, sans-serif !important; }
div.announcements h3 { text-shadow:0 1px 1px #E0E0E0; font-size: 13px; margin-bottom: 2px; }

div.miniblock { margin: 0 0 8px 0; font-family: 'lucida grande', lucida, tahoma, helvetica, arial, sans-serif !important; }
div.miniblock h3 { text-shadow:0 1px 1px #E0E0E0; font-size: 12px; margin-bottom: 2px; }
div.miniblock .miniblock-header { background-color: #FF8C00; padding: 4px 4px 4px 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: white; font-size: 12px; font-weight: bold; text-shadow: 0 -1px 1px #E09040; margin-bottom: 2px; }
div.miniblock .miniblock-body { height: 100%; border: 1px solid #e0e0e0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 5px; background-color: white; }

div.notice { -moz-border-radius:5px; border-radius: 5px; background-color:#FFFFFF; border:1px solid #E0E0E0; color:#808080; margin-right:15px; padding:8px 10px; }
div.banner { display: none; }
div.copyright { border-top:1px dotted #C0C0C0; color:#909090; margin:12px 30px 0 0; padding-top:5px; text-align: right }
div.copyright a { color: #909090; text-decoration: none; }
div.copyright a:hover { text-decoration: underline; }

/* twitter styles */
div.logo-operativefeed { background: url(images/logo-operativefeed.png) no-repeat 0 0; height: 24px; margin: 0 0 5px 4px; }
.twtr-widget .twtr-doc { font-size: 10px; }
.twtr-widget .twtr-hd { display: none; }
.twtr-widget .twtr-ft { display: none; }