@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,300');
body {
    background: url("../images/layout/background_noGradient.gif") repeat-x scroll 0 0 #FFFFFF;
    color: #194C7F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

#DataQuery {
    background: url("../images/layout/background.gif") repeat-x scroll 0 0 #FFFFFF;
}

#AirNowHome {
    background: url("../images/layout/background.gif") repeat-x scroll 0 0 #FFFFFF;
}

#AirNowLogin {
    background: url("../images/layout/background.gif") repeat-x scroll 0 0 #FFFFFF;
}

#myaccount {
    background: url("../images/layout/background.gif") repeat-x scroll 0 0 #FFFFFF;
}

#vocdatstatus, #vocdatexport, #vocdatquery, #vocdatupload, #vocdatwelcome, #vocdathelp, #metdathome, #webdms {
	background: url("../images/layout/background_noLine.gif") repeat-x scroll 0 0 #FFFFFF;	
}

#vocdatstatus #subNav, #vocdatexport #subNav, #vocdatquery #subNav, #vocdatupload #subNav, #vocdathelp #subNav, #vocdatwelcome #subNav, #metdathome #subNav, #webdms #subNav {
	display: none;
}

table {
	margin-bottom:1.4em;
	color:black
}

thead th {
	background:#ffffff;
}

th, td, caption {
	padding:0px;
}

tbody tr:nth-child(2n) td, tbody tr.even td {
    background: none;
    color:black;
}

/**** Items for AQI table ****/

table.aqiTable {
	margin-bottom:1.4em;
}

/* Items for the data in the AQI level rows */

td.aqiData {
	padding:0px;
	text-align: center;
	border-bottom:1px solid white; 
	border-right:1px solid white;	
}

.aqiTable tr:nth-child(2n) td, .aqiTable tr.even td {
   
    color:black;
}

/****************************/

p {
	padding: 0em 0em 1em 1em;
	margin: 0em;
}

label {
	font-weight: normal;
	padding-top: 0.5em;
}

select {
	border: 1px solid #bbbbbb;
}

#header {
	color: #194C7F;
	width: 100%;
	height: 100px;
	background-color: #CDD4DA !important;
}

#header #logo {
    padding-top: 5px;
}

#header #accountNav {
	text-align: right;
	font-size: 12px !important;
	padding-top: 20px;
	padding-bottom: 0 !important;
}

#header #accountNav a {
	text-decoration: none;
	border-bottom: 1px dotted #194C7F;
	color: #194C7F;
	
}

#header #mainNav {
	margin: 12px 0px 0px 0px;
	float: right;
    background-color: #CDD4DA !important;
}

#header #mainNav ul {
 	margin: 4px;
 	padding: 0;
 	text-decoration: none;
 	padding: 0;
    list-style: none;
    background-color: #CDD4DA !important;
    position: absolute;
    z-index: 100;
    width: 790px;
}

#header #mainNav ul li {
    margin: 1px;
 	padding: 0;
 	float: left;
    width: 85px;
    text-align: center;
    line-height: 21px;
    vertical-align: middle;
}

#header #mainNav ul li a {
    cursor: pointer;
    display: inline-block;
    color: #194C7F;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
}


#header #mainNav ul li a.selected {
	color: #ffffff;
	background-color:#194C7F;
}

#header #mainNav ul li ul#toolNavigationMenu {
	display: none;	
	margin: 0;
	margin-left: 2px;
	background: #ffffff !important;
	border: 1px solid #194C7F;
	list-style: none;
	width: 170px;
	text-align: center;
}

#header #mainNav ul li ul#toolNavigationMenu.withEF {
	margin-left: 610px;
}


#header #mainNav ul li ul#toolNavigationMenu li {
    width: 100%;
    margin: 0;
    border: none;
	padding: 5px 0px 5px 0px;	
	background: #ffffff;
	text-align: left;
}

#header #mainNav ul li ul#toolNavigationMenu li a {
	padding-left: 4px;
}

#header #mainNav ul li ul#toolNavigationMenu li:hover {
	background-color: #eeeeee;
}

#header #mainNav ul li:hover {
	background-color: #194C7F;
	
}

#header #mainNav ul li:hover a {
    color: #ffffff;
}

#header #mainNav ul li:hover ul a {
	color: #194C7F;
} 

#header #mainNav ul li:hover ul#toolNavigationMenu {
	display: block;
}

