/*
CNT Green: #97D354
Blue: #3498db


*/


body{
margin: 0;
border: 0;
padding: 0;
background: #fff;
font: normal 14px 'Open Sans', Arial, Helvetica, sans-serif;
color: #555;
}

h2, h3{
margin:0px;
font: normal 19px 'Arimo', Arial, Helvetica, sans-serif;
padding: 0px;
color: #666;
}

h3{
	font-size:20px;
}

header{
margin:0px auto;
padding:15px 0px 10px 10px;
position: relative;
height: 50px;
}

h2.info-header-geo{
font-size:16px;
color:#999;
}

hr{
border: none;
border-top: 1px solid #E7E7E7;
width: 95%;
}

#container{
	margin: 0;
	border: 0;
	padding: 0;
	min-width:1020px;
	
}

.watermark {
background: url(../images/cnt-spiral-ghost.jpg)top right no-repeat;

height: 370px;
position: fixed;
background-size: 100%;
top: -30px;
width: 280px;
right: -20px;
z-index:-10;
}


.search-wrapper{
	
}

.mapsearch input {
width: 295px;
margin: 2px 5px;
padding: 8px;
border-radius: 4px;
border: 1px solid #E7E7E7;
font: normal 20px 'Arimo', Arial, Helvetica, sans-serif;
color: #3498db !important;
background-color: #FFFFFF;
}

input:focus{
outline:none;
}

#find1 {
	position: absolute;
	left: 330px;
	top: 9px;
}

.mapsearch{
	position: absolute;
	top: 6px;
	left:5px;
}

.search-helper{
	font-size:13px;
	color:#999;
	font-style:oblique;
	padding:5px 10px;
	margin:0px;
}
.imgClassSearch { 
    background-image: url(../images/search.png);
    background-position:  5px 5px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border: 0px;
    background-color:#3498db;
    border-radius:6px;

}
.imgClassSearch:hover{ 
      background-position:  5px 5px;background-color:#2383c4;
      cursor: pointer !important;
}

.imgClassSearch:active{
      background-position:  5px 5px;
}

.ui-wrapper{
margin: 0;
border: 0;
position: relative;
width: 100%;
/*min-width: 960px;*/
height:160px;

border-bottom: 1px solid #dedede;
}

.refinement-wrapper{
	position:absolute;
	top:0px;
	left:400px;
	/*min-width:740px;*/
}


/* MAP INFO */

.map-info-wrapper{
min-height:110px;
xposition:absolute;
xtop:0px;
xz-index:1;
}

.map-info-container{
	/*background-image: url(../images/map-info-bg.png);*/
	padding: 10px 10px;
	
}

.legend-wrapper ul li {
float: left;
margin: 2px 20px 2px 0;
padding: 0;
list-style-type: none;
}


.legend-wrapper-float{
position: absolute;
top: 32px;
right: 10px;
background-color: #FDFDFD;
padding: 10px;
border-radius: 10px;
border: 1px solid #efefef;
}

.legend-wrapper-inline{
/* basic clean */
min-height: 35px;
padding: 5px 5px;
border-top: 1px solid #e2e2e2;
}

.legend-location-efficiency{
	xmin-height: 12px;
}

.legend-wrapper-inline ul li, .legend-wrapper-inline-right ul li{
list-style:none;
float:left;
padding-right:25px;
line-height:23px;
}

.legend-wrapper-inline ul, .legend-wrapper-inline-right ul, .legend-wrapper-float ul{
padding:0px;
margin:0px;
}

h3.legend{
	margin:0px;
	padding:0px;
	font-size:18px;
}

.key_color {
display: inline-block;
position: relative;
top: 2px;
margin: 0;
margin-right: 3px;
border: 1px solid #CECECE;
background-color: #e6e6e6;
overflow: hidden;
width: 10px;
height: 10px;
}

ul.vert{
padding:0px;
}

.mapdesc ul.vert li {
list-style-type: none;
}

.key ul.vert li, #mapdesc1.vert .key ul li {
float: none !important;
}

ul.vert li {
float: none;
margin: 2px 20px 2px 0;
padding: 0;
list-style-type: none;
}

/*
#map-left{
background: url(../images/map-bg-left.png) no-repeat;
xbackground-size: 100%;
background-position: center top;
position: relative;
xtop: -65px;
}

#map-right{
background: url(../images/map-bg-right.png) no-repeat;
xbackground-size: 100%;
background-position: center top;
position: relative;
xtop: -65px;
}*/


/* GEO UI */

.geo-wrapper{

}
.geo-scope-form, .comparison-form{
text-align: center;
}

/* Comparison selector */
.comparison-wrapper{
	position: absolute;
	top: 85px;
	left: 10px;
	background-color: #FAFAFA;
	padding: 20px 10px;
	border-radius: 10px;
	border: 1px solid #EEE;
	min-width: 340px;
}


