body, html 
{
    height: 100%;    
    background: #e7ebf0;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 1.4em;
}

body 
{
	margin: 0;
	padding: 0;
	margin: auto;
}

body, form, div, table 
{
	font-family: arial;
	font-size:10pt;
	/*font-size: 1.1em;*/	
	color: #333;
}

input.text {
	padding: 5px;
	width:175px;	
}

label.label {
	margin-top: 10px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.siteGroupBox {
	font-size:1.1em;
	margin-bottom: 5px;
}

.siteGroupLabel {
	font-size: 1.1em;
}

#container 
{
	padding:0;
	margin: auto;    
	min-height: 100%;	
	width: 990px;
	background: #ffffff;
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
	box-shadow: 0 0 10px #b0b9c2;
	color:#222;
	display: block;
}

div.main_sidebar 
{
	float: left; 
	margin-left: 15px;
	width: 230px;
	margin-top: 20px;
}

div.sidebar 
{ 
	padding-right: 0px;
	/*background-color: #e6f1f5;*/ /*#e1eef6;*/ /*#333333;*/
	font-weight:normal;
	/*border:solid 1px #094b95;*/
	width: 210px;
	/*background: #2965ad;
	background: #d2dde8;
	border-radius: 5px;
	background: #e5ecf4;
	background: #eff3f6;*/
	/*border-bottom: 1px solid #b0b9c2;*/
}

div.sidebar div
{ 
	padding: 8px 0 8px 0;
}

div.customized p
{
	padding: 0 0 10px 0;
}

.customized div
{
	margin: 10px 0;
}

#container #content 
{
	float: left; 
	padding-left: 38px;
	width:675px;
	border-left: 1px solid #e5e5e5;
}

a 
{ 
	/*color:#336699; */
	color: #2965ad;
}

img 
{
	border:none;
}

h1 
{ 
	color: #2965ad;	
	font-family: arial;
	font-size: 12pt;
	padding:0px;
	margin:0px;
}

.h1 
{ 
	color: #2965ad;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

.h2 
{ 
	color: #2965ad;
	font-family: arial;
	font-size: 10pt;
	padding:0px;
	margin:0px;
}

div.Enviroflash_top 
{
	z-index: 0;
	background: #ffffff url(../assets/enviroflash_top.jpg) top left no-repeat; 
	width: 974px;
	height: 157px;
}

div.Enviroflash_top_email 
{
	z-index: 0;
	background: #ffffff url(../assets/Enviroflash_top_email.jpg) top left no-repeat; 
	width: 740px;
	height: 150px;
	float: left;
}

div.Enviroflash_top_email_custom 
{
	z-index: 0;
	width: 740px;
	height: 150px;
	float: left;
}

div#agency_logo 
{ 
	position: relative; 
	left: 5px;
	top: 50px;	
	width:115px;
}

div#agency_brand {
	position:relative; 
	float:left; 
	margin-top: 10px; 
	width: 150px;
	text-align:center;
}

#PolicySpan {
	font-size: 1.1em;
	padding: 5px 0px 5px 0px;
}

/*** InfoBox ***/

div#error {
	background:#FFEBE8 none repeat scroll 0%;
	border:1px solid #DD3C10;
	padding:10px;
	color: #DD3C10;
	margin-bottom: 10px;
}

div.infoBox {
	background: #e7ebf0;
	border-radius: 5px;
	padding:20px;
	width: 635px;
}

div.infoBox h1, div#error h1 {
	font-weight:bold;
	padding:0px;
	margin:0px;
}

div.infoBox h1{
	color: #20ad4d;
	color: #128136;
}

div.infoBox ul {
	list-style: none;
	margin-bottom: 0px;
}

div.infoBox p {

}

div.infoBox ul li {
	padding: 5px 0px 5px 0px;
}

div.infoBox.leftBox {
	float: left;
	width: 200px;
	text-align: center;
	min-height: 70px;	
}

div#enabledInfo h1 {
	float:left; 
	padding-right: 10px;
}

div.orBox {
	width: 50px;
	float: left;
	font-weight: bold;
	color: #2965ad;
	font-size: 1.2em;
	margin-top: 8%;
	margin-left: 13px;
	text-align:center;
}

