/*ONEATLAS.CSS*/

/** =Resets **/
html, body, * {
	margin:0;
	padding:0;
}

body {
	font: 12px/1.25em verdana, sans-serif;
	background-color: #fefefe; 
	color: #333;
	padding: 0;
	margin: 0;	
	min-width: 994px;
}

a { text-decoration: none; }
a:link, a:visited {color:#01369C;}
a:active, a:hover {color:#090;text-decoration:underline;}

.selected {font-weight:bolder;}

a.selected {color:#090;}
a.u {text-decoration:underline;}
.selected.u {text-decoration: none;}

h1, h2, h3, h4, h5, h6, h7 {
	/*color:#224E74;*/
	color: #3F3F3F;
}

h1 {
    color: #000000;
}
h2 {
    border-color: #02656A;
}

img {border:none; }

#main1 {
    padding:15px 0 0 0;    
    }

#main2 {
    margin:0; padding:0;
    }
#mainleft {
    float:left;
    width:358px;
    margin:0; padding:0;
    }
#mainright {
    float:right;
    width:290px;
    margin:0; padding:0;
    }
#maincenter {
    margin:0 290px 0 358px;    
    padding:0;    
    }
.cleaner {
	clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
}

.cleanMargin 
{
	margin: 0 !important;
}

.cleanPadding
{
	padding: 0 !important;
}

.topHeaderMargin 
{
	margin-top: 15px !important;
}

