.update {
font-style:italic;
text-align: left;
line-height: 1em;
margin: 0 0 0 15px;
}

.homecont {
width: 470px;
float: left;
margin: 0 auto;
display: block;
text-align: center;
}
*html .homecont  {
width: 460px;
}

.homecont h1 {
margin-bottom: 0;
}
.homecont p{
font-size: .95em;
margin: 0;
}
.homecont #usemap{
display: block;
margin: 1.25em 0;
}
.box {
padding: 0 0 1.25em 0.95em;
margin: 0 0 0;
}
.picture {
border: solid 2px #008000;
}
.box h2 {
font-size: 1.25em;
font-weight: bold;
margin: .1em 0;
text-decoration: none;
}
.box p {
font-size: .9em;
margin: 0;
}
.caption{
line-height:1.3em;
}
.footnote {
	font-size: 0.8em;
	vertical-align: super;
	text-decoration: none !important;
}
.pagenav {
	font-size: 9px;
}
#zip2fips {
background: #FDFD9B;
width:166px; 
padding: 3px 2px 0;
margin: 1em 0;
}
#zip2fips h2 {
margin: 0 0 1em 0;
padding: .25em .75em;
color: #000;
border: 0;
text-align: right;
font-size: 1.2em;
line-height: 1.1em;
font-weight: bold;
}
#zip2fips label {
display: block;
font-weight: bold;
}
#zip2fips form {
	padding:0 0 0 5px;
	margin:-0.7em 0 0.75em .5em;
	display: block;
}
#zip2fips select { width: 115px; }
#zip2fips .input-zip {
	width: 85px;
	font-size:11px;
	margin-bottom:6px;
	margin-right:2px;
	padding-right:0px;
}
#zip2fips .input-submit {
	margin: 0 0 -3px 2px;
	padding: 0 0 0 0;
	border: none;
}
.state-table {
	float: left;
	background: #AAD796;
	padding: 10px;
	margin: 0 0 1em 0;
	display: inline-block;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#data-1, #data-2 {
  width: 500px;
}
#data-3 { font-size: .9em; }
#tab-data-1, #tab-data-2, #tab-data-3 { display: block; clear: both; }
.callout {
float: right;
margin-right: 0px;
text-align: left;
border: 1px solid #333;
width: 130px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.layout-section #content-well .callout ul {
margin: 0; 
padding: 5px;
list-style: none;
}
.layout-section #content-well .callout li {
font-size: .9em;
line-height: 1.2em;
margin: 5px 0;
}
.layout-section #content-well .callout li.first {
background: url(http://www.stateoftheair.org/assets/images/2009/comment.jpg) 0 3px no-repeat;
padding-left: 25px;
}
div.homecont p .headertext{
line-height: 1.2em;
text-align: left;
}
/*
table.county-data {
	width: 500px;
  background: #fff;
	border: 2px solid #000;
	border-collapse: collapse;
	color:#000080;
	font-size: .9em;
}
table.county-data td {
border: 1px solid #656565;
padding: 3px 10px;
}
th {
	font-weight:bold;
	color:#000000;
	text-align: center;
	padding: auto 10px;
	border: 1px solid #656565;
}
table.county-data .totals td { padding: 3px;}
table.county-data .totals td { font-weight: bold; }
table.county-data td a {
	text-decoration:none;
	color:#000080;
	font-weight: bold;
}
tr.odd td {
	background-color: #D3D3D3;
}
tr.even td {
	background-color: #FFFFFF;
}
td.county-grade, td.county-avg, td.county-orange, td.county-red, td.county-purple {
text-align:center;
}
*/
/*td.county-orange, th.county-orange { color: #FF8000; }
td.county-red, th.county-red { color: #f00; }
td.county-purple, th.county-purple { color: #8000FF;}*/
/*
table.county-data td.county-nameg, table.county-data td.county-population, table.county-data td.county-u18, table.county-data td.county-o65, table.county-data td.county-pa, table.county-data td.county-aa, table.county-data td.county-cb, table.county-data td.county-em, table.county-data td.county-cd, table.county-data td.county-dia { padding: 3px;}
*/
#restLocSearch .filterLabel {
	font-size:11px;
	width:150px;
	text-align:right;
	padding-right:5px;
}
#restLocSearch .filterSelector select {
	font-size:11px;
	width:150px;
}
#restLocSearch .filterSelector input {
	font-size:11px;
	width:100px;
}
#restLocSearch {
	margin-bottom:10px;
}

