@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,300');
body {
	color: #194C7F;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px !important;
}

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;
}

/**** Date Container items ****/
.dateContainer input.text, .dateContainer select {
	padding-right: 10px;
	margin: 0.5em 2px 0.5em 4px;
}

.dateContainer input[type="image"] {
	height: 28px;
	padding: 0;
	margin:0;
	padding-right: 5px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	z-index: 0;
}

/**** 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;
}

select.text {
	padding: 4px;
	margin: 0.5em 0;
}

#header {
	color: #194C7F;
	width: 100%;
	height: 100px;
}

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

#header #accountNav {
	text-align: right;

	padding-top: 20px;
}

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

#header #mainNav {
	margin: 15px 0px 0px 0px;
	height: 25px;
	float: right;
}

#header #mainNav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: right;
}

#header #mainNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#header #mainNav ul li a {
	color: #194C7F;
	float: left;
	margin: 0 10px 0 10px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#header #mainNav ul li a.first {
	margin: 0 10px 0 20px;
}

#header #mainNav ul li a.last {
	margin: 0 0px 0 10px;
}

#header #mainNav ul li a.selected {
	color: #ffffff;
	background-color:#194C7F;
	margin: 0 0px 0 0px;
	padding: 0 5px 0px 5px;
	border-radius: 5px 5px 5px 5px;
}

#frameNav {
	/*border: 1px dashed red;*/
	width: 100%;
	font-size: 14px;
	min-height: 80px !important;
	padding: 10px 12px;
}

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

#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;
}

.frameNavContainer {
	width: 1250px !important;
	margin: auto !important;
	/*border: 1px dashed blue;*/
}

.container {
	/*border-left: 1px dashed green;*/
	/*border-right: 1px dashed green;*/
	width: 1120px !important;
	margin: auto !important;
}

#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: #222222;
	width: 100%;
}

.boxPanel.header {
    position: relative;
	background-color: #BABABA;
	border-bottom: 3px solid #7FBFFF;
	min-height: 30px;
}

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

.boxPanel a.title {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0;
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 8px;
}

/*
 * FIXME: Uses absolute positioning to place link next to widget buttons.
 * This will cause problems should the upper-right widget buttons change!
 */
.boxPanel a.title.stackedBarKeyModalLink {
    position: absolute;
    right: 75px;
    margin-right: 10px;
}

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

.boxPanel .content a {
	cursor: pointer;
	color: #222222;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
}

.boxPanel .content a.current {
	text-decoration: none;
	font-weight: bold;
}

.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,
#unpivotedDataSets{
	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,
#unpivotedDataSetsWpr,
#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;
}

/*** Wrapper content boxes ***/
div.wrapper {
	padding: 10px;
}

.clickable {
	cursor: pointer
}

#frameNav {
	font-size: 14px;
	height: 35px;
	color: #194C7F;
	font-family: 'Open Sans', sans-serif !important;
	margin-bottom: 10px;
	margin:auto;
}

#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;
}

#navbBarLinks li.active {
	font-weight: bold;
}

#navbBarLinks li.active a {
	color: #194C7F;
	border-bottom: 2px solid #194C7F;
}