div.infoBox.rightBox {
	float: right;
	width: 200px;
	text-align: center;	
	min-height: 70px;
}

div#error h1{
	color: #DD3C10;
	font-size: 1.0em;
}

h1.sectionHeader {
	 margin-bottom:5px;
	 font-size: 1.2em;	 
}

.right {
	text-align:right;
	width:100%;
}

a.show, span.show {
	display:inline;
}

div.show {
	display:block;
}

a.hide, span.hide, div.hide {
	display:none;
}

.errorText {
	font-weight:bold;
	color:#FF0000;	
}

.successText {
	font-weight:bold;
	color:green;
}

div.top {
	margin-top:20px;
}

a.lgnd
{
    position:relative;
    z-index:24; 
}


a.lgnd:hover
{
	z-index:25; 
}

a.lgnd span
{
	display: none;
}

a.lgnd:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-0.2em; left:0.75em; width:12.1em;
    border:1px solid #000000;
    text-align: left;
    padding: 0.15em 0.15em 0.15em 1.4em;
}

.disabled {
	background-color:#e5e5e5;	
}

div#subscriberApp {
	margin-top: 20px;
	margin-bottom: 20px;
	width:550px;
}

.prefDiv {
	padding:20px 0px 0px 40px;
	width:450px;	
}
.prefDiv table {
	width:100%;
}

.formrow {
	margin-bottom:5px;
	font-size: 1.1em;
}

.formrow label {
	display:block;
	float:left;
	width:135px;	
	color: #333333;
}

#cityChangeLink {
	font-size: 1.1em;
	float: right;
	font-weight: normal;
}

div.sectionHeader {
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #2965ad; /*#333333;*/
	font-weight:bold;
	border-bottom:solid 1px #2965ad;
	width:676px;
	margin-top: 10px;
}

#emailPreview {
	margin: 20px 0 0 0px;
}

#realtimePrev, table.previewBox {
	width: 680px;
}

.normalHeader { 
	font-size: 10pt;
	color: #2965ad; /*#333333;*/
	font-weight:bold;
}
	
a.greenLink {
	font-weight: bold;
	color: #0A7029;
}

a.redLink {
	font-weight: bold;
	color: #ff3232;
}
	
input.blueBtn {
	border: none;
	min-width: 100px;
	cursor: pointer;
}
	
input.blueBtn, a.greenBtn, a.blueBtn, a.redBtn {
	padding: 8px;
	border-radius: 5px;	
	text-decoration: none;	
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	display:inline-block	
}
	
a.greenBtn {
	background: #20ad4d;
	border-bottom: 1px solid #128136;
	background: -webkit-linear-gradient(#25c157, #20ad4d); /* For Safari */
	background: -o-linear-gradient(#25c157, #20ad4d); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#25c157, #20ad4d); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#25c157, #20ad4d); /* Standard syntax */	
}

a.greenBtn:hover {
	background: #29c55b;
}

a.redBtn {
	background: #ea0e0e;
	border-bottom: 1px solid #aa0404;
	background: -webkit-linear-gradient(#ff3232, #ea0e0e); /* For Safari */
	background: -o-linear-gradient(#ff3232, #ea0e0e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ff3232, #ea0e0e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ff3232, #ea0e0e); /* Standard syntax */		
}

a.redBtn:hover {
	background: #ff5050;
}

#otherAccounts img, .infoBox li img {
	float:left; 
	padding-right: 5px;
}

input.blueBtn, a.blueBtn {
	background: #2965ad;
	background: #3678c6;
	border-bottom: 1px solid #245288;
	background: -webkit-linear-gradient(#3d85da, #3678c6); /* For Safari */
	background: -o-linear-gradient(#3d85da, #3678c6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3d85da, #3678c6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3d85da, #3678c6); /* Standard syntax */		
}
	
input[type="submit"]:hover.blueBtn, a.blueBtn:hover {
	background: #5a98e2;
	border-bottom:: 1px solid #1556a3;
}	
	
.subSectionHeader {
	margin-bottom: 5px;
}

.subHeader {
	color: #2965ad;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}
	
.footer {	
	color:#2965ad;
	font-weight:bold; 
	font-size: 9pt;
}

.headerParagraph {
	margin-bottom: 20px;
}

.sectionBody {	
	margin-left:30px;
	margin-bottom: 5px;
	width:560px;
	padding: 10px 0px 10px 0px;
}

.subSectionBody {
	padding: 10px 0px 5px 20px;
	border:solid 1px #cccccc;
	width:425px;	
}

div#subscriberApp table {
	background-color:#ffffff;
	margin-top: 10px;
}

div#subscriberApp table tr.header {
	 background: #3678c6;
	 color:#fff;
	 height: 30px;
	 font-size: 1.1em;
}

table#citySelectionTable {
	padding-left:2px;
}

#cityInfoMessage {
	float:left;
	padding-left:10px;
}

#cities {
	font-weight: bold;
	color: green;
}

#twitter {
	padding: 10px 0 0 20px;
}

