* { margin: 0; text-align:left;  }

body {
  font-family: Trebuchet MS, Trebuchet, Arial, Verdana, sans-serif; 
  font-size: 12px;
}
  
a       { color:#2B65C3; text-decoration:none; }
a:hover { color:#FF9900; text-decoration:underline; }

p  { margin: 0 0 8px 0;} 
ul { margin:0 0 0 12px; list-style: none; /*Set defaults here*/ }
ol { margin:0 0 0 12px; list-style: none; /*Set defaults here*/ }
dl { /*Set defaults here*/ }
dl dt { /*Set defaults here*/ }
dl dd {/*Set defaults here*/ }
blockquote { background: #CCCCCC; color: #333333; padding: 10px; margin: 10px; }
table { 
  margin: auto;
  border-collapse: collapse; 
  border-spacing: 0; 
}
td, th { 
  vertical-align: top; 
  text-align: left;
  white-space: nowrap;
  padding: 0px;
} 
h1, h2, h3, h4, h5, h6 { 
  padding-top: 4px;
  text-align: center;
  color:#000000;
} 
h1 { font-size: 180%; line-height: 110%; } 
h2 { font-size: 150%; line-height: 110%; } 
h3 { font-size: 130%; line-height: 110%; } 
h4 { font-size: 125%; line-height: 110%; } 
h5 { font-size: 120%; line-height: 110%; } 
h6 { font-size: 100%; line-height: 110%; } 
small { font-size: 90%; } 
fieldset { padding: 5px 0; margin:0 15px 0 0; }
hr { color:#CDD5DE; height:1px; background-color:#CDD5DE; margin:8px 4px 8px 4px;}

.center form { text-align: center; }
  
.smallData { font-size: 9px; }

/*START Nav*/ 
DIV.navWrapper {
  margin: 0 auto 0 auto;
  width: 100%;
}
div.nav { width: 1160px; margin:0 auto; height: 28px; }
.nav ul {
 margin: 0;
 padding: 0;
 list-style:none;
 background-color:transparent;
}

.nav li {
 float:left;
 margin:0 4px 0 0;
 padding:0;
 height: 28px;
 background-color: #dbdbdb;  
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}
.nav a {
 text-decoration:none;
 display:inline-block;
 line-height: 14px;
 height: 30px;
 color:#405679;
 padding:8px 16px 8px 16px;
 margin:0;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}
  
/* SUB NAV*/

DIV.blankSubNav {
 clear:both;
 background-color: #677896;
 width: 100%;
 height: 2.3em;
 margin: 0;
}

DIV.subNav {
 clear:both;
 background-color: white;
 width: 100%;
 height: 30px;
 margin: 0;
}
div.subNav div { width: 1160px; margin:0 auto; }
DIV.subNav ul{
 list-style: none;
 background-color: #677896;
 width: 1120px;
 height: 30px;
 position: absolute;
 margin: 0;
 padding: 0;
}
DIV.subNav li{
 float: left;
 padding: 0;
}
DIV.subNav ul li a{
 float: left;
 display: block;
 line-height: 14px;
 padding: 8px 8px 8px 8px;
 margin-right: 4px;
 background-color: #677896;
 
 text-decoration: none;
 color: #f1f1f1;
}
DIV.subNav ul li a:hover{
 background-color: #7788a6;
 color: #f1f1f1;
 text-decoration: none;
}

/* hover states */
.nav a:hover {
 color:#405679;
 background-color: #cbcbcb;  
 text-decoration: none;
}
  
.nav #current {
}
.nav #current a {
 background-color:#677896;
 color:#f1f1f1;
}
  
.nav #current a:hover {
 color:#f1f1f1;
 background-color: #7788a6;
 text-decoration: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
/*END Nav*/ 

 
/*  --------- 4. structure  --------- */

.wrapper { margin:0 auto 0 auto;  }
  
.masthead {
  margin: auto;
  width: 1160px;
  padding: 4px 0;
}

/* todo */
.logoMain { height: 58px; }
.logo { float: left; }
  
div.search {
 float:right;
 margin: 12px 11px 0 0;
 color:#ffffff;
 font-size:10px;
 font-weight:bold;
 text-transform:uppercase;
 }
 
INPUT.searchBox {
  float:left;
  margin:12px 8px 0 8px;
 }
   
.topLinks {
 color:#586983;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 float: right;
 }
  
p.permaLinks {
 float: left;
 margin: 9px 11px 12px 11px !important; /* All browsers use first rule, IE6 reads only the second */ 
 margin: 9px 11px 0 11px;
 }
div.systemAlerts a {
 color: red;
}

.content {
 margin:0 auto 0 auto;
 width:100%;
 text-align: center;
}


/* START ------------------------ Login Page 2 column */
.loginBox {
 margin:20px 0 8px 30px;
 background:transparent;
 float:left;
 width:290px !important; /* All browsers use first rule, IE6 reads only the second */
 width:288px;
 
} 
.loginRight  {
 margin:18px 8px 8px 30px;
 background:transparent;
 float:right;
 width:570px !important; /* All browsers use first rule, IE6 reads only the second */
 width:532px;

}



#footer { 
 text-align: center; 
 padding:10px 0 10px 0;
 background-color:transparent;
 color:#333333;
 margin-bottom:10px;
 font-size: 90%;
}

#footer p { 
 margin: 8px 0 4px 0;
 text-align: center;
 font-size: 10px;
}

