@import url('font.css');
/* ======================= Basic Styles ==================== */
html, body {
	height: 100%;
}
html, hmtl a{ width:100%; font-size: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body{ margin:0px; padding:0px; color:#75726f; font-size:13px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; line-height:18px; background:#ffffff; overflow-x:hidden; }
a{ color:#00aeef; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
a:hover, a:active,a:focus{outline: 0;color:#000000;text-decoration:none;}
a img { border: none;}
a > img { vertical-align: middle; }
img { max-width: 100%; }
strong { font-weight: 600; }
ul, p {  margin:0px; padding:0px;}
p { margin:0px 0px 10px 0px;}
hr { border-style: dashed; border-color: #3C3F45; border-bottom: none; border-left: none; border-right: none; margin: 50px 0; }
.clear{ clear:both; }

input, button, select, textarea { background-color:#FFFFFF; border:solid 1px #D5D5D5; font-weight: 300; outline: 0; font-family:Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
input[type="button"], input[type="submit"]{ cursor:pointer; }

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #7F8289;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #7F8289;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7F8289;
}
/* ====================== Code and Pre ===================== */
code,
pre {
  	padding: 0 3px 2px;
  	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  	color: #232527;
  	font-size: 12px;
  	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  	padding: 2px 4px;
  	border: 1px solid #dde4e9;
  	background-color: #F6F6F6;
  	color: #232527;
  	white-space: nowrap;
}

pre {
  	display: block;
  	margin: 70px 50px;
  	padding: 30px;
  	border: 1px solid #dde4e9;
  	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  	background-color: #FCFCFC;
  	white-space: pre;
  	white-space: pre-wrap;
  	word-wrap: break-word;
  	word-break: break-all;
  	font-size: 12px;
  	line-height: 20px;
}

pre code {
  	padding: 0;
  	border: 0;
  	background-color: transparent;
  	color: inherit;
  	white-space: pre;
  	white-space: pre-wrap;
}

.pre-scrollable {
  	overflow-y: scroll;
  	max-height: 340px;
}


/* ==================== Typography ================== */

h1,
h2,
h3,
h4,
h5,
h6{
	padding:0px;
	margin:0px;
	color:#000000;
	font-weight:normal;
	line-height:60px;
}

h1{
	font-size:48px;
}

h2{
	font-size:36px;
	line-height:40px;
}

h3{
	font-size:24px;
	line-height:30px;
}

h4{
	font-size:20px;
	line-height:24px;
}

h5{
	font-size:18px;
	line-height:22px;
}

h6{
	font-size:16px;
	line-height:18px;
}
/* =================== Main Container ============ */

.container{width:1000px;margin:auto;position:relative;padding:0px 18px;}
.main{float:left;width:100%;}

/* ======================= Header ============== */

header{}
header .logo{margin-top:30px;}
header .topRightAdv{margin:10px 0px;}

header .signinBtn a{}
header .signinBtn a:hover{}
header .menu{background:#004d8c;}
nav.mainMenu{background:#004d8c;position:relative;}
nav.mainMenu ul li{list-style:none;display:inline;}
nav.mainMenu ul li a{font-size:13px;color:#FFF;line-height:18px;display:inline-block;border-bottom:solid 3px #004d8c;padding:10px 0px;/*margin:0px 10px;*/margin:0px 8px;}
nav.mainMenu ul li a:hover, nav.mainMenu li a.selected{color:#ffffff;border-bottom:solid 3px #00aeef;}
nav.mainMenu ul li:first-child a{margin-left:0px;}
nav.mainMenu .mobileMenu{background:url(../../images/v4/mobile-menu.png) no-repeat 0px 11px;width:100%;height:40px;display:none;font-size:13px;color:#ffffff;text-transform:uppercase;line-height:38px;padding-left:35px;}
nav.mainMenu .closeMenu{background:url(../../images/v4/mobile-close-menu.png) no-repeat 0px 11px;}
nav.mainMenu ul li ul{position:absolute;left:10px;right:10px;z-index:999;background:#f4f4f4;border:solid 5px #0074ca;padding:15px 30px;opacity:0;visibility: hidden;
	-webkit-transition: all 0.5s ease-out 0s;	
	   -moz-transition: all 0.5s ease-out 0s;
		 -o-transition: all 0.5s ease-out 0s;
		    transition: all 0.5s ease-out 0s;}
nav.mainMenu ul li:hover ul{opacity:1;visibility: visible;}
nav.mainMenu ul li ul li{width:33%;float:left;}
nav.mainMenu ul li ul li a{color:#004d8c;border:none;margin:0px;padding:5px;}
nav.mainMenu ul li ul li a:hover{color:#000000;border:none;}

nav.mainMenu.fullMenu{position:absolute;right:135px;top:-25px;bottom:-25px;margin:0px;}
nav.mainMenu.fullMenu li a{font-size:18px;color:#FFF;line-height:18px;padding:35px 25px;margin:0px; display:inline-block;border-bottom:none; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
nav.mainMenu.fullMenu li a:hover{color:#1179b9;background:#ffffff;}


header .head-search{background:#E5E9ED;}
header .head-search .searchbar {padding: 10px 0px;}

.searchfields input#search_term {
    border: medium none;
    color: #6d5d52;
    float: left;
    font-size: 14px;
    height: 30px;
    padding: 4px 5px;
    width: 90%;
}

input#txt1 {
    border: medium none;
    color: #6d5d52;
    float: left;
    font-size: 14px;
    height: 30px;
    padding: 4px 5px;
    width: 90%;
}

input.search_button { border: none; float: left; cursor: pointer; display: block; height: 30px; margin: 0 10px 0 2px; padding: 0; text-indent: -9999px; width: 32px; }
input.search_button { background: url("../../images/v2/search_btn_inactive.png");}
input.search_button:hover { background: url("../../images/v2/search_btn_active.png"); }

#loading {
    margin-top: 30px;
    position: absolute;
}

#livesearch {
     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #ececec;
    left: 10px;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    z-index: 999;
    text-align: left;
    top:30px;
}
#livesearch li{list-style: none;}
/* =========================== Breadcrumb =================== */

.breadcrumb{background:#ffffff;color:#000000;margin:10px 0px 0px 0px;padding:0px;}
.breadcrumb span{margin:0px 5px;}
.breadcrumb a{color:#00aeef;font-size:12px;}
.breadcrumb a:hover{color:#000000;}
#breadcrumbs div { float: left; }
/*========== GENERAL ====================*/
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pad-top-10 {padding-top: 10px !important;}
.pad-top-12 {padding-top: 12px !important;}
.pad-bottom-10 {padding-bottom: 10px !important;}
.no-border-top{border-top:0px!important;}
.pad-0 {padding: 0px !important;}
.text-red {color: #FF0000 !important;}
.text-green {color: #209101 !important;}
.text-dark-red {color: #b11200 !important;}
/* ========================== Middle Content ======================= */

.middle{padding:20px 0px;}

.middle .leftMainAdv{position:absolute;left:-170px;}
.middle .rightMainAdv{position:absolute;right:-170px;}


/* ======================== Footer =================== */

footer{background-color:#f5f5f5;padding:20px 0px 20px 0px; margin-top: 0px;}
footer h3{border-bottom: 2px solid #e6e6e6; padding-bottom: 5px; font-size:18px;color:#000000;line-height:24px;text-transform: capitalize;margin-bottom:10px;font-family: 'open_sanssemibold';}
footer ul li{color:#666666;list-style:none;}
footer ul li a{color:#666666;line-height:24px;font-size:13px;}
footer ul li a:hover{color:#000;}
footer ul.list2col li{width:50%;float:left;}
/*footer .footCol{border-left:solid 1px #3371a3;min-height:150px;padding-left:30px;}
footer div:first-child.footCol{border:none 0px;padding-left:15px;}*/
.copyright{background:#666666;color:#ffffff;padding:10px 0px;font-size:12px;color:#ffffff; display:block;height:80px; text-align: center}
.mobile-apps li{padding-bottom: 20px;}
.social-links {display: inline-block;}
.social-links a {
    display: inline-block;
    margin: 0px 3px 0 0;
}

.desktopView{display:block;}
.mobileView{display: none;}

/* ================= Back to Top ================= */

#back-to-top {display: none;background:url(../../images/v4/backtotop.png) no-repeat center; margin: 0; position: fixed; bottom: 10px; right: 10px; width: 50px; height: 50px; z-index: 99;
	-webkit-transition: background 0.1s linear 0s;	
	-moz-transition: background 0.1s linear 0s;
	-o-transition: background 0.1s linear 0s;
	transition: background 0.1s linear 0s;
}

.footer_leaderboard_ad {margin: 0 auto;}

/* bootstrap google map fix */
.mapCanvas img { 
  max-width: none;
}

.mapCanvas label { 
  width: auto; display:inline; 
} 

.yelid-mo-footer-ad {margin: 10px auto;}

/*================= Responsive CSS =============== */
@media only screen and (min-width: 1024px) and (max-width: 1151px){
}

@media only screen and (min-width: 300px) and (max-width:1365px){
    .middle .leftMainAdv{display:none;}
    .middle .rightMainAdv{display:none;}
}

@media only screen and (min-width:768px) and (max-width:999px){

    .container{width:768px;padding:0px 10px;}
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0px 11px;}
    .row {
      margin-right: -10px;
      margin-left: -10px;
    }
    
    header .logo{margin-top:15px;}
    header .topRightAdv img{width:100%}
    nav.mainMenu .mobileMenu{display:block;}
    nav.mainMenu{margin-right:0px;}
    nav.mainMenu ul{display:none;background:#004d8c;width:746px;z-index:999;position:absolute;left:10x;}
    nav.mainMenu ul li{width:100%;text-align:center;float:left;}
    nav.mainMenu ul li a{padding:8px 12px;text-align:left;border:none;border-top:solid 1px #00aeef;margin:0px;display:block;}
    nav.mainMenu ul li a:hover, nav.mainMenu ul li a.selected{background:#00aeef;color:#ffffff;border:none;border-top:solid 1px #004d8c;}
    
    nav.mainMenu ul li ul{left:0px;display:none;opacity:1;visibility:visible;}
    nav.mainMenu ul li ul{opacity:1;visibility:visible;position:relative;left:0px;border:none;background:#004d8c;padding:5px 12px;}
    nav.mainMenu ul li ul li{width:100%;}
    nav.mainMenu ul li ul li a{color:#ffffff;padding:6px 10px;}
    
    footer ul.list2col li:nth-child(1n+1){width:65%;}
    footer ul.list2col li:nth-child(2n){width:35%;}
    footer ul li a{font-size:13px;}
    
    input#search_term {
        border: medium none;
        color: #6d5d52;
        float: left;
        font-size: 14px;
        height: 30px;
        padding: 4px 5px;
        width: 85% !important;
    }

    input#txt1 {
        border: medium none;
        color: #6d5d52;
        float: left;
        font-size: 14px;
        height: 30px;
        padding: 4px 5px;
        width: 85%;
    }
    .mobileserach {font-size: 25px; padding-top: 5px; color: #fff; text-align: right;}
    .mobileserach a,.mobileserach a:hover  {color: #fff; font-size: 25px; }
    .mobileserach a i {font-size: 25px; color: #fff;} 
    header .head-search {display: none;}
}


@media only screen and (min-width:320px) and (max-width:767px){
    .container{/*width:320px;*/width:100%;padding:0px 10px;}
    .row {
      margin-right: -10px;
      margin-left: -10px;
    }
    
    header .logo{margin:15px 0px;text-align:center;}
    header .topRightAdv img{/*width:100%;display:none;*/}
    nav.mainMenu .mobileMenu{display:block;}
    nav.mainMenu{margin-right:0px;}
    nav.mainMenu ul{display:none;background:#004d8c;width:300px;z-index:999 !important;position:absolute;left:10px;}
    nav.mainMenu ul li{width:100%;text-align:center;float:left;}
    nav.mainMenu ul li a{padding:8px 12px;text-align:left;border:none;border-top:solid 1px #00aeef;margin:0px;display:block;}
    nav.mainMenu ul li a:hover, nav.mainMenu ul li a.selected{background:#00aeef;color:#ffffff;border:none;border-top:solid 1px #004d8c;}
    
    nav.mainMenu ul li ul{left:0px;display:none;opacity:1;visibility:visible;}
    nav.mainMenu ul li ul{opacity:1;visibility:visible;position:relative;left:0px;border:none;background:#004d8c;padding:0px 12px 10px 12px;float:left;}
    nav.mainMenu ul li ul li{width:100%;}
    nav.mainMenu ul li ul li a{color:#ffffff;padding:6px 10px;}
    
    input#search_term, input#txt1 { width: 82%; font-size:12px;}
    input#txt1{margin-top:10px;}
    #name_search .search_button{margin-top:10px;}
    #livesearch{padding:8px; max-height:250px; overflow-y:scroll;top:40px;}
    #loading{top:42px; left:20px;}
    .breadcrumb{/*display:none;*/}
    
    footer .footCol{padding-top:15px; border:none;}
    footer ul li{padding:3px 0px 3px 0px;}
    footer ul.list2col li{padding-right:15px;padding:3px 15px 3px 0px;}
    footer ul li a{font-size:13px;line-height:18px;}
    
    .mobile-apps li{padding-bottom: 10px;}
    
    #back-to-top {background:url(../../images/v4/backtotop-small.png) no-repeat center;}

    .copyright{height:55px;}
    .mobileserach {font-size: 25px; padding: 5px; color: #fff;}
    .mobileserach a,.mobileserach a:hover  {color: #fff; font-size: 25px; }
    .mobileserach a i {font-size: 25px;color: #fff;}
    header .head-search {display: none;}
}

@media all and (-ms-high-contrast:none)
{
*::-ms-backdrop, #back-to-top { right: 25px; } /* IE11 */
}

/** Area Highlights **/
.area_highlights{ font-size: 16px; font-family: "open_sanssemibold";  line-height: 25px;  margin-top: 15px;}
.area_highlights h4{font-size: 16px; font-family: "open_sanssemibold";  line-height: 25px; margin-bottom:10px;}
.area_highlights ul li{list-style: none; display:block; padding:9px; margin-bottom:10px; background: #f6f6f6;clear: both;float: left;width: 100%;}
.area_highlights ul li a{display:block;}
.area_highlights ul li span.text{font-size: 14px;font-family: "open_sansregular"; display:inline-block;}
.area_highlights ul li span.boldtext{font-size: 16px;font-family: "open_sansbold"; display:inline-block;}
.area_highlights ul li span.text_indent{text-indent: 40px;}
.area_highlights ul li i{background:url(../../images/v4/sprite-icons.png) no-repeat;width:30px;height:30px;float:left; margin-right:10px;}
.area_highlights ul li i.successIcon{background-position:0px -102px}
.area_highlights ul li i.warningIcon{background-position:0px -268px}
.area_highlights ul li i.errorIcon{background-position:0px -142px}

/** End Area Highlights **/

/** Natural Disasters**/
.natural_disasters{background: #f8f8f8; padding:10px;}
.natural_disasters h4{font-size: 14px; font-family: "open_sanssemibold";  line-height: 18px; margin-bottom:10px;}
.natural_disasters .risk_category li{font-size: 14px; font-family: "open_sanssemibold";  line-height: 18px; border-bottom: 1px dashed #5e5e5e; list-style: none; padding-top:10px; padding-bottom:10px;}
.natural_disasters .risk_category li span{text-transform: uppercase; display:block; padding-top:10px;}
.natural_disasters .risk_category li span i{font-size:25px; margin-right: 5px;}
.natural_disasters .risk_category li.last{border:none!important;}
.natural_disasters .risk_category li .very-low{color:#209101}
.natural_disasters .risk_category li .low{color:#85A601}
.natural_disasters .risk_category li .moderate{color:#B7B000;}
.natural_disasters .risk_category li .high{color:#B66901;}
.natural_disasters .risk_category li .very-high{color:#B21300;}
.natural_disasters .risk_category li .extreme{color:purple;}
.natural_disasters .risk_category li .radon-low{color:#209101}
.natural_disasters .risk_category li .radon-moderate{color:#B7B000;}
.natural_disasters .risk_category li .radon-high{color:#B21300;}
/** End Natural Disasters **/

@media only screen and (min-width:768px) and (max-width:999px){
.area_highlights ul li{float: left; width: 100%;}
.area_highlights ul li i{float: left; width:15%;}
.area_highlights ul li div{float: left;width: 80%;}
.area_highlights ul li span.text_indent{text-indent: 0px;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    .area_highlights ul li span.boldtext{font-size: 15px;}
}