#subNav {
	width: 100%;
    font-size: 13px;
	height: 35px;	
	padding: 0px;
}

#subNav ul {
    list-style: none outside none;
 	margin: 0px;
 	padding: 1px 0px 0px 0px;
 	text-decoration: none;
}

#subNav li {
    float: left;
}

#subNav li.spacer {
	margin-top: 5px;
	padding: 5px 10px 0px 10px;
}
#subNav ul li a {
    padding: 10px 0px 0px 0px;
    display: block;
    font-size: 13px;
    color: #194C7F;
    text-decoration: none;
    font-weight: bold;
}

#subNav ul li a.selected {
    border-bottom: 1px dotted #194C7F;
}


#content {
	margin: 20px 0px 20px 0px;
	min-height: 750px;
}

#footer {
	height: 30px;
	background-color: #CDD4DA;
	border-top: 3px solid #194C7F;
}

#footer ul {
	list-style: none outside none;
 	margin: 5px 0px 0px 0px;
 	padding: 0;
 	text-decoration: none;
}

#footer li {
    float: left;
}

#footer li.spacer {
	margin-top: 0px;
	padding: 0px 10px 0px 10px;
}

#footer ul li a {
    color: #194C7F;
    font-size: 12px;
    padding: 7px 0px 0px 0px;
    font-weight: bold;
}

.boxPanel {
    color: #000000;
    background-color: #ffffff;

}
.boxPanel .right {
	float:right;
}
.boxPanel.header {
    background-color: #194C7F;
    border-bottom: 3px solid #7FBFFF;
    border-radius: 5px 5px 0 0;
    min-height: 23px;
    cursor: pointer;
}

.boxPanel.header.home {
	cursor: default;
}

.boxPanel.section {
    border: 1px solid #194C7F;
    border-radius: 5px 5px 5px 5px;
}

.boxPanel a.title {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    padding: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 8px;
}

.boxPanel .content {
	padding: 1em 0em 0em 0em; 
}

.boxPanel .content a {
	text-decoration: none;
	border-bottom: 1px dotted #394652;	
	color: #000000;
	margin: 0px 0px 0px 10px;
}

.boxPanel .content #selectedDatasetsClearLink {
	margin: 0px;
}

/* .boxPanel .body is used on all pages except for the data query page */

.boxPanel .body {
	padding: 1em 0em 0em 0em; 
}

.boxPanel .body a {
	text-decoration: none;
	border-bottom: 1px dotted #394652;	
	color: #000000;
}


.boxHelp {
	margin: 3px 10px 0px 0px;
	color: #ffffff;
	font-weight: bold;
}

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

#unpivotedDataResults, 
#hourlyPivotedDataResults,
#hourlyAbbrevPivotedDataResults, 
#datasetPivotedDataResults {
	clear: both;
}

#waitingMessage {
	display:none;
}

#downloadFrame,
#batch_edit_container
{
	display: none;	
}

#batch_edit_container {
	text-align: left;
	width: 550px;
}

#batchEditDatesContainer {
	width: 220px;	
}

#batchEditContainer {
	display: none;
}

#batchEditForm p span {
	padding-top: 8px;
}

.subBatchEditSeriesContainer {
	margin-top: 10px;
	margin-bottom: 5px;
}

.smallSubBatchRadioFormContainer {
	width: 195px;
}

.subContainerRight {
	float: right;
}

.largeSubBatchRadioFormContainer {
	width: 195px;
}

#dataTables_container, #graph_container {
	display: none;
	clear:both;
}

#response_msg_wrapper{		
	text-align: left;
}


/***** Items for UIBlock data editing pop up ******/

div.blockUI.blockMsg.blockPage #dataEditing {
	cursor: auto;	
	width: 350px;		
}


#dataEditingContainer {
	height: 200px; 
	text-align: left;
}

#dataEditingContainer p input, #dataEditingContainer p select {
	width: 200px;
}

#dataEditingContainer p textarea {
	width: 200px;
	height: 100px;
}

#dataEditingContainer p input.button {
	width: 75px;
}

.edited {
	border: 1px solid #FF0000;
}

#chartButtonContainer, #tableButtonContainer {
	margin-bottom: 10px;
}

#chartButtonContainer input, #tableButtonContainer input { 
	width: 150px;	
}


