﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    font-size: 14px;
}
.footer-bar {
    padding: 6px 15px;
    overflow: hidden;
    margin: 20px 0 0;
    background: rgba(0, 0, 0, 0.035);
}
.footer-bar .lang-cnt {
    float:left;
}
.footer-bar .lang-cnt label {
    font-weight: bold;
    font-size: 0.9em;
    padding-right: 6px;
}
.footer-bar .lang-cnt select {
    margin-bottom: 0;
    min-width: 120px;
    border-radius:2px;
}
.footer-bar .lang-cnt select:focus {
    outline: none;
    border-color: #989898;
}
.footer-bar .seller-login {
    float:right;
    padding: 4px 0;
}
.listing-details {
    margin:20px 0px;
    font-size:13px;
    padding-right: 10px;
    padding-left: 10px;
    position:relative;
}
.listing-details .row {
    /*margin-left:-10px;
    margin-right:-10px*/
}
.address-container {
    font-size:1.308em;
    font-weight:normal;
    line-height: 1.8em;
    margin:5px 0px 30px 0px;
}
.address-container span {
    display:inline-block;
}
.address-container .address {
    font-size:1.294em;
    font-weight:normal;
    display:block;
}
.address-container .locality {
    font-weight:bold;
}
.address-container .devel-level {
    font-style: italic;
    font-size: 0.75em;
    color: #848484;
    font-weight: bold;
    display:block;
}
.price-container {
    margin: 5px 0px 30px 0;
    font-size:1em;
}
.price-container .price {
    font-size:1.467em;
    font-weight:bold;
}
.price-container .sold {
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    background: #E80505;
    font-weight: bold;
    border-radius: 2px;
    padding: 2px 4px;
    line-height: 1em;
    font-size: 0.6em;
    vertical-align: middle;
    margin-top: -5px;
}

.btn-cnt a{
    font-size:0.929em;
    font-weight:bold;
    text-align:center;
    padding:5px 10px;
    display: inline-block;
    vertical-align: middle;
    text-decoration:none;
}
.bottom-sticky-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.rfs-tools {
    margin: 5px 0 35px 0;
    padding: 0;
    list-style: none;
}
.rfs-tools li {
    display:block;
    margin: 10px 0;
}
.rfs-tools li:last-child{
    margin-right:0;
}
.rfs-tools li a{
    font-size:1em;
    text-decoration:none;
    white-space: nowrap;
}
.rfs-tools li a:before{
    content:"";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}
.rfs-tools li.email a:before{
    background-position:0 0;
}

.rfs-tools li.schedule a:before {
    background-position:-20px 0;
}

.rfs-tools li.virtual-tour a:before{
    background-position:-40px 0;
}

.rfs-tools li.mortgage-calc a:before{
    background-position:-60px 0;
}


.open-house-cnt {
    margin: -20px 0 31px 0;
}

.open-house-cnt .open-house-label {
    background: #77AA4E;
    color:#fff;
    font-weight:bold;
    padding: 2px 5px;
    font-size:0.846em;
    vertical-align:middle;
    text-transform:uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}

.open-house-cnt .open-house-line {
    padding-left: 10px;
    font-weight:bold;
    color:#77AA4E;
    vertical-align:middle;
}
    
.listing-tabs {
    margin: 5px -10px 35px;
    padding: 0;
    list-style: none;
    border-bottom:1px solid rgba(0,0,0,0.15);
    white-space: nowrap;
    /*overflow: hidden;*/
}
.listing-tabs li{
    display:inline-block;
    font-size:1.214em;
    font-weight:bold;
    padding:3px 10px; 
}
.listing-tabs li a {
    text-decoration:none;
}
.listing-tabs li.selected{
    margin-bottom:-1px; 
    border-bottom:3px solid gray;
}
.listing-tab-cnt .listing-sec:first-child {
    border-top:none;
}
#listing-rooms-tab .listing-sec:nth-child(2) {
    border-top:none;
}
.listing-sec {
    border-top:1px solid rgba(0,0,0,0.1);
    margin: 40px 0;
}
.listing-sec-title {
    font-size:1.429em;
    font-style:normal;
    margin: 30px 0 20px;
}