.wrIntro {margin: 0 10px 10px;display:block;top:0;left:0;overflow:hidden;padding:3px;}
.wrIntro p {text-align:left;padding:0 0 5px 8px;line-height:18px;}
.well-nav {background-color:#ecf5ff !important;border-color:#4596D0 !important;padding:6px !important;margin-bottom:10px !important;}
.well-nav .nav>li>a:hover{background-color:#4596D0;color:#fff;text-shadow: none;border: 0px solid #4596D0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.well-nav .nav li {padding-left:8px;}

.nav-header {font-size: 11px !important;color: #4596D0 !important;}
hr.faded { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }

.component {
	background: transparent url(../images/images_standard/bl-blue.png) no-repeat scroll left bottom;
	margin: 0 7px 8px 7px;	
	border: 0 none;
	display: block;
	padding: 0;
	top: 0;
	left: 0;
}

.componentFrame 
{
	background: transparent url(../images/images_standard/br-blue.png) no-repeat scroll right bottom;
	overflow: hidden;
	padding: 0 0 5px;
	margin: 0;
	border: medium none;
}

.componentContentList ul, .bullet { margin: 0 0 5px 0; padding: 0; list-style-type: none; line-height: 1.5em; }
.componentContentList ul li, .bullet li { background: transparent url(../images/images_standard/bullet_blue.png) no-repeat top left; padding: 0 0 0 20px; }

.component h2, .tool h2 {	
	font-size: 1.05em;
	margin: 0;
	padding-bottom: 0;
}
.component h2, .componentContent h2 { padding: 0 0 3px 3px; }
.componentContent h2 { padding: 10px 0 3px 3px; }
.component h3, tool h3 { font-size: 1em; font-weight: bold; margin: 0; color: #333;}
.component h4 { background-color: #D8EFF8; text-align: center; text-transform: uppercase; padding: 2px 0; }
.component p { margin: 0 0; }

.tool, .help { margin: 5px 10px; background-color: #ffffff; border: solid 1px #A1D9ED; border-top-style: none; }
.toolHeader { padding: 2px 3px; height: 1.4em; background: transparent url(../images/images_standard/top-grad.png) repeat-x top left; }
.toolDesc { padding: 5px; }
	
.vis { display:block; }
.invis { display:none; }

.toggleOpen { padding: 0 0 0 20px; background: url(http://yui.yahooapis.com/2.5.0/build/assets/skins/sam/sprite.png) no-repeat 0 -400px }
.toggleClosed { padding: 0 0 0 20px; background: url(http://yui.yahooapis.com/2.5.0/build/assets/skins/sam/sprite.png) no-repeat 0 -350px }

.component a.helpIcon 
{
	float:right; 
	margin-right:5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/help.png',sizingMethod='scale');
}
.component a.helpIcon-rss 
{
	margin-top: 1px;
}

.componentHeaderContainer 
{
	background: transparent url(../images/images_standard/tl-blue.png) no-repeat scroll left top;
	padding: 0;
	margin: 0;
}

.componentHeader 
{
	background: transparent url(../images/images_standard/tr-blue.png) no-repeat scroll right top;
	border: medium none;
	padding: 2px 3px;
	height: 1.4em;	
	overflow: hidden;
	margin: 0;
}

.componentHelp, .helpText { 
	margin: 2px;
	/*padding: 7px 10px 7px 25px;
	background: #ffc url(../images/help.png) no-repeat 7px 6px;*/
	padding: 7px 10px;
	background-color: #ffc;
}

.componentHeaderImg
{
	padding: 1px 3px;
}

.component .componentIcon 
{
	float: left;
	width: auto;
	padding-left: 5px;
	border-top: solid 1px #ddd;
}

.component .componentFooter a { float: right; background: #fff url(/images/images_standard/bullet_arrow_up.png) no-repeat scroll left top; padding-left: 14px; }

.componentContent, .toolContent
{
	background: #ffffff none repeat scroll 0%;
	border: medium none;
	margin: 0 3px;
	overflow: hidden;
	border-top: 1px solid #dddddd;	
	/*clear: both;*/
	padding: 3px;	
}	

.componentContent p, .help p  {
	text-align: left;
	padding:  0 0 5px 8px;
}

.help h1  {
	text-align: left;
	color: #3F3F3F;
	border-bottom: 1px solid #dddddd;
	margin: 0 0 3px;
	padding: 3px;
	font-size: 1.3em
	
}

.help h2  {
	text-align: left;
	color: #3F3F3F;
	border-bottom: 1px solid #dddddd;
	margin: 3px 0 3px;
	padding: 3px 3px 3px 4px;
	font-size:1.2em;
	background:transparent url(../images/images_standard/top-grad.png) repeat-x scroll left top;
	height:1.4em;
	
}

.help h3  {
	text-align: left;
	color: #3F3F3F;
	margin: 0 0 3px;
	padding: 3px 3px 3px 5px;
	font-size: 1.10em;
	background-color: #B6DF9F;
	
}

.help h4  {
	text-align: left;
	color: #3F3F3F;
	margin: 0 0 3px;
	padding: 3px 3px 3px;
	font-size: 1.0em;
	
}

ul.bullet-tools li { background-image: url(../images/images_standard/bullet_wrench.png); }
ul.bullet-news li { background-image: url(../images/images_standard/bullet_red.png); }

.big {border: solid 1px #ee0000;width:600px;}

.gss a img {border : none;}
.gss {
  width: auto;
  height: 240px;
  color: #000000;
  background-color: inherit;
  padding: 0px;
  border: solid 1px #ddd;
}

.horizLinkList { display:block; padding-left:10px; padding-top:0; margin-top: 0; }
.horizLinkList li, .component ul.horizLinkList li { display:inline; list-style-type:none; padding-right: 5px; padding-left: 0; background: none; }
.horizLinkList-fixed li { display: block; float: left; width: 25px; }
.smallGrayText {font-size: 8pt; color:Gray; font-weight:normal; padding: 0 0 0 3px }
.bottomBorderBlue { border-bottom: 2px solid #D8EFF8; padding-bottom: 5px; }
/*
#footer{
	height:35px;
	position: relative;
	font:14px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	background-color:#003366;
	}
*/
#footer { margin-top:10px; margin: 10px auto 0 auto; }
#footer p {	color:#000; font-size:.95em; margin:0 ; text-align:center; }
#footer .copyright { text-align:center; font-size:.8em;}
#footer .linkspacing { margin:0 7px 0 7px; }

.photoSlideshow {margin-left:auto; margin-right:auto; text-align:center; border:solid 1px #000;}
.photoSlideshow .title {font-weight:bold; overflow:hidden; background-color: #000; color: #fff; width:100%;}

#atlasStats {width:100%; }
#atlasStats caption {display:none;}
#atlasStats tr th {display:none;}
#atlasStats tr td {text-align:left; border-bottom: solid 1px #efefef; white-space: nowrap; }

.inline-list {
	margin: 0;
	padding: 2px;
	display: block;
	}

.inline-list ul, .inline-list ul li {
	display: inline;
	margin: 0;
	padding: 0;	
	background: none;
	}
	
#flashGallery { text-align:center; margin-left:auto; margin-right:auto; margin: 5px; }

.searchFilter { padding: 3px 0; clear: left; }
.searchFilter h5 { margin: 0; padding: 0; color: #000; font-size: 1em; font-weight: bold; display: block; width: 175px; float: left; padding-right: 10px; }
.searchFilter div.searchFilterChoice { width: auto; float: left; }
.searchFilter .radioList label { padding-right: 5px; }
.searchFilter p.helpText { clear: left; }	

.topicGroup { border:solid 1px #ccc; margin:10px 10px 0 5px; }
.topicGroup .groupHeader { background-color:#eee;  border-bottom:solid 1px #ccc; padding: 3px; }
.topicGroup .groupHeader p { margin: 5px 0; }
.topicGroup .groupHeader h3 { font-weight:bold; margin:0; font-size: 1.2em; }
.topics { padding-left: 20px; padding-right: 20px; margin-top: 5px; }
.topic { border-bottom: solid 1px #efefef; width: 100%; padding-bottom: 10px; margin-bottom: 5px; }
.topic h4 { margin: 0; font-size: 1em; }
.topic p {margin-left: 0px;}
.topic .dest { float: right; width: 215px; border-left: solid 1px #efefef; padding: 0 10px 10px 10px; margin: 0 0 10px 10px; }
.topic .dest p { margin: 10px 0; }
.topic .dest h4 { color: #545454; }
.topic .desc { margin-left: 80px; display: block; }
.topic a.learnmore, a.learnmore { background: #ffffff url(../images/help.png) no-repeat top left; padding: 1px 10px 3px 17px; }

.vol-program .desc {margin-left:0 !important;}
.vol-program h4 {margin-bottom:3px;}
.vol-program img {padding:4px;}

.importantBox { display: block; width: 88%; color: #000; border: solid 2px gold; margin: 5px 0; padding: 10px 10px 10px 25px; background: #ffc url(../images/images_standard/information.png) no-repeat 5px 10px;  }
.importantBox h3 { margin: 0 0 5px 0; font-size: 1.2em; }
.importantBox p { margin: 0px; padding: 0px;  }
.dataErrorBox { background-color: #aed796; background-image: url(../images/images_standard/nodata.png); border: solid 2px #8ccb6b; color: #000; }
.errorBox { background-color: #fee; background-image: url(../images/images_standard/exclamation.png); border: solid 2px #e00; color: #f00; }

.legendContainer { float:right; width:350px; margin: 5px 0 15px 2px; background-color:#F7F7F7; border:solid 1px #7C7C94; }
.legendContainer .header {border-bottom:solid 1px #7C7C94;color:#000;font-size:10pt;padding:5px;background-color:#A5B7C9;}
.legendContainer .header h3 {font-size:10pt;margin:0px;padding:0px;}
.legendContainer ul { margin:0;padding:0; list-style: none; }
.legendContainer li { display:block; padding: 2px 2px 2px 25px; background-position: 3px 0px; background-repeat: no-repeat }

.clearer { clear: both; }
html>body .clearerNonIE { clear: both; }

.topLinks a:link, .topLinks a:visited { color: #adf; }
.topLinks a:active, .topLinks a:hover { color: #ccff33; }

.bodycontainer { margin-left: 4px; }
#footercontainer #footer { background: #E0E0DF url(/images/images_standard/footerbar.gif) repeat-x; }

.componentbox h3 {
	margin-bottom:2px;
	padding:2px;
	color: #fff;
	background-color:#02656A;	
}

a.componentbox-footer {font-size:0.8em;color:#999;background: url(/images/images_standard/bullet_arrow_up.png) no-repeat top left;padding:1px 0 0 14px;margin-top:5px;}

.navcurrent { padding: 0; margin: 0; width: auto; }
.subnav { float: none; width: auto; }

.yui-skin-sam .yuimenuitem  {border-bottom:0px solid #dfdfdf;}
.yui-skin-sam .yuimenuitem a {color:#404040;padding:0.5em;cursor:pointer !important;}
.yui-skin-sam .yuimenubaritem a {cursor:pointer !important;}
a.yuimenuitemlabel span {color:#000;font-weight:bold;display:block;clear:right;}
.yui-skin-sam .yuimenu h6 {background-color:#efefef;font-size:1.1em;color: #777 !important;text-decoration:underline;}
.yui-skin-sam .yuimenu ul.icons li {padding-left:22px;background-repeat:no-repeat;background-image: url(/images/images_standard/oneatlas_nav_icons.png);} /* background-position:1% 50%; */
.yui-skin-sam .yuimenu ul.inset {margin-left:1em;}
.yui-menu-shadow {filter: alpha(opacity = 15) !important;} /* IE opacity fix */

/*li.contour {background-image: url(/images/standard/contour.png);}
li.table {background-image: url(/images/standard/table.png);}
li.mappin {background-image: url(/images/standard/map_pin_fill_24x24.png);}
li.person {background-image: url(/images/standard/user.png);}
li.dm {background-image: url(/images/standard/transmit.png);}*/

/*Explore Dropdown*/
li.waterRes {background-image:url(/images/standard/droplet.png);background-repeat:no-repeat;background-position:1% 50%;padding-left:22px !important;}
li.program {background-image:url(/images/images_standard/bullet_blue.png);background-repeat:no-repeat;background-position:1% 50%;padding-left:15px !important;}

/*Data & Mapping Dropdown Menu*/
ul.icons li.datadl {background-position: -7.33333px 0px;}
ul.icons li.metaicon {background-position: -7.33333px -240px;}
ul.icons li.advmap {background-position: -7.33333px -48px;}
ul.icons li.rtdata {background-position: -7.33333px -96px;}
ul.icons li.contour {background-position: -7.33333px -144px;}

/*Digital Library Dropdown Menu*/
ul.icons li.diglib {background-position: -6.81667px -192px;}
ul.icons li.spalib {background-position: -6.81667px -288px;;}
ul.icons li.adddoc {background-position: -6.93333px -414px;}
ul.icons li.addpdf {background-position: -6.93333px -486px;}
ul.icons li.addvideo {background-position: -6.93333px -342px;}
ul.icons li.addphoto {background-position: -6.93333px -450px;}
ul.icons li.addperson {background-position: -6.93333px -522px;;}
ul.icons li.addorg {background-position: -6.93333px -558px;}
ul.icons li.addcase {background-position: -6.93333px -378px;}

option.topicFilterList {}
option.topicGroupFilter {font-weight: bold;}
option.topicFilter {padding-left: 1em; }

/* Bread Crumbs
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

#crumbs {
	background: #CCE6FE url(../images/images_standard/bread_crumbs_bkd_tile.jpg) repeat-x center;
	border:  1px solid #336699;
	border-top: 0px;	
	}
	
.takeTour { float: right; margin-right:15px; padding-top: 4px; padding-bottom: 4px; }
#crumbs .MapIt { float: right; margin-right:15px; padding: 2px 0 0 0 }
.wbTitle { color: #CC0000; font-weight: bold }
.siteMapPath { background: url(../images/images_standard/bread_crumb_bkd.jpg) no-repeat right center; float:left; }
	
#crumbs .nodeRoot, #crumbs .nodeCurrent, #crumbs .node {
	line-height: 1.84em;		
	padding: 4px 25px 4px 10px;
	background:  url(../images/images_standard/bread_crumb_bkd.jpg) no-repeat right center;
}

#crumbs .nodeCurrent { color: #c00; font-weight: bold; }

/* Menu Tabs
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

#menuTabs {
  float:left;
  width:100%;
  background:#fefefe;
  font-size:105%;
  font-weight: bold;
  line-height:normal;
  }
#menuTabs ul {
margin:0;
padding:0px 3px 0px 10px;
list-style:none;
  }
#menuTabs li {
  display:inline;
  margin:0px;
  padding:0px;
  }
#menuTabs a {
  float:left;
  background:url("../images/images_standard/menuTabLeft.gif") no-repeat left bottom;
  margin-right:3px;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#menuTabs a span {
  float:left;
  display:block;
  background:url("../images/images_standard/menuTabRight.gif") no-repeat right bottom;
  padding: 5px 15px 4px 6px;
  color:#464E42;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTabs a span {float:none;}
/* End IE5-Mac hack */
#menuTabs a:hover, #menuTabs a#activeTab 
{
  background:url("../images/images_standard/menuTabLeft1.gif") no-repeat left bottom;
  }
  
#menuTabs a:hover span, #menuTabs a#activeTab span {
   background:url("../images/images_standard/menuTabRight1.gif") no-repeat right bottom;
  color: #fff
  } 
 
/* Waterbody Map Navigator
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#mapContainer, #photoContainer {
	width: 511px;
	/*background-color: #EFEFEF;
	border: 2px solid #CFCFCF;*/
	padding: 2px;
	}

#mapTools  {
  float:left;
  width: 30px;
  border-top: solid 1px #aaa;
  }
  
#mapTools ul  {
	padding: 0px;
	margin:0px;
	}

#mapDisplay {
	float: right;
	width: 479px;
	border: 1px solid #0969b5
	}

#mapMenu img {
	padding-right:0px;
	}
	
#mapMenu a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#mapMenu a:link, #mapMenu a:visited {
	color: #FFF;
	font-weight: bold;
	display: block;
	background-color: #fafafa;
	border: solid 1px #aaa;
	border-top: none;
	padding: 8px 0 0 7px;
	}
	
#mapMenu a:hover, #mapMenu a.activeMenu, #mapMenu a.activeMenu:link {
	color: #000;
	font-weight: bold;
	background-color: #d8eff8;
	padding: 8px 0 0 7px;
	}
.activeMenu { display: none; }
 
/* Hide Print Elements
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */    
.printnavcurrent{
	display:none;
}      

#WRGenInfo {
	margin: 0px 0px 10px 10px;
	line-height: 1.5em;
	}

#WRGenInfo h1 
{
	font-size: 150%;
	color: #464E42;
	padding: 0px 10px 3px 0px;
	display: inline;
}


/* Water Resource Layout Elements
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */   
#bodycontainer {
	margin-bottom: 10px;
	text-align: left;
	width: auto;
} 

.bodycontainer {
	margin-bottom: 10px;
	text-align: left;
	width: auto; /* ie5win fudge begins*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width:auto;
	}
html>body .bodycontainer 
{
	width: 975px;/*width:755px*/
}

#left {
	
	float: left;
	left: 0px;
	padding: 10px 5px 10px 5px;
	margin: 5px 0px 5px 0px;
	border-width:0px;
	border-style: solid;
	border-color:#999999;
	width: 370px;
	}

#right {
	float: right;
	padding: 0px 0px 10px 5px;
	margin: 0px 0px 0px 0px;	
	border-width: 0px;
	/*width: 385px;*/
	width:378px;
	}

#left35, #wbodyleft  {
	float:left;
	left: 0px;
	margin: 20px 0 0 0;
	_margin: 10px 0 0 0;
	width: 425px;
	}

#right65, #wbodyright {
	background-color: #ffffff;
	float:right;
	margin: 10px 0px 0px 0px;	
	padding-left: 10px;
	width: 540px;/*width: 375px;*/	
	}

.centered {
	text-align: center;
}

.sourcenote, .credit { font-size:xx-small; }

/* CSS to clean up
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.pagetitlebox {
	background-color: #90BDB9;
	border-color: #073F6B;	
}
.pagetitletext {
	color: #000000;
}
.sectionmainimagetext 
{
	color:#ffffff;
	background-color: #000000;
}

.borderstyle {
	border-color: #AAC7C5; 
	background-color: #AAC7C5; 

}

html>body .borderstyle {
	border-color: #AAC7C5; 
	background-color: #AAC7C5; 
}



/* Start Document library suggest a link css */
#suggestdoc {
	background-color: #D3B981;
	border-color: #02656A;	
}


#suggestdoc a:hover {
	color: #01A5A5;
}

#suggestdoc a {
	color: #073F6B;
}

/*END Document library suggest a link css */

/*Start Map Navigation Styles for Bay & Gulf Pages */

.maptoolcontainer 
{
	border-color: #CCCCCC; 
	background-color: #000000;
	color:#ffffff;
}

.maptoolleftblock
{
	background-color: #000000;
}

.maptoolrightblock
{
	background-color: #000000; 
}

/*End Map Navigation Styles for Bay & Gulf Pages */



 /* News and Events on Home Splash Added to 5-Button Atlas */
#mainpagenewstitle{
   background: #DDDDDD;
   border-color: #000000;
}

#mainpagenews { 
	background: #ffffff;
	border-color: #000000;
}

/*Navigator Default page styles */
.navheader {
	background: #90BDB9;
	border-color: #000000; 
	}

#navleftcolumn {
	background-color: #D3B981;
	border-left-color: #000000;
	border-bottom-color: #000000;
	border-right-color: #000000;
	}

#navleftcolumn img{
	border-color: #073F6B;
}

#navrightcolumn {
	background-color: #ffffff;
	border-bottom-color: #000000;
	border-right-color: #000000;
	}

/*EndNavigator Default page styles */

/* Styles*/

.good {
    color: #009933;
}

.fair {
    color: #ff6600;
}

.poor {
    color: #CC0000;
}

.componentContent span.good, .componentbox span.good {
	color: #009933;
}

.componentContent span.fair, .componentbox span.fair {
	color: #ff6600;
}

.componentContent span.poor, .componentbox span.poor {
	color: #CC0000;
}
.navcurrent .title {
	color: #CC0000;
}
.downloadlist {
	color: #000000;	
}
/*
div.data {
	color: #000000;
}
span.data {
	color: #CC0000;
}
*/
/* Note:  When background set to #ffffff, this causes text to disappear (because it's floated?) */

.componentContent .timestamp, .componentbox .timestamp {
	color: #CC0000;
}


.databox {
	border-color: #000000;
	background: transparent;
}

.borderbox {
	border-color: #000000;
}

.borderpreserve {
	border-color: #ffffff;
}

.databox .dataleft {
	background: transparent;
}

.databox .dataright {
	background: transparent;
}
	
.formfield {
	color: #000000;
}

.formlabel {
	color: #3F3F3F;
	}

 .fishfield {

	border-color: #000000;
	color: #000000;
}

.submitbutton input {
	color: #000000;
}

.databox h4 {
	color: #000000;
	background-color: #02656A;
}

.databox .data1 {
	background: transparent;
}

/*that's data 1L as in left*/
.databox .data1l {
	background: transparent;
}


.databox .data2 {
	background: transparent;
}

/* Below, that's an L, as in Left */

.databox .data2l, 
.databox .data3, 
.databox .data3c, 
.databox .data4, 
.databox .data5, 
.databox .data6, 
.databox .datadescription 
{
    background: transparent;
}
	
.databox table th {
	background-color: #BBBBBB;
}

.databox table td {
	background: #DDDDDD;
}

.databox table td+td {
	color: #CC0000;
}

/*Component boxes for wide pages */

.componentbox {
	background: #fff;
	/*border-color:#073F6B;*/
	border-color:1px solid #02656A;
}
.componentbox h3 {
	/*6699cc nice*/
	background-color: #02656A;
	color: #ffffff;
}

.GraphTrend .nodata {
    text-transform:uppercase;
    color: #666;
    padding: 2px 0;
    display:block;
	font-size:0.8em;
    font-weight:normal;
}

.componentContent .data, .componentbox .data {
	color: #000000;
}

.componentContent table tr th:first-child, .componentbox table tr th:first-child {
	border-style:solid;
	border-color: #BFBFBF;
	/*border-width: 1px 1px 1px 1px;*/
	text-align: center;		
}

#researchsplash .componentbox span.data 
{
	color: #000000;
}

.selectedList { background: #aeef96 !important; }
.selectedList ul li { background-image: url(../images/images_standard/bullet_green.png); }

.quarterList 
{
	width: 24%; 
	float: left; 
	padding: 2px; 
	margin: 2px
}


.componentContent .info, .componentbox .info {
	background: #ffffff;
	background-color: #ffffff;
	}

.componentContent ul, .componentbox ul,
.componentContent .dataleft, .componentbox .dataleft,
.componentContent .dataright, .componentbox .dataright,
.componentContent .data1, .componentbox .data1,
.componentContent .data2, .componentbox .data2,
.componentContent .data21, .componentbox .data2l,
.componentContent .data3, .componentbox .data3,
.componentContent .data3c, .componentbox .data3c,
.componentContent .data4, .componentbox .data4,
.componentContent .data4c, .componentbox .data4c {
	background: transparent;
}
/* End of Addition */

/*
.componentContent .info a:link, .componentbox .info a:link {
	background: #ffffff;
	background-color: #ffffff;
}
.componentContent .info a:visited, .componentbox .info a:visited {
	background: #ffffff;
	background-color: #ffffff;
	color: #073F6B;
}
.componentContent .info a:active, .componentbox .info a:active {
	background: #ffffff;
	background-color: #ffffff;
	color: #073F6B;
}
*/

.componentContent table th, .componentbox table th {
	background: #D8EFF8;
	color: #3F3F3F;
}

.oddRow 
{
	background-color: #eee;
}

.componentContent table caption, .componentbox table caption {
	background: #D8EFF8;
	color: #3F3F3F;
}

.componentContent table #LatestValue, .componentbox table #LatestValue {
	background-color: #FFFFCC;
}

/*.componentContent table td+td, .componentbox table td+td {
	color: #000000;
}*/

.componentContent th.first, .componentbox th.first {
	border-left-color:#000000;
	border-top-color:#000000;
	border-left-color:#000000;
}

.componentContent td.first, .componentbox td.first {
	border-left-color:#000000;
	border-top-color:#000000;
}

.componentContent td.ReachID, .componentbox td.ReachID {
	border-left-color:#000000;
}


.componentContent td.rchhifirst, .componentbox td.rchhifirst {
	background-color: #FFFFCC;
	border-left-color:#000000;
}

.componentContent td.rchhi, .componentbox td.rchhi {
	background-color: #FFFFCC;
}

.componentContent td.rchhiyellow, .componentbox td.rchhiyellow {
	background-color: #FFFFCC;
}

.rchhiselected {
	background-color: #BBBBBB;
}
.componentContent td.rchhifirstselected, .componentbox td.rchhifirstselected {
	background-color: #BBBBBB;
	border-left-color: #CC0000;
	border-bottom-color#000000;
	border-right-color: #000000;
}


tr.verticalheader,
th.verticalheader,
td.verticalheader ,
table.databorder
{
	border-color: #000;
}

/*End chart table*/

a.mapit { background: url(/images/images_standard/maplink.png) no-repeat 0px 1px; padding: 3px 0px 0px 20px; }
a.mapit2 { background: url(/images/images_standard/map.png) no-repeat 0px 1px; padding: 3px 0px 0px 20px; }

.advisory, .missing {color: #c00;}

li.advisory {
	color: #CC0000;
	list-style-image: url(/images/images_standard/small_advisory.gif);
	list-style-position: inside;
}

li.catches {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
}

li.dd {
	background-image: url(/images/images_standard/datadownload.png);
	padding-left: 20px; list-style: none; background-position: 0px 1px; background-repeat: no-repeat;
}

li.fish {
	list-style-image: url(/images/images_standard/small_fish.gif);
	list-style-position: inside;
}

li.graph {
	background-image: url(/images/images_standard/chart_curve.png);
	padding-left: 20px; list-style: none; background-position: 0px 1px; background-repeat: no-repeat;
}
li.barchart {
	background-image: url(/images/images_standard/chart_bar.png);
	padding-left: 20px; list-style: none; background-position: 0px 1px; background-repeat: no-repeat;
}
li.list {background-image: url(/images/images_standard/table.png)}
li.map, li.smallmap {background-image: url(/images/images_standard/maplink.png)}
li.map2, li.smallmap2 {background-image: url(/images/images_standard/map.png)}
li.org {background-image: url(/images/images_standard/vcard.png)}
li.pdf, li.doc_pdf, li.smallpdf {background-image: url(/images/images_standard/page_white_acrobat.png)}
li.video, li.smallvideo {background-image: url(/images/images_standard/film.png)}
li.rating {
	list-style-image: url(/images/images_standard/bullet_checkmark.gif);
	list-style-position: inside;
}
li.ref {
	list-style-image: url(/images/images_standard/icon_ref.gif);
	list-style-position: inside;
}
li.rss {list-style-image: url(/images/social/16/rss.png)}
li.smallcaution { background-image: url(/images/images_standard/icon_smallCaution.png); }
li.smallinfo { background-image: url(/images/images_standard/information.png); }
li.smallwww, li.doc_html {background-image: url(/images/images_standard/page_white_world.png)}
li.smallemail {background-image: url(/images/images_standard/email.png)}
li.smallpics, li.photo {background-image: url(/images/images_standard/pictures.png)}
li.smalllib {background-image: url(/images/images_standard/dlibrary.png)}
li.smallfolder {background-image: url(/images/images_standard/folder_add.png)}
li.smallform {background-image: url(/images/images_standard/page_white_edit.png)}
li.smalllink {background-image: url(/images/images_standard/page_white_link.png)}
li.smallmapex {
	list-style-image: url(/images/images_standard/small_mapEx.gif);
	list-style-position: inside;
	text-align: left;
}
li.smallref{
	list-style-image: url(/images/images_standard/small_ref.gif);
	list-style-position: inside;
}
li.smallreport {
	background-image: url(/images/images_standard/report.png);
}

li.smallnews{
	background-image: url(/images/images_standard/newspaper.png);
}
li.www {
	list-style-image: url(/images/images_standard/icon_web.gif);
	list-style-position: inside;
}
.smallcite
{
	list-style-image: url(/images/images_standard/small_cite.gif);
	list-style-position: inside;
}

ul.libItems, ul.iconList {padding-left: 10px;line-height: 1.5em;}
ul.libItems li, ul.iconList li { padding-left: 20px; list-style: none; background-position: 0px 1px; background-repeat: no-repeat; text-align: left; }

ul.sep { margin: 10px 0; }

.libLink {margin: 0.5em 0em 0.5em 0em;text-transform: uppercase;}
.libSearch {margin-top:1em; padding: 0px 0 10px 20px; background: url(/images/images_standard/dlibrary.png) no-repeat;}
.libSubmit {margin-top:0em; padding: 0px 0 10px 20px; background: url(/images/images_standard/folder_add.png) no-repeat top left;}

/* start contact us faq format */

#faq ul, #faq li {color:#000;}


/* Popup/Wdtm/Learn More Elements */
/* Note:  with background set to #ffffff, you lose text.  
Without it, you lose borders.  
Transparent seems to work in IE 6. Let's try transparent */
#popup {
	background: transparent;
	text-align: left;	
}

html>body #phead h1 {
	font-size: small;
}
#phead {
	border-bottom-color:#000000;
	border-width: 0px 0px 0px 0px;
	border-style:solid;
	text-align: left;
	margin-top:0px;
	margin-left:0px;
}

#phead #formheader
{
	border: solid 1px #bfbfbf; 
	margin-top:12px;
	background: #efefef;
	color: #3F3F3F;	
}

#formheader2 h2 {
	background: #90BDB9;
}

#phead h1 {
	background: #D8EFF8;
	color: #3F3F3F;	
	border-right: solid 1px #bfbfbf;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	text-align: center;
	width: 175px;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

#pbody2 {
	border-color: #000000;
	background-color: transparent;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	border-width: 1px;
	border-style: solid;
	text-align: left;
}

#pbody2 h2 {
	background: #BBBBBB;	
	border-top-color: #000000;
	border-bottom-color: #02656A;
}
#pbody {
	margin: 5px 5px; background-color: #ffffff; border: solid 1px #A1D9ED; border-top-style: none;
}

#pbody p {
	margin: 0px;
	padding: 2px 5px;
}

#pbody h2 
{
	margin-top: 10px;
	padding: 2px 3px; height: 1.4em; background: transparent url(../images/images_standard/top-grad.png) repeat-x top left;	
}

#pbody h4 {
	color: #000000;
	margin: 0px;
	font-weight: bold;
	text-transform: none;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

#pbody h5 {
	color: #02656A;
	margin: 2px 0px 2px 12px;
	font-weight: bold;
	text-transform: none;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

#pbody ul {
	/*list-style: none;*/
	color: #000000;
	list-style-position: inside;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
html>body #pbody ul  {
	font-size: x-small;
}

#pbody li {
	list-style-position: inside;
	margin: 0px;
	padding: 2px;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body #pbody li  {
	font-size: small;
}

#popup table {
	width: 450px;	
	margin-left:5px;
}

.largesize {
	width: 550px;	
	margin-left:5px;
}

.largesize td {
	padding:2px;
}


#popup td {
	font-weight: normal;
	color: #000000;	
	text-align: left;
}

#popup table th {
	color: #000000;
	font-weight: bold;
	text-transform: none;
	font-size:x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body #popup table th  {
	font-size: small;
}

