/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}
	
html, body {
	height: 100%;
	font-family: Arial, helvetica;
	color:#333333;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
}
.debug{
	position:fixed;
	top:27px;
	left:0;
	font-size:12px;
	z-index:99999;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	border-left:1px solid #555555;
	background:#fff;
}
a{
	color: #1e71a5;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
strong{ font-weight:bold; }
em{ font-style:italic; }
body{
	background:#fff;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
h1{
	font-size:30px;
	line-height:36px;
	color:#465660;
	font-weight:bold;
	margin:0 0 10px;
}
h2{
	font-size:20px;
	color:#333333;
	line-height:24px;
	font-weight:bold;
	margin:0 0 15px;
}
h3{
	font-size:18px;
	color:#333333;
	line-height:22px;
	font-weight:bold;
	margin:0 0 10px;
}
h4{
	font-size:15px;
	color:#333333;
	line-height:20px;
	font-weight:bold;
	margin:0 0 10px;
}
.debug{
	position:fixed;
	top:0;
	left:0;
	font-size:12px;
	z-index:99999;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	border-left:1px solid #555555;
	background:#fff;
	padding: 0 5px;
}
/** LAYOUT **/
#pagewrapper{
	max-width:998px;
	padding:0;
	margin:0 auto;
	position:relative;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
.block{ overflow:hidden; }
.block.contextual-links-region{ overflow:visible; }

/** HEADER **/
header{
	width:100%:
	margin:0;
	position:relative;
	border-top:8px solid #3689bf;
}
.logo{
	margin:45px 0 40px 4%;
	float:left;
	width:30.8%;
}
.logo a{ display:block; }
.logo a img{
	width:100%;
	height:auto;
}
.utility{
	float:right;
	margin:45px 40px 0 0;
}
.utility .block{ display:inline-block; }
.utility .block.headertitle{
	display:block;
	text-align:right;
}
.utility .block.headertitle h2{
	margin-bottom:0;
	color:#465663;
	font-size:24px;
	font-weight:normal;
}

/** Main **/
.mapholder{
	background:#505050;
	width:100%;
	text-align:center;
	padding:30px 0;
}
.front .mapholder{ margin-bottom:25px; }
.map{
	/*width:608px;
	height:380px;*/
	width:682px;
	height:426.25px;
	margin:0 auto;
	cursor:pointer;
}


#main{
	background:url(../images/shadow.png) repeat-x 0 0 #f5f5f5;
	width:100%;
}
#main .padding{
	padding:40px 4%;
	position:relative;
}
#content{
	width:100%;
}
#content .layout-responsive-region-body{
	background:url(../images/graydient.png) repeat-x 0 0 #f5f5f5;
	padding: 35px 3%;
}
.node-type-state #content .layout-responsive-region-body, .node-type-city #content .layout-responsive-region-body, .node-type-territory #content .layout-responsive-region-body{
	background:url(../images/graydient.png) repeat-x 0 35px #f5f5f5;
	padding:0;
}
#content .inner{
	padding:35px 30px;
}
.backto{
	margin-right: 4.2%;
    margin-top: 3.5%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.backto .button{ margin-right:0; margin-left:0; }
#main p{
	margin:0 0 15px;
	line-height: 20px;
}

