@CHARSET "UTF-8";

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body.ajax-layout {
	text-align: left;	
}

#body-inner {
	width: 958px;
	text-align: left;
	margin: 20px auto;
	position: relative;
	padding: 20px 0 0 0;
}

#header {
	width: 958px;
	margin: 0 auto;
	position: relative;
}

.ui-tabs .ui-tabs-nav {
	padding: 0.2em 20.2em 0;	
}

h2.county {
	text-align: center;	
}

.sin {
	float: left; 
	width: 135px; 
	height:200px; 
	border: solid 1px #ccc;	
}

#footer {
	background: url(/images/footer_bg.png) repeat-x top left;
	padding-top: 37px;
}

.score {
	font-size: 50px;
	font-weight: bold;	
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	color: #000;
	padding-top: 10px;
	letter-spacing:-.075em;
}
.score a,
.score a:link,
.score a:active,
.score a:hover {
	color: #000;
	text-decoration: none;
}

/* color range */
.score-color-1 {
	background: #94BF00;
	height: 142px;
}

.score-color-1 .indicator-name {
	background-color: #769900;
}

.score-color-2 {
	background: #ADCE00;
	height: 142px;
}

.score-color-2 .indicator-name {
	background-color: #8AA500;
}

.score-color-3 {
	background: #BED800;
	height: 142px;
}

.score-color-3 .indicator-name {
	background-color: #98AD00;
}

.score-color-4 {
	background: #E5EF00;
	height: 142px;
}

.score-color-4 .indicator-name {
	background-color: #B7BF00;
}

.score-color-5 {
	background: #FFFF00;
	height: 142px;
}

.score-color-5 .indicator-name {
	background-color: #EDCA00;
}

.score-color-6 {
	background: #F9E300;
	height: 142px;
}

.score-color-6 .indicator-name {
	background-color: #E8B400;
}

.score-color-7 {
	background: #F0B500;
	height: 142px;
}

.score-color-7 .indicator-name {
	background-color: #DF8F00;
}

.score-color-8 {
	background: #E68000;
	height: 142px;
}

.score-color-8 .indicator-name {
	background-color: #C36000;
}

.score-color-9 {
	background: #DD5300;
	height: 142px;
}

.score-color-9 .indicator-name {
	background-color: #BC3E00;
}

.score-color-10 {
	background: #CF1914;
	height: 142px;
}

.score-color-10 .indicator-name {
	background-color: #B0130F;
}

.indicator-name {
	text-align: center;
	padding: 4px 5px 4px 5px;
	height: 45px;
}

.indicator-name a:link,
.indicator-name a:visited,
.indicator-name a:hover,
.indicator-name a:active {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
}

.indicator-name a:hover {
	text-decoration: underline;
}

.score-color-na .indicator-name a:link,
.score-color-na .indicator-name a:visited,
.score-color-na .indicator-name a:hover,
.score-color-na .indicator-name a:active {
	color: #000;
}

.score-color-na .indicator-name {
	background-color: #ccc;
}

#basic-modal-content {
	display: none;
}

/* Overlay */
#simplemodal-overlay {
	background-color: #000;
	cursor: wait;
}

/* Container */
#simplemodal-container {
	/*height: 320px;
	width: 600px;*/
	color: #bbb;
	background-color: #333;
	border: 4px solid #444;
	padding: 0px;
}

#simplemodal-container code {
	background: #141414;
	border-left: 3px solid #65B43D;
	color: #bbb;
	display: block;
	margin-bottom: 12px;
	padding: 4px 6px 6px;
}

body.ajax-layout h2 {
	color: #000;
	font-size: 25px;
	font-weight: bold;
}

body.ajax-layout {
	padding: 10px;
	margin: 0;
	font-size: 15px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

#simplemodal-container a {
	color: #ddd;
}

#simplemodal-container a.modalCloseImg {
	background: url(../images/x.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -16px;
	cursor: pointer;
}

#simplemodal-container #basic-modal-content {
	padding: 8px;
}

#county-select {
	width: 958px;
	margin: 0 auto;
}

#compare-modal-link-dialog {
	background: #fff;
	border: none;
	height: 400px;
}

.county-list-item {

}

#simplemodal-data iframe,
#major-cities-modal-link-dialog,
#footer-about-dialog,
#footer-contact-dialog {
	width: 400px;
	height: 500px;
	background: #fff;
	border: none;
}

a#page-title-link {
	width: 345px;
	height: 105px;
	display: block;
	margin: 40px auto 0 auto;
}

h1#page-title {
	width: 345px;
	height: 105px;
	background: url(/images/logo.png) no-repeat top left;
	display: block;
	font-size: 0%;
	text-indent: -9999px;
	padding: 0;
}