.pageinfo {
	color: #000000;
	background-color: #FFFFCC;
	font-weight: bold;
	padding:3px;
	text-transform: none;
	font-size:x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

/* POSITIONING ELEMENTS */


#navlogo {

	background-color: #D3B981;
	border-right-color: #000000;	
	}


#navsearch {
	color: #ffffff;
}

#navsearch input {
	color: #000000;
	background: #ffffff;
}

#navsearch #searcher {

	border-color: #000000;
	background: #D3B981;
	color: #000000;
}


#navcurrent {
	border-color: #000000;
		}

/* Watershed Elements */

#subnav {
	background: #073F6B;
	border-color: #000000;

	}



#subnavmetadata {
	background: #073F6B;
	border-color: #000000;
	}

#left {
	background: #CCCCCC;
	border-color: #02656A;

	}

#right {
	background: transparent;
	}


/* Multi-Page Elements */	

		
/* About Elements */

.aboutcontent {
	background: #EFF0DF;
	border-color: #000000;
	margin: auto;

	}
	

.aboutcontent table th {
	color: #DDDDDD;
	background-color: #AAC7C5;
}


.aboutcontent table td+td {
	color: #000000;
}

html>body .aboutcontent table td+td {
	color: #000000;
}

.aboutcontent h1 {
	background: #02656A;
	color: #ffffff;
}