.blog_item {
	margin: 0 0 1em 0;
	padding: 0 0 1.5em 0;
	display: block;
	clear: both;
	border-bottom: 1px dashed #ccc;
}
.blog_item h4 a {
	color:#0359a6;
	text-decoration: none;
}
.blog_item h4 {	margin: auto  0 .5em 0; }
.posted_by {
	font-size: .9em;
	color: #777;
	font-style: italic;
}
.blog_item .image {
	float: left;
	margin: -3px 5px 0px 0px;
}
.blog_item p {
}
/*IE6 hack */

*html .blog_item .image {
	float: left;
	margin: 5px 5px 0px 0px;
}
/*IE7 hack */

*:first-child+html .blog_item .image {
	margin: 5px 5px 0px 0px;
}
.read_more a {
	display:block;
	text-align: right;
	margin-bottom: 3px;
	text-decoration: none;
}
.tags {
	display: block;
	background: #F8FCFF;
	border: 1px solid #D6EBF8;
	padding: 3px;
	margin-top: 5px;
}
.tags a {
	color:#0359a6;
	text-decoration:none;
}
/*styles for the blog side includes */

.blog_author {
	display: table;
	clear: both;
	vertical-align: middle;
	margin-bottom: .3em;
	margin-left: 10px;
}
.blog_author .image {
	display: table-cell;
	float: left;
}
.blog_author .name a {
	color:#0359a6;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 5px;
}
.topics_cont {
	display: block;
	clear: both;
}
ul.blog_topics {
	margin: 0 0 0 10px;
	padding-left: 2px;
}
.blog_topics li a {
	color:#0359a6;
	margin-left: -3px;
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none;
}
.blog_comments {
	margin-top: 1.5em;
}
.blog_comments div div {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom: 1px dashed rgb(204, 204, 204);
}
.blog_comments form {
	padding-top: 10px;
}
.gd_center {
	margin-right:5px;
}

.commentdate { font-style: italic; color: #777;}
.comment {
border-bottom: 1px dashed #ccc;
margin: 0 0 .5em 0;
padding: .25em 0 .5em 0;
}
.searchDisplayResults, .searchNavigation, .searchDescription, .searchTeaser, .searchTitle, .searchTimeStamp {
	padding: 0 25px;
	margin-left:200px
}
.searchTitle {
	padding: 0 25px;
	font-size: 1.15em;
	font-weight: bold;
}
.searchTimeStamp {
	padding: 0 35px;
	font-style: italic;
}
/* state rankings page styles */
#innerdiv {clear: both;}
.layout-section #content-well ul.links {
float: right;
clear: right;
display: block;
list-style: none;
position: relative;
z-index: 0;
top: -1em;
right: 2em;
padding: 0;
}
.layout-section #content-well ul.links li {
float: left;
padding: 0 5px;
margin: 0;
border-right: 1px solid #888;
font-size: .9em;
line-height: 1.2em;
background-image: none;
}
.layout-section #content-well ul.links li.last { border-right: none;}
.layout-section #content-well ul#tabs{
list-style: none;
clear: both;
margin: 0 0 0 10px;
padding: 0;
}
.layout-section #content-well ul#tabs li {
float: left;
display: block;
width: 133px;
height: 20px;
position: relative;
margin: 0 0 0 -4px;
padding: 0;
}
.layout-section #content-well ul#tabs li a {
  display: block;	
	padding: 0 8px;
	font-family:Verdana;
	color:#000080;
	font-size:11px;
	font-weight:bold; 
	text-decoration: none;
	}
