@charset "utf-8";
/* 
	CSS Document for OPHS subsite
	Created by: Jason Nakai
	Created on: 11/23/2011
	Description: 
	This CSS file was created to consolidate all CSS files into a single file for better performance and maintainability.
	
	local_FormStyles.css
	Program.css
	style03.css
	reporting.css
	
*/

html,
body {
	background-repeat: repeat-y;
	color: #333;
	font:normal 14px Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}

input[type="submit"],
input[type="Reset"],
input[type="button"] {
	cursor:hand;
}




/** Base Styles for Report Options **/
form.reportOptions {
	border:solid 1px #666;
	margin-top: 20px;
	padding:20px 10px 10px;
	position:relative;
	font-size:0.75em;
}
form.reportOptions input,
form.reportOptions option,
form.reportOptions select,
.selectBoxText {
	color:#333;
	font-size:1em;
}
.reportOptions fieldset {
	border:0;
	margin:0;
	padding:0;
}
legend {
	background:#FFF;
	border:solid 1px #666;
	font-weight:bold;
	margin:0;
	padding:5px 15px;
	position:absolute;
	top:-1em;
}
.reportOptions ul,
.reportOptions li {
	list-style:none;
	margin:0;
	padding:0;
}
.reportOptions li {
	padding:5px;
	font-size:0.917em;
}
.reportOptions label, .reportOptionsLabel {
	display:block;
	float:left;
	width:140px;
}
.reportOptions label.label_no_format {
	display:inline;
	float:none;
	width:auto;
}
.reportOptions fieldset fieldset {
	width:500px;
}
.reportOptions fieldset fieldset label {
	display:inline;
	float:none;
	line-height: 1.5em;
    vertical-align: top;
	width:80px;
}
.reportOptions select {
   width:400px;
}

.ui-tabs-nav li {
  font-size: 0.75em;
}

/* style03.css */

/*
td, ul.homepage {
}
*/
.reportOptionHeader {
  background-color: #4A649D;	
	text-align:left;
  color: #FFF; 
  font-weight: bold;
  margin: 10px 0 10px 0;
}
.reportOptionRow {
   background-color: transparent;	
	font-size:1em; 
	font-weight:bold; 
   margin-left:2px;
}
.reportOptionRowSm {
   background-color: #FFFFF5;	
	font-size:0.75em; 
	font-weight:bold; 
	color:#505050; 
  margin:3px 10px;
}
#leftNavigation {
  padding: 10px 2px 3px 5px;
  background:   url(../images/bgleftnav.gif);
  background-repeat: repeat-y;
}
#leftNavigation a:link, #leftNavigation a:visited {
  width: 150px;
  display: block;
  margin-bottom: 3px;
  padding: 0 0 1px 26px;
  font: 0.688em Tahoma, Arial, Helvetica, sans-serif;
  color: #2D5FAC;
  text-decoration: none;
  background:url(../images/bgnavboxhover.gif);
  background:url(../images/bgnavbox.gif);
  background-repeat: no-repeat;
}
#leftNavigation a:hover {
  margin-bottom: 3px;
  color: #fff;
  background:    url(../images/bgnavboxhover.gif);
  background-repeat: no-repeat;
}
#leftNavigation a#leftNavLinkSelected:link, #leftNavigation a#leftNavLinkSelected:visited {
  margin-bottom: 3px;
  color: #fff;
  font-weight: bold;
  background:    url(../images/bgnavboxhover.gif);
  background-repeat: no-repeat;
}
.headers {
  font: 1em Tahoma, Arial, Helvetica, sans-serif;
  color: #021F47;
  font-weight: bold;
  margin: 10px 0 10px 0;
}
#subheaders {
  font: 0.875em Tahoma, Arial, Helvetica, sans-serif;
  color: #021F47;
  font-weight: bold;
  margin: 10px 0 10px 0;
}
.dashedSpacer {
  font: 0.875em Tahoma, Arial, Helvetica, sans-serif;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 10px 0;
}
#highlight {
	width: 380px;
	height: 24px;
	background-repeat: no-repeat;
}
.highlightHeader {
	font-size: 1em;
	font-weight: bold;
	height: 24px;
	display: inline-block;
	background-repeat: repeat-x;
	margin: 3px 5px 0 14px;
}
#backToTop {
	margin:15px 0;
	font-size:10pt;
}
#backToTop a:link, #backToTop a:active, #backToTop a:visited {
	background:  url(../images/arrowbacktotop.gif) center left no-repeat;
	display: block;
	padding-left: 14px;
	margin-bottom: 4px;
}