.gotop {
    border-top: 1px solid rgba(0,0,0,0.1);
    display: block;
    text-align: right;
    font-size: 0.846em;
    padding-top: 5px;
    text-decoration:none;
}
.gotop:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    vertical-align: middle;
    font-size: 0;
    display: inline-block;
    margin-left: 5px;
}


#listing-details-map,
.photos_widget {
    padding: 0;
    border-style:solid;
    border-width:1px 1px 0 1px;
    margin:0 -15px;
}
#listing-details-map {
    display:none;
}
.photos_widget .photo_outer {
    position: relative;
}
    		
.photos_widget .photo_outer .shape {
    height: 0;
    padding-top: 75%;
    background: transparent;
}

.photos_widget .photo_outer .photo {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    text-align: center;
    overflow: hidden;
}
    	
.photos_widget .photo_outer .photo img {
    width: auto;
    *width: 100%;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    _height: 100%;		
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
}
#listing-details-map{
    position: fixed;
    left: 15px;
    top: 0;
    bottom: 0;
    z-index: 200;
    width: 100%;
}
#listing-details-map .close {
    width:35px;
    height:35px;
    background:#fff;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
    position:absolute;
    left: 10px;
    top: 10px;
    z-index: 1000;
}
#listing-details-map .close:before, #listing-details-map .close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 70%;
    top: 50%;
    left: 5px;
    margin-top: -2px;
    background: #5F5F5F;
}
#listing-details-map .close:hover:before, #listing-details-map .close:hover:after {
    background: #000;
}
#listing-details-map .close:before, #listing-details-map .close:after {
    height: 3px;
    border-radius: 5px;
}
#listing-details-map .close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#listing-details-map .close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.photo-map-cnt {
     margin:0 -15px 30px;
     overflow:hidden;
}
.photo-map-cnt a {
    display:block;
    width:50%;
    float:left;
    text-align:center;
    font-size: 1em;
    font-weight:bold;
    padding:8px 5px;
    border-style:solid;
    border-width:1px;
    background: transparent;
    text-decoration:none;
}
.photo-map-cnt a.selected {
    border-top-color:transparent;
}
.photo-map-cnt a:nth-child(2) {
    border-left:none;
}
.map-btn-cnt{
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    padding: 8px 5px;
    border-style: solid;
    border-width: 1px;
    background: transparent;
    text-decoration: none;
    margin: 0 0 30px 0;
}
.share-cnt {
    display:none;
}
body .atm-f {
    height: auto;
}
.contact-info {
    background: rgba(0,0,0,0.05);
    margin: 0 -15px;
    padding: 10px 15px;
}
.contact-brokerage {
    margin:0 0 20px 0;
    padding:0;
    color:inherit;
    font-family: inherit;
}
.contact-brokerage-name{
    font-size:1.154em;
    font-weight:bold;
    margin-bottom:8px;
    display:block;
}
.contact-brokerage-logo{
    max-width:100%;
    display:block;
}
.contact-agent {
    margin:0 0 20px 0;
    padding:0;
    font-weight:normal;
    color:inherit;
    font-family: inherit;
}
.contact-agent .btn-cnt {
    margin-top: 15px;
    display: block;
}

.contact-agent-photo,
.contact-agent-name,
.contact-agent-phone{
    display:block;
}
.contact-agent-phone:before{
    content:"";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    background-position:-80px 0;
}
.contact-agent-name{
    font-size:1.154em;
    font-weight:bold;
    margin-bottom: 5px;
}

.contact-agent-photo img{
    max-width:100%;
    padding: 5px;
    background-color: rgba(255,255,255,0.4);
}
.contact-agent-phone {
    margin-bottom: 3px;
    font-weight: bold;
}
.contact-agent-phone em {
    opacity:0.45;
    font-style:normal;
}