.aboutcontent h2 {
	background: #D3B981;
	color: #073F6B;
	border-bottom-color: #000000;
}
.aboutcontent h3 {
	background: #AAC7C5;
	color: #000000;
}


.aboutcontent p+p {
	border-top-color: #000000;
}

.aboutcontent p+h2 {
	border-top-color: #000000;
}

.aboutcontent ul, ol {
	color: #000000;
}

.preferred {
 	background: #DDDDDD;
}


/* Atlas Navigator Elements */

#atlassplash .splashtitlebullet {
	background: #000000;
	color: #ffffff;
}

#atlassplash { 	
	background-color: #EFF0DF;
	}
#atlassplash h1 {
	background: #D3B981;
	border-color: #000000;
	}

#atlassplash p {
	color: #000000;
	}

#atlassplash #navigation {
	border-color: #000000;
}

#atlassplash #titleb {
	color: #000000;
}

/* Research Elements */
#researchsplash { 	
	background: #ffffff;
	}

#researchsplash h1 {
	background: #D3B981;
	color: #000000;
	border-color: #000000;
	}

h6 {
	border-bottom-color:#000000;
}

#researchsplash h3 {
	background: #D3B981;
	color: #000000;
    border-color: #000000;

	}

#researchsplash p {
	color: #000000;
	}
