
/* ==================================================================================== */

/* ==IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* ==================================================================================== */

/* ==DIABLO DEFAULTS: */

/* =structure, specific texts */
#toolbar { position:relative; top:0; left:0; }
#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* =wysiwyg: */
.highlight { background-color:#E8F6FF }
.warning { color:#FDB927; font-weight:bold; }
.wysiwygRight { border: 4px solid #e6e6e6; float: right; margin: 10px 0 10px 10px; }

/* =default form controls styling: */
.pagination { padding: 10px; font-size: 1.1em; background: #e5e5e5; font-weight: bold; }
.pagination .paginationSeparator { padding: 0 4px; font-weight: lighter; }

.paginationF { padding: 6px; margin: 0 0 4px 0; font-size: 1.1em; }
.paginationF a { padding: 4px; border: solid 1px #EEEEEE; text-decoration: none; font-weight: normal; margin: 0 2px 2px 2px; }
.paginationF a.lastpage { border: solid 2px #EEEEEE; }
.paginationF a:hover { text-decoration: none; border: solid 1px #000000; background-color: #FDB930; font-weight: normal; }
.paginationF .currentPage { font-size: 1.1em; margin: 0 2px 2px 2px; padding: 4px; }
.paginationF .pagenumber { font-size: 1.1em; }
.paginationF .pagedots { font-size: 1.1em; }

.resources { margin: 20px 0px; line-height: 1.5em; }
.resources li { margin-bottom: 8px; padding-left: 16px; background: url(../images/more-bullet.gif) no-repeat 0 4px; }
.resources li img { padding-left: 5px; background: #fff; }

div.label { display: block; float: left; width: 120px; padding: 4px 0; font-weight: bold; }
div.row { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.1em; }
div.row p { font-size: 1em; }
div.rowlong { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.2em; }
div.rowlong span.label { width:370px; }

/* ==UNIVERSAL: (overall body and content formatting) ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, geneva, sans-serif; 
font-size: 62.5%;
color: #333;
background: #ccc;
text-align: center;
}

a:hover
{
text-decoration: underline;
}

/* ==LEGO: (the main divs used to build the layout) ======================================================= */
#container
{
margin: 0 auto;
width: 760px;
background: #fff;
text-align: left;
border-top: 5px solid #ee333d;
border-bottom: 20px solid #E9E9E9;

}

#reflab-nav #container {background: url(../images/reflab-bg.gif) repeat-y right top #fff;}
#reflab-nonav #container {background-image: none;}
#eqa-nav #container {background: url(../images/eqa-bg.gif) repeat-y right top #fff;}
#eqa-nonav #container {background-image: none;}
#poct-nav #container {background: url(../images/poct-bg.gif) repeat-y right top #fff; }
#poct-nonav #container {background-image: none;}
#default #container {background: url(../images/default-bg.gif) repeat-y right top #fff;}

#nav
{
float: right;
padding: 5px;
text-align: right;
font-size: 1.1em;
text-transform: lowercase;
background: url(../images/nav-bg.gif) no-repeat bottom left #a12228;
}

#logo
{
clear: right;
padding: 0 20px 10px 20px;
background: #fff;
width:720px;
}

#search
{
clear: both;
background: #999;
padding: 5px 15px;
text-align: right;
color: #fff;
}

#home-calls
{
height: 1px;
color: #fff;
background: url(../images/home-calls-bg.gif) repeat-y center top;
}
#container > #home-calls
{
height: auto;
}
.home-call-1
{
float: left;
width: 213px;
padding: 20px;
background-color:#EE333D;
}
.home-call-2
{
float: left;
width: 217px;
padding: 18px;
background-color:#A12228;
}
.home-call-3
{
float: left;
width: 213px;
padding: 20px;
background-color:#A17462;
}

#welcome
{
clear: left;
padding: 10px 25px;
background: #ee333d;
color: #fff;
font-weight: bold;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

#maincontent { float: left;margin-bottom: 20px;padding: 10px 0px 10px 20px;font-size: 1.1em;}

#sidebar
{
float:right;
width: 210px;
margin: 0px 0px 20px 0px;
padding: 15px 0px 15px 0px;
font-size: 1.1em;
background: #e9e9e9;
}
#sidebar .hi
{
margin: -16px -15px;
padding: 10px 15px;
font-size: 1.1em;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}

#sidebarhome
{
float:right;
width: 250px;
margin: 0px 0px 20px 0px;
padding: 15px 0px 15px 0px;
font-size: 1.1em;
background: #e9e9e9;
}

#copyright-etc
{
	background: #fff;
clear: both;
padding: 10px;
color: #666;
border-top: 1px solid #cdc1a9;
border-bottom: 1px solid #cdc1a9;
}

/* ==PAINT: (styling of items within the main divs) ======================================================= */
#container p
{
margin: 10px 0 0 0;
}

#nav ul li
{
display: inline;
padding: 0 5px;
border-right: 1px solid #fff;
}
#nav ul .last
{
border-right: none;
}
#nav ul li a
{
color: #fff;
}

#logo h1
{
float: left;
margin-bottom: 10px;
}
#logo h2
{
float: right;
width: 250px;
padding: 20px 0;
text-align: right;
font-size: 1.8em;
color: #a60835;
background-color:#fff;
}

#search label
{
margin-right: 5px;
font-weight: bold;
text-transform: lowercase;
}
#search select
{
font-size: 1em;
}
#search input
{
font-size: 1em;
}


table.tableheader td
{	
	background-color:#fff;
}

table.tableheader td.headertitle
{	
	background-color:#eee;
	border:none;	
}


table.tableheader td.headertitle .headertitle
{	
	background-color:#eee;
	border:none;
	font-weight:bold;
	color:#EE333D;
	text-decoration:underline;
	padding:0px 0px 0px 10px;
	text-align:left;
	font-size: 1.1em;
}

#sectionnav
{
height: 17px;
padding: 10px;
border-top: 1px solid #fff;
border-bottom: 2px solid #fff;
}
.reflab-nav #sectionnav {background: #a12228;}
.reflab-nonav #sectionnav {background: #a12228;}
.eqa-nav #sectionnav {background: #ee333d;}
.eqa-nonav #sectionnav {background: #ee333d;}
.poct-nav #sectionnav {background: #a17462;}
.poct-nonav #sectionnav {background: #a17462;}



#home-calls h2
{
height: 57px;
}
#home-calls p
{
font-size: 1.6em;
}
#home-calls .more
{
font-size: 1em;
font-weight: bold;
color: #fff;
}
#home-calls a
{
color: #fff;
text-decoration: underline;
}

#welcome h3 {font-weight: bold;}
#welcome p {margin: 0;}

#sectionnav a {color: #fff;}
#sectionnav ul li { float: left; padding: 0 10px; font-size: 1.2em; }


/* main content */
#maincontent h3 {margin-left: -20px; padding: 0 0 5px 20px; font-size: 1.6em; color: #ee333d; border-bottom: 1px solid #cdc1a9;}
#maincontent h4 {font-size: 1.4em;color: #ee333d;}

#maincontent p {line-height: 1.5em;}
#maincontent a {color: #EE333D;}

#maincontent ul {margin: 14px; list-style-type: disc; line-height: 1.5em; }
#maincontent ul.resources {margin: 14px 0px;list-style-type: none;line-height: 1.5em;}
#maincontent ul.resources li {padding:0px;}
#maincontent ul.resources a {font-weight:bold;}
#maincontent ul.resources a:Link {color: #EE333D;}
#maincontent ul.resources a:Visited {color: #EE333D;}
#maincontent ul.resources a:Hover {color: #EE333D;}
#maincontent ul.resources a:Active {color: #EE333D;}

#maincontent div.highlightbox {padding: 1px 10px 10px 10px;background-color:#e5e5e5;margin:10px 0px;}

#maincontent #contentleft {float:left;width:470px;background-color:#FFF;}

#maincontent #contentleft img {padding:0.5em;}

#maincontent #contentlefthome {float:left;width:452px;background-color:#FFF;}

#maincontent #contentleft .formrow {padding:0px 0px 10px 10px;clear:left;width:410px;height:20px;}
#maincontent #contentleft .formrow .label {float:left;width:200px;background-color:#fff;}
#maincontent #contentleft .formrow .input {float:right;width:200px;background-color:#fff;}


#maincontent #contentsidebar {float:right;width:210px;padding: 0px 0px 10px 0px;background-color:#E9E9E9;margin:0px 0px;}
#maincontent #contentsidebar h5 {font-size: 1.4em;color: #ee333d;border:none;padding:0px 0px 10px 10px;}
#maincontent #contentsidebar .listing {padding:0px 0px 10px 10px;}


#maincontent #contentleftshort {float:left;width:390px;background-color:#FFF;}
#maincontent #contentleftshort H3 {margin-left: 0px; padding: 0 0 5px 0px; font-size: 1.6em; color: #ee333d; border-bottom: 1px solid #cdc1a9;}

#maincontent #contentsidebarwide {float:right;width:290px;padding: 15px 0px 10px 0px;background-color:#E9E9E9;margin:0px 0px;}
#maincontent #contentsidebarwide h5 {font-size: 1.4em;color: #ee333d;border:none;padding:0px 0px 10px 10px;}
#maincontent #contentsidebarwide .listing {padding:0px 0px 10px 10px;}
#maincontent #contentsidebarwide ul {padding:0px 0px 10px 10px;}

#maincontent #contentsidebarwide .formrow {padding:0px 0px 10px 10px;clear:left;width:270px;height:20px;}

#maincontent #contentsidebarwide .formrow .label {float:left;width:100px;background-color:#E9E9E9;}
#maincontent #contentsidebarwide .formrow .input {float:right;width:150px;background-color:#E9E9E9;}




#maincontent #contentleft .listrow {float:left;width:470px;background-color:#fff;}
#maincontent #contentleft .listrow .listthumb {float:left;width:150px;background-color:#fff;}
#maincontent #contentleft .listrow .listcontent {float:left;width:320px;background-color:#fff;}


.analytes table {border:solid 1px #aaa;padding:10px;}
.analytes table tr th {border:solid 1px #ddd;padding:10px;}
.analytes table tr td {border:solid 1px #ddd;padding:10px;}

#sidebarhome h3
{
margin: -15px 0px 0 0px;
padding: 10px 0px 10px 15px;
font-size: 1.5em;
color: #fff;
background: #a12228;
}
#sidebarhome .news
{
clear: left;
margin: 15px 0;
padding-bottom: 15px;
border-bottom: 1px solid #999;
}
#sidebarhome .news dt
{
float: left;
}
#sidebarhome .news dt img
{
border: 4px solid #fff;
}
#sidebarhome .news dd
{
margin-left: 85px;
/* IE 1 pixel jog hack: */height: 1%;
padding-left: 10px;
padding-right:5px;
}
#container > #sidebarhome .news dd
{
height: auto;
}
#sidebarhome .news dd .intro
{
margin: 0;
}
#sidebarhome .news dd a
{
color: #333;
font-weight: bold;
text-decoration: underline;
}
#sidebarhome .hi a {color: #333;font-weight: bold;text-decoration: underline;}

#sidebarhome ul {padding: 0px 0px 0px 10px;}
#sidebarhome ul li {padding: 0px 0px 10px 0px;font-weight:bold;}

#sidebar ul {padding: 0px 0px 0px 10px;}
#sidebar ul li {padding: 0px 0px 10px 0px;font-weight:bold;}




#copyright-etc ul {float: left;}
#copyright-etc ul li {display: inline;padding: 0 5px 0 9px;border-right: 1px solid #666;}
#container > #copyright-etc ul li {padding: 0 9px 0 5px;}
#copyright-etc ul li a {color: #666;}
#copyright-etc p {margin: 0;float: right;}

/* ==EXTRANEOUS: (default hacks, etc.) ======================================================= */

.clear {clear: both;}
.accessibility {position: absolute;left: -10000px;}

/* ==SECTIONS: (overides) ======================================================= */


#poct-nonav #sectionnav ul li {background: url(../images/nav-poct-divider.gif) no-repeat right top;}
#eqa-nonav #sectionnav ul li {background: url(../images/nav-eqa-divider.gif) no-repeat right top;}
#reflab-nonav #sectionnav ul li {background: url(/images/nav-rl-divider.gif) no-repeat right top;}

#sectionnav ul li a {display: block;}


#default #sectionnav {background-color:#EE333D;}
#default #sectionnav ul li {background: url(../images/nav-eqa-divider.gif) no-repeat right top;}
#default #sidebar {background-color:#E9E9E9;}
#default #sidebar a {color:#EE333D;}
#default a {color:#EE333D;}
#default H3 {color:#EE333D;}

#eqa-nonav #sectionnav {background-color:#EE333D;}
#eqa-nonav #sectionnav ul li {background: url(../images/nav-eqa-divider.gif) no-repeat right top;}
#eqa-nonav #sidebar {background-color:#FCD6D8;}
#eqa-nonav #sidebar a {color:#EE333D;}
#eqa-nonav a {color:#EE333D;}
#eqa-nonav H3 {color:#EE333D;}

#eqa-nav #sectionnav {background-color:#EE333D;}
#eqa-nav #sectionnav ul li {background: url(../images/nav-eqa-divider.gif) no-repeat right top;}
#eqa-nav #sidebar {background-color:#FCD6D8;}
#eqa-nav #sidebar a {color:#EE333D;}
#eqa-nav a {color:#EE333D;}
#eqa-nav H3 {color:#EE333D;}

#poct-nav #sectionnav {background-color:#A17462;}
#poct-nav #sectionnav ul li {background: url(../images/nav-poct-divider.gif) no-repeat right top;}
#poct-nav #sidebar {background-color:#ECE3E0;}
#poct-nav #sidebar a {color:#A17462;}
#poct-nav a {color:#A17462;}
#poct-nav H3 {color:#A17462;}

#poct-nonav #sectionnav {background-color:#A17462;}
#poct-nonav #sectionnav ul li {background: url(../images/nav-poct-divider.gif) no-repeat right top;}
#poct-nonav #sidebar {background-color:#ECE3E0;}
#poct-nonav #sidebar a {color:#A17462;}
#poct-nonav a {color:#A17462;}
#poct-nonav H3 {color:#A17462;}

#reflab-nav #sectionnav {background-color:#A12228;}
#reflab-nav #sectionnav ul li { background: url(../images/nav-reflab-divider.gif) no-repeat right top;}
#reflab-nav #sidebar {background-color:#ECD3D4;}
#reflab-nav #sidebar a {color:#A12228;}
#reflab-nav a {color:#A12228;}
#reflab-nav H3 {color:#A12228;}


#reflab-nonav #sectionnav {background-color:#A12228;}
#reflab-nonav #sectionnav ul li { background: url(../images/nav-reflab-divider.gif) no-repeat right top;}
#reflab-nonav #sidebar {background-color:#ECD3D4;}
#reflab-nonav #sidebar a {color:#A12228;}
#reflab-nonav a {color:#A12228;}
#reflab-nonav H3 {color:#A12228;}

#maincontent H4 {font-size:120%; font-weight:bold;color:#333333;}