.handshake-cnt {
    margin:30px 0;
    padding-top: 10px;
}
.handshake-cnt div{
    margin:5px 0;
    font-size: 0.9em;
}

.listing-details-data {
    border-top: 1px solid rgba(0,0,0,0.1);
    margin: 30px 0 0;
    overflow: hidden;
    padding: 30px 0;
}
.listing-details-data ul{
    margin:0;
    padding:0;
    list-style:none;
}
.listing-details-data ul li{
    padding:2px 10px 0 0;
    list-style: none;
}
.listing-details-data .listing-details-general-highlight {
    font-style: italic;
    font-size: 1.2em;
    margin-bottom: 3px;
    display: inline-block;
}
.listing-attachments {
    margin:0;
    padding:0;
    list-style:none;
}
.listing-attachments li {
    display:inline;
    margin-right:50px;
}

.listing-attachments li a:before{
    content:"";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    background-position:-100px 0;
}
.listing-attachments li a.pdfIcon:before{
    background-position:-120px 0;
}
.listing-attachments li a.mswordIcon:before{
    background-position:-160px 0;
}
.listing-attachments li a.msexcelIcon:before{
    background-position:-180px 0;
}
.listing-attachments li a.plaintextIcon:before{
    background-position:-140px 0;
}
.listing-attachments li a.imageIcon:before{
    background-position:-200px 0;
}
div.longtext p {
    margin: 0 0 20px 0;
}
.listing-subtitle{
    font-size:1em;
    font-weight:bold;
    margin: 0 0 5px 0;
    padding: 0;
    color: inherit;
}
.listing-feature-list {
    margin:0 0 25px 0;
    padding:0;
    list-style:none;
}
.listing-feature-list li {
    display:inline;
    margin-right: 20px;
    white-space:nowrap;
}
.listing-feature-list-nowrap li{
    white-space: normal;
}
.listing-feature-list li:last-child {
    margin-right:0;
}
.listing-feature-list li:before{
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.listing-room{
    margin-bottom:40px;
}
.listing-room .listing-subtitle,
.listing-room .listing-feature-list{
    display:inline;
}
.listing-room-header .listing-feature-list {
    margin-left:10px;
}
.listing-room-header {
    margin-bottom:8px;
}

.listing-room-photos img {
    display: block;
    vertical-align: top;
    margin: 0 0 10px 0;
    max-width: 100%;
}
.listing-room.col-md-6:nth-child(2n+1) {
    clear:both;
}
.listing-nhhod-table {
    width:100%;
}
.listing-nhhod-table td{
    padding: 3px 10px;
}
.listing-nhhod-table tr td:first-child{
    width:70%;
}
.listing-nhhod-table tr td:nth-child(2){
    font-weight:bold;
}
.listing-nhhod-table tr:nth-child(2n+1){
    background:rgba(0,0,0,0.04);
}

/**  nhood charts **/
.nhood-average {
    margin-top: 10px;
    margin-bottom: 10px;
}
.nhood-average p {
	text-align: center; 
	margin: 2px 0 0 0;
	font-size: 0.846em;
}
.nhood-average p.n-average {
	padding-bottom: 10px;
	position:relative;
}
.nhood-average p.n-average:after {
	content:"\25BC";
	font-size:10px;
	line-height:10px;
	width:6px;
	bottom:0;
	left:50%;
	margin-left:-3px;
	position:absolute;
}
.g-graphs-legend {
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.g-graphs-legend td{
	width:50%; 
	padding:0 0 3px 0;
}
.g-graphs-legend td.bellow{
	color:red;
	border-bottom:1px solid gray;
}
.g-graphs-legend td.above{
	color:blue;
	border-bottom:1px solid gray;
}

.g-graphs-label{
	margin: 5px 0 2px;
}
.nhood-average,
.g-graphs{
	width:100%;
	margin-bottom:15px;
}

.g-graphs{
    margin-bottom:15px;
}
.g-graphs:hover td > div .g-graphs-val{
	background: #FFFFFF;
	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease 0s;
	font-weight:bold;
}
.g-graphs td{
	width:50%;
	font-size: 1px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.g-graphs td > div{
	position:relative;
	padding:0px 0;
	height:1.1em;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset ;
	background-color: rgba(0,0,0,.09);
    background-image: linear-gradient(top,rgba(0,0,0,.05),rgba(0,0,0,.15));
}
.g-graphs td > div .g-graphs-val{
	position: absolute;
	right: -25px;
	font-size: 0.846em;
	line-height: 1.1em;
	padding: 2px 3px;
	top:-2px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}
.g-graphs td.bellow{
	background:rgba(213, 213, 213, 0.32);
}
.g-graphs td.bellow > div{
	border:1px solid gray;
	border-bottom:none;
}
.g-graphs td.bellow > div .g-graphs-val{
	 right: -20px;
}
.g-graphs td.above{
	background: rgba(255,255,255,0.4);
}
.g-graphs td.above > div{
	border:1px solid gray;
	border-bottom:none;
	border-left:none;
}

.g-graphs-legend td.above,
.g-graphs td.above > div{
	border-color:#275f8c;
}
.g-graphs-legend td.above{
	color:#275f8c;
}
.g-graphs td.above > div{
	background-color:#275f8c;
}

.g-graphs-legend td.bellow,
.g-graphs td.bellow > div{
	border-color:#527fa3;
}
.g-graphs-legend td.bellow {
    color: #527fa3;
}
.g-graphs td.bellow > div{
	background-color:#527fa3;
}
.listing-tabs li a,
.listing-tabs li a:hover,
.photo-map-cnt a{
    color:inherit;
}
.breadcrumb {
    margin: 0 0 25px;
}
.breadcrumb,
.breadcrumb a{
    font-size:12px;
    font-weight:300;
    text-transform:uppercase;
    text-decoration:none;
}
.breadcrumb a:hover {
    text-decoration:underline;
}
.breadcrumb .arrow{
    font-size: 15px;
    padding: 0 5px;
    opacity: 0.5;
}
.breadcrumb span{
    display:none;
}
.breadcrumb .address,
.breadcrumb .locality{
    display:inline;
}
.p2no{
    float: left;
    margin: 8px 0;
    font-size: 11px;
    opacity: 0.7;
}
.seller-login {
    text-align:center;
    padding:10px 0;
}
.seller-login a:before{
    width:15px;
    height:17px;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
    content:"";
    background:url(../images/seller-area-login.png) no-repeat 0 center;
}
.drtl .seller-login a:before {
    display:none;
}

.drtl .seller-login a:after {
    width: 15px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    content: "";
    background: url(../images/seller-area-login.png) no-repeat 0 center;
}
div.pp_default .pp_nav .currentTextHolder {
    font-size:1em;
    line-height: 2.2em;
}


@media (max-width: 468px) {
    .listing-room-photos img {
        width: 100%;
    }
}

@media (min-width: 468px) {
    .rfs-tools li {
        display: inline-block;
        margin: 0 40px 8px 0;
    }
    .contact-info {
        background: transparent;
        margin: 0;
        padding: 0;
    }
}
@media (max-width: 767px) {
    #listing-details-map {
        height: 100% !important;
    }
    .contact-agent .btn-cnt {
        display:none;
    }
    .bottom-sticky-mobile {
        display:block!important;
    }
    body {
        margin-bottom:60px;
    }
}
@media (min-width: 768px) {
    .btn-cnt-top {
        display:none;
    }
    .listing-details {
        margin:0px;    
        padding: 40px 15px 20px;
    }
    .listing-details .row {
        margin-left:-15px;
        margin-right:-15px
    }
    .price-container {
        text-align: right;
        font-size:1.154em;
    }
    #listing-details-map,
    .photos_widget {
        padding: 12px;
        margin:0;
    }
    .photo-map-cnt {
         margin:0;
    }
    .photo-map-cnt a {
        padding: 5px;
    }
    #listing-details-map{
        position: inherit;
        left: inherit;
        top: inherit;
        bottom: inherit;
        z-index: inherit;
    }
    #listing-details-map .close{
        display:none;
    }
    .bottom-sticky-mobile {
        position: inherit;
        left: inherit;
        bottom: inherit;
        z-index: inherit;
        text-align: inherit;
        background: inherit;
        width: inherit;
        padding: 0;
        border: inherit;
    }
    .listing-tabs {
        margin:5px 0px 35px;
    }

    .listing-tabs li {
        padding: 3px 25px;
    }
    .share-cnt {
        position:absolute;
        right:15px;
        display:block;
    }
    #listing-details-map {
        height:400px;
        display:none;
    }
    div.longtext {
        clear: both;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }

    .g-graphs-label{
	    width:22%;
	    float:left;
	    clear:left;
	    margin: 0 1% 0 0;
    }
    .nhood-average{
	    margin-left:23%;
    }
    .nhood-average,
    .g-graphs{
	    width:77%;
    }
}





