/* simple.css - basic styles */

body {
    padding:0em;
    min-width: 1200px;   
}

body, td, div, span, ul, li, input, select {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

#header {
    min-height: 55px;
}

#content {
    min-height: 392px;
    min-width: 750px;
}

#sidenav {
    min-height: 450px;
    min-width: 90px;
}

/* Hack for IE, which ignores min- */
* html #header {
    height: 55px;
}
* html #content {
    height: 350px;
}

/* Hack for IE, which ignores min- */
* html #sidenav {
    width:12em;
}

pre {
    padding: 10px;
    font-size: 10px;
}

a:active {
    text-decoration:underline;
}

a:link, a:visited, a:hover {
    text-decoration:none;
}

img {border:0px;}

p, td, th {font-size:12px;}

sup {
    font-size:8px; 
    line-height:1px;
}

h1{
    font-size: 1.4em;
    font-style: normal;
    font-weight: bold;
    margin-top:0px;
    margin-bottom:1px;
}

h2 {
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    margin-top:0px;
    margin-bottom:1px;
}

h3 {
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    margin-top:0px;
    margin-bottom:1px;
}

h1.banner {
    font-size: 280%;
    font-style: normal;
    font-weight: bold;
}

h1.adminbanner {
    font-size: 125%;
    font-style: normal;
    font-weight: bold;
}

h1.tagline {
    font-size: 110%;
    font-style: normal;
    font-weight: normal;
}

h1.admintagline {
    font-size: 110%;
    font-style: italic;
    font-weight: normal;
}

h2.admintagline {
    font-size: 60%;
    font-style: italic;
    font-weight: normal;
}

h1.headline {
    font-size: 160%;
    font-style: normal;
    font-weight: bold;
}

h2.headline {
    font-size: 140%;
    font-style: normal;
    font-weight: bold;
}

h3.headline {
    font-size: 120%;
    font-style: normal;
    font-weight: bold;
}

.footer{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 120%;
}

.footer a, .footer a:visited, .footer a:hover, .footer a:active {
    display:block;   
    text-decoration:none
}

.footer a:hover {text-decoration:underline}

/* used to flag incomplete service calls */
td.warning {
    font-size: 10px;
    color: red;
}

.tbldata, .display, .data_entry, .button, .paginator, .criteria {
    padding: 0 0 0 0;
    border: 0px;
    margin: 0 0 0 0;
    width: 100%;
}

th.tbldata, th.tbldata_numeric {
    margin:0;
    padding: 0px 0px 0px 0px;
    text-align:left;
}

th.tbldata_numeric {
    text-align:right;
}  

td.numeric {
    text-align:right;
}  

tr.subset {

}

td {
    vertical-align:top;    
}

td.paginator {
    text-align:center;
} 

td.button {
    height:10px;
}


.line_separator {
    font-size: 1px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.fieldWithErrors, .field_with_errors {
    padding: 6px;
    background-color: red;
    display: inline;
}

#notice {
    border: 1px solid red;
    padding: 1px;
    padding-bottom: 2px;
    margin-bottom: 1px;
    font-family: sans-serif;
}

#errorExplanation {
    width: 100%;
    border: 1px solid red;
    padding: 2px;
    padding-bottom: 2px;
    margin-bottom: 1px;
}

#errorExplanation h2 { 
    padding: 2px;
    padding-bottom: 3px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: -2px;
}

#errorExplanation p {
    font-family: sans-serif;
    margin-bottom: 0;
    padding: 2px;
}

#errorExplanation ul li { 
    font-family: sans-serif;
    list-style: disk;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    border: 1px solid grey;
    width: 100%;
}

div.progressBar div.background {
    height: 18px;
    width: 0%;
}


/* Flag required and optional fields; :before, :after don't work in IE so can't use this approach... */
/* Settle for italicizing optional fields?                                                           */

/* fieldset div label:before {                          
   content: "* ";                                     
   }                                                  
                                                      
 fieldset div.formOptionalData label:before {        
   content: "";                                      /* Remove asterisk before form labels 
   }                                                   
*/

fieldset div label {font-weight: bold;}

label {
    padding-right: 3px;
}

/* fieldset div.formOptionalData label{font-weight: normal; font-style: italic} */

fieldset {  
    padding: 3px 3px 3px 3px;
    margin: 3px;
}

legend {
    font-size: 12px;
    font-weight: bold;    
    text-align: left;
  /* float: left; */
    width: auto;
    border: none;
    padding:0px 0px 0px 0px;
    margin: 0px;
}

/* override bootstraps margin */
.table { 
    margin-bottom: 3px;
}

table { 
    margin-bottom: 3px;
}

.full_width_centered {
    width: 100%;
    text-align: center;
}

.navbuttons {
    width: 100%;
    text-align: center;
}