#researchsplash #navigation {
	border-color: #000000;
}

/* Education Elements */

#educationsplash { 
	background: #ffffff;
	}

#educationsplash h1 {
	background: #D3B981;
	color: #000000;
	border-color: #000000;
	}

#educationsplash h3 {
	background: #D3B981;
	color: #000000;
	border-color: #000000;
	}
#educationsplash p {
	color: #000000;
	}

#educationsplash #navigation {
	border-color: #000000;
}

#researchhead {
	color:#000000;
}


#titleb {
	color: #000000;
	}

#researchsummary {
	background: #ffffff;
	border-color: #CC0000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color: #000000;
	}

#researchsummary h3 {
	background: #000000;
	color: #ffffff;/* ie5win fudge begins */
	}

#researchsummary .timestamp {
	color: #000000;
	}
.note {
	background: #FFFFCC;
	}

/* Admin Elements */

.admincontent {
	border-color: #000000;
	}

.admincontent h1 {
	background: #000000;
	color: #ffffff
}
.admincontent h2 {
	background: #CCCCCC;
	color: #000000;
}
.admincontent h3 {
	background: #DDDDDD;
	color: #000000;
}

.admincontent p,
.admincontent p+p,
.admincontent p+h2 {
	border-top-color: #000000;
	}
	
	
