#reportCard {
	background: #fff;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 35px 20px 20px;
	min-width: 1020px;
	height: 100%;
}
* html #reportCard{
	/* IE6 min-width */
	/*  */
	width: expression(document.documentElement.clientWidth > (920+40+40) ? "auto" : "920px");
}


h1, h2, h3, h4 { color: #000; }
a img { border: 0; }
a {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.menu-list {
	margin: 0;
	padding: 0;
}
.menu-list li {
	list-style: none;
}

.clear {
	clear: both;
}
.right {
	float: right;
	padding-left:5px;
}


p {
	margin: 0 0 10px 0;
	padding:0;
}

.dottedSep {
  border-top: 1px dotted #9abfd0; 
  margin: 10px 0; 
  font-size: 2px;
}
.kiosk .dottedSep {
	border-top-color: #d9e7ee;
	margin: 0;
}


/* Service links */
#serviceLinks {
	float: right;
	font-size: 12px;
	margin-top: -25px;
	width: 400px;
	position: relative;
	top: 5px;
}
#serviceLinks ul {
  float: right;
}
#serviceLinks li {
	float: left;
	margin-top: 5px;
}
#serviceLinks li a {
	padding: 5px 10px 5px 20px;
	line-height: 40px;
	color: #3a00dd;
}
#serviceLinks .rss { background: url(../images/icon_rss.gif) no-repeat left 5px; }
#serviceLinks .print { background: url(../images/icon_print.gif) no-repeat left 5px; }
#serviceLinks .email { background: url(../images/icon_email.gif) no-repeat left 5px; }
#serviceLinks .link { background: url(../images/icon_link.gif) no-repeat left 5px; }

#serviceLinks .rcLogo {
	margin-top: 0;
}
#serviceLinks .rcLogo a{
  padding: 5px 0;
}

/* text buttons */
.txtBtn {
	color: #0000ff;
	font-size: 10px
}

.txtBtnRed, .txtBtnRed a { color: #c1272d; }


/* Tabs layout */
.wrap {
	padding-left: 228px;
	padding-right: 190px;
	background: url(../images/wrap_bg.gif) repeat-x left bottom;
	zoom: 1; /* IE7 float fix  */
}
* html .wrap {
	height: 1px;
}
.leftBar {
	float: left;
	width: 200px;
	margin-left: -228px;
	padding: 15px 14px;
}
.mapBordered
{
		border-left:solid 1px #357FA2;
}
.mapNotBordered
{
		border-left:none;
}
* html .leftBar {
	margin-left: -114px; /* IE6 fix */
}
.rightBar {
	float: right;
	width: 166px;
	margin-right: -190px;
	padding: 7px 12px;
}
* html .rightBar {
	margin-right: -95px;
}

.leftBar h2, .tmdl-in h2{
	font-size: 20px;
	font-weight: normal;
	margin: 10px 0 8px;
}
.leftBar h3, .tmdl-in h3{
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 15px;
}
.rightBar h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0;
}


/* View Grades Form */
#viewGrades form {
	margin: 0;
}
#viewGrades .filterBy {
	width: 200px;
	margin-top:5px;
	margin-bottom: 10px;
}
#viewGrades .searchField {
	border: 1px solid #9abfd0;
	height: 16px;
	margin: 0;
	float: left;
	padding: 1px 0 2px 3px;
	width: 166px;
}
#viewGrades .inputGo {
	float: left;
}
#viewGrades .gradeType {
	margin-bottom: 3px;
}
#viewGrades .gradeType input {
	margin-top: 0;
}
#viewGrades .sortBy {
	width: 200px;
}
#viewGrades .predefined {
	margin-top: 10px;
	width: 200px;
}