.separator {
  clear: both;
  height: 0;
  line-height:0;
  font-size:0;
  margin:0;
  padding:0;
  background-color:transparent;
  }

.center { text-align:center; }

/* ---------- 5. images ---------- */

a img { border: 0; }
  
  IMG.hpProfile {
 border:1px solid #CDD5DE;
 margin-bottom: 8px;
 }

IMG.weatherPic { width:40px; height:40px; margin-bottom:8px;}
IMG.imgBorder {
 border:1px solid #CDD5DE;
} 
IMG.iconCollapse {
 margin:0 5px 0 0;
 }
 
/* ---------- 6. forms ---------- */

div.formRow {
 margin:0;
 padding:0;
 clear:both;
 float:none;
 }

div.formRow LABEL {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#3D5C7C;
 font-weight:bold;
 display:block;
 margin:4px 0 2px 0;
 padding:0px;
 text-transform: uppercase;

 }

DIV.formLeft {
 float:left;
 margin:0 20px 4px 0;
 } 
 
DIV.formFilterLeft {
 float:left;
 margin:0 80px 0 0;
 } 
 
DIV.formRight {
 float:left;
 margin:0 0 0 0;
 }
  
div.formRow INPUT.text {
 width:160px;
 margin:0 0 0 0;
 padding:0;
 }
 
span.infoDesc {
 font-size:10px; margin:0 0 0 0;
 padding:0;
 }
 

UL.form {
 list-style:none;
 margin:8px;
 }
UL.form LI {
 padding:0 0 12px 0;
 }
 
UL.form LI LABEL {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#3D5C7C;
 font-weight:bold;
 width:200px;
 display:block; float:left;
 height:17px;
 text-align:right;
 margin:4px 6px 2px 0;
 padding:0px;
 text-transform: uppercase;
 }
 
UL.form LI span.infoDesc {
 font-size:1em; margin:0 0 0 0;
 padding:0  !important; /* All browsers use first rule, IE6 reads only the second */ 
 padding:0 0 0 206px;
 }
 
/* START login classes */
UL.login {
 list-style:none;
 margin:8px 8px 0 8px;
 }
UL.login LI {
 padding:0 0 4px 0;
 }
 
UL.login LI LABEL, UL.login LI span.label {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.1em;
 color:#3D5C7C;
 font-weight:bold;
 display:block;
 float:left;
 text-align:right;
 margin:4px 6px 2px 0;
 height: auto;
 padding:0px;
 text-transform: uppercase;
 width:90px !important; /* All browsers use first rule, IE6 reads only the second */ 
 width: 84px;
 }
 