/* CIP Documents Elements */

.cipdocuments { 
	background: #ffffff;
	}
.cipdocuments .description {  
	background-color: #ffffff;
	}
.cipdocuments p {   
	background-color: #ffffff; 
	}
.cipdocuments .whitebox p {   
	background: #ffffff;
	}
.cipdocuments .graytitle {  
	background: #DDDDDD;
	border-color: #000000;
	}

.cipdocuments .author {
	background: #FFFFCC;
	border-color: #000000;
}
.cipdocuments .container,
.cipdocuments .format,
.cipdocuments .file,
.cipdocuments .whitebox {
	background: #ffffff;
	border-color: #000000;
	}

	
/* Documents Elements */

.largefile {
	color: #CC0000;
	}

.documents { 	
	background: #ffffff;
	}

.bordercontainer {
	border-color: #000000;
	}

.documents .pictureleft {  /*picture sets this width to 148*/
	background: #ffffff;
	border-color: #000000;
	}
	
.documents .graytop {
	background-color: #D3B981;
	color: #000000;
	border-color: #000000;
	}

.documents .description {  
	background-color: #ffffff;
	border-top-color:#000000;
	}
	
 .titlebar {
	border-top-color: #02656A
}

html>body .documents .description {
	background-color: #ffffff;	
}	

.documents p {   
	background-color: #ffffff;
	}

.documents .graytitle {
	background: #D3B981;
	border-color: #000000;
	}

.documents .container {
	border-color: #000000;
}

.documents .whitebox,
.documents .author,
.documents .format,
.documents .file,
.documents .date {
	background: #ffffff;
	border-color: #000000;
}

/* Brief view Documents */

.documents .graytitlebrief {  
	background: #D3B981;
}
.documents .containerbrief {
	background: #ffffff;
}

.documents .filebrief {
	background: #ffffff;
	border-color: #000000;
}
.documents .datebrief {
	background: #ffffff;
	border-color: #000000;
}

/* Metadata */

.meta { 
	background: #ffffff;	
	}
.meta td {
	color: #000000;
	background: #EFF0DF;
}


.meta table th {
	color: #000000;
}
.sourcenote a {
	 color: #073F6B;
	}
	
.sourcenote a:active, .sourcenote a:visited, .sourcenote a:link
	{
	color: #073F6B;
	}
	
.sourcenote a:hover
	{
	color: #01A5A5;
	}

/* Graphing and Download Styles */

/* The title bar to the steps in the download/graphing document */

.graybox {  
	background: #CCCCCC;
	border-color: #000000;

}

/* The title bar to the step that the user is currently on becomes highlighted by the selectedbox color */
.selectedbox {  
	border-color: #000000;
}

/* The title bar to a step becomes this color if there was an error the first time the step was attempted */
.errorbox {  
	background: #99CCFF;
	border-color: #000000;
}

/* The container for the content of the steps of the download and graphing page */
.whitebox {
	border-color: #000000;
	background: #EFF0DF;
	}

.graphbox {
	border-color: #000000;
	background: #ffffff;
	}
	
.download { 	
	background: #ffffff;
	}

/* If a form field is disabled, its accompanying text becomes this "grayed out" color */
.disabled {
	color: #BBBBBB;
}

/* Ecology Styles */

.reportmenuintro {
	background: #BBBBBB;
}

.reportmenuintro2 {
	background: #ffffff;
}

.reportmenu {
	border: #CCCCCC;
	background: #FFFFCC;
}

.reportmenuselected {
	background: #FFFF99;
	border-color: #CC0000;
}

.previouspage {
	background: #ffffff;
}

.nextpage {
	background: #ffffff;
}

.key {
	background: #FFFFCC;
	}

.button1 {
	border-color: #B5934B;
	background: #FFFFCC;
	}

.button2 {
	border-color: #000000;
	background: #CCFFFF;
	}
/* News Elements */
#newseventsplash { 
	background: #ffffff;
	}

#newseventsplash h1 {
	background: #D3B981;
	color: #000000;
	border-color: #000000;
	}

#newssplash { 
	background:transparent;
}

#newssplash h1 {
	background: #D3B981;
	color: #000000;
	border-color: #02656A;
	}

.newsbox {
	background: transparent;
	border-bottom-color:  #02656A;

}

.newsbg {
	background: transparent;
	border-color: #073F6B;
}

.newseventbg {
	background: #DDDDDD;
	border-color: #073F6B;
}

.newsbox p {
	background: transparent;
}


.newsbox .timestamp {
	color: #000000;
	background: #FFFFCC;
}

.newsbox .eventtimestamp {
	color: #000000;
	background: #AAC7C5;
}
.newsbox h2 {
	background-color: #02656A;		
	border-bottom-color: #073F6B;
	color: #ffffff;
	
}

.newsbox h4 {
	color: #000000;
	background-color: #D3B981;
}

.newsbox .data {
	color: #000000;
}
.newsbox ul {
	background: transparent;
}

.newsmenu {
	border-color:#D3B981;
	background: #FFFFCC;
}

.tab a:link {
	color: #02656A;
}
.tab a:visited {
	color: #02656A;
}
.tab a:hover {
	color: #90BDB9;
}
.tab a:active {
	color: #90BDB9;
}
.tab {
	background-color:#DDDDDD;
}
.tabselected {
	background-color: #02656A;
	color: #ffffff;
}
.hot a:link {
	color: #FF0000;
}
.hot a:visited {
	color: #FF0000;
}
.hot a:hover {
	color: #990000;
}
.hot a:active {
	color: #990000;
}

.data {
	color: #FF0000;
}


/* News & Events Section Styles 
news frontend style
*/
#newscontainer .headerstyle1 
{
	color:#ffffff;
}

#newscontainer .headerstyle2 {
	color: #000000;
}

#newscontainer .contentHeader1 {
	color: #02656A;

}

#newscontainer .headerblock {
	background: #02656A;
	border-color: #02656A;
}

#newscontainer .headerblock1 {
	background: #02656A;
	border-color: #90BDB9;
}

#newscontainer .leftheaderblock {
	background:#90BDB9;
	border-top-color: #02656A;
	border-left-color: #02656A;
	border-right-color: #02656A;
}

#newscontainer .rightheaderblock {
	background: #90BDB9;
	border-top-color: #02656A;
	border-right-color: #02656A;
}


#newscontainer .contentcontainer {
	border-color: #02656A;
}


#newscontainer .leftcontentblock {
	border-right-color: #02656A;
	border-top-color: #02656A;

}

#newscontainer .rightcontentblock {
	border-top-color: #02656A;
	border-left-color: #02656A;

}

#containerborder {
	border-color: #02656A;
	background-color: #fff;
}
#containerleft {
	border-right-color: #02656A;
}

#containerright{
	border-left-color: #02656A;
}

.componentheader {
	color: #000000;
	border-bottom-color: #02656A;
	background-color: #90BDB9;
}

#componentheader2 {
	color: #000000;
	border-bottom-color: #02656A;
	background-color: #D3B981;
}
.contentheader1 {
	color: #02656A;
	}

.headerstyle4{
	border-top-color: #BBBBBB;
	color: #B5934B;
}