.layout-section #content-well ul#tabs li.selected a { color: #000; }
.layout-section #content-well ul#tabs li.selected{
  background: url(http://www.stateoftheair.org/assets/images/2009/tab-active.gif) 0 0 no-repeat;
	position: relative;
	z-index: 3;
}
.layout-section #content-well ul#tabs li.not-selected{
  background: url(http://www.stateoftheair.org/assets/images/2009/tab-inactive.gif) 0 0 no-repeat;
	position: relative;
	z-index: 2;
}
.clear { display: block; clear: both; }
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix {
	display: block;
}
*html .clearfix {
	height: 1%;
}


.county-single td { padding: 3px 0 3px 10px; }
.county-single td.clabel {
font-size: 1.1em;
font-weight: bold;
padding: 5px 0 0 2px;
}
.cslabel {
font-weight: bold;
}
.cgrade { color: #000080; font-weight: bold; text-align: center; }
td.link{ text-align: center; } #ctrcol .link a {text-decoration: none;}
tr.division td{ border-top: 1px solid #ccc; padding: .25em 0 0 0;}
.county-details a.heading {display: block; background: #000; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 5px;}


/*** Marissa's style update **/
#sota-logo {margin: 12px 0 10px 0;}
#subnav-column h3.nav-sectionname {background:transparent url(http://www.stateoftheair.org/assets/images/subnav-sectionname-bg.png) top left no-repeat; min-height: 52px; max-height: 52px;
}
#subnav-column h3.nav-sectionname {
border:0 none;
display:block;
margin:0;
padding:7px 10px 3px;
width:155px;
}


#subnav-column .promo ul li {padding-left: 6px;}
#subnav-column ul.subnav li.on li {background-image: none !important;}
#subnav-column .l-promo ul li a {color: #225E93}
#subnav-column .l-promo ul li a:hover {color: #225E93}

/* #reportcard-widget {margin: 10px 0 0 0; color: #2a2a2a; background:transparent url(http://www.stateoftheair.org/2011/assets/images/reportcard-widget-bottom.png) bottom left no-repeat; padding-bottom: 19px;} */
#reportcard-widget .header { /* background:transparent url(http://www.stateoftheair.org/2011/assets/images/reportcard-widget-header-bg.png) top left no-repeat; */ padding: 10px 0 0 14px; } 
#reportcard-widget .widget-content {background:transparent url(http://www.stateoftheair.org/2014/assets/images/reportcard.png) top left repeat-y; padding: 10px 0 0 10px; height:347px; }

#zip-dropdown {
   background: url(http://www.stateoftheair.org/2014/assets/images/report-card-field.png) no-repeat;
   width: 140px;
   padding: 5px;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 18px;
   -webkit-appearance: none;
}   

.widget-text, .widget-select {border: 1px solid #828282; padding: 3px 2px 0px 4px; width: 102px; margin: 0 0 0 3px; height: 16px; font-size: 85%}

.widget-select {height: 20px; width: 111px; padding: 2px 0 0 0; margin-bottom: 8px;}

.widget-select.state {height: 20px; width: 111px; padding: 2px 0 0 0; margin-bottom: 8px;}



.subpage .layout-section #tools ul#font-resizer li {background-image:none !important; width:15px; height:15px; margin-right:3px;}
#sidebar-content a.highlight { font-size: 11px;}

#reportcard-widget .go {border: 0 ; position: absolute; margin: 0 0 0 5px; }
#reportcard-widget p, .state-btn, .map {padding: 23px 12px 0px 10px;}
.state-btn {margin: 0 0 0 0; padding-bottom: 10px; padding-top: 10px;}
.map{padding-top: 0px;}
#subnav-column {}
#content-well {}

#content-well a:hover {color: #225E93}

#subnav-column .promo a:hover {color: #ffffff}

.flash {height: 240px !important;}
.homepage #content-well h3 {font-size: 16px; border-bottom: 3px solid #df0c1e; padding-bottom: 3px;}

.feature-content ul li {background: transparent url(http://www.stateoftheair.org/2011/assets/images/bullet.gif) top left no-repeat !important; }
.feature-content ul li a {color: #225e93;}
.feature-content h3 {margin-top: 0px;}
/* .promo a  {color: #ffffff !important;} */
h4 {font-weight: bold; font-size: 13px; padding: 2px 0 3px 8px;}
#facebook {margin-left: 10px;}
.sn-icon {margin-top: 4px;}


/*Table/tabs style*/
#report-table table, .county-single {width: 100%; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; padding: 5px; border-collapse: separate; border-spacing: 1px 1px; font-size: 10px;}
.county-single {border-collapse: collapse;}
#report-table table th, .county-single .label-header {background-color: #0d3c63; color: #fff;}
.county-single a {color: #225E93 ;}
.county-single a:hover {color:#dc081a;}
.county-single .label-header a {color: #fff;}
#report-table table td, #report-table table th, .county-single td, #report-table table.county-data td {padding: 8px 2px 8px 6px; text-align: left;}
#report-table table tr.odd, .county-single tr.even, #report-table tr.odd td   {background-color: #fff;}
#report-table table tr.even,  .county-single tr.odd, #report-table tr.even td {background-color: #e0ecf5}
#report-table table tr.totals {background-color: #a2c4e3;}

#report-table table.county-data {
  background: #fff;
}
#report-table table.county-data td{
  border:0;
  color:#000;
}
#report-table table.county-data th {
	text-align: left;
	border: 0;
	background-color:#0D3C63;
	font-weight:normal;
}

#report-table table.county-data td.county-name a, #report-table table.county-data td.county-nameg a {
color:#225E93;
text-decoration:underline;
font-weight:normal;}
#report-table table.county-data td.county-name a:hover, #report-table table.county-data td.county-nameg a:hover {color:#dc081a;}

#report-table table.county-data .totals td { padding: 3px;}
#report-table table.county-data .totals td { font-weight: bold; }
#report-table table.county-data td a {
	text-decoration:none;
	color:#000080;
	font-weight: bold;
}

#report-table td.county-grade, td.county-avg, td.county-orange, td.county-red, td.county-purple {
text-align:left;
color:#000;
}

.method-table {border-collapse: collapse;}
.method-table caption {font-weight:bold; padding:5px; font-size:1.2em;}
.method-table td {padding:5px; border:1px solid #000;}
.method-table th {color:#fff; background-color:#000; padding:5px; border:1px solid #000;}
.method-table .good {background-color:#66EF3B;}
.method-table .moderate {background-color:#EDEF3B;}
.method-table .unhealthy-sensitive {background-color:#EFBE3B;}
.method-table .unhealthy {color:#fff; background-color:#DF0D1A;}
.method-table .very-unhealthy {color:#fff; background-color:#8C1BDF;}
.method-table .hazardous {color:#fff; background-color:#6F2946;}


p.notes {width: 100%; border-bottom: 1px solid #b4b8be; padding-bottom: 4px; margin-bottom: 3px; font-weight: bold; margin-top: 10px;}

.social-media { margin-bottom: 50px;}
#county-utility {clear: both;  /* margin-top: 25px; */ height:0; float: right; }
#county-utility a {padding-left: 15px;}
#county-utility a.state-comment {background: transparent url(http://www.stateoftheair.org/2011/assets/images/comment.png) top left  no-repeat;}
#county-utility a.state-share {background: transparent url(http://www.stateoftheair.org/2011/assets/images/share.png) 0 -3px no-repeat; margin-left: 8px}

.quote {border-top: 1px solid #bdbdbd;}

/*Pretty up comment form*/
#commentform table {border-collapse: separate; padding: 5px; border-collapse: separate; border-spacing: 1px 1px;  vertical-align: top;}
#commentform textarea {border:1px solid #828282; width: 400px;}
#commentform table td {padding: 10px; vertical-align: top;}

#search .text {margin:5px -5px; padding:0 20px;}

ol.quiz ul {list-style-image: none; }
ol.quiz ul li {background-image:none !important;}

.layout-section h2 {margin-top: 10px; border}

.layout-section h2.subhead {font-size: medium; font-weight: bold; font-style: italic; border: 0px none;}

.layout-section .flash, .layout-section .flash object {
height:240px !important;
margin-top: 6px;
width:550px !important;
margin-bottom: 6px;
}

.feature-content a:hover, #subnav-column .promo a:hover {color: #225E93  !important}

.state1, .state2 {width: 150px;}
.msa1, .msa2 {width: 380px;}

a.help {padding-left: 23px; padding-bottom: 5px; background: url(http://www.stateoftheair.org/2011/assets/images/graph_icon.jpg) top left no-repeat;}


table.legend {clear: both; display: block;}
table.legend td {width: 50px; padding: 2px 5px; text-align: center; border: 1px solid black; font-size: .8em;}

td.a {background-color: #136dd9;}
td.b {background-color: #4a9afa;}
td.c {background-color: #f9cda6;}
td.d {background-color: #e47a1d;}
td.f {background-color: #c51f04;}
td.inc {background-color: #ffffff;}
td.dnc {background-color: #ffffff;}
td.pass {background-color: #136dd9;}
td.fail {background-color: #c51f04;}



#compareair {position: relative; }
#compareair .go {position: absolute; top: 20px; right: 160px;}

a.help {font-size: 13px;}

 .subMenu .on {font-weight: bold;}
 .subnav-sect .subnav {padding-right: 2px !important;}
 ul.subnav-l3 li {font-size: 11px; line-height: 1em !important; margin-bottom: 6px !important; padding-right: 0px !important;}

 .quote {display: block; clear: both;}

h1#shareYourStory {
    border-top: 5px solid #D3E6F5;
    margin-top: 20px;
    padding-top: 10px;
}
div#storyShareForm .formWidgetRow input {
    border: 1px solid #888888;
    margin: 0 0 20px 0;
    padding: 3px 5px;
    width: 300px;
}
div#storyShareForm .formWidgetRow select {
    border: 1px solid #888888;
    margin: 0 0 20px 0;
}
#row-story label {
    font-weight: bold;
}
div#storyShareForm .formWidgetRow textarea {
    border: 5px solid #888888;
    height: 200px;
    margin: 20px 0 20px 0;
    width: 540px;
}
.captchaContainer img#captcha-image {
    border: 4px solid #D3E6F5;
    float: right;
    position: relative;
    top: 20px;
}
.captchaContainer input {
    position: relative;
    top: 20px;
}
div#storyShareForm sup {
    color: red;
    margin-left: 2px;
}
div#storyShareForm input#storySubmit {
    margin: 20px 0 10px 200px;
}
div#storyShareForm #storyDisclaimer {
    color: #888888;
    font-size: 0.8em;
    text-align: center;
}

div.storyItem {
    border-top: 1px solid #888888;
    margin-bottom: 20px;
    padding-top: 20px;
}
div.storyItem div.storyExcerpt {
    line-height: 1.3em;
    margin-bottom: 5px;
}
div.storyItem div.storyAuthor {
    font-weight: bold;
    margin-bottom: 5px;
}
table.paginator {
    margin-bottom: 10px;
}
table.paginator a {
    margin: 0 5px;
}
#shareContainer {
    margin-left: 50px;
    width: 840px;
}