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


*/


body{
margin: 0;
border: 0;
padding: 0;
background: #fff;
font: 13px/1.5 "Lato", "Helvetica Neue", Arial, sans-serif;
color: #555;
}

h2, h3{
margin:0px;
font: normal 13px/1.5 "Lato", "Helvetica Neue", Arial, sans-serif;
padding: 0px;
color: #666;
}

h3{
	font-size:20px;
}

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

.logo{
	padding:15px;
}

.logo img{
width:340px;
height:auto;
}

h2.info-header-geo{
font-size:14px;
color:#333;
padding-bottom:2px;
line-height: 20px;
max-width:250px;
}

.comaprison-maps h2.info-header-geo {
}

.comparison-maps h2.info-header-geo{
max-width:inherit;
color: #888;

}

.gas-price-map h2.info-header-geo{
max-width:inherit;
color: #3498db;
}



.comparison-maps h2.unpopulated-line-1-info, .comparison-maps h2.info-header, .comparison-maps .map-info-inline {
color: #333;
}

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

#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: -55px;
width: 280px;
right: -20px;
z-index:-10;
}


.search-wrapper{
	
}

.mapsearch input {
width: 295px;
margin: 2px 5px;
padding: 4px 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, #find2 {
	position: absolute;
	left: 330px;
	top: 9px;
}

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

.search-helper, .search-helper-permanent{
	font-size:13px;
	color:#999;
	font-style:oblique;
	padding:5px 10px;
	margin:0px;
}
.imgClassSearch { 
    background-image: url(/assets/images/search-icon-white.png);
background-position: 2px 2px;
background-repeat: no-repeat;
background-size:30px 30px;
width: 33px;
height: 33px;
border: 0px;
background-color: #3498db;
border-radius: 6px;
}
.imgClassSearch:hover{ 
      background-position:  2px 2px;background-color:#2383c4;
      cursor: pointer !important;
}

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

.ui-wrapper{
margin: 0;
border: 0;
position: relative;
width: 100%;
height:160px;
margin-top:4px;
}

.comparison-maps .ui-wrapper{
height:125px;
}

.ghg-map .ui-wrapper {
height: 95px;
}

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


/* MAP INFO */

.map-info-wrapper{
/*
height:143px;
position: absolute;
bottom: 30px;
*/
z-index: 99;
width: 100%;
}

.map-info-container{
	padding: 10px 10px 0px 10px;
	border-right: 1px solid #E7E7E7;
}

.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{
min-height: 35px;
padding: 0px;
}

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

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

.map-full .legend-wrapper-inline, .gas-price-map .legend-wrapper-inline{
min-width: 620px;
}
.legend-wrapper-inline ul li, .legend-wrapper-inline-right ul li{
list-style:none;
float:left;
padding-right:10px;
line-height:20px;
font-size:11px;
}

.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: 0px;
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;
}


/* 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;
}

/* Theme selector */

.theme-wrapper{
	position: absolute;
	left: 10px;
	z-index:100;
}

.theme-options {
	display: none;
	position: absolute;
	top: 24px;
	left: 1px;
	z-index: 260;
	background-color: #e8edf1;
	background-color:#3498db;
	padding-top: 10px;
	padding-bottom: 0px;
	box-shadow: 0 5px 10px rgba(0,0,0,.7);
	font-size:14px;
	/*border-radius:6px;*/
	width:358px;
	height: 450px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
}
	

.theme-options ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.theme-options ul li {
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DBDBDB;
	}
.theme-options ul li.last {
	border-bottom: 0;
	}
.theme-options ul li a {
	display: block;
	padding: 8px 30px 8px 33px;
	text-shadow: 0 0 0;
	font-size: 14px;
	color: #666666;
background-color: #FFFFFF;
text-decoration: none;
font-family: 'Lato', sans-serif;
font-weight:300;
	}
.theme-options ul li a.active-theme {
	background: url(../images/check-blue.png) 6px 8px no-repeat;
	color: #fff;
	background-color:#3498db;
	}
