/************************************/
/**           UA BANNER            **/
/************************************/
@import url('uaBanner.css'); /* IE4 can understand, but not NN4 */
/************************************/



h1{font-family:Tahoma, "Arial", sans-serif; font-size:115%; font-weight:bold; color:#a00; border-bottom:1px solid #666;}

img {border:0; padding:0; margin:0;}
a {color:#036;}
a:hover {color:#a00;}
/*select {font-size: 1.0em;} This would make selects resizable in MSIE, if it didn't break them in the tutorials*/
/*Accessibility links - invisible to GUI's - non-standard browser stuff */
.accesslink, .accesslink a {filter:alpha(opacity=1); -moz-opacity:.01; color: #eee; font-size: .01em;
  position:absolute;
   left:0px;
   top:-500px;
   width:1px;
   height:1px;
   overflow:hidden;}

/* Firefox 2.x (html.css) defines the left margin for ordered/unordered lists this way:
   -moz-padding-start: 40px;  The "padding-left: 40px" below approximates 
   this in IE7. */
 ul, menu, dir {
   display: block;
   list-style-type: disc;
   margin-left: 2em;
   padding-left: 40px;
}

ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
}

/************************************/
/**** Begin Central Search Box ******/
/************************************/

/* container for search box and related elements */
.header #form_box {
   background:#eee;
   margin:3px 0 0 0;
   padding:3px;
}

/* affects search box text */
.header #float_left {
   float:left;
   margin:5px 0 0 0;
}

/* affects text to the right of the search box*/
.header #float_right {
   background:#eee;
   float:left;
   margin:5px 0 0 10px;
   font-size:80%;
}

/* affects text below the search box*/
.header #clear_both {
   font-size:75%;
   clear:both;
   padding:0 0 0 0;
   margin:0 0 0 15em;
}

/************************************/
/****** End Central Search Box ******/
/************************************/

.header form {margin:0;}

label {font-weight:bold;margin-right:10px;}
.header label {margin:0;padding:0;font-size:90%;font-weight:bold;color:#a00;}
.header input {font-size:90%; color:#036; margin:0; padding:0; text-align:left;}
input {font-size:90%; color:#036; padding:0;}
td {vertical-align:top;}

.floatright {float:right}
.floatleft {float:left}
.clearleft {clear:left}
.clearboth {clear:both}

body {padding:0; margin:0; font-family:"Trebuchet MS", "Arial", sans-serif; color:#222; background-color:white; font-size:90%;}

.footer {margin:3% 0 2% 0; text-align:center;font-size:60%;}
.footer a:link{color:#036;text-decoration:underline}
.footer a:visited{color:#036;text-decoration:underline}
.footer a:active{color:#036;text-decoration:underline}
.footer a:hover{color:#a00;text-decoration:underline}

.header img {margin-top:5px;}

#quick_links {font-size:75%; font-weight:bold;}
#quick_links a:link{color:#222;text-decoration:none}
#quick_links a:visited{color:#222;text-decoration:none}
#quick_links a:active{color:#222;text-decoration:none}
#quick_links a:hover{color:#a00;text-decoration:underline}

.main_content table {background-color:white;border-color:#222}
.main_content th {background-color:#036;border-color:#aaa; color:#ddd; font-weight:bold;}
.main_content tr {background-color:white;border-color:#aaa;}
.main_content td {background-color:white;border-color:#aaa;}

.tableHeader td,th{background-color:#036;font-weight:bold;color:#ddd;border-color:#aaa;}
.tableHeader td a:link {color:white;text-decoration:underline;}
.tableHeader td a:visited {color:white; text-decoration:underline;}
.tableHeader td a:active {color:white; text-decoration:underline;}
.tableHeader td a:hover {color:#a00; text-decoration:underline;}
.tableHeader th a:link {color:white;text-decoration:underline;}
.tableHeader th a:visited {color:white; text-decoration:underline;}
.tableHeader th a:active {color:white; text-decoration:underline;}
.tableHeader th a:hover {color:#a00; text-decoration:underline;}

.grayTD td{background-color:#CCC;border-color:#aaa;}
.whiteTD td{background-color:white;border-color:#aaa;}

.highlight1 td{background-color:#ffc;}
.highlight2 td{background-color:#eed;}
.highlight3 td{background-color:#ddd7c4;}
.highlight4 td{background-color:#e6ddd5;}
.highlight5 td{background-color:#eee;}
.highlight6 td{background-color:#d2daee;}

.errorBox {margin:5%; border:1px solid #036; border-left:0px; border-right:0px; background-color:#d2daee;padding:5px;text-align:center;}

/*********************************************
 *******  Modified stand-alone so that   *****
 *******  the border wouldn't go over    *****
 *******  the image on the left.         *****
 *******  Changed 70px padding-left to   *****
 *******  70px margin-left and moved the *****
 *******  background-image out of sight. *****
 *******  -JS 04/07/2008                 *****
 *********************************************/

.stand-alone {
   border-bottom:1em solid #b6b7bb;
   padding-left:0 !important;
   margin-left:70px;
   background-position:-70px 0;
}

/***** padding-bottom: .6em to put a bit of space between it and the new search *****/
/***** box.  Using margin-bottom breaks the tabs in MSIE    ;-(                 *****/
.panic {font-family:Tahoma, "Arial", sans-serif; font-size:90%; color:red; font-weight:bold; padding-bottom: .6em;} /* was color:#a00 */

/************* RESULTS PAGES FOR STATISTICS COLLECTION ************/
.fail {width:45%; color: black; border:#9B173C solid 1px; background-color:#EABFCA;}
.success {width:45%; color: black; border: #0A9422 solid 1px; background-color: #A8F2A4;}

/******** Used for pop-up error message ********/
#errorMessage{display:none;padding:0;filter:alpha(opacity=99);-moz-opacity:0.99;position:absolute;color:red;font-weight:bold;width:250px;left:20px;top:20px;}
#errorMessage img{filter:alpha(opacity=99);-moz-opacity:0.99;margin:0;padding:0;}
#errorMessage div{background-color:#fee;padding:5px;border:1px solid red;border-width:0 1px;}