#lef\tNavigation a#leftNavLink2:link, #lef\tNavigation a#leftNavLink2:visited {width: 100%;}
#lef\tNavigation a#leftNavLinkSelected2:link, #lef\tNavigation a#leftNavLinkSelected2:visited {width: 100%;}
.terms_notice a {
	font-size:.9em !important;
}
.terms {
	padding:10px;
	border:2px solid #cccccc;
	margin:5px; 
	background-color: #cc0000;
}
.termsPageTitle {
	padding: 5px;
	font-size: 1em;
	font-weight: bolder;
	color: ffffff;
	background-color: #cc0000;
}
.termsAccepted {
	font-size: 1.4em;
	font-weight: bolder;
	color: #000000;
	text-align: center;
	background-color: #ffffff;
	padding: 10px;
	border:10px solid #cc0000;
}
.termsText {
	font-size: .8em;
	color: #000000;
	background-color: #ffffff;
	padding: 10px;
}
.termsNewButtn {
  background-color: #E0E0D5;
  color: #c00;
  font-family: tahoma,arial,Geneva,Helvetica,sans-serif;
}
.termsNewButtn2 {
  background-color: #E0E0D5;
  color: #000000;
  font-family: tahoma,arial,Geneva,Helvetica,sans-serif;
}
.termsNotice {
  color: #c00;
  font-family: tahoma,arial,Geneva,Helvetica,sans-serif;
  font-size: 2.5em;
}
.termsNoticeChanged {
  color: #000;
  font-family: tahoma,arial,Geneva,Helvetica,sans-serif;
  font-size: 1.5em;
}

/* BEGIN ADMIN CLASSES */
.adminLayout {
	margin-left:10px;
	margin-top: 10px;
	background-color: #CCCCCC;
	border-width: 0px;
}
.adminPageTitle {
	padding: 5px;
	font-size: .8em;
	font-weight: bolder;
	/*color: FFFFFF;*/
	background-color: #4A649D;
}
.adminContentTD {
	padding:5px;
	background-color:FFFFF5;
}