UL.login LI span.infoDesc {
 font-size:10px; 
 margin:0 0 0 0;
 padding:0;
 }
 
.loginRight p, div.loginBox p {padding:0 0 16px 0;}
.loginRight UL {list-style: disc; padding:0 0 16px 16px;}
/* END login classes */
FORM.dataForm {margin:8px;}

.tableBasic {
 margin:8px auto 4px auto;
 padding:0;
 border:1px solid #CDD5DE;
}

/*
.tableBorder {
 margin:8px auto 0 auto;
 padding:0;
 border:1px solid #CDD5DE;
}
.tableBorder tr th {
 background-color: #c6cede;
 color: #405679;
 border:1px solid #CDD5DE;
 padding: 0 4px;
}
.tableBorder tr td {
 border:1px solid #CDD5DE;
 padding: 0 4px;
}
 */
.tableBasic th {
 background-color: #c6cede;
 color: #405679;
 border-right: 1px solid #CDD5DE;
 padding: 4px;
}
 
.tableBasic td {
   padding: 6px;
}
.tbodyCompress3 td {
   padding: 3px;
}
.tableBasic td table td {padding:0; padding-right: 4px; line-height: 20px; }
.tableBasic td table td input,.tableBasic td table td select { margin-bottom: 7px; }
.tableBasic td table td input[type="checkbox"],.tableBasic td table td input[type="radio"] { margin-bottom: 0px; }
.tableBasic th:last-child {
    border-right: none;
}
table.nomargin td { padding: 0; padding-right: 4px; vertical-align: middle; line-height: initial !important; }
table.nomargin td input,table.nomargin td select {margin-bottom: 2px !important; margin-top: 1px; }
/*.tableBasic td.right { vertical-align:middle; }*/
.tableBasic td.pad8Center {
   padding-left: 8px;
   padding-right: 8px;
   text-align: center;
}

.tableBasic tr.tableTitle th {
 background-color: #7d7d7d;
 border-bottom: 1px solid #dcdcdc;
}
.tableBasic td img { vertical-align: middle; }

.compact td { padding: 2px !important; padding-right: 10px !important; }

/* START - browse filter */
DIV.filterLeft {
 width:400px !important; /* All browsers use first rule, IE6 reads only the second */ 
 width:370px; 
 float:left; 
 margin:0 30px 0 0; 
 border-right:1px solid #cccccc;
}

DIV.filterRight {
 width:480px; 
 float:right; 
 margin:0;
}
/* END - browse filter */TABLE.pollTable {
 margin:0 0 0 0;
 padding:0;
 } 

TABLE.tablePad TH {
 padding: 0 2px;
}
TABLE.tablePad TD {
 padding: 0 2px;
}


html,body {
height:100%; /* needed for container min-height */
}

*+html .topLinks {margin-bottom:0;} /* needed for IE 7 */
*+html .input_radio {height:11px; margin:0 0 4px 0;} /* needed for IE 7 */

body { 
  text-align: center;
}
  
.wrapper {
  text-align: left;
}  

/* ---- global,overrides ----- */


.error { text-align: center; color: red; font-weight: bold; }
.msg { text-align: center; font-weight: bold; }
.warning { color:#000000; background-color: #ffff00; font-weight: bold; }

.vmid {
        vertical-align: middle;
}
td.vmid {
        vertical-align: middle;
}
table.vmid tr td {
        vertical-align: middle;
}


/*----------------------------------------------------------------*/
/* Big box with list of options */
#ajax_listOfOptions {
   position:absolute; /* Never change this one */
   width:350px; /* Width of box */
   height:250px; /* Height of box */
   overflow:auto; /* Scrolling features */
   border:1px solid #317082; /* Dark green border */
   background-color:#FFF; /* White background color */
   text-align:left;
   white-space:nowrap; 
   font-size:0.9em;
   z-index:100;
}
#ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */
   margin:1px;  
   padding:1px;
   cursor:pointer;
   font-size:1.0em;
}
#ajax_listOfOptions .optionDiv{ /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
   background-color:#317082;
   color:#FFF;
}
#ajax_listOfOptions_iframe{
   background-color:#F00;
   position:absolute;
   z-index:5;
 }
 


