/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: 14px;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0px;
    padding: 0px;
    color: #393939;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-top: 3px;
    margin-bottom: 8px;
    line-height: 18px;
}

h2 
{
   margin-top: 3px;
   margin-bottom: 3px;
   padding: 0px;
}

img
{
   border: 0;  
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 98%;
    background-color: #fff;
    margin: 10px auto 10px auto;
    border: 1px solid #393939;
    min-width: 900px;
}

.toppagebar
{
   width: 100%;
   background-color: #e06638;
   height: 8px;   
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
}

.header h1
{
    font-weight: 900;
    margin: 4px 0px 0px 0px;
    padding: 4px 0px 0px 6px;
    color: #00558e;
    border: none;
    line-height: 34px;
    font-size: 30px;
}

.headerbottombar
{
   background-color: #00558e;
   height: 8px;
   width: 100%;
}

.main
{
    position: relative;
    padding: 0px 4px 0px 0px;
    margin: 12px 8px 0px 8px;
    min-height: 480px;
}

.logo
{
    float: right;
    border: 0;
    display: block;
    width: 205px;
    height: 15px;
    margin: 6px;
}

.footerBar
{
   background-color: #00558e;
   height: 4px;
   width: 100%;
}

.footer
{
    color: #393939;
    padding: 8px 0px 5px 0px;
    margin: 0px;
    text-align: center;
    line-height: normal;
    background-color: #e0e0e0;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    width:100%;
    clear: both;
}

div.menu
{
    padding: 2px 0px 2px 4px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #00558e;
    border: 1px #dde4ec solid;
    color: #dde4ec;
    display: block;
    line-height: 14px;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #dde4ec;
    text-decoration: none;
}

div.sideMenu
{
    padding: 0px 0px 0px 6px;
}

div.sideMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.sideMenu ul li a, div.sideMenu ul li a:visited
{
    background-color: #e06638;
    border: 1px #dde4ec solid;
    color: #dde4ec;
    display: block;
    line-height: 14px;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
    min-width: 117px;
}

div.sideMenu ul li a:hover
{
    background-color: #00558e;
    color: #eee;
    text-decoration: none;
}

div.sideMenu ul li a:active
{
    background-color: #00558e;
    color: #eee;
    text-decoration: none;
}

.sideMenu a.static.selected
{
    background-color: #00558e !important;
    color: #eee !important;
    text-decoration: none !important;
}

.section 
{
   border: 1px solid #aaa; 
   width: 100%;  
   background-color: #f3f3f3; 
}

.sectionTitle 
{
   background-color: #e06638; 
   color: #f8f8f8; 
   padding: 4px;
}

.sectionBody 
{
   padding: 8px 4px;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

.textEntry 
{
    width: 300px;
    border-width: 2px;
    height: 18px;
    padding-left: 2px;
}

select.dropDownSelection
{
    width: 305px;
    border-width: 2px;
    height: 22px;
}

table.tablesorter {
   font-family: verdana;
   background-color: #cdcdcd;
   margin: 10px 0pt 15px;
   font-size: 12px;
   text-align: left;
   width: auto;
   border-spacing: 2px;
}

table.tablesorter thead tr th {
   background-color: #e6eeee;
   border: 0px solid #fff;
   font-size: 12px;
   padding: 4px 20px 4px 4px;
}

table.tablesorter tfoot tr td {
   background-color: #e6eeee;
   border: 0px solid #fff;
   font-weight: bold;
   font-size: 12px;
}

table.tablesorter thead tr th.headerSortUp {
   background-image: url(../images/tablesorter/asc.gif);
}

table.tablesorter thead tr th.headerSortDown {
   background-image: url(../images/tablesorter/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
   background-color: #8dbdd8;
}

table.tablesorter thead tr .header {
   background-image: url(../images/tablesorter/bg.gif);
   background-repeat: no-repeat;
   background-position: center right;
   cursor: pointer;
}

/*table.tablesorter tbody tr:nth-child(odd) {
   background-color: #fff;  
}*/

table.tablesorter tbody tr.odd {
   background-color: #fff;  
}

/*table.tablesorter tbody tr.nth-child(even) {
   background-color: #e0e0e6;
}*/

table.tablesorter tbody tr.even {
   background-color: #e0e0e6;
} 

table.tablesorter td {
   padding: 3px 12px 3px 12px;
}

table.criteria 
{
   border: 2px inset #aaa; 
   padding: 0; 
   border-spacing: 0; 
   border-collapse: collapse;
}

table.criteria td 
{
   padding: 3px 6px; 
   border: 0px;
}


/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.bold
{
    font-weight: bold;
}

.buttonRow
{
   padding: 15px 0px 10px 0px;
}

.riButton
{
   height: 30px;
   width: 200px;
   font-size: 14px; 
   margin-right: 40px;
}

.listbox
{
   height: 200px;
   width: 690px;  
}

.overlay 
{
   top: 300px;
   left: 50%;
   position: absolute;
   height: 70px;
   width: 200px;
   display: none;
   background: #fff url(/images/spinner.gif) no-repeat left;
   color: #000;
   z-index: 200;
}

.overlayText 
{
   top: 50%;
   position: absolute;  
   width: inherit;
   padding-left: 65px;
   font-size: 16px;
   font-weight: bold;
   margin-top: -9px;
}

.grayOut
{
   position: absolute; 
   left: 0; 
   top: 0; 
   background: #000;
}

/* MAIN MENU
----------------------------------------------------------*/
div.mainMenu
{
   padding: 10px 5px;
   width: 450px;
   font-size: 19px;
}

div.mainMenu a
{
    list-style: none;
    margin: 0px;
    padding: 4px 20px;
    width: auto;
}

div.mainMenu a, div.mainMenu a:visited
{
    background-color: #A5C8E9;
    border: 1px #4e667d solid;
    color: #222222;
    display: block;
    padding: 8px 35px 8px 35px;
    text-decoration: none;
    white-space: nowrap;
}

div.mainMenu a:hover
{
    background-color: #bfcbd6;
    color: #222222;
    text-decoration: none;
}

table.criteria {
   font-family: verdana;
   margin: 10px 0pt 15px;
   font-size: 12px;
   text-align: left;
   width: auto;
   border: 2px inset #aaa; 
}

table.criteria tr td 
{
   border: 1px inset #aaa;
   padding: 8px;
}