.adminDataTable {
	background-color: CCCCCC;
	width: 100%;
}
.adminDataHeader {
	font-size: .75em;
	background-color: FFFFF5;
	font-weight: bold;
}
.adminDataRow {
	background-color: FFFFFF;
	height: 30px;
}
.adminDataTD {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}
.adminFormLabel {
	background-color: FFFFF5;
	padding-right:10px;
	font-weight:bold;
	white-space:nowrap;
}
.adminFormField {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	background-color: FFFFFF;
}
.adminYesNoFormText {
	font-size:.75em;
}
.adminSelectBoxText {
	color:#006666;
	font-size:1em;
}
.adminSelectBoxText option {color:#006666;}
.adminButtn,.adminButtnText {
	font-family: tahoma,arial,Geneva,Helvetica,sans-serif;
	color: white;
	background-color: #8D3630; /*orig:996633*/
	border: 1px solid #672825; /*orig:663300*/
}




.admin_wrap {
	border: solid 1px #666;
	margin:20px 0;
	padding:10px;
	position: relative;
	font-size: 0.75em;	
	overflow:hidden;
	width:775px;
}
.admin_wrap h1 {
	font-size: 1em;
	display: inline;
	margin: 0;
	padding: 5px 15px;
	position: absolute;
	top: -1em;
}
.admin_wrap ul {
	display:block;
	float:left;
	list-style:disc;
	width:250px;
}
.admin_wrap li {
	line-height:2em;
}

.admin_wrap table {
	background:#CCC;
}
.admin_wrap th,
.admin_wrap td {
	text-align:center;
	background:white;
	font-size:.75em;
}
.admin_wrap td {
	
}

.admin_wrap fieldset {
	border:none;
	position:relative;
	padding:10px 0 40px;
}
.admin_wrap legend {
	background: none repeat scroll 0 0 transparent;
	border-color: #EEB420;
	border-style: dashed;
	border-width: 0 0 1px;
	font-size: 1.2em;
	margin:0;
	padding: 0;
	position: relative;
	width: 100%;
}
.admin_wrap label,
.admin_form label{
	display:inline-block;
	padding:5px 0;
	width:550px;
}
.admin_note {
	font-size:.8em;
	margin:20px 0;
}
/* Fieldset inline radio buttons */
.admin_wrap fieldset.fs_radio_inline {
	padding: 10px 0 0;
}
.admin_wrap fieldset.fs_radio_inline label {
	width:auto;
}
/* Fieldset inline label and input */
.admin_wrap fieldset.fs_label_inline {
	padding: 10px 0 0;
}
.admin_wrap fieldset.fs_label_inline label {
	width:100px;
}
/* Fieldset inline date range */
.admin_wrap fieldset.fs_date_range {
	padding: 10px 0 0;
}
.admin_wrap fieldset.fs_date_range label {
	width:100px;
}

.admin_wrap .results_header {
	border-color: #EEB420;
	border-style: dashed;
	border-width: 1px 0 0;
	padding:10px 5px 30px;
}
.admin_wrap .results_header h3 {
	float:left;
	margin:0;
	padding:0;
}
.admin_wrap .results_header a {
	float:right;
}
.admin_wrap .results_table td {
	font-size:.7em;
}
.admin_wrap .selectBoxText {
	font-size:1em;
}
/* END ADMIN CLASSES */


/* reporting.css */
.frmMain {
	font-family: Arial;
	font-size: 0.625;
}
.tdMain {
	margin-bottom: 1px;
	border-collapse: separate;
	height: 21px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
}
.tdMain2 {
	margin-bottom: 1px;
	border-collapse: separate;
	height: 21px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	text-align:center;
}
.tdMain3 {
	margin-bottom: 1px;
	border-collapse: separate;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
}
.buttnLg {
	font-size:1.1em;
	font-family: tahoma, arial, Geneva, Helvetica, sans-serif;
	background-color:e0e0d5;
}
.buttn, .buttnText {
	font-size:0.7em;
	font-family: tahoma, arial, Geneva, Helvetica, sans-serif;
	background-color:e0e0d5;
}
.buttn-fix {
	font-size:0.7em;
	font-family: tahoma, arial, Geneva, Helvetica, sans-serif;
	background-color:e0e0d5;
	width:7.5em;
}
.sentence {
	FONT-FAMILY: tahoma, arial, Geneva, Helvetica, sans-serif;
	FONT-SIZE: .8em;
	LINE-HEIGHT: 131%; /* color:424524; */
}
.selectBoxText {
	font-size:0.75em;
	color:006666;
	margin-left: 0px;
}
.labelText {
	text-align:right;
	font-size:0.688em;
	font-weight: bold;
	color: #525252;
}
.headerText {
	font-family:Verdana;
	font-size:1.5em;
	font-weight:bold;
	color:8E8F85;
}
/************* ALPMR REDESIGN *******************/

/* RESET Some Styles */
.mainContentArea a,
.mainContentArea a:link {
	color:blue;
	text-decoration:underline;
}
.mainContentArea a:visited {
	color:purple;
}
.mainContentArea a:hover,
.mainContentArea a:focus {
	color:red;
}

/* Standard Styles */
a.standard_link,
a.standard_link:link {
	color:blue !important;
	text-decoration:underline !important;
}
a.standard_link:visited {
	color:purple !important;
}
a.standard_link:hover,
a.standard_link:focus {
	color:red !important;
}
a#mainContent {
	text-decoration:none;
}

