#detail_report {
	width:100%;
}
table.stat_table {
	width:100%;
}

p{
font-family: 'Lato', sans-serif;
line-height:18px;
}

h1{
color:#97A1A2;
}

h2{
	font-size:26px;
	background-color: #789B9E !important;
	background-color: #0094C4 !important;
	padding: 10px;
	margin: 15px auto;
	border-radius: 4px;
	color: #fff;
}

h3{
background-color:none;
font-size:16px;
font-family: 'Lato', sans-serif;
color:#333;
}

#footer{
/*margin-top:200px;*/
}

.branding{
padding:10px 0px 0px 0px;

}

.branding img{
xfloat:right;
}

.branding-page-break{
display:none;
}


.print-wrapper{
	margin-bottom: 10px;
	text-align: right;
	margin-top:20px;
}

.print-wrapper input, .print-wrapper a{
background-color: #97D354;
background-color: #3498db;
border: none;
padding: 5px 10px;
color: #fff;
font-size: 14px;
letter-spacing: .1em;
border-radius: 3px;
}

.print-wrapper input:hover, .print-wrapper a:hover{
background-color:#2383c4;
cursor:pointer;
}

#main{
background-color: #ffffff;
-webkit-box-shadow: 0px 4px 11px 2px rgba(71,71,71,0.2);
-moz-box-shadow: 0px 4px 11px 2px rgba(71,71,71,0.2);
box-shadow: 0px 4px 11px 2px rgba(71,71,71,0.2);
padding-bottom:20px;
}

/* Search */

#search-wrapper{
padding: 15px 10px 40px 10px;
background: url(/assets/images/ht-factsheet-map-bg.jpg) 50% 45px no-repeat;
min-height: 260px;
}

.mapsearch{
display:inline-block;
}

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

	max-width: 275px;
  margin: 0px 5px;
  float: left;
  padding: 14px 18px;
  border-radius: 4px;
  border: 1px solid #E7E7E7;
  font: 28px 'Lato', Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #3498db !important;
  background-color: #FFFFFF;
}

.imgClassSearch {
/*
background-image: url(http://dev.htaindex.cnt.org/map2/assets/images/search.png);
background-position: 5px 5px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
border: 0px;
background-color: #3498db;
border-radius: 6px;
*/
  background-image: url(/assets/images/search-icon-white.png);
/*  float: left; */
  width: 66px;
  height: 64px;
  background-position: 7px 7px;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  border: 0px;
  background-color: #3498db;
  border-radius: 6px;
  position: inherit;
}

@media screen and (max-width: 600px) {

input#mapsearch{
max-width: 295px;
margin: 0px 5px;
padding: 8px;
border-radius: 4px;
border: 1px solid #E7E7E7;
font: normal 20px 'Arimo', Arial, Helvetica, sans-serif;
color: #3498db !important;
background-color: #FFFFFF;
float:left;
}
.imgClassSearch {
  background-image: url(/assets/images/search-icon-white.png);
  background-position: 5px 5px;
  background-size:30px 30px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	border: 0px;
	background-color: #3498db;
	border-radius: 6px;

}
}

.search-helper{
clear:both;
font-size: 13px;
color: #999;
font-style: oblique;
padding: 5px 10px;
margin: 0px;
/*margin-top: -30px;*/
}

.search-helper a{
color:#3498db;
text-decoration:underline;
}

.focus-geo-options {
padding: 10px;
background-color: #fff;
margin: 10px;
border-radius: 6px;
border: 1px solid #ececec;
}

.focus-geo-options ul li{
padding:8px 0px;
line-height:0px;
}

.focus-geo-options ul li a {
	color: #3498db;
	font-size:14px;
	line-height:22px;
}
.focus-geo-options ul li a:hover{
	text-decoration:underline;
}



/* Section 1 */

.focus-list-open a{
color:#3498db;
}


#household_type, .hh-head{
padding-top:70px;
color:#666;
font-size:16px;
}

.stat-label {
color: #8a8a8a;
line-height: 18px;
font-size:14px;
padding: 0px 0px 5px 0px;
}