.headerstyle4tab{
	border-top-color: #BBBBBB;
	border-left-color: #BBBBBB;
	color: #B5934B;
}
.headerstyle4long{
	border-top-color: #B5934B;
	color: #B5934B;
}
.selectionarea {
	border-bottom-color: #B5934B;
	background-color: #D3B981;
}
.contentfontstyle {
	background-color: #D3B981;
}
.listdatatable th {
	background-color:#CCCCCC;
}
/* end news frontend style*/

/*announcement item style*/
.dateheader {
	color: #ffffff;
	background-color: #02656A;
	border-color: #B5934B;
}
.boxbordercontainer {
	border-color: #000000;
	background-color: #ffffff;
}

.boxborderpopup {
	border-color: #000000;
	background-color: #ffffff;
}

.boxborderheader {
	background-color:#D3B981;
}

.newsitembox {
	border-left-color: #BBBBBB;
	border-right-color: #BBBBBB;
	border-bottom-color: #BBBBBB;
}

.headerstyle2small {
	color: #000000;

}

/* END News & Events Section Styles */

/*River Reach Map Navigation Styles */


#navcontainer li {
	border-color: #02656A;
}

#navcontainer a {
	background-color: #FFFFCC;
}

#navcontainer a:hover {
	background-color: #073F6B;
	color: #ffffff;
}

#navcontainer li a#current {
	background: #073F6B;
	color: #ffffff;
}
/* END River Reach Map Navigation Styles */

.textright{
	float:right;
	margin-right:5px;
	padding-top:3px;
}

/*
	Table redux
*/
table.table1 {
	border: 1px solid #bfbfbf;
	border-collapse: collapse;
	padding: 0px;
}
table.table1 tr {
	border:1px solid #BFBFBF;
}
table.table1 td 
{
	border-color: #bfbfbf;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-size: small;
	font-weight: normal;
	padding: 3px;	
	vertical-align: top;	
}
table.table1 th, table.table1 .header 
{
	border-color: #bfbfbf;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	padding: 3px;	
	width: 150px;
	background-color: #d8eff8;
	color: #3f3f3f;
	font-weight: bold;
}