ul.downloadLinks {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
ul.downloadLinks li {
	float:left;
	padding-left:5px;
}



/* Reports Styles */
.report-title {
  font: bold 0.813em Tahoma, Arial, Helvetica, sans-serif;
}
.data_table {
	background:#EAEAEA;
	font-size:0.875em;
}
.data_table th {
  font-size:0.875em;
  white-space:nowrap;
}
.data_table td {
  font-size:0.75em;
}
.data-table-location {
  font-size:.813em;
  margin:3px 10px;
  border-right:solid 1px #CCC;
  border-left:solid 1px #CCC;
  vertical-align:top;
}
.data-table-number {
  font-size:.813em;
  margin:3px 10px;
  border-right:solid 1px #CCC;
  vertical-align:top;
  text-align:right;
}
.data-table-total {
  margin:3px 10px;
  font-weight:bold;
  text-align:right;
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
  white-space:nowrap;
  background-color:#fff;
  font-size:.813em;
}


.data_table th.data-table-location {
	white-space:normal;
	width: 200px;
}







.reportOptions fieldset fieldset label {
	display: inline;
	float: none;
	line-height: 1.5em;
	vertical-align: top;
	width: 110px;
}
.numerator-denominator td {
  padding:10px;
}

/* Executive Summary */

.executive-summary-title-cell {
	padding:0 0 7px 20px;
}
.executive-summary-title {
  margin:0;
  font-size:0.813em;
}
.executive-summary-head {
  text-align:left;
}
.executive-summary-note {
  border-top:solid 1px #999;
  padding:8px 0 4px 0;
}
.executive-summary-text {
  font-size:.688em;
}
.executive-summary-results {
	font-size:0.75em;
	text-align:center;
	vertical-align:middle;
	font-weight:700;
}

/** RESET SOME STYLES **/
a#mainContent {
	text-decoration:none;
}
/* Layout Sidebar */
td.ui-widget-content {
	border:0;
}
.layout_sidebar {
	width:150px;
}
.layout_sidebar ul {
	list-style:none;
	margin:0;
	padding: 0;
	width: 100%;
}
.layout_sidebar a {
	display:inline-block;
	text-decoration:none;
	width:100%;
}
/* Subsite Navigation */
.subsite_nav {
}
.subsite_nav li a,
.subsite_nav li a:link,
.subsite_nav li a:visited {
	border:0;
	display:block;
	padding:10px 0;
	text-indent:10px;
}
.subsite_nav li a:hover,
.subsite_nav li a:active,
.subsite_nav li a:focus {
	text-decoration:underline;
	text-indent:15px;
}
/* Support Info */
.support_info {
}
.support_info p strong, .support_info p a {
	display:block;
	text-indent:0;
}
.support_info a {
	text-decoration:underline;
	text-indent:0;
}
.support_info p {
	font-size:0.625em;
	margin:20px 5px;
	padding:5px 0;
	text-align:center;
	width:135px;
}
.support_info ul.ui-state-highlight {
	font-size:0.625em;
	margin:20px 5px 0;
	padding:5px 0;
	text-align:center;
	width:135px;
}
.reportOptionRowFluorideApp th {
	font-size:0.75em !important;
}


/* Terms of use notice */
.terms_notice {
	margin-left:110px;
	margin-top:40px;
	margin-bottom:40px;
	text-align:center;
	width:500px;
	font-size:.75em;
}
.terms_notice h2 {
	display:block;
	margin:10px auto;
	text-align:center;
	width:95%;
}
.terms_notice form {
	margin: 0;
}
.terms_notice p {
	text-align:left;
}
.terms_notice p, .terms_notice .terms_results {
	background:white;
	color:#000000 !important;
	margin:0 auto;
	padding:10px;
	width:90%;
}
.terms_notice p a, .terms_notice .terms_results a {
	color:#000000;
}
.terms_notice .terms_results {
	margin:10px auto;
	text-align:center;
}

/* Message Page ("Access required!") */
.message {
	margin-left:60px;
	margin-top:40px;
	text-align:center;
	width:600px;
}
.message_inner{
	background:white;
	margin:15px auto;
	padding:10px;
	width:90%;
}
.message_inner,
.message_inner a {
	color:#000000 !important;
	font-size:1.2em;
}





.target_notmet {
	
	background: rgb(130,0,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzgyMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjODIwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2MDAwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(130,0,0,1) 1%, rgba(130,0,0,1) 4%, rgba(150,0,7,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(130,0,0,1)), color-stop(4%, rgba(130,0,0,1)), color-stop(100%, rgba(150,0,7,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(130,0,0,1) 1%, rgba(130,0,0,1) 4%, rgba(150,0,7,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(130,0,0,1) 1%, rgba(130,0,0,1) 4%, rgba(150,0,7,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(130,0,0,1) 1%, rgba(130,0,0,1) 4%, rgba(150,0,7,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(130,0,0,1) 1%, rgba(130,0,0,1) 4%, rgba(150,0,7,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820000', endColorstr='#960007', GradientType=0 ); /* IE6-8 */
	
	overflow:hidden;
}
.target_met {
	background: rgb(0,110,46); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Njg0NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(70,132,94,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,110,46,1)), color-stop(100%, rgba(70,132,94,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(70,132,94,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(70,132,94,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(70,132,94,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,110,46,1) 0%, rgba(70,132,94,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#46845e', GradientType=0 ); /* IE6-8 */
	overflow:hidden;
}
table.display thead th {
	padding: 3px 0 3px 2px !important;
}
table.display thead th div {
	padding-right: 3px !important;
}



.dataTables_wrapper tbody th {
	font-size:0.8em;
}

ul.downloadLink {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
ul.downloadLink li {
	float:left;
	list-style:none;
	padding-left:5px;
}