div#newCityTable {
	padding-top:10px;	
}

div#newCityTable div {
	padding:0px 0px 5px 20px;
}

table.aqiTable {	
	border-collapse:collapse;
	margin-top:10px;
	font-size: 1.1em;
}


.aqiTable label {
	display:block;
	width:100%;
}

table.aqiTable td {
	padding:5px 10px 5px 10px;
}

table.aqiTable th {
	padding:0px 10px 0px 10px;
}

.footerCushion {
	padding-bottom:20px;
}

div#otherAccounts { 
	background: #e7ebf0;
	border-radius: 5px;
	margin-bottom:20px; 
	width:198px;
	padding: 5px;
}

div#otherAccounts ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#otherAccounts ul li {
	padding: 5px 0px 5px 0px;
}

div#otherAccounts h1 {
	color: #128136;
}

.regionTable
{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin-left:5px;
}
.regionTable #topLeft
{
	text-align:center; border-bottom: 1px solid #999999; width:120px;
}
.regionTable #tableTop
{
	text-align:center;  
	border-left: 1px solid #999999;
border-bottom: 1px solid #999999; 
	width:80px;
}
.regionTable #regionName
{
	text-align:center; 
	padding:5px; 
	width:120px;
border-bottom: 1px solid #999999; 
}
.regionTable #regionDay
{
	text-align:center; 
	border-left: 1px solid #999999; 
border-bottom: 1px solid #999999; 
	color:black; 
	width:80px;
}

.regionHeader
{
	font-weight: bold;
}

#citySelectionTool {
	margin-top: 15px;
}

#map_canvas table, #ef_map_popup_contentDiv div table
{
	border-top: 1px solid #2965AD;
	border-left: 1px solid #2965AD;
	border-right: 1px solid #2965AD; 
	width: 200px;
	margin: 5px 0px 5px 0px;
	font-size:8pt;
}

#ef_map_popup_contentDiv{
 	overflow: hidden;
}


#map_canvas table tr th, #ef_map_popup_contentDiv div table tr th
{ 
	color:#2965AD; 
	background-color:#E6F1F5;
	border-bottom: 1px solid #2965AD;
}
#map_canvas table tr td, #ef_map_popup_contentDiv div table tr td
{ 
	border-bottom: 1px solid #2965AD; 
	padding:2px;
	width:25%;
	text-align:center;
}

#map_canvas table tr td .Good
{
	color:black; 
	background-color:#00E400;
}

.challengeTable
{
	width: 100%; 
	text-align:left; 
	border: 1px solid #094B95;
}

.challengeTable tr th
{
	color: #094B95;
	border-bottom: 1px solid #094B95;
	padding: 2px;
	text-align:left;
}
.challengeTable .odd
{
	background-color: white;
}

.challengeTable .even
{
	background-color: #E6F1F5;
}

.challengeTable tr td
{
	padding: 2px;
	text-align: left;
}

.efSection{
	margin: 10px 0px 0px 0px;
}

.efSection .h1{
	color: #2965ad;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

.efSection .bold{
	font-weight: bold;
}

.efSection #challengeTable{
	border: 1px solid #094B95;
	margin-top: 10px;
	width: 100%;
}

.efSection #challengeTable th{
	color: #094B95;
	border-bottom: 1px solid #094B95;
	background-color: #E6F1F5;
	padding: 3px;
}

