#masthead{height:30px; width:100%; background-color:#B8D6E9;margin:0px; padding:0px;}
.main{background-color:#fff; border-top:#FFFFFF 2px solid;margin:0px; padding:10px;}
#footer{height:26px; background-color:#E0E3F5; border-top:#FFFFFF 2px solid;margin:0px; padding:0px;font-size:0.8em; text-align:center; padding-top:4px;}
 h1 {font:bold 1.5em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif}
h2 {font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif}
h3 {font:bold 1.1em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif}
img{border:none;}
body {font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; color: #000; margin: 0; padding: 0; font-size: 0.8em; width:100%}
a:link, a:visited {color: #0054ff}
a:hover {background-color: #0054ff; color: #fff}
input {font-size: 1.1em}
table.data {width:100%; font-size: 0.9em; border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; border-collapse:collapse}
table.data td {color:#000; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8;  font-size:0.8em}
table.data tr.even td {background:#f7fbff }
table.data tr.approved td {background:#CBFFE5}
table.data tr.declined td {background:#E0E0E0}
table.data tr.open td {background:white}
table.data th {padding-left: 14px; padding-right: 4px}
table.data thead tr {width:100%; background:#f4f9fe; font:bold 0.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color:#66a3d3}
table.data th.sortup {background-image: url("/images/bullet_arrow_up.png"); background-repeat: no-repeat; background-position: center left}
table.data th.sortdown {background-image: url("/images/bullet_arrow_down.png"); background-repeat: no-repeat; background-position: center left}
 .dataTable th.any {background-image: url("/images/SortAny.gif"); background-repeat: no-repeat; background-position: center left}
table.data select {font-size:.95em}
div.progress_div {left:300px; margin-left:350px; width: 300px}
 div.pdf { padding: 5px;  width: 300px; margin: 0 4px 8px 4px; font: 11px Verdana, sans-serif; text-align: center}
div.pdf div.name {display:inline; width: 100px; overflow: hidden; font-weight: bold; margin: 20px 0 10px 0}
div.pdf div.status {width:100px}
div.pdf div.progress {border: 1px solid #C2E3EF; text-align: left; height: 3px; width: 298px}
div.progress div {background: #7BB963; height: 3px; width: 0}
div.message {background: #FFF8CC; border: 1px solid #FFE222; padding: 10px; margin-bottom: 10px;  font-size:0.8em}
div.failed {border: 1px solid #e5574b; background: #f2aaa4}
div.success {border: 1px solid #39d147; background: #8ce494}
 div.report {float: left; border: 1px solid #C2E3EF; padding: 5px; background: #FFF; width: 100px; height: 100px; margin: 0 4px 8px 4px; font: 11px Verdana, sans-serif; text-align: center}
div.report div.name {width: 100px; overflow: hidden; font-weight: bold; margin: 20px 0 10px 0}
div.report div.status {margin-bottom: 10px}
div.report div.progress {border: 1px solid #C2E3EF; text-align: left; height: 6px; width: 98px}
div.progress div {background: #7BB963; height: 6px; width: 0}
div.message {background: #FFF8CC; border: 1px solid #FFE222; padding: 10px; margin-bottom: 10px; line-height: 1.3}
div.failed {border: 1px solid #e5574b; background: #f2aaa4}
div.success {border: 1px solid #39d147; background: #8ce494}
#crum {float: right}
#crum .wizard_page {margin:10px; width: 32px; height: 32px; float: left; background-color: #B8D6E9; border: 2px solid #B8C4E9; line-height: 32px; color: white; text-align:center}
#crum .current_wizard_page {margin:10px; width: 32px; height: 32px; float: left; background-color: #6a83d1; border: 2px solid #B8C4E9; line-height: 32px; color: white; text-align:center}
#crum .crum_description {float:left; margin:10px; line-height: 32px}
#searchform {display:block; padding:10px; margin-bottom:10px; background-color: #B8D6E9; border: 2px solid #B8C4E9; font:bold 1em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color: white}
#searchform label {margin-right: 5px}
form.edit_user {display:block; padding:10px; margin-bottom:10px; border: 2px solid #9BE0BD; background-color: #D4F7E5; font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color: #4DC88A}
form.edit_user label {float: left; width: 10em; margin-right: 1em; text-align: right}
form.new_user {display:block; padding:10px; margin-bottom:10px; border: 2px solid #9BE0BD; background-color: #D4F7E5; font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color: #4DC88A}
form.new_user label {float: left; width: 10em; margin-right: 1em; text-align: right}
form.edit_title {display:block; padding:10px; margin-bottom:10px; border: 2px solid #9BE0BD; background-color: #D4F7E5; font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color: #4DC88A}
form.edit_title label {margin-right: 5px; margin-left: 20px}
form.edit_edition {display:block; padding:10px; margin-bottom:10px; border: 2px solid #9BE0BD; background-color: #D4F7E5; font:bold 1.3em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color: #4DC88A}
form.edit_edition label {float: left; width: 10em; margin-right: 1em; text-align: right}
form.wizard_form {display:block; padding:10px; margin-bottom:10px; border: 2px solid #9BE0BD; background-color: #D4F7E5; color: #4DC88A}
form.wizard_form label {float: left; width: 10em; margin-right: 1em; text-align: right;}
form.wizard_form .label_medium {float: left; width: 20em; margin-right: 1em; text-align: right;}
}
.helptext {font-size:0.8em; color: black}
#notice {background:#e0f9c6; border: 2px solid #a9e072; padding:10px; margin-bottom: 10px; font-weight:bold; color:#82b94b}
#errors {background: #F8ADAF; border: 2px solid #EF5054; margin:10px; padding:10px; font-weight:bold; color:#EF5054}
div#langs {float:right; margin-right:10px; margin-top:5px}
div.pdf_thumbail_row {font-size:.8em; height:250px}
div.pdf_preview {margin:10px; float:left; padding: 2px; border: 2px solid #B8D6E9}
div.pdf_item {width:400px; margin-bottom:20px}
div.pdf_details table {width:350px; margin: 0px; padding: 0px; height: 275px; overflow: hidden}
div.pdf_details table td {width:50%}
.errorExplanation {padding: 20px; margin:20px; color: #EF5054; font-weight:bold; background: #F8ADAF; border: 2px solid #EF5054}
.wide .errorExplanation h2 {background: none}
#progress_spinner {float:right; margin-right: 20px; margin-top:20px}
.label {font-weight:bold}
#login_screen {width:300px; background-color: #E3EFF6; border: 2px solid #B8C4E9; padding:40px; margin-left: auto; margin-right: auto}
table.search {width:70%; border-collapse:collapse; border: 0px}
a.expander {display:block; width:11px; height:11px; background:url('/images/expand.png')}
a.expander.close {background:url('/images/collapse.png')}
table.object_details {width:90%; border: 1px solid #E5EFF8}
table.object_details tr.diff {background-color: #E79B9D}
table.object_details tr.header {font-weight: bold}
.audit_details {background-color: #F9FCFE}
p.validation_error {margin-left:15em; font-size: 0.8em; color:red}
span.helptext {color: #9E9E9E; font-size: 0.8em; font-style: italic}
div.warning {font-size: 1.2em; color: red}
div#main_menu {font-size: 0.8em}
#main_menu a.active {font-size: 1.1em; font-weight: bold}
tr.approved td {background-color: red}
.error {color: red; font-size: 1.1em}
.warning {color: orange; font-size: 1.1em}
.simple_popup_div {position: absolute; top: 0; left: 0; background: #fff; width: 300px}
.simple_popup_inner {padding: 20px; border: #999 2px solid; text-align: left}
.simple_popup_close {text-align: right}
#refresh_count {font-size:0.8em; font-style:italic}
table.jCalendar {border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px}
table.jCalendar th {background: #333; color: #fff; font-weight: bold; padding: 3px 5px}
table.jCalendar td {background: #ccc; color: #000; padding: 3px 5px; text-align: center}
table.jCalendar td.other-month {background: #ddd; color: #aaa}
table.jCalendar td.today {background: #666; color: #fff}
table.jCalendar td.selected {background: #f66; color: #fff}
table.jCalendar td.selected:hover {background: #f33; color: #fff}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff; color: #000}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #bbb; color: #888}
  a.dp-choose-date {float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(/images/calendar.png) no-repeat}
a.dp-choose-date.dp-disabled {background-position: 0 -20px; cursor: default}
 input.dp-applied {width: 140px; float: left}
div.dp-popup {position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em}
div#dp-popup {position: absolute; z-index: 199}
div.dp-popup h2 {font-size: 12px; text-align: center; margin: 2px 0; padding: 0}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display: block}
a#dp-close:hover {text-decoration: underline}
div.dp-popup a {color: #000; text-decoration: none; padding: 3px 2px 0}
div.dp-popup div.dp-nav-prev {position: absolute; top: 2px; left: 4px; width: 100px}
div.dp-popup div.dp-nav-prev a {float: left}
 div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default}
div.dp-popup div.dp-nav-next {position: absolute; top: 2px; right: 4px; width: 100px}
div.dp-popup div.dp-nav-next a {float: right}
div.dp-popup a.disabled {cursor: default; color: #aaa}
div.dp-popup td {cursor: pointer}
div.dp-popup td.disabled {cursor: default}