.dataTable th,
.dataTable th,
.dataTable th {
	font-weight: bold;
	padding: 3px 19px 3px 5px;
	border-bottom: 3px solid #7FBFFF;
	background-color: #194C7F;
	color: #ffffff;
	white-space: nowrap;
}

.dataTable.subTable th {
	border: none;
}

.dataTable td,
.dataTable td,
.dataTable td {
	padding: 3px 10px 3px 5px;
	white-space: nowrap;
}

.dataTable.subTable td {
	padding: 3px 0px 3px 10px;
}

.dataTable.pollingTable td {
	text-align: center;
	padding: 3px 0px 3px 0px;
	font-weight: bold;		
}

.dataTable {
	border: 1px solid #194C7F;
}
				
.dataTable th.dataCell,
.dataTable th.dataCell,
.dataTable th.dataCell {
	text-align: center;
	
}

.qcCode_0,.qcCode_1,.qcCode_2,
.qcCode_3,.qcCode_4,.qcCode_5,
.qcCode_6,.qcCode_7,.qcCode_8,
.qcCode_9{
	text-align: center;
	padding: 5px;
}

.qcCode_0 {
	/*White*/
	border: 1px solid white;
}

.qcCode_1 {
	/*LightBlue*/
	border: 1px solid lightblue;
}

.qcCode_2 {
	/*LightGreen*/
	border: 1px solid lightgreen;
}

.qcCode_3 {
	/*Orange*/
	border: 1px solid orange;
}

.qcCode_4 {
	/*Yellow*/
	border: 1px solid yellow;
}

.qcCode_5 {
	/*Magenta*/
	border: 1px solid magenta;
}

.qcCode_6 {
	/*Purple*/
	border: 1px solid purple;
}

.qcCode_7 {
	/*Blue*/
	border: 1px solid blue;
}

.qcCode_8 {
	/*Gray*/
	border: 1px solid gray;
}

.qcCode_9 {
	/*Red*/
	border: 1px solid red;
}

tbody tr:nth-child(2n) td.dataLevel_Preliminary, 
tbody tr.odd td.dataLevel_Preliminary,
tbody tr.even td.dataLevel_Preliminary,
tbody tr.odd td.dataLevel_undefined,
tbody tr.even td.dataLevel_undefined,
tbody tr td.dataLevel_undefined,
tbody tr td.dataLevel_Preliminary
{
	background-color: #ffffff;
	text-align: left;
}

.dataLevel_Preliminary,
.dataLevel_undefined,
.dataLevel_Preliminary
{
	background-color: #ffffff;
	text-align: left;
}

tbody tr:nth-child(2n) td.dataLevel_Calculated, 
tbody tr.odd td.dataLevel_Calculated,
tbody tr.even td.dataLevel_Calculated,
tbody tr td.dataLevel_Calculated
{
	background-color: lightBlue;
	text-align: left;
}

.dataLevel_Calculated
{
	background-color: lightBlue;
	text-align: left;
}

tbody tr:nth-child(2n) td.dataLevel_Regulatory, 
tbody tr.odd td.dataLevel_Regulatory,
tbody tr.even td.dataLevel_Regulatory,
tbody tr td.dataLevel_Regulatory
{
	background-color: lightgray;
	text-align: left;
}

.dataLevel_Regulatory {
	background-color: lightgray;
	text-align: left;
}

#unpivotedDataResultsWpr,
#hourlyPivotedDataResultsWpr,
#hourlyAbbrevPivotedDataResultsWpr,
#datasetPivotedDataResultsWpr {
	overflow-y:visible;
	overflow-x:visible;
}

#QCtable {
	border: 1px solid #194C7F;
}

#QCtable tr th {
	color: white;
	background-color: #194C7F;
	padding: 3px;
}

#QCtable tr td {
	padding: 3px;
}

.dataCellHighlight {
	font-weight: bold;
	color: red;
}

#leftColumn {
	margin-bottom: 15px;
}

#rightColumn {
	margin-bottom: 0px;
}

#buttonPanel{
	margin-top: 5px;
}

#querySettingsSection p {
	padding-bottom: 5px;
}

.highlight {
	border: 3px solid red;
}

.nowrap {
	white-space:nowrap;
}
a.hoverHelp {
    border:none; 
    border-bottom:1px dotted;    
    background:none; 
    padding:0px; 
    text-decoration:none;
    color:#000000;
}

.defSubBox p {
	padding: 0 0 1em 0;
}