.stat-result{
line-height: 18px;
padding: 0px 0px 5px 0px;
text-align:right;
}

#blkgrps, #hh, #population{
color:#3498db;
font-size:16px;
}

#blkgrps strong, #hh strong{
color:#999;
font-size:16px;
}

.section1-right-col .stat-label{
font-size:16px;
padding-bottom:5px;
}

.section1-right-col a{
font-size:16px;
color:#3498db;
}

.unpopulated{
visibility:hidden;
display:none;
}

.section2{
	margin-top:20px;
}


/* DETAILS */
.fact-page-details{
	text-align:left;
	font-size:14px;
}

.fact-page-details h2{
text-align:center;
}

.fact-page-details h3{
padding-top: 0px;
font-size:18px;
}

.fact-page-details a{
	color:#3498db;
}

.cnt-logo{
text-align:right;
}
.cnt-logo img{
width:200px;
height:auto;
}
.fact-sheet-logo{
text-align:left;
}

.fact-sheet-logo img{
max-width:100%;
}

#focus-list-open-1 {
border-radius: 4px;
background: #3498db url(/assets/images/fact-sheet-arrow.png) no-repeat;
background-position:right 2px;
padding:5px 60px 5px 10px;
color:#fff;
}
.geo-wrapper{
	margin-bottom:10px;
}
.geo-wrapper ul {
	list-style: none;
	margin-left:15px;
	margin-top:5px;
}

#focus-list-open-1:hover{
background-color: #2383c4;
text-decoration:none;
}

.pie-head{
font-size:14px;
color:#333;
text-align:center;
z-index:9999;
}

#pie-chart-pct-income{
width:100%;
height:250px;
background-color:none;
}

/* Map Legend */
.legend-wrapper{
height: 20px;
padding: 5px 0px;
}

.location-efficient-range-container{
text-align:left;
}
.legend-wrapper ul{
padding-left:5px;
}
.legend-wrapper ul li{
list-style: none;
float: left;
padding-right: 15px;
line-height: 20px;
font-size: 12px;
}

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



/** page-declared styles **/
.loc-search-ui-container{
	padding: 5px;
	background-color: #fafafa;
	max-width: 460px;
	margin: 0px auto;
	border-radius: 5px;
	color: #afafaf;
	border: 1px solid #E7E4E4;
	font-size: 20px;
}

#mapL, #mapR{
	height:280px;
}

.grid-container {
	margin-left: inherit !important;
	margin-right: inherit !important;
}


.narrative-container {
	padding: 0px 10px 10px 10px;
}

.narrative-container p{
text-align: left;
font-size: 14px;
line-height: 20px;

}

.affordability-stat a{
font-size:50px;
color:#3498db;
}

h1, h2{
	color: #fff;
	padding: 10px;
	border-radius: 4px;
	font-size: 30px;
	background-color: #3498db;
	background-color:#0094C4;
	font-weight: normal;
	line-height: 28px;
	margin:0px auto;
	margin-top: 15px;
	margin-bottom: 5px;
	letter-spacing: .03em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}

h3.old{
	font-size:22px;
	text-align:left;
	color: #3498db;
	margin:0px;
}

h3{
font-weight: normal;
font-size: 16px;
clear: both;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
line-height: 20px;
text-align:left;
/*color: #0094C4;*/
color:#333;
text-align: left;
xfont-family: 'Raleway', sans-serif;
}

h4.old{
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #666;
	color:#3498db;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 4px 0px;
	line-height: 20px;
	
}

h4{
font-weight: normal;
font-size: 16px;
color: #FFFFFF;
background-color: #97A1A2;
background-color:#007193;
clear: both;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 10px;
line-height: 20px;
border-radius: 3px;
xfont-family: 'Raleway', sans-serif;
}

h5{
font-size: 14px;
color: #333;
text-align: center;
font-weight: normal;
margin:0px;
line-height:16px;
}

.map-caption{
font-size:14px;
line-height:20px;
color:#8a8a8a;
text-align:left;
padding-top:6px;
}

