body, html {
    height: 100%;
}

body {
	margin: 0;
	padding: 0;
}


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

#container {
	float:left;
	margin:0;
	padding:0;
	position:relative;    
	min-height: 100%;
}


div.sidebar { 
	float:left;
	padding: 10px;
	margin: 0 10px;
	height: 275px;
	font-size: 9pt;
	background-color: #e6f1f5; /*#e1eef6;*/ /*#333333;*/
	font-weight:normal;
	border:solid 1px #094b95;
	width: 211px;
}

#container #content {
	margin: 0 0 0 275px;
	width:675px;
}

/*#container #content {*/
/*	margin: 0 0 0 175px;*/
/*	width:675px;*/
/*}*/

#container #footer {    
	position: absolute;
    bottom: 0;
    text-align:center;
    width:500px;
}

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

img {
	border:none;
}

h1 { 
	color: #2965ad;
	font-family: arial;
	font-size: 12pt;
	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(http://www.enviroflash.info/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#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;
}

div#error h1, div#info h1 {
	font-family: arial;
	font-size: 10pt;
	font-weight:bold;
	padding:0px;
	margin:0px;
}



h1.sectionHeader {
	 border-bottom:solid 1px #ccc;
	 width:650px;
	 margin-bottom:5px;
}

p {
	font-size:9pt;
	padding:0px;
	margin:0px;
}

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

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

div#info {
	/* background:#fff9d7 none repeat scroll 0%; */ 
	background:#F4FDF7 none repeat scroll 0%; 
	border:1px solid #16b14c; /* #e2c822; */
	padding:10px;
	margin-bottom:20px; 
	width: 600px;
	/*width:450px;*/
}

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

.formrow label {
	display:block;
	float:left;
	width:135px;
	color:#666666;
	font-size:10pt;
	font-weight:bold;
}

.formrow .inputText {
	width:175px;
}

div.sectionHeader {
	margin-bottom: 10px;
	font-size: 11pt;
	color: #2965ad; /*#333333;*/
	font-weight:bold;
	border-bottom:solid 1px #e5e5e5;
	width:650px;
	}

.normalHeader { 
	font-size: 10pt;
	color: #2965ad; /*#333333;*/
	font-weight:bold;
}
	
.subSectionHeader {	
	color:#333333;
	font-weight:bold; 
	/* width:500px; */
	/* margin-bottom: -20px; */
}

.footer {	
	color:#2965ad;
	font-weight:bold; 
	font-size: 9pt;
}

.sectionBody {	
	margin-left:40px;
	margin-bottom: 5px;
	width:470px;
		
}

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

div#subscriberApp table {
	background-color:#ffffff;
}

div#subscriberApp table tr.header {
	 background-color:#336699;
	 color:#fff;
}

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

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

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

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

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

table.aqiTable {	
	border-collapse:collapse;
	margin-top:10px;
}


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

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

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

.footerCushion {
	padding-bottom:20px;
}


div#otherAccounts { 
	position:absolute;
	left:15px;
	top: 415px;
	background:#F4FDF7 none repeat scroll 0%; 
	border:1px solid #16b14c; /* #e2c822; */
	padding:10px;
	margin-bottom:20px; 
	width:211px;
}

.cityList
{
	width:645px; 
	border: 1px solid #000000;
	margin:5px 0px 0px 0px;
}
.cityList tr th
{
	background-color: #2965ad;
	color:white;
	padding: 1px;
	/*border-bottom: 1px solid black; */
}
.cityList tr th#blank
{
	border-left: 1px solid black;
}

.cityList tr td#rss
{
	padding-top:2px;
	width:12%;
	color: #000000;
	text-align:center;
}
.cityList tr td#cap
{
	width:6%;
	color: #000000;
	text-align:center;
}
.cityList tr td#blank
{
	border-left: 1px solid black;
}
.cityList tr td#name
{
	width:40%;
	color: #000000;
	text-align:left;
	padding: 1px 1px 1px 15px;
}

.cityList tr.highlight
{
	background-color: #c1d0e7/*cdcdcd*/;
}

.feedTable
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	width: 650px;
	margin: 10px;
	text-align: center;
}

.feedTable tr th
{
	color: #ffffff;
	background-color: #2965ad;
	text-align:center;
	padding: 3px;
	border-bottom: 1px solid black;
}

.feedTable tr td
{
	padding: 2px;
	border-right: 1px solid black;
}
.feedTable tr td#name
{
	width: 15%;
}
.feedTable tr td#rss
{
	width: 10%;
}
.feedTable tr td#state
{
	width: 10%;
}
.feedTable tr td#date
{
	width: 8%;
}
.feedTable tr td#forecast
{
	width: 8%;
}
.feedTable tr td#aqi
{
	width: 20%;
	border-bottom: 1px solid #000000;
}
.feedTable tr td#atom
{
	width: 8%;
}
.feedTable tr td#cat
{
	width: 8%;
}
.feedTable tr.highlight
{
	background-color: #cdcdcd;
}
a.info
{
    position:relative;
    /*z-index:24; */
    text-decoration:none;
    cursor:help;
    background-color:#f5f5f5;
}
a.info:hover
{
	z-index:25; 
	background-color:#ffffff;
}

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

a.info:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:5em; width:15em;
    border:1px solid #000000;
    background-color:#f5f5f5; 
    color:#000;
    font-weight:normal;
    text-align: left;
    text-decoration:none;
    padding: 10px 10px 10px 10px;
}

.breadcrumbs {
	font: 12px Arial, sans-serif;
	font-weight: bold;
	padding-top: 5px;
}