/*  fix bootstrap 2 conflicts*/
.listing-details [class*='col-'] {
    float: inherit;
}

.listing-details [class*='col-xs'] {
    float: left;
}
@media (min-width: 768px) {
    .listing-details [class*='col-sm'] {
        float: left;
    }
}
@media (min-width: 992px) {
    .listing-details [class*='col-md'] {
        float: left;
    }
}
@media (min-width: 1200px) {
    .listing-details [class*='col-lg'] {
        float: left;
    }
}

.drtl {
    direction:rtl;
}
.drtl .rfs-tools li {
    margin: 0 0px 8px 40px;
}
.drtl .rfs-tools li a:before {
    margin-right: 0px;
    margin-left: 5px;
}
.drtl .share-cnt {
    left: 15px;
    right:auto;
}
.drtl .listing-attachments li {
    margin-left: 50px;
    margin-right: 0;
}
.drtl .listing-attachments li a:before {
    margin-left: 5px;
    margin-right: 0;
}
.drtl .listing-feature-list li:before {
    margin-left: 10px;
    margin-right: 0;
}
.drtl .listing-feature-list li {
    margin-left: 20px;
    margin-right: 0;
    display: inline-block;
}
.drtl .price-container {
    text-align: left;
}

.drtl .listing-details [class*='col-md'],
.drtl .listing-details [class*='col-sm'] {
    float:right;
}
.drtl .pull-right {
    float: left !important;
}
.drtl .gotop:after {
    margin-right: 5px;
}
.drtl div.pp_pic_holder,
.drtl .photos_widget{
    direction:ltr;
}