/* Beach Resutls */
.beachResults {
	border: 1px solid #f2f2f2;
	overflow: auto;
	height: 345px;
}
.beachResults .item {
	margin: 10px 0;
	padding: 0 5px 0 37px;
	color: #666;
}
.beachResults h2 {
	font-size: 12px;
	margin: 2px 0;
	font-weight: normal;
}
.beachResults .selected h2 {
	font-weight: bold;
}
.beachResults .order {
	float: left;
	margin-left: -28px;
	font-size: 12px;
	font-weight: bold;
	width: 26px;
}
* html .beachResults .order {
	margin-left: -14px;
}
.beachResults .order input {
	display: none;
}
/* beach results with checkboxes */
.beachResultsForm .item {
  padding-left: 53px;
}
.beachResultsForm .order{
  padding-left: 22px;
	margin-left: -48px;	
}
/* html .beachResults .order {
	margin-left: -24px;	
}*/
.beachResultsForm .order input {
	display: block;
	float: left;
	margin-left: -20px;	
	#margin-left: -22px; /* IE7 hack */
}
* html .beachResultsForm .order input {
	margin-left: -10px;
}

/* Beach Grades */
.gradeA, .gradeB, span.gradeC, .gradeD, .gradeF, span.gradeNS { font-weight: bold; }
.gradeA, .gradeB { color: #218ce3; }
span.gradeC { color: #fbb03b; }
.gradeD, .gradeF { color: #c80000; }
span.gradeNS { color: #797979; }

.order .gradeAB, .order .gradeC, .order .gradeDF, .order .gradeClosed, .order .gradeNS {
	background: url(../images/grades_large.png) no-repeat left top;
	padding: 2px 0 0 0;
	height: 40px;
	width: 21px;
	text-align: center;
	color: #fff;
}
.order .gradeAB { background-position: 0 0; }
.order .gradeC { background-position: -40px 0; }
.order .gradeDF { background-position: -80px 0; }
.order .gradeClosed { background-position: -120px 0; }
.order .gradeNS { background-position: -160px 0; }

#bigmarker .gradeAB, #bigmarker .gradeC, #bigmarker .gradeDF, #bigmarker .gradeClosed, #bigmarker .gradeNS {
	background: url(../images/grades_large.png) no-repeat left top;
	padding: 2px 0 0 0;
	height: 40px;
	width: 21px;
	text-align: center;
	color: #fff;
}
#bigmarker .gradeAB { background-position: 0 0; }
#bigmarker .gradeC { background-position: -40px 0; }
#bigmarker .gradeDF { background-position: -80px 0; }
#bigmarker .gradeClosed { background-position: -120px 0; }
#bigmarker .gradeNS { background-position: -160px 0; }

/* Grades Key */
#beachKey {
	padding: 10px 13px 5px 13px;
	background: #f7f7f7 url(../images/key_bg.gif) repeat-x left top;
}
#beachKey li {
	color: #666;
	background: url(../images/grades_small.png) no-repeat left top;
	padding: 0 0 5px 20px;
	margin: 5px 0;
}
#beachKey .gradeAB { background-position: 0  0; }
#beachKey .gradeC { background-position: 0 -30px; }
#beachKey .gradeDF { background-position: 0 -60px; }
#beachKey .gradeClosed { background-position: 0 -90px; }
#beachKey .gradeNS { background-position: 0 -120px; }

/* Map Key */
#mapKey {
	padding: 5px 13px 10px 13px;
	background-color: #f7f7f7;
	border: solid #E8E8E8;
	border-width: 1px 0px 0px 0px ;
}
#mapKey li {
	color: #666;
	background: url(../images/map_key.gif) no-repeat left top;
	padding: 0 0 5px 20px;
	margin: 5px 0;
}
#mapKey .keyOK { background-position: 0  0; }
#mapKey .keyRain { background-position: 0 -30px; }

/* Kiosks */
.kiosk {
	border: 1px solid #d7e7ef;
	margin: 8px 0;
}
.kiosk h2 {
	background: #d7e7ef;
	margin: 0;
	padding: 5px 10px;
}
.kiosk .content {
	padding: 10px 8px;
}


.kioskBtn {
	border: 1px solid #aeccda;
	font-size: 13px;
	margin: 8px 0;
}
.kioskBtn a {
	color: #357fa2;
	text-decoration: none;
	display: block;
	line-height: 32px;
	padding-left: 10px;
	border-top: 1px solid #fff;
	background: url(../images/kioskbtn_bg.gif) repeat-x left bottom;
}
/* fixing IE6-7 display block problems */
* html .kioskBtn { background: url(../images/kioskbtn_bg.gif) repeat-x left bottom; }
* html .kioskBtn a { background: none; }