table.table2 { border: solid 1px #bfbfbf; border-width: 1px 0 0 1px; width: 98%; margin: 3px 5px 3px 0; padding: 0; }
table.table2 th, table.table2 .header { text-align: center; font-weight: bold; padding: 2px; background-color: #d8eff8; color: #3f3f3f; border: solid 1px #bfbfbf; border-width: 0px 1px 1px 0px;  }
table.table2 td { padding: 2px; text-align: center; border: solid 1px #bfbfbf; border-width: 0px 1px 1px 0px; }
table.table2 td.row_label { font-weight: bold; padding-left: 10px; text-align: left; width: 200px; }
table.table2 tr { background-color: #fff; }
table.table2 tr.odd { background-color: #eee; }

table span.data { font-size: 1em; font-weight: bold; }
table span.nodata { color: #003366; font-weight: bold; }
table span.timestamp, table span.source { font-size: 0.85em; }

table.comp_table { 
	margin: 0 auto;
	text-align:center;
	width:98%;
}
table.comp_table .odd { background: #f2f2f2 none repeat scroll 0% 0%; }
table.comp_table th {
	background-color:#d8eff8;
	font-weight:bold;
	height:3.5em;
}
table.comp_table td {
	text-align:center;
}
table.comp_table, table.comp_table td, table.comp_table th {
	border:1px solid #999999;
	border-collapse:collapse;
	padding:2px;
}
table.comp_table .row_label {
	font-weight:bold;
	padding-left:15px;
	text-align:left;
	width:200px;
}

.textComponent { display: inline; font-size: 1.2em; }
.textComponent p { padding: 0.3em 1em 0.7em 1em; text-align: justify; }
.textComponent h4 { color: #01369C;  font-size: 1.2em; border-bottom: solid 1px #dedede; padding: 0 0 6px 0; margin: 0 0.8em; }

#mapTabsCont {
	padding:0; 
    margin:0; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    color:#FFF; 
    font-weight:bold;	
}

#mapTabs {
	list-style:none; 
    margin:0; 
    padding:0; 	
}

#mapTabs li {
	display:inline; 
    margin:0; 
    text-transform:capitalize; 
}

#mapTabs li a {
	padding:5px 16px; 	
    color:#000; 
    background:#eaeaea; 
    float:right; 
    text-decoration:none;
    border:1px solid #ccc; 
	border-bottom: 1px solid #eaeaea;
    margin:0 0 0 0px; 	
    text-transform:capitalize; 
}

#mapTabs a:hover,
#mapTabs a:active,
#mapTabs a.here:link,
#mapTabs a.here:visited {
	background:#E7A272; 
    color:#000; 
    text-decoration:none;	
	border-color: #D17B40;    
	border-bottom-color: #e7a772;
}

#mapTabs a.here:link,
#mapTabs a.here:visited {
	position:relative;
	z-index:1 !important;
}

#tabContents { 
	border: solid 1px #e7a272;	
	border-top-width: 3px;
	background:#EAEAEA; 
    clear:both; 
    color:#000; 
    padding:10px; 
    margin-bottom: 10px;
}

#mapContainer { background: #eaeaea; }
.video-loading {background-color:#ddd;color:#222;width:380px;height:260px;text-align:center;margin:10px auto;}

div.highlightcom .componentContent { background-color: #E7F7CE; }
div.highlightcom .componentHeaderContainer  { background-image: url(../images/images_standard/tl-green.png); background-color: #E7F7CE;  }
div.highlightcom .componentHeader { background-image: url(../images/images_standard/tr-green.png); }
div.highlightcom .componentFooter a { background-color: #E7F7CE; }
div.highlightcom .componentFrame { background-image: url(../images/images_standard/br-green.png); }
div.highlightcom { background-image: url(../images/images_standard/bl-green.png); }
div.highlightcom .componentFrame .componentHelp { background-color: #DEEBBD;margin:0 2px;border-top:solid 1px #73B24A;border-bottom:solid 1px #73B24A; }
div.highlightcom .componentContentList ul li {background-image: url(../images/images_standard/bullet_green.png);}

fieldset { background-color: #fff; padding-top: 5px; }
fieldset legend { padding: 2px; background-color: #d8eff8; border: solid 1px #000; margin-left: 10px; font-weight: bold; font-size: 13px; color: #333; }
fieldset .horizLinkList li { white-space: nowrap; background-color: transparent; background-repeat: no-repeat; background-position: top left; padding-left:18px; zoom:1; }

div.textComponent ul	{ margin-left:25px; }
div.textComponent ul li { margin-bottom:5px; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0; }

li#hdr-help {width:180px; text-align:right;margin-top:4px;padding:0;}
li#hdr-help img {margin:0 3px 0 10px;vertical-align:middle;}
li#hdr-help a {font-weight:normal;color:#fff;text-decoration:underline;}

/* SOCIAL MEDIA TOOLBAR */
#social-tools{position:relative;width:100%;}
.addthis_toolbox {position:absolute;width:193px;top:3px;right:-2px;}
.addthis_toolbox1 {*top:-19px;} /* fix for IE when no breadcrumbs present*/
.addthis_toolbox2 {top:-19px;*top:-19px;} /* for contour mapping page */
/*.addthis_toolbox3 {right:120px;}  for data download page */
.addthis_separator {position:relative;top:-3px;display:inline-block !important;}
.at300bs,.at300b {display:-moz-inline-stack;display:inline-block !important;zoom:1;*display:inline !important;*margin-right:3px;vertical-align:top;}
.at300bs:hover {opacity:1.0 !important;}
.at300m {vertical-align:top;display:inline-block !important	;}
.at15t_expanded {margin-right:3px;}
.custom_images a, .custom_images span {display:inline-block	!important;}
#mainright {margin-top:4px;}
#___plusone_0 {zoom:1;*display:inline !important;*margin-right:3px !important;}

/* Enhanced Footer */
#efooter { height:350px;margin:0 auto; padding:1em;background:#FFF url(/images/standard/grass-footer.png) repeat-x bottom left;position:relative;text-align:left;}

#efooter .col {margin:2.5em 0 0 0;padding:0;float:left;width:19%;}
#efooter span {display:block;font-size:1.2em;font-weight:bold;margin-bottom:0.5em;height:30px;padding-right:1em;}
#efooter ul {margin:0;padding:0;list-style-type:none;font-size:1.1em}
#efooter li {margin:0;color:#666;margin-bottom:0.25em;}

#copy-container {clear:both; position: absolute; bottom: 0; left: 0; display: block; width: 100%; margin-bottom: 12px; }
#copyright {font-size:0.9em;position:relative;bottom:0px;text-align:center;font-weight:bold;}
#copyright a {text-decoration:underline;}
#efooter a {color:#333;border-bottom:1px dotted #bbb;}
#efooter a:hover {color:#090;}

#social a {background:url(/images/standard/social_icons.png);width:32px;height:32px;display:block;}
#social a.fb {background-position:0 0;}
#social a.li {background-position:0 -32px;}
#social a.rss {background-position:0 -64px;}
#social a.tw {background-position:0 -96px;}
#social a.yt {background-position:0 -128px;}

/* END ONEATLAS.CSS */

/*
.label {
  padding: 1px 3px 2px;
  background-color: #bfbfbf;
  font-size: 9.75px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label.important {background-color:#c43c35;}
.label.warning {background-color:#f89406;}
.label.success {background-color:#46a546;}
*/
.label.notice {background-color:#62cffc;}


/* HEADER.CSS */
#betaBanner {
	background-color:#D9EEB6;
	color:black;
	font-weight:bold;
	padding:2px;
	text-align:center;
}

#network-bar {
	height:25px;
	position: relative;
	/*margin-bottom:20px;*/
	
	background-color:#fff;		
	border-bottom: solid 1px #8f8f8f;
	color: #004173;
	padding: 0px 5px 0 5px;
	background-image: url(../images/images_standard/bg-gray.gif);
	background-repeat: repeat-x;
}

#network-bar { font-family:verdana,sans-serif; line-height: 1.25em; }
#network-bar a { font-weight:bold; }
#network-bar .wa, #network-bar .sponsors { float: left; padding-top: 5px; color: #000; font-size: xx-small; }
#network-bar .sponsors { margin-left: 50px;}

.networksites {
	float:right;
	margin-top: 2px;
}
	
#banner {
	float:left;
	position: relative;
	background: #2f4e6a;
	width: 100%;
	z-index: 2;
	}

#header2 {
	width:100%;
	height:80px;
	_height: 78px:
	position: relative;
	/*margin-bottom:20px;*/
	background-repeat: repeat-x;
	background-color: #fff;/*#00CCFF*/	
	padding: 0;
	margin: 0;
	}


#lHeader { float: left; padding: 0px; margin:0 -3px 0 0; display: inline;}
#rHeader { height: 80px; background-repeat: no-repeat; _height: 80px; padding:0; margin: 0}

ul#headerSearch 
{
	list-style-type: none; 
	padding: 0;
	margin: 10px 10px 0 0;
	float: right;	
	}
	
.logoLink {
	float:left; 
	margin-top:5px;
	margin-left: 5px;
	height: 45px; 
	display: block; 
	text-decoration:none; 
	color: #000000; 
	font-size: 24pt; 
	font-family: Candara, Century Gothic; 
	background: url(../images/images_standard/logo.png) no-repeat top left; 
	padding-left: 40px; 
	padding-top: 3px;
}
/* END HEADER.CSS */


/* border radii */
.br3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.br5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.br10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.brTop10{-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;border-top-right-radius:10px;border-top-left-radius:10px;}
.brTop5{-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px;}
.brBot3{-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.brBot5{-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.brBot10{-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.brRight3{-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.brLeft3{-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.brRight5{-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.brLeft5{-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.brTopRight5{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;}
.brTopLeft3{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}
.brTopLeft5{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}

.well {background-color: #ededed;margin-bottom: 20px;padding: 19px;min-height: 20px;border: 1px solid #eee;border: 1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
i.nodata {font-style:normal;font-weight:300;font-family:monospace;font-size:12px;word-spacing:1.8px;}
#map_canvas img,.google-maps img {max-width:none;}

.yui-skin-sam .yuimenubaritem-selected, .yui-skin-sam .yuimenuitem-selected {
    background: #fcfcfc!important;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
    color: #2f4e6a!important;
}

span.caret { /* from bootstrap*/
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;}

a.yuimenubaritemlabel.yuimenubaritemlabel-hassubmenu {
    background: transparent !important;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
    padding-right: 10px!important;
}

#logoContainer {
    height: 97px;
    min-width: 960px;
    background: url(/images/logo_bg.jpg) repeat-x;
    background-position: top center;
}
#wateratlas-head-text{
    width:600px;
    display:block;
}
#head-dropdown{
    width:170px;
    display:block;
}

#header-logo-container{
    min-width:661px;
    width:100%;
}
#header-search{
    width:265px;
}

    #headerLogo a {
    float: left;
    margin-top: 4px;
    width: 257px;
    height: 82px;
    background: url(/images/logo-wateratlas-sarasota.png) no-repeat;
    text-decoration: none;
}

    #headerLogo a span {
        position: relative;
        left: -5000px;
    }
	.logo a {
    display: block;
    width: 257px;
    height: 82px;
    border: none;
    outline: 0;
    text-decoration: none;
}

.logoLine {
    float: left;
    margin-top: 25px;
    margin-left: 10px;
    width: 3px;
    height: 64px;
    /*background:url(/images/logoLine.jpg) no-repeat;*/
}

.countyLogo {
    float: left;
    margin-top: 35px;
    margin-left: 20px;
    /*width:144px;*/
    height: 47px;
    /*background:url(/images/logo-county-sarasota.png) no-repeat;*/
}

    .countyLogo a {
        display: block;
        width: 257px;
        height: 82px;
        border: none;
        outline: 0;
        text-decoration: none;
    }



    #logoContainer a:after, #footer h5 a:after, .hide-url a:after, a.hide-url:after{
        content:'';
    }

#header-logo-container h1,#header-logo-container h2,#header-logo-container h3 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.siteSearch {
    float: right;
    padding-top: 33px;
}
.searchbox {
    float: left;
    margin-right: 10px;
    height: 23px;
    width: 250px;
    border: solid 1px #000;
    color: #000;
    font-size: 18px;
    padding: 5px 10px;
}

.searchbox_submit {
    color: #000;
    font-family: Arial;
    font-size: 16px;
    padding: 6px;
}

@media print{
	#headerLogo a{
         padding:0px;
     }
     #headerLogo a:after {
        content: url(/images/logo-WA-horiz-transparent.png) ;
        visibility:visible!important;
        display:block!important;
        top: 17px;
        left: 20px;
        position: absolute;
    }
}