.theme-options ul li a:hover {
	background-color: #3498db;
	color: #fff;
	}
.theme-options-close {
	position: absolute;
	top: 2px;
	right: 3px;
	display: block;
	width: 570px;
	height: 18px;
	background: url(../images/window-close.png) 0 0 no-repeat;
	font-size: 1px;
}


.theme-options-close:hover {
	xbackground-image: url(http://htaindex.cnt.org/images/window-close-h.png);
}
	
.theme-list-open {
display: block;
z-index: 260;
height: 20px;
background: url(../images/window-open-theme.png) 98% -8px no-repeat;
font-size: 14px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
color: #ffffff;
background-color: #3498db;
text-decoration: none;
padding: 2px 30px 5px 10px;
border-radius: 6px;
width: 320px;
}

.theme-list-close {
	display: block;
	z-index: 260;
	height: 20px;
	background: url(../images/window-close2.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;
	width:320px;
}

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



/* Map Detail selector */

.map-detail-wrapper{
	position: absolute;
	top: 80px;
	left: 10px;
	background-color: #FAFAFA;
	border-radius: 10px;
	border: 1px solid #EEE;
	min-width: 310px;
}

.map-detail-head {
	font-size:12px;
	padding: 8px;
}

.map-detail-wrapper .radio-checklist {
padding-right: 0px;
padding-left: 5px;
display: block;
}

/* Household UI */

.household-wrapper{
	position: absolute;
top: 41px;
left: 0px;
background-color: #FAFAFA;
padding: 4px 12px;
border-radius: 10px;
border: 1px solid #EEE;
min-width: 500px;
text-align: center;
}

.household-radio-head{
display:inline-block;
color:#757575;
font-size:12px;
}


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

.radio-checklist{
	display:inline-block;
	padding-right:14px;
	font-size:13px;
}


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

.household-info{
display: inline-block;
padding-right: 10px;
color: #888;
font-size:12px;
}

.map .block-groups{
display:block;
}

.comparison-maps .block-groups{
display:inline-block;
}

.block-groups .dyn-data{
color:#3498db;
}

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

.key-info{
padding-bottom:15px;
}
.map-info-inline b{
font-size:16px;
}

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


h2.info-header, h2.results{
display: inline-block;
color: #888;
font-size: 16px;
}

h2.results{
color: #3498db;
font-size: 16px;
padding-left: 4px;
}

.ghg-map h2.info-header, .ghg-map h2.results, .comparison-maps h2.info-header, .comparison-maps h2.results{
font-size: 16px;
}

.map-info, .map-info-inline{
color: #888;
font-size: 16px;
}

.comparison-maps .map-info-inline{
font-size:inherit;
padding-left:inherit;
}

.ghg-map .map-info-inline, .comparison-maps .map-info-inline{
}

#min_r, #max_r{
color:#3498db;
}

.key-info-container{

}

#theme-title{
font-size: 16px;
color: #333;
padding-bottom: 5px;
}

.geo-scope-snapshot-container{
padding-bottom: 10px;
position:relative
}

.geo-scope-snapshot-container a{
	font-size: 12px;
line-height: 18px;
border: 1px solid #eeeeee;
padding: 4px 10px 4px 25px;
position: absolute;
border-radius: 3px;
color: #888;
right: 10px;
top: 0px;
background: url('/assets/images/icon-new-window.png')7px 6px #fafafa no-repeat;

}

.geo-scope-snapshot-container a:hover{
text-decoration:none;
background-color:#3498db;
background-color:#eee;
color:#333;
border: 1px solid #DADADA;
}



#mapdesc1:hover .geo-scope-snapshot-container a{
border-radius: 3px;
}

#mapdesc1 .geo-scope-snapshot-container a:hover{
text-decoration:none;
}


#focus_r a, #focus_l a{
	/*color:#3498db;*/
}
#focus_r a:hover, #focus_l a:hover{
	/*text-decoration:underline;*/
}