.map-caption strong{
font-weight: normal;
color: #000;
}

#urban-form{
text-align:left;
padding-bottom:30px;
}

#urban-form p{
	font-size:14px;
	margin-bottom:0px;
	display:inline-block;
	font-family: 'Lato', sans-serif;
}

#urban-form a{
	display:inline-block;
	font-size:16px;
	padding-top: 4px;
}

#job-access, #transit-access, #compact-neighborhood {
display: inline-block;
}

#job-access a, #transit-access a, #compact-neighborhood a{
color: #3498db;
font-size:14px;
}

#transportation-stats p, #transportation-stats .stat{
font-size:14px;
line-height:20px;
color:#8a8a8a;
margin-bottom:0px;
}

#transportation-stats a{
font-size:35px;
color:#3498db;
line-height:40px;
}

.key-stat-container{
	padding:20px 0px 0px 0px;
}

.urban-form-info-container{
padding:5px 0px;
}

.urban-form-chart-container{
height:24px;
background-color:#F0F0F0;
border:1px solid #ccc;
text-align:left;
}

.urban-form-chart-container img{
height: 22px;
border: 1px solid #f0f0f0;
border-right: none;
}

.urban-form-chart-container .pct-value{
display:inline-block;
font-size: 13px;
color: #999;
padding:0px 5px;
}

#transportation-stats{
padding-top: 20px;
padding-bottom:50px;
border-top: 1px solid #ececec;
}

.dyn-data a:hover{
	color: #2383c4 !important;
}
.stat-result a:hover{
	text-decoration:underline;
}

.page-2-head{
	padding: 15px 0px;
	border: 1px solid #eeeeee;
	background-color:#fafafa;
	border-radius:6px;
	margin:10px 0px 30px 0px;
}


.page-2-head-left .stat-result a, .page-2-head-right .stat-result {
font-size: 14px;
}

.section2{
border-top: 1px solid #ececec;
padding-top:20px;
}

.key-stat-container-le{
background-color: #FFFFFF;
border-radius: 8px;
padding: 35px 0px;
border: 1px solid #ececec;
}

.key-stat-container-le p{
text-align: left;
}

.stat-le a{
font-size: 40px !important;/*50*/
line-height: 40px;
}

.stat-le-100 a {
font-size: 44px !important;
}

.copyright-container{
padding-top:40px;
}

.glossary-container{
padding:20px;
margin:50px;
}
.glossary-container a{
color:#999;
text-decoration:underline;
}
.glossary-container a:hover{
color: #2383c4;
}

.stat-group-container{
padding-bottom:20px;
}

.dyn-data-pg2{
display:inherit;
min-height:25px;
}



.copyright-container-page-1{
	visibility:hidden;
	display:none;
}

/* from index.php */

h6{
margin:30px 0px 0px 0px;
}

h3.intro-header{
font-size:16px;
line-height:22px;
}
p.intro{
font-family: 'Lato', sans-serif;
font-size: 18px;
line-height: 23px;
color: #919191;
margin: 15px 0px;
text-align: justify;
font-weight: 300;
}

p.pie-chart-lead{
text-align: justify;
line-height: 18px;
color: #919191;
font-family: 'Lato', sans-serif;
}

.stat-le-info-container p{
padding:0px;
margin:0px;

}

.stat-le-value-container{

}

.stat-le-info-container{
border-left: 1px solid #eeeeee;
}

.stat-le a{
color: #3498db;
}

.key-stat-container-le {
padding: 10px 0px 10px 0px;
}
.ghg-vmt {
text-align: left;
}

.ghg-vmt a{
font-size:20px;
color:#e0440e;
}

.ghg-stats{
text-align:left;
padding:0px;
}

.ghg-stats p{
line-height: 14px;
}
.ghg-stats img{
max-width:100%;
height:auto;
}

.stat-le-info-container p{
	font-size:14px;
	line-height:20px;
}

@media screen and (max-width: 767px) {
.ghg-stats{
text-align:center;
}

.ghg-stats p, .ghg-stats .ghg-vmt{
text-align:center;
}
}

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

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

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