a#twitter-follow-us {
	width: 235px;
	height: 74px;
	display: block;
	position: absolute;
	top: 31px;
	left: 72px;
	background: url(/images/twitter.png) no-repeat top left;
	display: block;
	font-size: 0%;
	text-indent: -9999px;
	padding: 0;
}

.addthis {
	position: absolute;
	top: 37px;
	right: 0;
	z-index: 99;
}

.ui-widget-content {
	background: none;
	border: 0;
}

#county-select-frag-1,
#county-select-frag-2 {
	height: 93px;
	padding: 0;
	margin: 0;
	background: url(/images/tabs_container_bg.png) no-repeat bottom left;
}

#county-select-frag-1 dl,
#county-select-frag-2 dl {
	margin: 0;
	padding: 0;
}

#county-select .ui-tabs-nav {
	/*padding: 0 0 0 329px;*/
	background: none;
	border: 0;
	padding: 0;
}

#county-select .ui-tabs-nav a:link,
#county-select .ui-tabs-nav a:visited,
#county-select .ui-tabs-nav a:active,
#county-select .ui-tabs-nav a:hover {
	font-size: 14px;
	font-weight: bold;
	float: none;
	padding: 0;
	line-height: 30px;
	color: #333;
}

#county-select .ui-tabs-nav a:hover,
#county-select .ui-tabs-nav .ui-state-hover a:link,
#county-select .ui-tabs-nav .ui-state-hover a:visited,
#county-select .ui-tabs-nav .ui-state-hover a:hover,
#county-select .ui-tabs-nav .ui-state-hover a:active {
	color: #990000;
}

#county-select .ui-tabs-nav .ui-state-active a:link,
#county-select .ui-tabs-nav .ui-state-active a:visited,
#county-select .ui-tabs-nav .ui-state-active a:active,
#county-select .ui-tabs-nav .ui-state-active a:hover {
	color: #fff;
}

#county-select #tab-1 {
	margin-left: 329px;
	text-align: center;
	width: 100px;
}

#county-select #tab-2 {
	margin-left: 0px;
	text-align: center;
	width: 100px;
}

#major-cities {
	position: relative;
	float: right;
	left: -334px;
	bottom: -12px;
	z-index: 999;
}

#major-cities a:link,
#major-cities a:visited,
#major-cities a:hover,
#major-cities a:active {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

#major-cities a:hover {
	color: #990000;
}

#county-select #tab-1.ui-state-active,
#county-select #tab-2.ui-state-active {
	background: url(/images/tab_active_bg.png) repeat-x top left;
}

#county-select #tab-2.ui-state-active {
	background: url(/images/tab_active_bg.png) repeat-x 8px 0;
}

#county-select .ui-tabs-nav li {
	border-bottom:0 none !important;
	float:left;
	list-style:none outside none;
	margin:0 0.2em 1px 0;
	padding:0;
	position:relative;
	top:1px;
	white-space:nowrap;
	height: 34px;
}

dt#county-label,
dt#actioncounty-label,
dt#zipCode-label,
dt#actionzip-label {
	display: none;
}

input#county_entry,
input#zipCode {
	height: 36px;
	width: 302px;
	padding: 0 5px 0 5px;
	font-size: 18px;
	background: url(/images/field_bg.png) no-repeat top left;
	border: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 36px;
}

input#actioncounty,
input#actionzip {
	width: 50px;
	height: 32px;
	background: url(/images/button_go.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	margin: 2px 5px 0 5px;
	float: right;
}

input#actioncounty:hover,
input#actionzip:hover {
	background: url(/images/button_go.png) no-repeat 0 -32px;
}

.ui-autocomplete .ui-menu-item {
	background-color: #fff;
	text-align: left;
	padding-bottom: 2px;
}

.ui-autocomplete {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 5px;
}

.ui-menu .ui-menu-item a {
	font-size: 15px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

dl.zend_form {
	position: absolute;
	background-color: #c8c8c8;
	top: 50px;
	left: 294px;
	border: 1px solid #000;
	width: 372px;
}

dl.zend_form dd {
	margin: 0;
	padding: 0;
	float: left;
}

h2.county {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 42px;
	color: #666666;
	margin: 20px 0;
	padding: 0;
	letter-spacing: -.075em;
}

.measures {
	position: relative;
	border-top: 2px solid #666666;
}

#legend {
	position: absolute;
	top: -54px;
	left: -37px;
}

