body { font-size: 13px; }
body#jquploader { background-image: none; padding: 0; margin: 0; }
hr { background: #dce0ec; color: #dce0ec; border: solid 1px #dce0ec; height: 2px; }
br.clear, li.clear { clear: both; float:none; }
div.error, li.error { margin: 2px; padding: 5px; border: solid 1px; background: #ffbaba; color: #d8000c; }
ul#errors { margin: 2px; padding: 5px; border: solid 1px; background: #ffbaba; color: #d8000c; }
div.note, span.note { color:#343434; font-style:italic; }

#container { margin: 1em auto; padding: 1em; text-align: left; width: 960px; }
#user-logged-in { float: right; color: #333; font-size: 0.9em; }
#logo { padding-bottom: 1em; width:20em; }
#logo img { width:100%; }
#content { background: #fff; border: solid 2px #dce0ec; padding: 0.8em; }
#menu { float:left; font-weight: bold; padding-bottom: 0.5em; height: 1em; }
#menu ul { position:relative; list-style:none; float:left; }
#menu ul li { float:left; padding:0px 2px; position:relative; }
#menu ul li ul.sub_menu { float:left;}
#menu ul li ul.sub_menu li { float:none; clear:both; display:none; background-color:white;}
#menu ul li ul.sub_menu li.first {display:block;}

#browse-links ul { list-style-type: none; padding-left: 1em; padding-top: 0; margin-top: 0.5em; }
#content ul { padding-left:20px; list-style:none; }

#browse-results .nav { font-size: 1.2em; float: right; }
#browse-results .nav a { text-decoration: none; font-weight: bold; }
#browse-results a.selected { text-decoration: underline; }
#browse-results table { border-spacing: 2px; border-collapse: collapse; width: 98%; margin:0 auto; }
/*#browse-results table tr:nth-child(even) td {background-color: #CDCDCD; }*/
#browse-results td { border: solid 1px #dce0ec; padding: 2px; }
#browse-results .left { border-left: none; width: 8%; }
#browse-results .right { border-right: none; width: 10%; }
#browse-results .center { text-align: center; }
#browse-results .inner { border-left: solid 2px #dce0ec; width: 10%; }
#browse-results #not-found { font-size: 1.3em; padding-top: 1em; }
#browse-results td.options-cell {text-align:center; width:100px;}
#browse-results td.options-cell a {text-decoration:none;}

div#page_numbers { padding-left:20px;}
div#page_numbers div { float:left; margin:0.5% 0.25%; }
div#page_numbers div a { padding:2px; text-decoration:none; border:1px solid black; }
div#page_numbers div a:hover, div#page_numbers div.active a {background-color:#CDCDCD; }

#record-head div.header1 { float: left; }
#record-head div.nav { color: #dce0ec; float: right; }
#record-head div.nav a { font-weight: bold; }

#record-form { width: 100%; }
#record-form div.container { border-bottom: 1px solid #dce0ec;}
#record-form label, #record-form .text, #record-form div.input, #record-form div.input-radio { margin-top: 4px; margin-left: 6px; }
#record-form .text, #record-form div.input { margin-top: 4px; margin-left: 0px; }
#record-form label { width: 12em; display: block; float: left; white-space: nowrap; width:200px; }
#record-form .text, #record-form select { width: 70%; float: none; }
#record-form .link { margin-left: 6px; padding: 0.5em 0em 0.5em 0em; }
#record-form textarea.text { height: 10em; }
#record-form input.short { width: 11em; }
#record-form div.row { padding-bottom: 4px; border: 1px solid #dce0ec; border-bottom: none; }
#record-form div.transition {background-color:#aae0ff;}
#record-form div.existing {background-color:#dce0ec; border-color:white;}
#record-form div.existing button.ui-datepicker-trigger {display:none; }
#record-form div.input {padding: 5px; border: none; margin-left:200px;  }
#record-form div.category_heading { font-weight:bold; text-decoration:underline; margin-bottom:10px;}
#record-form div.submit { padding: 4px 0px 4px 0px; border: none; }
#record-form div.nav { padding: 4px 0px 4px 0px; }
#record-form div.no_details { border: none; border-top: 1px solid #dce0ec; padding: 10px 0px 12px 0px; } 
#record-form div.disclaimer textarea {height: 10em; }
#record-form .content textarea {margin-left: 6px; padding: 0.5em 0em 0.5em 0em; width: 613px; height: 20em; }
#record-form .content label {float: none; } 
#record-form .content-title {float: left; width: 45%; } 
#record-form .delete-content {text-align: right; padding-right: 2em;} 
#record-form ul { list-style:none; }
#record-form ul.category_list li {float:left; width:48%; padding:0 1%; margin-bottom:1%; }
#record-form ul.category_list li ul {float:left;width:50%; }
#record-form ul.category_list li ul li {float:none;width:100%; }
#record-form ul.category_list li div.group_heading {text-decoration:underline; padding:10px 0px; width:100%; }
#record-form ul.category_list li:last-child {float:none;clear:both;width:100%;}
#record-form div.category_list_single ul {width:46%; float:left;}
#record-form div#key {border: 1px solid black; margin-bottom:10px;padding:2px; }
#record-form div#key ul li {font-size: 8pt; font-style:italic; padding:3px 15px;margin:5px 0px; }
#record-form div#key ul li.transition {background-color:#aae0ff;}
#record-form div#key ul li.existing {background-color:#dce0ec; border-color:white;}


#dashboard #years { padding: 0 0 0.2em 0; margin: 0; font-size: 1.1em; }
#dashboard #years li { list-style-type: none; padding-right: 1em; float: left; }
#dashboard .month { width: 100%; margin:10px 0px;}
#dashboard .month h3 { background: #dce0ec; padding: 1em 1em 2em 1em; font-size: 1.2em; line-height: 1em; }
#dashboard .month h3.active { background: #dce0ec; cursor: pointer; }
#dashboard .month h3.inactive { background: #eee; color: #999; }
#dashboard .month .name { float: left; }
#dashboard .month .arrow { float: right; padding-top: 0.4em; }
#dashboard .month .arrow img { top: 1.2em; right: 1.2em; }
#dashboard .month .records img { position: relative; margin: 0; clear: both; }
#dashboard .year-selected { font-weight: bold; }
#dashboard #data { display: block; }
#dashboard #data table { border-spacing: 2px; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
#dashboard #data table .pages { width: 10%; }
#dashboard #data table .actions { width: 20%; }
#dashboard #data td { border: solid 1px #dce0ec; padding: 2px; }
#dashboard #data .left { border-left: none; width: 8%; }
#dashboard #data .right { border-right: none; width: 10%; }
#dashboard #data .center { text-align: center; }

#update-request { width: 90%; }
#update-request tr.hidden { display:none;}
#update-request tr.shaded td {background-color: #CCCCCC;} 

#change-request-submit { padding: 1em 0 1em 0; }

.document-table { padding: 0.5em; width: 100%; } 
.document-table tr { background: #dce0ec; } 
.document-table td, .document-table th { font-size: 0.9em; background:#dce0ec;}

.clear { clear: both; }

#jquploader .container { border: solid 2px #dce0ec; padding: 1em; margin: 1em; text-align: center; }
#jquploader .content { text-align: left; }

.priority { font-weight: bold; font-size: 1.3em; }
.priority-high { color: #c00; }
.priority-moderate { color: #ec0; }
.priority-normal { color: #090; }

#content-add { border: 1px solid #dce0ec; border-bottom: none; border-top: none;} 
#content-add div { margin-left: 6px; padding: 0.5em 0em 0.5em 0em; } 

#report table { width: 96%; margin: auto; }
#report table, #report td { border: 2px solid #dce0ec; }

#search input.search { width: 30em; }
#edit_surplus_form {display:none}

#edit table { width: 100% }
#edit table tr td:first-child {width:100px;}
#edit table tr td input[type=text] {width:100%}
ul#messages { border:1px solid red; margin:5px 0px; padding:5px 10px;}
ul#messages li { list-style:none; }