/* AQI google maps styles */
#leftAQIContainer {float:left; width:525px; font-size:.8em; }
#rightAQIContainer {float:left; width:25%; font-size:.8em; margin-left:10px; }
#leftAQIContainer a, #rightAQIContainer a  {outline: none !important;}

/* start AQI jQuery Tabs styles */
#aqi ul.tabNavigation li a.selected  {
	background: #1F3487 url("../images2/misc/tabs/tab-glass-dblue.gif") repeat-x top left;
	outline:none; color:#fff;
	}
/* End AQI jQuery Tabs styles */
#aqiNav, #aqiBtns {  
	padding:0; 
	margin:0 auto; 
	list-style-type:none;
	}
#aqiNav, .aqiLegend, .aqiDataMap { max-width: 525px; }	
#aqiNav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	text-align:center; 
	}
#aqiNav a { /* list styling */
	display:block;
	padding:5px 10px;
	color:#333;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	border-bottom: none;
	background: url("../images2/misc/tabs/tab-white.gif") repeat-x top left; /*  background: #F7F7F7 */
	word-wrap:normal;
	}
#aqiBtns li {
	float:left;
	margin: 5px 0;
	padding: 0;
	list-style: none;
	font-weight:bold;
	text-align:center;
	width:100%;
	}
#aqiBtns a { /* list styling */
	display:block;
	padding: 4px 18px;
	border: 1px solid #BCBCBC;
	background: url("../images2/misc/tabs/tab-white.gif") repeat-x top left; /*  background: #FDFDFD */
	border-radius: 8px;
	}