/* Household UI */

.household-wrapper{
	position:absolute;
	top:52px;
	left:0px;	
	background-color: #FAFAFA;
	padding: 8px;
	border-radius: 10px;
	border: 1px solid #EEE;
	min-width: 540px;
}

.household-info-container-line-1 {
padding-bottom: 4px;
}

.radio-checklist{
	display:inline-block;
	padding-right:20px;
}

.household-results-info{
padding-top:0px;
margin:0px auto;
text-align:center;
}

.household-info{
display: inline-block;
padding-right: 10px;
}

.household-info b, .map-info b, .map-info-inline b{
color: #3498db;
font-weight: normal;
}

.map-info-inline b{
font-size:16px;
}

.map-info-inline{
display:inline-block;
padding-right:6px;
}


h2.info-header, h2.results{
display:inline-block;
}

h2.results{
color:#3498db;
color:#EB7112;
color:#e84f3b;
font-size: 24px;
}

.map-info, .map-info-inline{
color:#666;
font-size:16px;
}
.map-info-breakdown-container{
	margin:0px 0px 5px 0px;
	color:#dfdfdf;
}

.map-info-breakdown-container a{
	color:#999;
	display:inline-block;
	padding-top:4px;
}

.map-info-breakdown-container a:hover{
color:#000;
}

.map-info-wrapper{
border-right: 1px solid #dedede;
background-color: #fafafa;
background: rgb(250,250,250);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%,rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ededed',GradientType=0 );
}

#main{
/*min-width:960px;*/
}

#col1{
position: relative;
float: left;
width: 50%;
/*min-width: 480px;*/
}

#col2{
position: relative;
float: left;
width: 50%;
/*min-width: 480px;*/
}


/* MAPS */

.map-area{
/*min-height:960px;*/
}

#map-left{
border-right:1px solid #b4b4b4;
position: relative;
xtop: 146px;
xz-index: 900;
}

#map-right{
position: relative;
xtop: 146px;
xz-index: 900;
}



/* Geo Dropdown */

.focus-geo-options {
	display: none;
	position: absolute;
	top: 9px;
	left: 0px;
	z-index: 260;
	background-color: #e8edf1;
	background-color:#3498db;
	padding-top: 30px;
	padding-bottom: 0px;
	border-bottom-right-radius	: 4px;
	border-bottom-left-radius	: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.7);
	box-shadow: 0 5px 10px rgba(0,0,0,.7);
	font-size:14px;
	border-radius:6px;
	min-width:560px;
}
	

.focus-geo-options ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.focus-geo-options ul li {
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DBDBDB;
	}
.focus-geo-options ul li.last {
	border-bottom: 0;
	}
.focus-geo-options ul li a {
	display: block;
	padding: 8px 30px 8px 33px;
	text-shadow: 0 0 0;
	font-size: 14px;
	color: #979797;
background-color: #FFFFFF;
text-decoration: none;
	}
.focus-geo-options ul li a.active {
	background: url(http://htaindex.cnt.org/images/check.png) 6px 8px no-repeat;
	color: #fff;
	background-color:#3498db;
	}
.focus-geo-options ul li a:hover {
	background-color: #3498db;
	color: #fff;
	}
.focus-geo-options-close {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	width: 570px;
	height: 18px;
	background: url(../images/window-close.png) 0 0 no-repeat;
	font-size: 1px;
}


.focus-geo-options-close:hover {
	xbackground-image: url(http://htaindex.cnt.org/images/window-close-h.png);
}
	
.focus-list-open {
	position: absolute;
	top: 9px;
	left: 0px;
	display: block;
	height: 20px;
	background: url(../images/window-open.png) 98% 6px no-repeat;
	font-size: 14px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	
	color: #ffffff;
background-color: #3498db;
text-decoration: none;
padding: 6px 30px 6px 10px;
border-radius: 6px;
min-width:520px;
	}


.focus-list-open:hover {
	xbackground-image: url(http://htaindex.cnt.org/images/window-open-h.png);
	xbackground-image: url(assets/images/window-open-h.png);
	background-color:#2383c4;
	}
	
	
	
/* Main Navigation */

#topmenu {
position: relative;
z-index: 10;
min-width: 960px;
height: 27px;
padding: 0;
color: #fff;
background: #187190 url(/images/bg-topmenu.png) 0 0 repeat-x;
}

#topmenu ul {
margin: 0;
padding: 0;
}

#topmenu ul li#cntmenu {
position: absolute;
right: 0;
background: #186F45 url(/images/bg-cntmenu.png) 0 0 repeat-x;
border-left: 1px solid #408346;
z-index: 100;
}