.alerts {
	font-size: 12px;
	margin-bottom: 8px;
}
.alerts li {
	margin: 5px 0;
}
.alerts img {
	margin-right: 6px;
}

/* News */
.newsBody {
	margin-bottom: 6px;
}
.newsBody .newsDate {
	color: #b2b2b2;
	font-size: 9px;
}
.newsBody h2 {
	font-size: 10px;
	background: none;
	padding: 0;
	margin: 0;
}

/* More links */
.more {
	margin: 10px 0  2px;
}


/* Grades Summary */
.gradesSummary {
	color: #b2b2b2;
	padding-top: 5px;
	z-index:5;
}
.gradesSummary td {
	text-align: center;
	vertical-align: middle;
}
.gradesSummary th {
	font-weight: normal;
	padding-bottom: 5px;
}

.summaryLegend {
	margin: 10px 0;
	background: #f7f7f7;
	height: 15px;
	padding-top: 2px;
}
.summaryLegend li {
	float: left;
	background: url(../images/summary_legend.gif) no-repeat left top;
	padding-left: 20px;
}
.summaryLegend .gradeAB {
	background-position: 8px 2px;
	color: #218ce3;
}
.summaryLegend .gradeC {
	background-position: 8px -18px;
	color: #fbb03b;
}
.summaryLegend .gradeDF {
	background-position: 8px -38px;
	color: #c80000;
}

.imagePopup .gradeAB {
	color: #218ce3;
}
.imagePopup .gradeC {
	color: #fbb03b;
}
.imagePopup .gradeDF {
	color: #c80000;
}

#tabsFooter {
	border: 2px solid #357fa2;
	border-top: none;
	padding: 10px 15px;
}


/* Tabs Popup */
.tabsPopup {
	color: #666;
}
.tabsPopup h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.tabsPopup h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 3px 0;
}
.tabsPopup .report {
	text-align: right;
}


.weather1 { padding-right: 5px; }
.weather2 { padding-left: 5px; }

/* Weather Kiosk */
.weatherKiosk {
	border: 1px solid #f2f2f2;
	margin: 15px 0;
}
.weatherKiosk h3 {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #f2f2f2;
}
.weatherKiosk table {
	width: 100%;
}
.weatherKiosk .grade {
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #F2F2F2;
}

/* Condition */
.condition {
	padding-left: 35px;
}
.sunny {
	/*background: url(../images/sunny.gif) no-repeat left top;*/
}

.options {
	width: 400px;
	margin: 10px 0 5px 0;
}
.options li {
	display: inline;
	padding: 0 10px 10px 0;
	line-height: 20px;
}
.options a{
	background: url(../images/icons.gif) no-repeat left top;
	padding-left: 21px;
}
.options .mobile { background-position: 0 0; 	clear: left;}
.options .rss { background-position: 0 -30px; }
.options .widget { background-position: 0 -60px; }

/* Scroll area in popup */
.contentScroll {
	overflow: auto;
	margin-top: 10px;
	max-height: 270px;
}	
* html .contentScroll {
	height: 270px;
}
.contentScroll-in {
	width: 350px; /* check it! */
}
.tabsSimple .contentScroll {
	margin-top: 0;
	height: 230px;
}
.tabsSimple .contentScroll-in {
	width: 330px;
	padding: 15px;
}

.tabsPopup .links {
	border: 1px solid #F2F2F2; 
	padding: 6px 8px;
}
.tabsPopup .userName {
	color: #b2b2b2;
	margin-top: 3px;
}