#aqiBtns a:hover { background: url("../images2/misc/tabs/tab-glass-sage.gif") repeat-x top left; color:#000 !important;}  /*  background: #A3C266 */
.fontSizeZero { font-size:0; }
#aqiNav a:hover { background: url("../images2/misc/tabs/tab-glass-orange-ro.gif") repeat-x top left;} /*  background: #FF9B04 */
#aqi .imgContainer { clear: both; padding:0; max-width:525px; border:#CCCCCC 1px solid; text-align:center; margin:0 auto; display: block; }
#aqiNav a:active, #aqiNav a:focus, .colorbox:active, .colorbox:focus, .colorbox2:active, .colorbox2:focus, #aqiButtonsContainer a:active, #aqiButtonsContainer a:focus { box-shadow:none; }
.aqiLegend { text-align:center; margin:5px auto; }
.aqiLegendGood, .aqiLegendModerate, .aqiLegendUSG, .aqiLegendUnhealthy, .aqiLegendVeryUnhealthy, .aqiLegendHazardous { border:#fff 1px solid; vertical-align:top; }
.aqiLegendUnhealthy, .aqiLegendVeryUnhealthy, .aqiLegendHazardous { color:#FFFFFF; }
.aqiLegendGood { background-color:#00CC00;}
.aqiLegendModerate { background-color:#FFFF00;}
.aqiLegendUSG { background-color:#FF6600;}
.aqiLegendUnhealthy { background-color:#FF0000;}
.aqiLegendVeryUnhealthy { background-color:#99004C;}
.aqiLegendHazardous { background-color:#7E0023;}
.aqiLegendText { font-weight: bold; display:block; }
.aqiLegend div { min-height: 65px; word-wrap:normal; }
#aqiButtonsContainer { margin-top:30px; }
#aqiButtonsContainer a { color:#1E5791; text-decoration: none; }
.aqiButtonsSp { border:#CCCCCC 1px solid; padding:7px; text-align:center; background: #B3D9FF url("../images2/misc/clouds.jpg") no-repeat top left; margin-top:15px; }
.aqiButtonsSp a {text-shadow: -1px 1px #E5E5E5;}
.aqiButtonsSp a:hover, .aqiButtons:hover a { color:#333 !important; }
.aqiButtonsSp:hover { background-images: none; background-position:50% 0%;}

.aqiButtonsSp2 { border:#CCCCCC 1px solid; padding:5px; text-align:center; background: #B3D9FF url("../images2/misc/tabs/tab-glass-lblue.gif") repeat-x 0 0; margin-top:15px; }
.aqiButtonsSp2:hover {border:#999 1px solid; background: url("../images2/misc/tabs/tab-glass-sage.gif") repeat-x 0 0 !important; }  /*  background: #A3C266 */
.aqiButtonsSp2:hover a { color:#FFFFC6 !important; text-decoration: none; }
.aqiButtonsSp2 a:hover { font-weight:bold;}

a.spLinks2  {display:inline !important; font-size:1.05em;}
a.spLinks2:hover  { color: #ffff4d !important; text-shadow: -1px 1px #999 ; text-decoration:underline; }

.aqiButtons {border:#ccc 1px solid; padding:7px; text-align:center; background: url("../images2/misc/tabs/tab-white.gif") repeat-x 0 0; margin-top:10px; } /*  background: #FDFDFD */
.aqiButtons a, .aqiButtonsSp a { display:inline-block; }
.aqiButtons:hover { border:#999 1px solid; background: url("../images2/misc/tabs/tab-glass-sage.gif") repeat-x 0 0; color:#000; } /*  background: #A3C266 */
.aqiBoxes { border:#ccc 1px solid; padding:5px 10px; margin-top:15px; background-color:#F2F9FF; display:inline-block; }
.aqiBoxes ul {margin-top:5px; margin-bottom:5px;}
.aqiBoxes p {margin-top:0; margin-bottom:5px;}
.aqiDescription1, .aqiDescription2, .aqiDescription3 { border:#ccc 1px solid; padding:0 10px; margin-top:10px; text-align:left; }
.aqiDescription1 h3, .aqiDescription2 h3, .aqiDescription3 h3 { margin-top:10px; }
.aqiDescription1 {background-color:#F2F9FF;}
.aqiDescription2 { background-color:#FEF1DA;}
.aqiDescription3 { background-color:#EDFDEC;}
 /* map & map popup styles */
#aqiMap {width:525px; height: 450px; border: 1px solid #ccc; clear:both;}
#iw_kml td {padding:1px; }

#loadingMessageOverlay {
	position: relative; 
	z-index: 1000;
	text-align:center; 
	}
#loadingMessageOverlay p { width: 250px; position: absolute; top:150px; left:125px; border:#0099FF 3px solid; padding:5px; background-color:#FFFFFF;  color:#FF9900; font-weight:bold; font-size:1.5em !important;}
#loadingMessageOverlay p em {font-weight:bold; }

/* thumbnail popup styles */
#showimage{
	position:absolute;
	visibility:hidden;
	border: 5px solid #CCCCCC;
	}

 #dragbar{
	cursor: hand;
	cursor: pointer;
	background-color: #F0F0F0;
	min-width: 330px; /*NS6 style to overcome bug*/
	}

#closetext{
	font-size:12px;
	font-weight: bold;
	color: #666666;
	margin-right: 1px;
	}

#closetext:hover{
	color: red;
	}

/* sidebar naviagtion */
#pmLinks {
	border: #3C9DC5 solid 1px;
	margin:0;
	}
#pmLinks h4 {
	background: #EDF5FA;
	margin-top: 0 !important;
	padding: 3px;
	padding-left: 8px;
	color: #3284A7;
	font-size: 1.1em;
	}
#pmLinks ul {
	margin: 5px;
	list-style:square !important;
	}
#pmLinks li {
	padding-bottom: 5px;
	font-weight: bold;
	color: #3C9DC5 !important;
	list-style:square !important;
	list-style-image:none !important;
	margin-left: 0 !important;
	padding-right:5px !important;
	}
.selected {
	color:#333;
	}
/* air quality alert box */

#aqa {
	border: #E0A3B4 solid 1px;
	background: #FBECEF;
	padding: 5px;
	padding-bottom: 10px;
 	text-align: center;
	margin-left: 30px;
	}


/* AQI tables  */
.aqiTable {margin-bottom:20px;}
.aqiTable th div {font-size:1.3em; padding-bottom:10px; text-transform:uppercase;}
.aqiTable th {background:#92B8DA; font-size:.95em; font-weight:bold; color:#333;}
.aqiTable th, .aqiTable td {padding:3px 5px; border:#ccc 1px solid; text-align:center;}
.aqiTable tr.alt td {background: #E9F1F8; /* zebra tables: bg color for odd rows */ }
.aqiTable tr.over td {background:#FFFFEA; /* hover color for zebra table */ }
.aqiTable td.aqiTableTopofPage { background-color:#fff !important; padding-top:10px;}

/* hover stayle for map of nattain-8hr.html  */
.ozoneMap  {
	padding:8px;
	border:#ccc 1px solid;
	background-color:#FFFFFF;
	width:350px;
	text-align:center;
	margin:auto;
}
.ozoneMapHover{
	padding:8px;
	border:#333 1px solid;
	background-color:#EAF4FF;
	width:350px;
	text-align:center;
	margin:auto;
}
.scroll-overflow { overflow-x: auto; }
table.tableGreenHeader th {background-color:#559B6A; font-weight:bold; color:#fff; }
table td, table th { vertical-align:top; }
#colorbox:focus { outline: 0; } /* remove blue outline around colorbox in Chrome */
#cboxPrevious, #cboxNext, #cboxClose { padding: 0; } 
.file-info { color: #666; }
.imageAlignRight { float:right; margin-left:20px; margin-bottom:5px; margin-right:0; }
.imageAlignRightNp { float:right;}
.imageAlignLeft { float:left; margin-right:20px; margin-bottom:5px; margin-left:0; }
.imageAlignCenter { text-align:center; }
@media screen and (max-width: 520px) { .one-sidebar .main-column { width: 100%; padding-left: 0; float: none; } .main-content .region-sidebar { width: 100%; padding-right: 0; } }
@media screen and (max-width: 360px) { .imageAlignLeft, .imageAlignRight, .imageAlignRightNp  { float: none; clear: both; margin-bottom:10px; } }