#topmenu ul li {
list-style-type: none;
float: left;
font: 700 9px/9px 'Lato', Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
}

#topmenu ul li#cntmenu a.rings {
padding-right: 32px;
background: url(http://htaindex.cnt.org/images/cntrings.png) 92% 4px no-repeat;
}

#topmenu ul li a {
display: block;
border-right: 1px solid #428DAD;
padding: 9px 22px 8px 22px;
text-decoration: none;
color: #E3F2FF;
text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
xbackground: url(http://htaindex.cnt.org/images/bg-menudiv.png) 0 0 no-repeat;
}

#cntmenu ul {
display: block;
display: none;
box-shadow: 0 5px 5px rgba(0,0,0,0.50);
}

#cntmenu ul li {
list-style-type: none;
float: none;
border-top: 1px solid #408346;
}

#topmenu ul li#cntmenu a:hover {
color: #fff;
background-color: #288E59;
}

#topmenu ul li a:hover {
color: #fff;
background-color: #1192B9;
}


#footer {
position: fixed;
min-width: 960px;
bottom: 0;
margin: 0;
border: 0;
width: 100%;
height: 32px;
/*background: #E1E7EC url(../images/bg-footer.gif) 0 -13px repeat-x;*/
background-color:#fafafa;
border-top:1px #ddd;
text-align: center;
overflow: hidden;
z-index: 1000;
font: normal 10px/13px 'Muli', Arial, Helvetica, sans-serif;
color: #666;
}

#copyright {
padding: 10px 20px;
font-size: 12px;
color: #424242;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.share-wrapper{
position: absolute;
float: right;
top: 42px;
right: 27px;
}

.share-wrapper a{
color: #3498db;
text-decoration:none;
}
.share-wrapper a:hover{
color:#2383c4;
}

.bg_toggle {
	z-index:10; 
	position: absolute; 
	right: 100px; 
	top: 5px; 
	direction: ltr;
	min-width: 22px;
}
.bg_toggle a{
	display: block;
	text-align: center;
	text-decoration: none;
	color: rgb(0, 0, 0);
	font-family: Roboto, Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 11px;
	background-color: rgb(255, 255, 255);
	padding: 1px 6px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.14902);
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	font-weight: 500;
}
.bg_toggle a:hover{
	background-color: rgb(220, 220, 220);
}

	
.infoBox {
	border: 0; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 8px; 
	background-color: #E1EEF6; 
	padding: 16px 16px 18px 22px;
	font: 300 11px/12px 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	box-shadow: 8px 8px 12px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, .6);
	-moz-box-shadow: 8px 8px 12px rgba(0, 0, 0, .6);
	text-align: left;
}
.infoBox table {
	border: 0;
	border-collapse: collapse;
	}
.infoBox tr {
	border: 0;
	}
.infoBox th {
	border: 0;
	padding: 8px 5px;
	font: 700 14px/14px 'Roboto Condensed','Helvetica Neue', Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #879fa9;
	text-align: left;
	}
.infoBox td {
	border: 0;
	padding: 5px 5px;
	font: 400 11px/12px 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #d1dee6;
	}
.infoBox td.label {
	color: #666;
	padding-left: 0;
	padding-right: 5px;
	}
.infoBox td.value {
	font: 400 11px/12px 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: right;
	color: #000;
	padding-left: 5px;
	padding-right: 0;
	}
.infoBox th.label {
	color: #000;
	padding-left: 0;
	padding-right: 5px;
	}
.infoBox th.value {
	text-align: right;
	color: #000;
	padding-left: 5px;
	padding-right: 0;
	}
.infoBox .links {
	float: left;
	margin-top: 10px;
	
	font-weight: 600;
	line-height: 19px;
	}
.infoBox a.blkgrp-zoom {
	height: 19px;
	display: block;
	background: url(/images/info-zoom.png) 0 3px no-repeat;
	padding: 0 20px;
	margin-right: 10px;
	}
.infoBox a.remove-marker {
	height: 19px;
	display: block;
	background: url(/images/info-remove-marker.png) 0 0 no-repeat;
	padding: 0 20px;
	}


/* Styles for initial state of unpopulated map */

#sharewindow{
display:none;
visibility:hidden;
display:none;
height:1px;
}

.unpopulated{
	color:#999;
}

.unpopulated b {
	color: #C4C4C4;
}

a.unpopulated {
	background-color:#E6E6E6;
}

a.unpopulated:hover {
	background-color:#E6E6E6;
}

.map-info-breakdown-container .unpopulated {
	visibility: hidden;
	display:none;
}

h2.unpopulated-line-1-info{
	font-size:20px;
	color:#333;
}

h2.unpopulated-line-2-info{
	font-size:14px;
}