.alphabet td {
   border-bottom:1px solid #a7a7a7;
   border-top:1px solid #a7a7a7;
   border-left:1px solid #a7a7a7; 
   border-right:1px solid #a7a7a7;
   text-align: center;
   vertical-align: middle;
   width: 20px;
   height: 20px;
}

.alphabetSelected {
   background-color: #d8d8d8; 
}

.input_submit {
  background-color: #e1e4e7;
  color: #000000; 
  font-size: 11px;
  vertical-align: top;
  text-align: center;
  width: auto;
  height: auto;
  padding: 5px 8px;
  cursor: pointer;
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  background-repeat: repeat-x;
}
.buttonTable {
 margin: 0;
 padding: 0px;
 border: 0px;
}
.buttonTable TD {
 padding:5px 8px 5px 0px;
}
input { 
 font-size: 99%;
 margin-top: -5px;
 padding: 4px;
 border-radius: 4px;
 border: 1px solid #AAA;
 font-family: trebuchet ms,trebuchet,verdana,arial,helvetica,clean,sans-serif;
}
textarea {
 font-size: 12px;
 padding: 0 0 0 0px;
 font-family: trebuchet ms,trebuchet,verdana,arial,helvetica,clean,sans-serif;
}
select { 
 font-size: 99%;
 margin-top: -5px;   
 padding: 3px;
 border-radius: 4px;
 margin-right: 3px;
 border: 1px solid #AAA;
 font-family: trebuchet ms,trebuchet,verdana,arial,helvetica,clean,sans-serif;
}

.fakeLink {
 color:#2B65C3;
 font-weight:bold;
 text-decoration:none;
}

TABLE.wrap TD {
 white-space: normal;
}

.informationBox {
  margin-bottom: 5px; 
  text-align: center; 
  display: none;
}

.siteTemp {
	color: #f00;
        font-weight: bold;
        font-size: smaller;
}

TABLE.centerTd TR TD {
        text-align: center;
        border: 1px solid #d0d0d0;
        padding: 0 12px;
}
TABLE TR TD.vtop {
        vertical-align: top;
        padding-top: 3px;
}

TD.padright  { padding: 0 2px; text-align: right; }
TD.padleft   { padding: 0 2px; text-align: left; }
TD.padcenter { padding: 0 2px; text-align: center; }
TD.money     { padding: 0 2px 0 8px; text-align: right; }

TH.padleft   { padding: 0 2px; text-align: left; }
TH.padcenter { padding: 0 2px; text-align: center; }

TR.rightPad TH  { padding-right: 12px; }

TR.topBorder TD  { border-top: 1px solid #d8d8d8; }
TR.bottomBorder TD  { border-bottom: 1px solid #d8d8d8; }

.bottomPad    { margin-bottom: 5px; text-align: center; padding: 0px 10px; }
.shade        { background: #E8E8E8; }
.noborder     { border: 0px; margin: 0px;}
.border       { border: 1px solid #d8d8d8; }
.bottomBorder { border-bottom: 1px solid #d8d8d8; }
.rightBorder  { border-right: 1px solid #d8d8d8; }
.topBorder    { border-top: 1px solid #d8d8d8; }
.nomargin     { margin: 0px; }
.rightPad     { padding-right: 12px;}
.topPad       { margin-top: 3px; }
.wrap         { white-space: normal; }
.nowrap       { white-space: nowrap; }
.right        { text-align: right; }
.noPadding    { padding: 0px;}
.bold         { font-weight: bold; }
.highlight    { color: #AA3322; font-weight: bold; }
.tableHeaderText {color: #000000; }
.strike       { text-decoration: line-through; }
.grandPoobah  { background-color: #e6e6e6; }
.redBackground    { background: #ff0000;}