/******  Listing details theme colors   *****/
/*
.p2a-ldw a{
    color:#ce3f00;
}
.p2a-ldw .listing-feature-list li:before,
.p2a-ldw .btn-cnt a{
    color:#fff;
    background:#ce3f00;
}
.p2a-ldw .btn-cnt a:hover{
    background: #E24905;
}
.p2a-ldw .listing-tabs li.selected{
    border-color: #ce3f00;
}
.p2a-ldw .listing-tabs li.selected a,
.p2a-ldw .listing-tabs li.selected a:hover,
.p2a-ldw .photo-map-cnt a.selected{
    color:#ce3f00;
}

.p2a-ldw .gotop:after {
    border-bottom-color: #ce3f00;
}
.p2a-ldw #listing-details-map,
.p2a-ldw .photos_widget {
    background: rgba(0,0,0,0.03);
    border-color:rgba(0,0,0,0.06);
}
.p2a-ldw .photo-map-cnt a,
.p2a-ldw .map-btn-cnt{
    border-color:rgba(0,0,0,0.06);
}
.p2a-ldw .photo-map-cnt a.selected{
    background: rgba(0,0,0,0.03);
}
.p2a-ldw .listing-attachments li a:before,
.p2a-ldw .contact-agent-phone:before,
.p2a-ldw .rfs-tools li a:before{
    background-image:url(../images/dark-sprite.png);
}
    */


/*  direction right to left (urdu)  */