.key-info-left, .key-info-right{
	display: inline-block;
}

#fact-sheet-button a{
	padding: 10px 15px;
	background-color: #f4f4f4;
	left: 20px;
	color: #A2A2A2;
	position: relative;
	bottom: 15px;
	border-radius: 5px;
}



#mapdesc1:hover #fact-sheet-button a{
	background-color:#3498db;
	color:#fff;
}

#fact-sheet-btn a{
	padding: 4px 8px;
	font-size: 13px;
	background-color: #fafafa;
	border: 1px solid #eeeeee;
	color: #999;
	border-radius: 3px;
	top: -2px;
	left: 9px;
	position: relative;
}

#mapdesc1 #fact-sheet-button a:hover{
background-color:#2383c4;
color:#fff;
}

.map-info-breakdown-container{
	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{
background-color: #ffffff;
height:auto;
}

.ghg-map .map-info-wrapper{
/*height:140px;*/
}

.key-info-average{
float:left;
padding-right:10px;
}




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

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

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


/* MAPS */

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

#map-left{
position: relative;
border-right:1px solid #ffffff;
}

#map-right{
position: relative;
border-left:1px solid #ffffff;
}



/* Geo Dropdown */

.focus-geo-options {
	display: none;
	position: absolute;
	top: 7px;
	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:525px;
}
	

.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(../images/check-blue.png) 6px 8px no-repeat;
	background-color: #F3F3F3;
	color: #2383c4;
	cursor: default;
	}
.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: 7px;
left: 0px;
display: block;
height: 20px;
background: url(../images/window-open-left.png) 2% -8px no-repeat;
font-size: 14px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
color: #ffffff;
background-color: #3498db;
text-decoration: none;
padding: 2px 30px 5px 50px;
border-radius: 6px;
min-width: 445px;
}


.focus-list-open:hover {
	background-color:#2383c4;
}
	
#focus-geo-1 a.unpopulated{
background: url(../images/window-open-white.png) 3% -7px no-repeat #E6E6E6;
}
	
/* 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;
}


.map #topmenu{
background:none;
background-color:#97D354;
}

.map #topmenu ul li a {
border: none;
color: #ffffff;
text-shadow: none;
background: none;
}

.map #topmenu ul li a:hover {
color: #fff;
background-color: #A4E55B;
}


.map #topmenu ul li#cntmenu {
background: none;
background-color:#97D354;
}

.map #topmenu ul li#cntmenu {
border: none;
}

.map #cntmenu ul li {
border-top: none;
}

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


#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;
z-index:2;
}

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

.bg_toggle {
	z-index:10; 
	position: absolute; 
	right: 200px; 
	top: 10px; 
	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: 8px 6px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-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);
}

.streets_toggle {
	z-index:10; 
	position: absolute; 
	right: 154px; 
	top: 10px; 
	direction: ltr;
	min-width: 22px;
}
.streets_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: 8px 6px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-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;
}
.streets_toggle a:hover{
	background-color: rgb(220, 220, 220);
}


.transit_toggle {
	z-index:10; 
	position: absolute; 
	right: 108px; 
	top: 10px; 
	direction: ltr;
	min-width: 22px;
}
.transit_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: 8px 6px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-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;
}
.transit_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;
	background-color:#fff; 
	padding: 10px 10px 18px 10px;
	font: 300 11px/12px 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	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 */


.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, .ghg-map h2.unpopulated-line-2-info, .comparison-maps h2.unpopulated-line-2-info{
	font-size:13px;
}


/* Location Search Helper Box */

.arrow-box {
	position: relative;
	background: #fff;
	border: 1px solid #e7e7e7;
}
.arrow-box:after, .arrow-box:before {
	bottom: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}
.arrow-box:before {
	border-color: rgba(247, 247, 247, 0);
	border-bottom-color: #e7e7e7;
	border-width: 31px;
	margin-left: -31px;
}

.search-helper-unpopulated{
display:none;
visibilty:hidden;
}

