html { min-height: 101%; margin: 0; padding: 0;}

body { background-color: #91b4a2;
       color: #000; margin:  0; padding: 0; }

body, th, td { 
 font-family: Verdana,Arial,'Bitstream Vera Sans',Helvetica,sans-serif;
 font-weight: normal;
 font-size: 13px;
}

h1, h2, h3, h4 { 
 font-family: Arial,Verdana,'Bitstream Vera Sans',Helvetica,sans-serif;
 font-weight: bold;
 letter-spacing: -0.018em;
 page-break-after: avoid;
}                 
                 
h1 {  font-size: 19px; margin: .15em 1em 0.5em 0 }
h2 {  font-size: 16px } 
h3 {  font-size: 14px }

.section h1 {  font-size: 16px } 
.section h2 {  font-size: 14px }

hr      { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }
address { font-style: normal }
img     { border: none } 

a       { text-decoration: none; color: #2d8157; }
a:hover { text-decoration: underline; }

blockquote { border: 1px solid #888; background-color: #eee; padding: 0.3em; }

div.float-right { float: right; }
div.float-left  { float: left;  }
div.clear       { clear: both; }

.error, .attention { color: red; }
.confirmed { color: green; }
.pending { color: blue; }

.helptext { font-size: 85%; color: #777; }

div.graybox  { border: 1px solid #666666; background-color: #eee; padding: 5px;}
div.greenbox { border: 1px solid green;   background-color: #cec; }
div.redbox   { border: 1px solid red;     background-color: #fbb; }

div.rework   { border: 3px solid #ff9900; padding: 6px; 
               background-color: #f7ead2 }

div.close-button { float: right; padding: 10px; }


span.markered { 
    background-color: yellow; 
}

input.widebutton { 
    width: auto;
}

img.feedbackLink { cursor: pointer; }

/* ------------------ main blocks -------------------------------------- */
div#topbar {  
    background-color: #fff;
}
div#logo {
    float: right;
    margin: 0;
    padding: 4px;
    padding-right: 8px;
}
div#topnav { 
    /*float: right;*/
    background-color: #fff;
}

div#centerbox { 
 clear: both; 
 padding: 0px;
 margin: 0px;
 background-color: #fff;
}
div#nojs { 
  margin: 10px;
  margin-bottom: 0px;
  padding: 10px;
  font-weight: bold;
  border: 1px solid red;     
  background-color: #ecc; 
}

div#container { 
 clear: both; 
 background-color: #fff;
 padding: 10px;
 padding-top: 0px;
 margin: 0px;
 /*border-top: 1px solid #DDD;*/
}
div#topline { 
 padding: 0;
 padding-bottom: 4px;
 margin: 0;
 border-top: 1px solid #91b4a2;
}

div#centercontent { 
   float: left;
   width: 73%;
   min-height: 320px;
}
div#widecontent { 
   min-height: 320px;
}

div#popuptop {  
    background-color: #fff;
    min-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
}
/* ------------------- navigation elements ---------------------------- */
.nav ul  { list-style: none; margin: 0; }
.nav li  { display: inline;  white-space: nowrap; float: left; }
.mnav li { display: inline;  white-space: nowrap; }

/* ----- metanav ----- */
div#metanav { 
    float: left;
    margin-top: 0;
    padding: 0;
}
#metanav ul { 
    margin: 0;
    text-align: left;
    background-color: #91b4a2;
    padding-left: 12px;
    padding-right: 18px;
}
#metanav li { 
    font-size: 10px;
    padding: 0px;
    color: #fff;
}
#metanav a { 
    color: #fff;
    text-decoration: none;
}
#metanav a:hover { color: #000; }

/* ----- mainnav ----- */
div#mainnav { 
    /*margin-top: 29px;*/
    margin-right: 8px;
    text-align: left;
}
#mainnav ul { 
    padding-top:   2px;
    padding-left:  8px;
}
#mainnav li { 
    margin-right: 2px;
    font-weight: bold;
    text-align: center;
    padding: .5em .65em;
    word-spacing: -2px;
}
#mainnav a { 
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
}

li.menuButton  { margin: 2px; }
/*li.wbActive    { background-color: #ffdb4a; }
  li.wbHighlight { background-color: #ffdb4a; }*/
li.wbActive    { background-color: #fad184; }
li.wbHighlight { background-color: #fad184; }
/*li.sbActive    { background-color: #44d0ff; }
  li.sbHighlight { background-color: #44d0ff; }*/
/*li.sbActive    { background-color: #7997b1; }
  li.sbHighlight { background-color: #7997b1; }*/
li.sbActive    { background-color: #a7c2dc; }
li.sbHighlight { background-color: #a7c2dc; }

/* ----- submenu ----- */
div#submenu { 
    float: left;
    margin-top: 2.2em;
    margin-right: 2em;
    width: 23%;
    min-height: 200px;
}
#submenu ul { 
 padding-left: 7px;
 list-style: none; 
 list-style-position: inside;
}
#submenu li { 
 margin: 1px; 
 padding: .1em .3em;
 text-align: left;
 border-bottom: 1px dashed #ddd;
 white-space: nowrap;
}
#submenu a { 
 font-size: 1.0em;
 color: #000;
 text-decoration: none;
}