/** Buttons **/
.center{
	text-align:center;
}
.button{
	font-size: 15px;
	font-weight:bold;
	display:inline-block;
	margin:10px 5px;
}
.button a{
	display:block;
	padding: 5px 10px;
}
.button a:hover{ text-decoration:none; }
.button a.note{
	background:url(../images/onenote.png) no-repeat 95% center;
	padding-right:30px;
}
.button a.download{
	background:url(../images/download.png) no-repeat 97% center;
	padding-right:30px;
}
.button a.map{
	background:url(../images/map-icon.png) no-repeat 95% center;
	padding-right:30px;
}
.button.blue {
	color: #ffffff;
	background: #7ec0e9;
	-moz-box-shadow:
		1px 1px 1px rgba(000,000,000,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		1px 1px 1px rgba(000,000,000,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	box-shadow:
		1px 1px 1px rgba(000,000,000,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}
.button.blue a{ color: #fff; }
.button.grey {
	color: #465660;
	background:#f5f5f5;
	-moz-box-shadow:
		1px 1px 1px rgba(169,169,169,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		1px 1px 1px rgba(169,169,169,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	box-shadow:
		1px 1px 1px rgba(169,169,169,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}
.button.grey a{ color: #465660; }
.button.darkgrey {
	color: #fff;
	background:#a2a1a1;
	-moz-box-shadow:
		1px 1px 1px rgba(112,111,111,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		1px 1px 1px rgba(112,111,111,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	box-shadow:
		1px 1px 1px rgba(112,111,111,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}
.button.darkgrey a{ color: #fff; }
.button.orange {
	color: #fff;
	background:#f17f48;
	-moz-box-shadow:
		1px 1px 1px rgba(112,111,111,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		1px 1px 1px rgba(112,111,111,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	box-shadow:
		1px 1px 1px rgba(112,111,111,1),
		inset 1px 1px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
}
.button.orange a{ color: #fff; }

.column3{
	float:left;
	width:33%;
}
.rank .button{
	font-size: 14px;
    text-align: center;
    text-indent: 1px;
    width: 22px;
    margin-right:10px;
    padding:2px;
}
.rank a{
	color:#333333;
	font-weight:bold;
}

/** Footer **/
footer{
	background:#465660;
	max-width:1000px;
	margin:45px auto 0;
}
footer .inner{
	padding:24px 40px;
}
footer p{
	color:#fff;
	font-size:12px;
	margin:0;
}



/** City and State Pages **/

.scorecard{
	width:100%;
	height:133px;
	position:relative;
}
.scorerank{
	width:134px;
	height:133px;
	background:url(../images/littleman.png) no-repeat center 100% #d3ebfa;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}
.scorerank h3{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width:100%;
	padding:5px 0;
	background:#3a8bbd;
	text-align:center;
	margin:0 0 20px;
}
.scorerank .ranknum{
	font-size:50px;
	color:#fff;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:62px;
	left:0;
	font-weight:bold;
}
.scorecard .title{
	height:133px;
	background:#a2a1a1;
	margin-left:134px;
	margin-right:125px;
}
.scorecard .title .inner{
	display:table;
	width:100%;
	padding:0 !important;
	height:133px;
}
.scorecard h1{
	color: #F5F5F5;
    font-size: 55px;
    font-weight: bold;
    line-height: 60px;
    margin: 0;
	display:table-cell;
	vertical-align:middle;
	padding-left: 20px;
}
.scorecard .score{
	position:absolute;
	right:0;
	top:0;
	width:125px;
	height: 98px;
    padding-top: 35px;
	background:#7d7d7d;
	color:#d3ebfa;
	text-align:center;
	font-size:35px;
	font-weight:bold;
}
.scorecard .score span{
	font-size:12px;
	display:block;
	line-height: 14px;
    margin: 10px 25px;
}
.scorecard .score em{
	display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 0 15px;
    font-weight:normal;
    color:#fff;
}

#content .ui-widget{ font-family:Arial, Verdana; font-size:14px; }
#content .ui-widget-content{ color:#333333; }
#content .ui-tabs{
	background: none;
    border: 0 none;
    border-radius: 0;
    margin: 0 0 25px;
    padding: 0;
}

#content .ui-tabs-nav{
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	border-radius:0 !important;
	background:none;
}
#content .ui-tabs-nav li{
	list-style:none;
	float:left;
	background:#7d7d7d;
	text-align:center;
	margin: 0 2px 0 0;
	border:0;
	border-radius:0;
	padding: 0;
}
#content .ui-tabs-nav li a{
	color:#fff;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	padding:10px;
	display:block;
}
#content .ui-tabs-nav li a:hover{ text-decoration:none; }
#content .ui-tabs-nav li.ui-tabs-active{ background:#388abe; }
#content .ui-tabs .ui-tabs-panel{
	padding:0;
	border-radius:0;
}

.ui-tabs .ui-widget-content .views-field:first-child{
	background:#388abe;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:15px 25px;
	margin:0;
	height: 25px;
}
.ui-tabs .ui-widget-content .views-field:first-child span, .ui-tabs .ui-widget-content .views-field:first-child div{
	display:block;
	float:left;
	padding: 3px 0;
}
.ui-tabs .ui-widget-content .views-field:first-child .field-content{
	float:right;
}
.ui-tabs .ui-widget-content .views-field:first-child span.views-label{
	background:url(../images/star.png) no-repeat 0 0;
	padding-left:30px;
}
.ui-tabs .ui-widget-content .views-field{
	padding:0 3%;
	
}
.ui-tabs .ui-widget-content .views-field .label{
	background:#388abe;
	color:#fff;
	font-size:16px;
	padding:6px 10px;
	font-weight:bold;
	position:relative;
	margin:15px 0;
}
.ui-tabs .ui-widget-content .views-field .label a{
	position:absolute;
	right:10px;
	top:7px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding-right:20px;
	background:url(../images/arrow-right.png) no-repeat right center;
}


.node-type-city .layout-responsive-region-header_a, .node-type-state .layout-responsive-region-header_a, .node-type-territory .layout-responsive-region-header_a{
	margin-bottom:25px;
}

#content ul{
	margin:0 0 15px 30px;
	list-style:none;
}
#content ul li{
	margin:5px 0;
	line-height: 20px;
	list-style:none;
	background:url(../images/bullet.png) no-repeat 0 8px;
	padding-left:15px;
}

.view-city-score-rank table, .view-state-score-rank table{
	width:100%;
}


#content .columns{
	width:100%;
	margin:0 0 20px;
}
#content .columns .pane-content ul{
	width:28%;
	float:left;
	margin:0 2%;
	list-style:none;
}
#content .columns .pane-content ul li{
	list-style:none;
	background:none;
}
.mobile-only{ display:none !important; }


#content h2.resp-accordion{ display:none; }


footer .region-footer:after{
	clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

footer .block:first-child{
	float:left;
}
footer #block-system-main-menu{
	float:right;
}
footer #block-system-main-menu ul{
	list-style:none;
	margin:0;
}
footer #block-system-main-menu ul li{
	list-style:none;
	margin:0;
	float:left;
	padding:0;
}
footer #block-system-main-menu ul li a{
	color:#77bae5;
	font-weight:bold;
	border-left:1px solid #fff;
	padding:0 10px;
	font-size:13px;
}
footer #block-system-main-menu ul li:first-child a{ border-left:0; padding-left:0;}


.view-list-all{
    background: url("../images/graydient.png") repeat-x scroll 0 0 #F5F5F5;
    padding: 35px 3%;
}
.view-list-all .view-header{
	margin:0 0 20px;
}
.view-list-all .views-field-title a{
	font-size:20px;
	color:#333333;
	line-height:24px;
	font-weight:bold;
	margin:0 0 15px;
}

.ui-widget-content a{ color:#1E71A5; }



.region-content table {
    border-collapse: collapse;
    margin: 0 0 20px;
    text-align: left;
}
.region-content table tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #E6E6E6;
}

.region-content table th {
    background: none repeat scroll 0 0 #7EC0E9;
    border-color: #7EC0E9 #00386C #BDBDBD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 15px 12px;
}

.region-content table td {
    border: 1px solid #CFCFCF;
    padding: 15px 12px;
}


.dclink{
	text-align:center;
	margin:10px 0 0;
}

.button a.eye{
	padding-right:35px;
	background:url(../images/eye.png) no-repeat 98% center;
}

.view-state-score-rank .view-footer, .view-city-score-rank .view-footer{
	text-align:center;
}
.view-state-score-rank .view-footer .button, .view-city-score-rank .view-footer .button{
	margin-top:30px;
}

#block-block-6{
	clear:both;
}