.efSection #challengeTable td{
	padding: 3px 0px 3px 40px;
}

.efSection ul
{
	margin-top: 5px;
}
.mapPanel
{
	position: relative;
	width: 675px;
	border: 1px solid #2965AD;
	background-color: #E6F1F5;
	padding:1px; 
}

.mapPanel #map_canvas
{
	height: 400px; 
	border: 1px solid #2965AD;
}
.mapPanel #legend
{
	position: absolute; 
	top: 250px; 
	right: 3px;
}

.mapPanel #map_footer
{
	color: #094B95;
	display: block; 
	padding:0px; 
	margin: 0px;  
	background-color: #E6F1F5;
}

.mapPanel #map_footer #cityInfo
{
	margin: 1px 0px 0px 0px; 
	display: none; 
	/*border: 1px solid #2965AD;*/
}
.mapPanel #map_footer #cityInfo #cityName
{
	background-color: #2965AD; 
	font-weight: bold; 
	color: #E6F1F5;
	padding: 2px;
	margin: 1px 1px 0px 1px;
}

.half{
	float:left;
	width: 300px
}

.clear{
	clear: both;
}

.center{
	text-align: center;
}

.stepSection{
	color: #666666;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.red{
	color: red;
}

div.forwardPage{
	width: 520px;
	margin: 10px 0px 10px 0px;
	display: block;
}

#loadErrorMsg {
	text-align:center;
	font-weight:bold;
	padding: 5px;
}

#cityName table
{
	width: 100%;
}

#cityName table td
{
	width: 50%;
	color: white;
}

#cityName #left
{
	text-align: left;
	padding: 2px 0px 2px 5px
}

#cityName #right
{
	text-align: right;
	padding: 2px 5px 2px 0px
}

#cityName #right a
{
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
}

#currentTable
{
	float: left; 
	width: 222px; 
	margin: 1px 0px 1px 1.25px;
} 
#todayTable
{
	float: left; 
	width: 222px; 
	margin: 1px 0px 1px 4px;
}

#tomorrowTable 
{
	float: left; 
	width: 222px; 
	margin: 1px 0px 1px 3px;
}
 
#currentTable table, 
#todayTable table, 
#tomorrowTable table
{
	width: 100%; 
	border: 1px solid #2965AD;
}
#currentTable table th, 
#todayTable table th, 
#tomorrowTable table th
{
	text-align: center; 
	color:#2965AD; 
	border-bottom: 1px solid #2965AD; 
	padding: 1px 0px 1px 0px;
}

#currentTable table td, 
#todayTable table td, 
#tomorrowTable table td
{
	width: 33%;  
	padding: 1px;
	text-align: center;
	vertical-align: top;
}

#currentTable table td.aqi_1, 
#todayTable table td.aqi_1, 
#tomorrowTable table td.aqi_1
{
	color: #000000;
	background-color: #00E400;
}

#currentTable table td.aqi_2, 
#todayTable table td.aqi_2, 
#tomorrowTable table td.aqi_2
{
	color: #000000;
	background-color: #FFFF00;
}

#currentTable table td.aqi_3, 
#todayTable table td.aqi_3, 
#tomorrowTable table td.aqi_3
{
	color: #ffffff;
	background-color: #FF7E00;
}

#currentTable table td.aqi_4, 
#todayTable table td.aqi_4, 
#tomorrowTable table td.aqi_4
{
	color: #ffffff;
	background-color: #FF0000;
}

#currentTable table td.aqi_5, 
#todayTable table td.aqi_5, 
#tomorrowTable table td.aqi_5
{
	color: #ffffff;
	background-color: #99004C;
}

#currentTable table td.aqi_6, 
#todayTable table td.aqi_6, 
#tomorrowTable table td.aqi_6
{
	color: #ffffff;
	background-color: #7e0023;
}

#currentTable table td.aqi_7, 
#todayTable table td.aqi_7, 
#tomorrowTable table td.aqi_7
{
	color: #000000;
	background-color: #cfcfcf;
}

/*** Hover-over message labels ***/
#textOnlyLabel, #shortLabel, #HTMLLabel, #actionDayLabel {
	text-decoration: underline;
}