/* table with borders */
.bordered {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #f2f2f2;
	margin: 7px 0 15px;
}
.bordered td {
	padding: 5px 10px;
	border: 1px solid #f2f2f2;
}
.bordered .date {
	width: 1%;
}
/* Rain advisory */
.tabsPopup .advisory {
	font-size: 20px;
	margin: 15px 0 10px;
}
.tabsPopup .advisory td {
	padding: 0 14px;
}
.tabsPopup .advisory .image {
	width: 100px;
	height: 90px;
	background: url(../images/bordered_bg.gif) repeat-x left bottom;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}
.tabsPopup .advisory h3 {
	font-size: 31px;
	margin-left: 4px;
}
.tabsPopup .advisory .txtBtn {
	line-height: 28px;
}

.beachData {
	margin: 0;
}
.beachData th {
	background: #f2f2f2;
	border: 1px solid #fff;
	color: #666;
	font-weight: normal;
	padding: 5px 10px;
	text-align: left;
}
.beachData th.dark {
	background: #e6e6e6
}

/* list with fancy bullets */
.involved { margin: 10px 0; }
.involved li {
	background: url(../images/involved_bg.gif) no-repeat left top;
	padding: 2px 0 3px 25px;
	margin: 3px 0;
}


.mainContent {
	padding: 15px 10px 15px;
}
.mainContent h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 15px;
}
.mainContent h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 13px;
}
/* Historical data */
.chart {
	text-align: center;
	margin: 13px 0;
	overflow:auto;
	overflow-y:hidden;
	height:175px;
	width:330px;
	
}

/* Range Form */
.rangeForm {
	float: right;
	margin-top: -2px;
}
.rangeForm .inputText {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 70px;
	border: 1px solid #9abfd0;
	padding: 2px 2px 1px;
}
.rangeForm .inputGo {
	position: relative;
	top: 4px;
}

/* Social links */
.sociable {
	float: right;
	width: 420px;
	margin-top: 5px;
}
.sociable ul{
	float: right;
}
.sociable ul li { 
  margin : 0 0 0 5px; 
  padding-left : 3px; 
	float: left;
	line-height: 16px;
} 

/* Multimedia Gallery */
#largeImageCaption, .largeImageCaption {
	font-size: 10px;
	color: #666;
	line-height: normal;
	margin: 5px 0 12px;
}


/* Welcom kiosk */
.kioskWelcome {
	background: #fff;
	border: 1px solid #666;
	padding: 13px;
	width: 177px;
	position: absolute;
	top: 33px;
	right: 7px;
	z-index: 5;
}
.kioskWelcome .intro {
	color: #357fa2;
	font-weight: bold;
}
.kioskWelcome h2 {
	color: #357fa2;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.kioskWelcome .gradesSummary
{
	text-align:center;
}

.kioskWelcome .summaryLegend
{
	width:140px;
	margin-bottom:0px;
}

#contentHolder {
	position: relative;
}
* html #contentHolder { height: 1px; }

#mapButton, #stateShowAll
{
	position: absolute;
	top: 7px;
	right: 290px;
	z-index: 5;	
	display:none;
}

#optionPanel, #stateShowAll 
{
	display:none;
	background: #fff;
	border: 1px solid #000;
	padding: 0 3px 0 0;
	margin-right:12px;
}

#stateShowAll, #optionPanel
{
	height:17px;
	width:83px;
}

#stateShowAll table, #optionPanel table
{
	/*margin-top:-2px;*/
	position:absolute;
	left:0px;
	top:-1px;
}

.countyCharts {
	background: #fff;
	border: 1px solid #666;
	width: 203px;
	position: absolute;
	top: 33px;
	right: 7px;
	z-index: 5;
	display:none;
	margin:0px;
	padding-bottom:10px;
}

.countyCharts h2 {
	color: #357fa2;
	font-size: 14px;
	font-weight: normal;
	margin: 5px 8px 0px 8px;
	text-align:center;
}

.countyCharts th {
	font-weight: normal;
	padding-bottom: 5px;
}


.leftTopPanel
{
	float:left;	
	margin:7px 0px 5px 9px;
}

.rightTopPanel
{
	float:right;	
	margin:7px 9px 5px 0px;
}

.countyCharts .topPanel
{
	width:100%;
	border-bottom:1px solid #89B4EA;
	height:20px;
	padding-bottom:2px;
	font-size:9px;
	z-index:1;
}