#mbox_location_search1, #mbox_location_search2 {
z-index: 9;
position: absolute;
background-color: #FFFFFF;
border-radius: 6px;
left: 5px;
top: 62px;
max-width: 560px;
max-height:200px;
padding: 10px 30px 10px 10px;
border: 1px solid #e7e7e7;
font-size: 14px;
color: #666;
-moz-box-shadow: 2px 4px 10px #7A7A7A;
-webkit-box-shadow: 2px 4px 10px #7A7A7A;
box-shadow: 2px 4px 10px #7A7A7A;
overflow:scroll;
z-index:999;
}

#mbox_location_search1 a, #mbox_location_search2 a{
	color:#999;
	padding-left:10px;
	line-height:28px;
	white-space: nowrap;
	text-decoration:none;
}

#mbox_location_search1 a:hover, #mbox_location_search2 a:hover{
	color:#3498db;
	xtext-decoration:underline;
}

/* share box */

#sharewindow {
position: absolute;
display: none;
top: 200px;
left: 50%;
width: 500px;
margin-left: -250px;
background: #fff;
border: 1px solid #999;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.7);
-moz-box-shadow: 0 10px 10px rgba(0,0,0,.7);
box-shadow: 0 10px 10px rgba(0,0,0,.7);
z-index: 9999;
}

.sharewindowclose {
position: absolute;
top: 16px;
right: 16px;
display: block;
width: 18px;
height: 18px;
background-image: url(../images/share-window-close-sm.png);
font-size: 1px;
}

.sharewindowclose:hover {
	background-image: url(../images/window-close-h.png);
	}
.sharecontent {
	padding: 30px;
	color: #b3b6ba;
	font-size: 13px;
	}
.sharecontent h3 {
margin: 4px 0;
font: 400 18px/22px 'Muli', Arial, Helvetica, sans-serif;
color: #777;
}

.shareinput {
margin: 10px 0;
width: 100%;
background: #FFFFFF;
border: 1px solid #C5C5C5;
padding: 4px;
color: #3498db;
font-size: 14px;
border-radius: 4px;
}

.shareinput::selection {
	xbackground: #000;
	}
.shareinput.webkit::-webkit-selection {
	xbackground: #000;
	}
#permalink {
	width: 100%;
	}
#iframecode {
	width: 100%;
	height: 150px;
	}
	
#mapL, #mapR {
	height: 220px;

}

.themecategory {
	font-size: 15px;
	padding: 4px 10px 4px 10px;
	background-color: #ddd;
}
.blanket {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	margin-top: 53px;
	background: #fff;
	background-color: rgba(220,222,225,0.80);
	z-index: 1002;
  	filter: alpha(opacity = 80);
}

.blanket .load-message-txt-only {
	margin: 0 auto;
	color: #000;
	padding: 20px;
	background-color: #fff;
	text-align: center;
	margin-top: 100px;
	width: 200px;
	border-radius: 6px;
}

.blanket .load-message{
z-index: 999;
width: 200px;
height: 170px;
position: absolute;
left: 50%;
top: 40%;
background-image: url(/assets/images/loader1.gif);
opacity: .9;
background-repeat: no-repeat;
background-position: 50% 70%;
background-size: 50px;
margin: -100px 0 0 -100px;
border-radius: 6px;
background-color: #fff;
}

.blanket .load-message p{
margin-top: 40px;
text-align:center;
}

.transit_info h1 {
	font-size:10px;
	font-weight: bold;
}
.transit_info h2 {
	font-size:9px;
	font-weight: bold;
}
.info-bubble {
	padding: 10px 0px;
	height: 200px;
	width: 380px;
	margin:0px -10px 0px 0px;
}


.ht-header-stats{
	margin: 0px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 16px;
	color: #333;
	padding-bottom: 5px;
	font-family: 'Lato', sans-serif;
}

.ht-header-stat-value{
color: #3498db;
}

.ht-header-stats p{
font-size: 13px;
padding: 0px;
margin: 0px;
}