/* @override http://map.featuredhomelistings.com/css/style.css */

body,a,li,p,div,button,span,table,td,th,i,b,strong,a:link,h1,h2,h3 {
    font-family: 'Raleway', sans-serif !important;
}
#map img{max-width: inherit;}
#logo {
    margin-bottom: .3em;
}
#navContainer {
    max-width: 62.5rem !Important;
    text-align: center !Important;
    margin: 0 auto !Important;
}
#navContainer ul li{
    text-align:left;
}
#search {
    float:left;
    width:42%;
    margin:0 auto;
    height:1.9rem;
}
@media (max-width:640px){
    #search {
        margin: .2em;
        width: 99%;
    }
}
#map {
}
#mapNoticeBar {
    height:26px;
    font-size:20px;
    vertical-align: middle;
    text-align:center;
    background-color:#848484;
    width:100%;
}
#mapNoticeBar .noticeWrapper {
    height:100%;
    max-width: 62.5rem !Important;
    text-align: center !Important;
    margin:0 auto;
    text-align:center;
}
#mapNoticeBar p {
    color:white;
    text-align:left;
    padding: 0 15px;
}
#mapNoticeBar p span {
    font-weight:600;
}
#map{
    position:absolute;
    width:80%;
    top:171px;
    left:0;
    right:0;
    bottom:0;
}
#mapResults {
    display:none;
}
@media (min-width:980px) {
    #mapResults {
        position:absolute;
        top:100px;
        right:20px;
        height:80%;
        width:20rem;
        background-color: rgba(255,255,255,.6);
        overflow: hidden;
    }
}
.markerTitle {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.markerStreet {
    margin-bottom:10px;
}
#mapPage footer {
    position:absolute;
    margin:0 auto;
    text-align:center;
    top:100%;
}

#loader {
}
#loader {
    position:absolute;
    top:175px;
    bottom:0;
    left:0;
    width:100%;
    background:rgba(255, 255, 255, .7);
    transition:background 1s ease-out;
    -webkit-transition:background 1s ease-out;
}
#loader.done {
    background:rgba(255, 255, 255, 0);
}
#loader.hide {
    display:none;
}
#loader .message {
    position:absolute;
    left:50%;
    top:50%;
}

#mapResultsStatus {
    width: 100%;
    padding: .5em 0;
    background-color: rgba(51,51,51,.8);
}

#mapResultsStatus span {
    display: inline-block;
    margin-left: 1em;
    color: white;
    font-weight: 500;
    font-size: 22px;
}
#mapNoticeBar {
}
.mapResult {
    color: black;
}
.mapResult p{
    padding: .8em;
    margin-bottom:0;
}
.mapResult button {
    margin:.8em;
    background-color: rgba(171,202,75,.46);
    color:black;
}
.mapResult h3 {
    color:black;
    background-color: rgba(171,202,75,.46);
    width:100%;
    margin-top:0;
    padding:.5rem .5rem  .5rem .5rem;
    font-size:1.1em;
}
.mapResult button {
    padding: .5rem;
}

/* Marker Styles */

.map .tabs-ui {
    position:relative;
    min-height:200px;
    width:240px;
    clear:both;
    margin:25px 0;
}
.map .tab {
    float:left;
}
.map .tab label {
    background:#eee;
    padding:10px;
    border:1px solid #ccc;
    margin-left:-1px;
    position:relative;
    left:1px;
    top:1px;
    cursor:pointer;
    font-size: 1.1em;
    padding-bottom: 0;
}
.map .tab label:hover {
    background:#f8f8f8;
}
.map .tab [type=radio] {
    display:none;
}
.map .tab .content {
    background:white;
    position:absolute;
    top:30px;
    left:0;
    right:0;
    bottom:0;
    padding:10px;
    border:1px solid #ccc;
    color:black;
}
.map .tab [type=radio]:checked ~ label {
    background:white;
    border-bottom:1px solid white;
    z-index:2;
}
.map .tab [type=radio]:checked ~ label ~ .content {
    z-index:1;
}
.mpHours .content span {
    font-weight:bold;
}
h3.mpTitle {
    text-transform:capitalize;
    position: absolute;
    top: -2em;
}
.tabs-ui label {
    margin-right:6px !Important;
}
#geolocate {
    background: #fff;
    position: absolute;
    top: 80px;
    left: 90%;
    width: 158px;
    margin-left: -80px;
    z-index: 1000;
    font: 13px/18px;
    text-align: center;
    padding: 10px 0;
    color: #3C4E5A;
    display: block;
    border: 1px solid #BBB;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#geolocate:hover {
    background: #ECF5FA;
}

#searchingForm {
	z-index: 9999;
}
#min_sale_price, #max_sale_price {
	width: 150px;
}
#searchingForm button {
	height: 50px;
	width: 100px;
	padding: 5px;
	margin: 15px 0 0;
}