.pieChartContent
{
	padding:7px 8px 0px 8px;
	text-align: center;
}

.dateUpdated
{
	text-align: center;

}

/* rss for county */
.countyCharts .options {
	width:auto;
	margin:0px;
}
.countyCharts .options li {
	display: inline;
	padding: 0px;
/*	line-height: 20px;*/
}
.countyCharts .options a{
	background: url(../images/icons.gif) no-repeat left top;
/*	padding-left: 21px; */
}
.countyCharts .options .rss { background-position: 0 -30px; }

/* end rss for county */

.pieChartInfo
{	
	color:#b2b2b2;
	font-size:9px;
}

.pieChartContent .summaryLegend 
{
	width:140px;
	margin-bottom:0px
}

.pieChartContent th
{
	font-weight:normal;
	color: #b2b2b2;
}

/*Hidden Div*/
.hiddenDiv 
{
	position:absolute;
	display:none;
}

/* Popup Form */
.popupForm {
	padding: 7px;
}
.popupForm h2 {
	 font-size: 16px;
	 margin: 10px 0 10px;
}
.popupForm .comment {
	color: #808080;
	margin-top: 5px;
}
.popupForm .comment input {
	margin: 0;
}
.popupForm .buttons {
	margin-top: 10px;
}

/* Tabs skin, based on flora.tabs.css */
.ui-tabs-hide {
    display: none;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
		font-size: 11px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 -1px 0 0;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(../images/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 6px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #666;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 3px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -22px;
		color: #357fa2 !important;
		font-weight: bold;
		font-size: 13px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -22px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 2px solid #357fa2;
    border-bottom: none;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/* Tabs Popup */
.tabsPopup .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
		font-size: 10px;
}
.tabsPopup .ui-tabs-nav li {
    float: left;
    margin: 0 -1px 0 0;
}
.tabsPopup .ui-tabs-nav a, .tabsPopup .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 5px;
    background: url(../images/tabs_popup.png) no-repeat;
}
.tabsPopup .ui-tabs-nav a {
    margin: 6px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% -60px;
    text-decoration: none;
		white-space: normal;
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.tabsPopup .ui-tabs-nav a:link, .tabsPopup .ui-tabs-nav a:visited {
    color: #666;
}
.tabsPopup .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 4px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -88px;
		font-weight: bold;
		font-size: 10px;
		color: #666 !important;
}
.tabsPopup .ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 27px;
    background-position: 0 0;
    line-height: 10px;
		text-align: center;
		max-width: 70px;
  
		width: 57px;
		display: table;
		#position: relative;
}
* html .tabsPopup .ui-tabs-nav a span {
	width: 57px;
}
.tabsPopup .ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 31px;
    background-position: 0 -28px;
    line-height: 10px;
}
.tabsPopup .ui-tabs-nav b {
		font-weight: normal;
		display: table-cell;
		vertical-align: middle;
		
		#position: absolute;
		#top: 50%;
		#left: 3px;
		#display: block;
		#width: 100%;
		#text-align: center;
}
.tabsPopup .ui-tabs-nav .ui-tabs-selected b {
  	font-weight: bold;
}
.tabsPopup .ui-tabs-nav i {
  font-style: normal;
	#position: relative;
	#top: -50%;
}

.tabsPopup .ui-tabs-nav .ui-tabs-selected a:link, .tabsPopup .ui-tabs-nav .ui-tabs-selected a:visited,
.tabsPopup .ui-tabs-nav .ui-tabs-disabled a:link, .tabsPopup .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabsPopup .ui-tabs-nav a:hover, .tabsPopup .ui-tabs-nav a:focus, .tabsPopup .ui-tabs-nav a:active,
.tabsPopup .ui-tabs-nav .ui-tabs-unselect a:hover, .tabsPopup .ui-tabs-nav .ui-tabs-unselect a:focus, .tabsPopup .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabsPopup .ui-tabs-nav .ui-tabs-disabled a:link, .tabsPopup .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.tabsPopup .ui-tabs-panel {
		border: 1px solid #666;
    border-bottom: 1px solid #666;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
		padding: 15px;
}

