/*
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 20px 'Arimo', Arial, Helvetica, sans-serif;
padding: 0px;
color: #666;
}

h3{
	font-size:20px;
}

header{
margin:0px auto;
padding:25px 0px 5px 10px;
background-color:#fff;
}

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


.search-wrapper{
	
}

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

input:focus{
outline:none;
}

#find1 {
	position: absolute;
	left: 310px;
	top: 29px;
}

.mapsearch{
	position: absolute;
	top: 26px;
	left:10px;
}

.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;
min-height:130px;

border-bottom: 1px solid #dedede;
}

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


/* MAP INFO */

.map-info-wrapper{
min-height:90px;

}

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

.xlegend-wrapper-inline{
position: absolute;
top: 100px;
right: 1px;
z-index: 20;
background-color: #FAFAFA;
border-left: 1px solid #cecece;
border-bottom: 1px solid #cecece;
border-radius: 0px 0px 0px 10px;
border-top: 1px solid #efefef;
padding: 3px 0px 4px 10px;
}

.legend-wrapper-inline{
position: absolute;
top: 90px;
left: 0px;
z-index: 20;
background-color: #fafafa;
xborder-left: 1px solid #cecece;
xborder-bottom: 1px solid #cecece;
border-radius: 0px 0px 10px 0px;
xborder-top: 1px solid #efefef;
padding: 5px 0px 10px 10px;
}

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

.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{

}

/* Household UI */

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

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

.household-results-info{
padding-top:6px;
}

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

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

.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:#999;
}
.map-info-breakdown-container{
	margin:5px 0px 0px 0px;
	font-size:13px;
	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;
}

#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 #cecece;
}



/* Geo Dropdown */

.focus-geo-options {
	display: none;
	position: absolute;
	top: 8px;
	left: 1px;
	z-index: 60;
	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: 8px;
	display: block;
	width: 580px;
	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: 8px;
	left: 1px;
	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);
}