/******* FilterDataSet Links *******/
#parameterSelectorLink, #siteSelectorLink {
	padding-top: 5px;
}

#hourlyAbbrevPivotedDataResultsWpr .sorting {
	background: none;
	background-color: #194C7F;
}

#hourlyAbbrevPivotedDataResultsWpr .sorting_desc {
	background: none;
	background-color: #009933;
}
#hourlyAbbrevPivotedDataResultsWpr .sorting_asc {
    background: none;
    background-color: #820082;
}


#hourlyAbbrevPivotedDataResultsWpr .dataTable th, 
#hourlyAbbrevPivotedDataResultsWpr .dataTable th, 
#hourlyAbbrevPivotedDataResultsWpr .dataTable th,
#hourlyAbbrevPivotedDataResultsWpr .dataTable td, 
#hourlyAbbrevPivotedDataResultsWpr .dataTable td,
#hourlyAbbrevPivotedDataResultsWpr .dataTable td {
    padding: 3px;
    padding-right: 0px;
}

#lineGraphReset {
    position: absolute;
    top: 16px;
    left: 537px;
}

#qcCodeFilterID {
	width: 175px;
}
#queryName {
	margin-left: 39px;
}


#timeMin_picker, #timeMax_picker {
	vertical-align: middle; 
	padding-bottom: 3px;
}

#plotTypeID {
	 width: 197px; 
	 margin-left: 5px;
}

#tableTypeId {
	width: 197px;
	margin-left: 9px;
}

#qcCodeFilterID {
	 margin-left: 5px; 
	 width: 180px;
}

#sourceID { 
	width: 180px;
	margin-left: 16px;
}


/*** Question Mark Helper Image ***/
a.infoText
{
    position:relative;
    cursor:help;
    background-color:white;
}

a.infoText:hover
{
	z-index:25; 
	background-color:#ffffff;
	text-decoration:none;
}

a.infoText img {
	border: none;
	text-decoration: none;
}

a.infoText {
    border: none !important;
    text-decoration: none;
	border:none;
	float:right;
	background: none;
	padding: 0px;
	color: #000000;
}

.infoImage {
	width: 24px;
	border: none;
	text-decoration: none;
	margin-right: 10px;
}

a.infoText span
{
	display: none;
	background-color:#f5f5f5;
}

a.infoText:hover span {
	z-index:25; 
	background-color:#ffffff;
	text-decoration:none;
	display: block;
	background-color: #f5f5f5;
	left: -410px;
	top: -30px;
	position: absolute;
	width: 33em;
	border: 1px solid #000000;
	padding: 10px 10px 10px 10px;
}

/***** DART page *****/

#frameNav {
	width: 100%;
    font-size: 14px;
	height: 35px;	
	padding: 0px 0px 10px 0px;
    color: #194C7F;    
    font-family: 'Open Sans', sans-serif !important;
}

#frameNav ul {
    list-style: none outside none;
 	margin: 0px;
 	padding: 1px 0px 0px 0px;
 	text-decoration: none;
 	float:right;
}

#frameNav li {
    float: left;
}

#frameNav li.spacer {
	margin-top: 5px;
	padding: 5px 10px 0px 10px;
}

#frameNav ul li a {
    padding: 10px 0px 0px 0px;
    display: block;
    font-size: 14px;
    color: #222222;
    text-decoration: none;
}

#frameNav ul li a.selected {
    font-weight: bold;
}

#frameNav #titleNav {
	float: left;
	font-size: 28px; 
	vertical-align: bottom; 
	padding-bottom: 20px;
}

#frameNav #titleNav a {
	text-decoration: none;
    color: #222222;	
    color: #194C7F;
    font-family: 'Open Sans', sans-serif !important;
    font-weight:600;
}

#frameNav #titleNav a:hover {
	color: #7FBFFF;
}

#frameNav ul li a:hover {
	color: #555555;
}

#addScreenContainer a {
    text-decoration: none;
    color: #194c7f;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    border: none;
    float: right;
    font-family: 'Open Sans', sans-serif !important;    
}

#addScreenContainer a img {
    height: 15px;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}

.modal {
	display: none;
	position: fixed;
	z-index:1;
	left: 0;
	top 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0,0,0,0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 25%;
}

.closeShareModal {
	color: #aaa;
	float: right;
	font-size: 28px;
	position: relative;
	top: -11px;
	font-weight: bold;
}
.closeShareModal:hover,
.closeShareModal:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}