/* Tabs Simple */
.tabsSimple {
	float: left;
	width: 100%;
}
.tabsPopup .tabsSimple {
	float: none;
	margin-top: 15px;
}
.tabsSimple .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
		font-size: 10px;
}
.tabsSimple .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabsSimple .ui-tabs-nav li {
    float: left;
    margin: 0 -1px 0 0;
}
.tabsSimple .ui-tabs-nav a, .tabsSimple .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 5px;
    background: url(../images/tabs_popup.png) no-repeat;
}
.tabsSimple .ui-tabs-nav a {
    margin: 6px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% -60px;
    text-decoration: none;
		white-space: nowrap;
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.tabsSimple .ui-tabs-nav a:link, .tabsSimple .ui-tabs-nav a:visited {
    color: #666;
}
.tabsSimple .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 2px;
    z-index: 2;
		margin-top: 0;
    background-position: 100% -88px;
		font-weight: bold;
		font-size: 10px;
		color: #666 !important;
}
.tabsSimple .ui-tabs-nav a span {
    display: block;
		width: auto;
    padding-top: 1px;
    padding-right: 0;
    height: 18px;
    background-position: 0 0;
    line-height: 18px;
		text-align: center;
		max-width: 300px;
}
.tabsSimple .ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 24px;
    background-position: 0 -28px;
    line-height: 24px;
}

.tabsSimple .ui-tabs-nav .ui-tabs-selected a:link, .tabsSimple .ui-tabs-nav .ui-tabs-selected a:visited,
.tabsSimple .ui-tabs-nav .ui-tabs-disabled a:link, .tabsSimple .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabsSimple .ui-tabs-nav a:hover, .tabsSimple .ui-tabs-nav a:focus, .tabsSimple .ui-tabs-nav a:active,
.tabsSimple .ui-tabs-nav .ui-tabs-unselect a:hover, .tabsSimple .ui-tabs-nav .ui-tabs-unselect a:focus, .tabsSimple .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabsSimple .ui-tabs-nav .ui-tabs-disabled a:link, .tabsSimple .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.tabsSimple .ui-tabs-panel {
		border: 1px solid #666;
    border-bottom: 1px solid #666;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
		padding: 15px;
		margin-bottom: 15px;
}
.tabsPopup .tabsSimple .ui-tabs-panel {
	margin-bottom: 0;
	padding: 0;
}