/* ----- bottomnav ----- */
div#bottomnav {
    margin: 0;
    padding: 8px 14px;
    padding-bottom: 0;
    background-color: #91b4a2;
}

#bottomnav table { 
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
#bottomnav td { 
    color: #fff;
    font-size: 0.85em;
    padding: 0px 8px;
    border-left: dashed 1px #ddd;
    border-right: dashed 1px #ddd;
}
#bottomnav a { 
    color: #fff;
    text-decoration: none;
}
#bottomnav a:hover { color: #000; }


/* ------------------ form elements ------------------------------------ */
input[type="text"]     { width: 20em; }
input[type="password"] { width: 20em; }
textarea               { width: 22em; height: 8em;}
textarea#problemreportbox { width: 99%; height: 8em;}

#orderForm textarea { min-width: 60em; min-height: 20em;}

/* ------------------- instructions ------------------------------------ */
table.guideTable {
        border-collapse: collapse;
        margin: 0px 5px;
}
table.guideTable th {
        font-weight: bold;
        text-align: left;
	white-space: nowrap;
        border: 1px solid #aaa;
        padding: 2px 4px;
}
table.guideTable td {
        vertical-align: top;
        border: 1px solid #aaa;
        padding: 4px;
}

table.payTable {
        border-collapse: collapse;
}
table.payTable th {
        font-weight: bold;
        text-align: left;
	white-space: nowrap;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        padding: 2px 4px;
}
table.payTable td {
        vertical-align: top;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        padding: 4px;
}
div.guideSample { 
        font-family: monospace; 
        font-size:11px; 
        background-color: #f7ead2;
        padding: 5px;
}

/* ------------------- station lists ----------------------------------- */
.stationRow {
        background-color: #fad184;
        background-image: url(/static/images/stationGradient2.gif);
        background-repeat: repeat-x;
        background-position: bottom;
	color: #000;
        padding: 3px;
        cursor: pointer;
        border: 1px solid #ffcc00;
}
.stationRow td {
        padding-left: 0.2em;
}
.stationRow input { 
        width: auto;  
        padding: 0px 15px;  
        /*background: #617798;*/
        background: #e04000;
        cursor: pointer;
        border: 0;  
        color: #FFFFFF;  
}
.stationRow input:hover { 
        color: #000;  
}
.stationRow:hover {
        background-image: None;
        background-color: #ff9900;
        color: #000;
}
.stationInfoRow {
        border: 1px solid #ffcc00;
        /*background-color: #fff2bd;*/
        background-color: #f7ead2;
        padding: 3px;
}
td.stationInfoIndent { width: 2em; }
td.reworkInfoIndent { width: 2em; }
td.trainingInfoIndent { width: 0; }

.stationTable {
         border: none;
         border-collapse: collapse;
}             
.workShaded { 
         background-color: #f7ead2;
}

/* ------------------- service lists ----------------------------------- */
.serviceRow {
         background-color: #a7c2dc;
         background-image: url(/static/images/serviceGradient.gif);
         background-repeat: repeat-x;
         background-position: bottom;
	 color: #000;
         padding: 3px;
         cursor: pointer;
         border: 1px solid #7997b1;
}
.serviceRow td {
         padding-left: 0.2em;
}
.serviceRow:hover {
              background-image: None;
              background-color: #7997b1;
	      color: #000;
}
.serviceInfoRow {
         border: 1px solid #7997b1;
         background-color: #d6e3ef;
         padding: 3px;
}
.serviceShaded { 
         background-color: #d6e3ef;
}
.serviceHeader { 
         background-color: #a7c2dc;
}
div.serviceDescription { /* for project definition pages */
         float: right;
         width: 40%;
         margin: 8px;
         padding: 5px;
         border: 1px solid #7997b1;
         background-color: #d6e3ef;
}
.serviceTable {
         border-collapse: collapse;
}             

.toggleTable th { 
         font-weight: bold;
}
td.caseDisplay { 
 border: 2px solid #7997b1;
}

div.stationlist, div.servicelist { 
 margin: 0 0.5em;
}
div.stationhead { 
 background: #f7f7f7;
 border: 1px solid #a7a7a7;
 font-size: 105%;
 font-weight: bold;
 margin: 1.2em 0 .5em;
 padding: 0.2em;
}
div.stationbutton { 
 float: right;
 margin: 0.2em;
}
.stationlist th, .servicelist th, .orderlist th { 
 width: 15em;
 text-align: right;
 font-weight: normal;
 padding-right: 3px;
 border-bottom: 1px solid #d7d7d7;
 border-right: 1px solid #d7d7d7;
}
.stationlist td, .servicelist td, .orderlist td { 
 padding-right: 3px;
 padding-left: 3px;
}
.stationlist td, .servicelist td { 
 border-bottom: 1px solid #d7d7d7;
}

.toggleTable td, .toggleTable th { 
 padding: 1px 4px;
 min-height: 3px;
}
.projectTable td, .projectTable th { 
 padding: 1px 4px;
 min-height: 3px;
}
.resultButton { 
  background:#26527c none repeat scroll 0 0;
  border:0 none;
  color:#FFFFFF;
  cursor:pointer;
  padding:0 15px;
  font-size: 0.9em;
  width:auto; 
}