.remove-county {
	width: 26px;
	height: 26px;
	background: url(/images/button_close.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	right: 0;
}

.remove-county:hover {
	background: url(/images/button_close.png) no-repeat 0 -26px;
}

.county-list-item {
	position: relative;
	padding-bottom: 30px;
}

.ajax-layout .county-list-item {
	padding-bottom: 5px;
}	

.ajax-layout .county-list-item a:link,
.ajax-layout .county-list-item a:visited,
.ajax-layout .county-list-item a:hover,
.ajax-layout .county-list-item a:active {
	color: #333;
	text-decoration: underline;
	padding: 0 17px 0 0;
}

.ajax-layout .county-list-item a:hover {
	text-decoration: none;
}

.ajax-layout .county-list-item a.clicked:link,
.ajax-layout .county-list-item a.clicked:visited,
.ajax-layout .county-list-item a.clicked:hover,
.ajax-layout .county-list-item a.clicked:active {
	background: url("/images/check.gif") no-repeat 100% 50%;
}

#county-select .ui-state-default {
	background: #ffffff url(/images/tab_bg.png) repeat-x top left;
}

#county-select .ui-state-hover {
	background: #ffffff url(/images/tab_bg.png) repeat-x 0 -34px;
}

#footer .utility {
	color: #a3a3a3;
	font-size: 17px;
	line-height: 17px;
	margin: 0 0 5px -10px;
}

#footer .utility a:link,
#footer .utility a:visited,
#footer .utility a:hover,
#footer .utility a:active {
	color: #666;
	font-weight: bold;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#footer .utility a:hover {
	text-decoration: underline;
	color: #990000;
}

#footer .disclaimer {
	color: #a3a3a3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.sin {
	height: 340px;
	border: 0;
	border-top: 1px solid #fff;
}

.sin h2.header {
	display: block;
	text-indent: -9999px;
	height: 197px;
	padding: 0;
	margin: 0;
}

#sin-pride {
	width: 136px;
	border-right: 1px solid #fff;
}

#sin-pride h2.header {
	background: url(/images/pride.png) no-repeat top left;
	width: 136px;
}

#sin-greed {
	width: 137px;
	border-right: 1px solid #fff;
}

#sin-greed h2.header {
	background: url(/images/greed.png) no-repeat top left;
	width: 137px;
}

#sin-envy {
	width: 136px;
	border-right: 1px solid #fff;
}

#sin-envy h2.header {
	background: url(/images/envy.png) no-repeat top left;
	width: 136px;
}

#sin-wrath {
	width: 136px;
	border-right: 1px solid #fff;
}

#sin-wrath h2.header {
	background: url(/images/wrath.png) no-repeat top left;
	width: 136px;
}

#sin-lust {
	width: 136px;
	border-right: 1px solid #fff;
}

#sin-lust h2.header {
	background: url(/images/lust.png) no-repeat top left;
	width: 136px;
}

#sin-gluttony {
	width: 137px;
	border-right: 1px solid #fff;
}

#sin-gluttony h2.header {
	background: url(/images/gluttony.png) no-repeat top left;
	width: 137px;
}

#sin-sloth {
	width: 134px;
}

#sin-sloth h2.header {
	background: url(/images/sloth.png) no-repeat top left;
	width: 134px;
}

a#compare-modal-link:link,
a#compare-modal-link:visited,
a#compare-modal-link:hover,
a#compare-modal-link:active {
	background: url(/images/compare.png) no-repeat 0 0;
	height: 59px;
	width: 181px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
}

a#compare-modal-link:hover {
	background: url(/images/compare.png) no-repeat 0 -59px;
}

.share a.addthis_button_compact:link,
.share a.addthis_button_compact:visited,
.share a.addthis_button_compact:hover,
.share a.addthis_button_compact:active {
	background: url(/images/button_share.png) no-repeat 0 0;
	height: 41px;
	width: 170px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
}

.share a.addthis_button_compact:hover {
	background: url(/images/button_share.png) no-repeat 0 -41px;
}

.share a.addthis_button_compact span {
	background: none;
}

.county-actions {
	position: relative;
	height: 106px;
	border-top: 1px dashed #999;
	margin: 15px 0 0 0;
}

.county-actions .share {
	display: block;
	position: absolute;
	top: 37px;
	left: 493px;
}

.county-actions .compare {
	display: block;
	position: absolute;
	top: 20px;
	left: 296px;
}

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
}

#county-comparisons {

}

#legend-fixed {
	position: fixed;
	top: 200px;
	left: 10px;
	z-index: 9999;
}

.images {
	display: none;
}

.why-state {
	text-align: center;
}

a#why-state-modal-link:link,
a#why-state-modal-link:visited,
a#why-state-modal-link:hover,
a#why-state-modal-link:active {
	color: #666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline-block;
	margin: 7px 0;
	text-align: center;
}

a#why-state-modal-link:hover {
	text-decoration: underline;
}

h1.title {
	font-family:"Courier New",Courier,monospace;
	font-size:42px;
	font-weight:bold;
	letter-spacing:-0.075em;
	text-align: center;
}

.error404 {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}

.error404 img {
	margin: 10px auto;
}

a#footer-ccl:link,
a#footer-ccl:visited,
a#footer-ccl:hover,
a#footer-ccl:active {
	color: #666;
}



foo:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
}