/*Print page*/
#printTop
{
	margin:10px 10px 20px 10px;
	background: #fff;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#printTop #tab-popup1
{	
	width:420px;
}
#printTop #serviceLinks
{
	padding:10px;
}
.TMDLViolation
{
	font:#ff0000;
	color:#ff0000;
}
.TMDLViolationBlock
{
	margin:7px 0px 0px 0px;
}

.specilaTab
{
	padding:20px;
	font-family:Verdana;
	font-size:12px;
    min-height:500px;  	
}

*html .specilaTab
{
	height:500px;
}

.specilaTab h1
{
    margin: 5px 0 15px;
    font-weight: normal;
    font-size: 24px;      
}

.specilaTab h2
{
    margin: 15px 0 10px;
    font-weight: bold;
    font-size: 16px;
}

h2.nomargin
{
    margin: 0px 0 5px;
    font-weight: bold;
    font-size: 16px;
}

.separator
{
	clear:both;
	border-top:dotted #c0c0c0 1px;
	margin-top:14px;
	margin-bottom:15px;
	height:1px;
}


.popupSmall
{
	background:#fff;
	padding:5px 8px;	
	border: 1px solid #666; 
}

.popupSmall a
{
	font-size:12px;
}

.emptySearch
{
	margin:10px;
}

.right-set {
 float: right;
 padding-left:5px;
 margin-top:-5px;
}

.popupForm h1 {
 font-size: 20px;
 font-weight: normal;
}

.right-set {
 float: right;
 padding-left:5px;
 margin-top:-5px;
}

.photocaption {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	display: block;
	padding-bottom:10px;
	margin-bottom:10px;
}

.main-textheading {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

main-textsmall { 
	font-style: normal; 
	line-height: normal; 
	font-size: 11px
	}
	
.formulaDenominator {	text-align: center;
}
.formulaLeft {	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}
.formulaNumerator {	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: center;
}
.formulaWrapper {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.main-column{
	float:left;
	width:67%;

}

.info-column{
	min-width:190px;
	float:right;
	width:28%;
 	padding-left:15px;
	border-left: 1px dotted #c0c0c0;
	font-size:10px;
}
.main-column h3{
    margin: 12px 0 7px;
    font-weight: bold;
    font-size: 14px;
}

.info-column h3 {
    margin: 12px 0 7px;
    font-weight: bold;
    font-size: 12px;

}
.main-column h3.nomargin {
    margin: 0 0 7px;
    font-weight: bold;
    font-size: 14px;
}
.info-column h3.nomargin {
    margin: 0 0 7px;
    font-weight: bold;
    font-size: 14px;
}
.brc-copyright {
	clear:both;
	margin-top:20px;
	font-size:10px;
	color: #666666;
	padding:18px
}

.main-column .separator
{
	border-top:dotted #c0c0c0 1px;
	margin-top:14px;
	margin-bottom:15px;
	height:1px;
}

#resetSearchBox {
	text-align: left;
    letter-spacing: 1px;
    margin-top:0px;
    margin-bottom:5px;	
    margin-left:3px;
}

#resetSearch
{
    display:none;
	font-size:11px;
}

#spanBackToCoastalView
{
    display:none;
	font-size:11px;
}

#listInfo
{
    display:none;
    font-size:11px;
    font-weight:bold;  
    margin-bottom:10px;
}

#listInfo td a
{
    font-size:10px;
    font-weight:normal; 
    float:right;
}

#listInfo .simpleText
{
	font-weight:normal;
}

/* Documents tab */
#docsTab {
	background: url(../images/docstab_bgb.gif) repeat-x left 100%;
	padding-bottom: 20px;
	position: relative;
	font-size: 12px;
}
#docsTabInner {
	background: url(../images/docstab_bg.gif) repeat-x left top;
	padding: 20px 15px 0;
	margin-top: 13px;
	min-height:500px;
}

#docsTab h1 {
	font-size: 20px;
	font-weight: normal;
	padding: 0 15px;
}
#docsTab h2  {
  font-weight: normal;    
  font-size: 18px;
  margin: 10px 0;
}    
.docForm {
	padding: 0 15px;
}

.docItem {
	margin: 15px 0;
}
.docItem .docDate {
	font-size: 10px;
}
#docsTab .docItem h2 {
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 5px;
}
.docItem .docCategoryName {
	margin-top: 7px;
	font-size: 10px;
}
.docItem .image, .docItem .text {
	vertical-align: top;
}
.docItem .image {
	padding-right: 10px;
}
/* document files */
.docFiles {
	font-size: 10px;
	line-height: 18px;
	margin-top: 15px;
}
.docFiles td {
	padding: 2px;
}
.docFiles a{
	padding-left: 15px;
}
.docFiles span {
	padding: 0 15px 0 6px;
}
.docFiles img {
  vertical-align: middle;
}

/* paging */
#docsTab .pagingTop, #docsTab .pagingBottom {
	font-size: 10px;
}
#docsTab .pagingTop {
	margin-bottom: 25px;
}
#docsTab .pagingBottom {
	margin-top: 25px;
}

/*
.pager
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.docItem
{
	clear:both;
}


.docDate
{
    font-size:10px;
    font-style:italic;
}
.docImage
{
    border: 1px solid #666;
    margin-right:10px;
    float:left;
}
.docSeparator
{
	clear: left;
	height:10px;
	border-bottom: 1px dotted #c0c0c0;
	margin-bottom:9px;

}
.docDescription 
{
}
.docTitle
{
	margin-bottom:7px;
}
.docTitle a
{
	font-size:14px;
}
	
.docCategoryName a
{
	font-size:10px;
}

.docCategoryName
{
	clear:both;
	padding:5px 0px 3px 0px;
	color:#666;
}

.docForm
{
	padding-bottom:20px;
	border-bottom:dotted 1px #c0c0c0;
	margin-bottom:9px;
}

.docMessage
{

}
*/
.redLabel
{
	color:Red;
}

.summaryHeadLeft
{
	float:left;
	margin:3px 0px 3px 10px; 
	font-weight:bold;
}

.summaryHeadRight
{
	float:right;
	margin:3px 10px 3px 0px;
	width:40%;
	font-weight:bold;
	text-align:right;
}

.itemCounty
{
	margin:0px 10px 5px 10px;
}

.itemCounty h2
{
	font-size: 11px;	
	padding:0px 3px;
}

.itemState
{
	margin:0px 10px 5px 10px;
}

.itemState h2
{
	font-size: 11px;	
	padding:0px 3px;
}

.docDescription a
{
 font-size:9px;
}

.docDescription li
{
 padding:0;
 margin:0;
 margin-left:10px;
 font-size:9px;
}

.imagePopup
{
	top:0px;
	left:0px;
	background-color:#fff;
	border: 1px solid #666;
	position:absolute;
	z-index:200;
	display:none;
	padding:7px;
}

.popupLegend
{
	padding:0px;
}
/*help pages*/

.helpheader
{
  color: #666666;
  padding: 18px;
  background-color: #f2f2f2;  
}

body {
	margin:0px;
}


.helpcont
{
    padding: 18px;    
}

.helpcont td p{
  margin: 7px 0;
}

.helpcont td ul {
    padding-left: 0;
    margin: 5px 0 10px 5px;
    list-style-type: none;
 }

.helpcont td li {  color: #4C4C4C;
    background: url('../images/con_bullet.gif') no-repeat left 5px;
    padding-left: 8px;
    margin-top: 3px;
    padding-bottom: 3px;
}

.helpcont td {
  color: #666666;
}

#trafficBox
{
    position:absolute;
	top: 7px;
	right: 224px;
	z-index: 5;	
}

#categoriesList li
{
    background: url('../images/con_bullet.gif') no-repeat left 5px;
    padding-left:10px;
    padding-bottom:10px;
    font-size:14px;
}

#categoriesList ul
{
    list-style-type: none;
    padding-left:0px;
    margin-left:0px;
}

.tmdl-in 
{
	width:95%;
	padding:10px
}

#tmdlInfo 
{
	padding-top:5px;
}

.tmdl-in  #TMDLNotice
{
	color: #666;
	padding-left:2px;
	margin-bottom:4px;
}

.closedComment
{
	color:Red;
	font-weight:normal;
	font-size: 10px;
	padding:10px 0px;
}

.closedTable
{
	width: 100%;
	border-collapse: collapse;
	border-width: 0px;
	margin: 0px;
	padding:0px;	
}

.closedTable td
{
	padding:0px;
	border-width: 0px;
	margin:0px;
}

.closedTable h3
{
	margin:0px;
	padding:0px;
}
.cellLegendDry
{
	background-color:#CC6600;
}

.cellLegendWet
{
	background-color:#00C6EB;
}

.cellLegendAb
{
	background-color:#009900;
}

.cellLegendTmdl
{
	background-color:#EB0000;
}

.TMDLCountyLink
{
	float:right;
	padding-left:10px;
}

.toggleButton 
{
	display:none;
	position:absolute;
	top:5px;
	left:0;
	z-index:5;
}

.printMain {
	background: #fff;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.printMain th {
	background: #ddd;
	border: 1px solid #f2f2f2;
}

.printMain h2 
{
	font-weight:normal;
	margin:0px;
	padding:10px 0px;
}

#printBody 
{
	padding:20px;
}

#printBody table
{
	width:auto;
}

.ddlAnnualPeriod, .ddlSummerPeriod, .ddlWeeklyPeriod, #dataType
{
	width:200px;
}

#dataType
{
	margin-bottom:5px;
}

@media print {
  .noprint { display: none; }
}

.printFlags 
{
	font-size:11px;
}