/* Resets first */
.clear:before,
.clear:after,
.propertybox:before,
.propertybox:after,
.property:before,
.property:after,
#links ul:before,
#links ul:after {
   content: "";
   display: table; 
}
.clear:after,
.propertybox:after,
.property:after,
#links ul:after {
   clear: both;
}

/* Property styling */

.single-property {
   clear: both;
   margin: 0 auto;
   max-width: 1200px;
   min-height: 45px;
   position: relative;
}
.property-header {
   display: block;
   clear: both;
   margin-bottom: 6px;
}
.property-title {
   display: inline-block;
   position: relative;
   max-width: 73%;
}
#title h1 {
   font-size: 24px;
   margin: 12px 0;
}
.more-links {
   float: right;
   width: 25%;
   padding: 20px 0 0;
   text-align: right;
}
.more-links h6 {
   margin: 0 0 6px;
}
.more-links h6 a {
   background: #999;
   border-radius: 4px;
   color: #fff;
   text-transform: uppercase;
   padding: 6px 12px;
   width: 195px;
   font-weight: 400;
   font-size: 12px;
   text-align: center;
   display: inline-block;
}
.more-links h6 a:hover {
   text-decoration: none;
   background: #666;
}

/* Main Columns */
#first_col {
   float: left;
   width: 640px;
   display: inline-block;
}
#second_col {
   float: right;
   width: 490px;
   display: inline-block;
   font-size: 14px;
}

.propertybox {
   margin: 0 0 24px;
   position: relative;
}
.propertypage .widget {
   padding-left: 0;
}
.propertypage #short-description h3 {
   display: none;
}
.propertypage .toggle-description {
   text-align: center;
   padding-bottom: 12px;
}
.propertypage .toggle-description span {
   background-color: #c00;
   border-radius: 4px;
   color: #fff;
   padding: 6px 12px;
   text-transform: uppercase;
   cursor: pointer;
   font-size: 14px;
}
.propertypage .toggle-description.open span {
   background-color: #ccc;
}
.propertypage .propertybox h3,
.propertypage .widget-title {
   margin: 0 0 10px;
   font-size: 22px;
   letter-spacing: -1px;
}
#second_col #links.propertybox h3,
#similarprop .widget-title {
   border-bottom: none;
   padding: 0;
   color: #899341;
   margin-bottom: 10px;
}
.ie .site-header,
.ie .site-footer {
   background: none;	
}
.propertypage h3.openhouse {
   background: url("images/openhouse-tag.png") no-repeat left center;
   color: #cc0000;
   margin: 10px 0 0;
   padding: 0 0 0 40px;
   line-height: 32px;
   display: inline-block;
}
.soldproperty #title h1:after,
.sold-conditionally #title h1:after,
.leasedproperty #title h1:after {
   color: #fff;
   font-size: 18px;
   background: #899341;
   padding: 4px 12px;
   margin-left: 10px;
   border-radius: 8px;
   text-transform: uppercase;
   white-space: nowrap;
}
.soldproperty #title h1:after {
   content: 'Sold';
}
.sold-conditionally #title h1:after {
   content: 'Sold-conditionally';
}
.leasedproperty #title h1:after {
   content: 'Leased';
}
#sold-banner {
   display: none;
}
.soldproperty #sold-banner,
.leasedproperty #sold-banner{
   display: block;
}
#sold-banner p {
   padding-top: 40px;
   font-size: 13px;
   font-size: 0.92rem;
   line-height: 1.4;
}
#sold-banner a{
   color: #899341;
   text-decoration: underline;
   font-weight: bold;	
}
#sold-banner .sold-sign{
   float: left;
   width: 110px;
   height: 110px;
   margin: 8px;
}
.soldproperty #sold-banner .sold-sign {
   background: url('images/sold.png') no-repeat;
}
.leasedproperty #sold-banner .sold-sign {
   background: url('images/leased.png') no-repeat;
}
.sold-label {
   background: #cc0000;
   color: #FFFFFF;
   display: block;
   font-size: 23px;
   font-weight: bold;
   left: 0;
   bottom: 51px;
   padding: 3px 10px;
   position: absolute;
   text-align: center;
   text-transform: uppercase;
   width: 98%;
}
#imagepage {
   width: 800px;
   margin: 0 auto;
}
#imagepage img {
   display: block;
   margin: 0 auto;
}
img a, img {
   border: none;
   text-decoration: none;
}
.propRight {
   float: right;
}
.propertydetails {
   padding: 10px;
   margin: 15px 0;
   border: 1px solid #eee;
}
#propertydetails ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#propertydetails ul li {
   margin: 0; 
   padding: 0;
   color: #444;
   padding-bottom: 5px;
}
.propertydetails ul li strong {
   color: #000;
}

#property_description {
   z-index: 10;
}
#property_description h1,
#property_description h2,
#property_description h3,
#property_description h4,
#property_description h5,
#property_description h6 {
   margin-top: 0 !important;
}

#extra,
#footer {
   font-size: 1em;
   line-height: 1.3em;
}
#property_description p, #extra p {
   margin-bottom: 10px;
   margin-top: 5px;
}
#available-schools {
   width: 100%;
}
.propertypage table {
   font-size: 0.9em;
   width: 100%;
}
.propertypage table a:hover {
    color: #5F6916 !important;
}
.propertypage table th {
   text-align: left;
   vertical-align: top;
   padding: 5px;
   font-size: 12px;
   background: #eee;
   color: #000;
   border-bottom: 1px solid #ddd;
}
.propertypage table td {
   padding: 5px;
   line-height: 1.2;
   vertical-align: top;
   border-bottom: 1px solid #ddd;
}
.propertypage table tr:hover {
   background: #f4f4f4;
}

#extra {
   padding-top: 12px;
   margin-top: 10px;
   margin-bottom: 40px;
   border-top: 1px solid silver;
   background: #fff;
}
#mortgage {
   width: 460px;
   margin: 30px 0;
}
div#mapContainer {
   width: 100%;
   height: 400px;
   margin: 30px 0;
}

div.businesscard {
   float: right;
   width: 400px;
   background: gainsboro;
   border: 1px solid black;
   margin-left: 40px;
}
div.businesscard img {
   margin: 6px 12px 6px 6px;
   float: left;
   border: 1px solid black;
}
div.businesscard h3 {
   font-size: 20px;
   margin-top: 16px;
}
div.businesscard p {
   font-size: 16px;
   line-height: 20px;
}
#photobox {
   position: relative;
   margin: 6px 0 10px;
   width: 100%;
   display: block;
}
ul#photos {
   list-style-type: none;
   width: 100%;
   display: block;
   margin: 0;
   padding: 0;
}
#photobox img {
   max-width: 100%;
   height: auto;
   vertical-align: top;
}
#photobox .main-photo {
   width: 98%;
}
#photobox ul li {
   position: relative;
   width: 32.3333333333%;
   float: left; 
   margin: 0 0.5% 0.5% 0; 
   padding: 0;
   display: inline-block;
   z-index: 100;
}
#photobox ul li:nth-child(3n+1) {
   clear: both;
}
#photos li:hover:before {
   content: "";
   position: absolute;
   width: 36px;
   height: 36px;
   display: block;
   left: 50%;
   top: 50%;
   margin: -18px 0 0 -18px;
   overflow: hidden;
   z-index: 101;
   background: url("images/loupe-icon.png") no-repeat center center;
   cursor: pointer;
}
#photobox .photo_mask {
   position: relative;
   display: inline-block;
   margin: 0 0 0.5%;
   border: 0;
   width: 100%;
   line-height: 1;
}
#photobox h5 {
   margin: 0;
   font-size: 10px;
   text-align: center;
   font-weight: normal;
   letter-spacing: 1px;
   margin-top: -30px; position: absolute;
}
#photobox .sortable li div {
   padding: 10px;
}
.propertypage .photo_mask .photo-count {
	display: block;
	width: 80px;
	height: 24px;
	position: absolute;
	right: 15px;
	bottom: 10px;
	pointer-events: none;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 0 5px #000;
	text-align: center;
}
.propertypage .photo_mask .photo-count:after {
      background: url("images/camera-icon.png") no-repeat center center;
	content: '';
	margin-left: 3px;
	display: inline-block;
        width: 27px;
        height: 23px;
      line-height: 1;
      vertical-align: top;
}
.propertypage #fv_player_pro_boxPrevious,
.propertypage #fv_player_pro_boxNext {
   outline: none;
}

.mobile-property.propertypage #photos {
   display: none;
}
.mobile-property.propertypage .sold-label {
   bottom: 51px !important; /* so custom theme adjustments don't make it overlap the photo number icon */
}
.prop-list {
   padding: 0;
   text-align: center;
    display: block;
    max-height: 130px;
    overflow: hidden;	
}
.pending {
   background-color: #EDF3D3 !important;
}
hr.thin {
   height: .5px; 
   background-color: black; 
   color: black; 
   margin: 4px 0;
}
.dialogs {
   padding: 10px;
   margin-top: 10px;
}
.schoolbox {
   width: 96%;
}
#prop-schools {
   margin-left:20px;
}

/* SPECIAL POPUP WINDOWS */

.propertypage .ui-widget-overlay {
   opacity: .75;
   background: #333;
   bottom: 0;
   right: 0;
   position: fixed;
   display: block;
}
.ui-dialog {
   z-index: 9999;
   border: none !important;
}
.ui-dialog .ui-dialog-titlebar {
   background: #999 !important;
   border: none !important;
   border-radius: 0 !important;
   color: #fff;
}
.ui-dialog {
   padding: 0 !important;
}
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-hover {
   background: transparent !important;
   border: none !important;
}
.ui-button-icon-only .ui-icon,
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
   left: auto !important;
   top: auto !important;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
   padding: 1px !important;
}
.ui-dialog .ui-widget-header .ui-icon {
   background-image: url("images/ui-icons_222222_256x240.png") !important;
}
.ui-dialog .ui-dialog-content {
   font-size: 14px;
}
.ui-dialog-content label {
   width: 30%;
   display: inline-block;
}
.ui-dialog-content input[type="text"],
.ui-dialog-content input[type="email"] {
   width: 65%;
   display: inline-block;
   margin: 0 0 5px 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
}
#dialog-mortgage input[type="text"],
#dialog-mortgage input[type="email"] {
   width: auto;
   border: 1px solid #eee;
}
#dialog-sendtofriend input[type="text"],
#dialog-sendtofriend input[type="email"],
.ui-dialog-content textarea, #dialog-sendtofriend label {
   width: 96%;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
}
.ui-dialog .ui-widget-content .ui-state-default {
   border: none;
   background: #aaa;
   color: #fff !important;
}
#dialog-sendtofriend #email {
   margin: 0 0 25px 0;
}
.ui-dialog input:focus,
.ui-dialog textarea:focus {
   border: 1px solid #ddd;
}
.ui-widget-content p {
   margin: 0 0 8px 0;
}
.ui-dialog .ui-button {
   margin: 10px auto 0 auto;
   text-transform: uppercase;
   display: block;
   color: #5F6916 !important;
   font-weight: bolder !important;
}
.ui-dialog .ui-button:hover, #dialog-mortgage .subbtn:hover {
   -moz-box-shadow: 1px 1px 6px #999;
   -webkit-box-shadow: 1px 1px 6px #999;
   -o-box-shadow: 1px 1px 6px #999;
   box-shadow: 1px 1px 6px #999;
}
#dialog-mortgage .subbtn {
   border: none;
   font-weight: normal;
   padding: 0.4em 1em;
   text-transform: uppercase;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -o-border-radius: 10px;
   border-radius: 10px;
}

/* Links */
.propertypage #links {
   padding: 0;
   line-height: 16px;
   background: #fafbf6;
   border: 1px solid #f3f3f3;
}
#links ul  {
   margin: 0;
   padding: 10px;
}
#links ul li {
   display: inline-block;
   float: left;
   width: 49%;
   margin: 0 1% 0 0;
   padding: 2px 0;
   list-style-type: none;
}
#links a {
   display: block;
   font-size: 14px;
   color: #849c24;
}
#links a:hover {
   color: #5F6916;
}
#links ul li a {
   padding: 4px 0 4px 30px;
   background: url("images/quicklink-icons.png") no-repeat left top; 
}
#links #virtual-tour {
   background-position: 0 -506px;
}
#links #floor-plan {
   background-position: 0 -77px;
}
#links #floor-plan-2 {
   background-position: 0 -77px;
}
#links #feature_sheet {
   background-position: 0 -39px;
}
#links #walking-score {
   background-position: 0 -468px;
}
#links #dlgGoogleMap {
   background-position: 0 -192px;
}
#links #dlgStreetView {
   background-position: 0 -429px;
}
#links #dlgMortgage,
#links #dlgLandTransfer {
   background-position: 0 -115px;
}
#links #dlgSendToFriend {
   background-position: 0 -311px;
}
#links #dlgRequestMore {
   background-position: 0 -233px;
}
#links #dlgBookShowing {
   background-position: 0 3px;
}
#links #dlgYoutube {
   background-position: 0 -388px;
}
#links #survey-report {
   background-position: 0 -349px;
}
#links #property-report {
   background-position: 0 -157px;
}
#links #print-this {
   background-position: 0 -271px;
}
#links #neigh {
   background-position: 0 -542px;
}
#book-showing {
   text-align: center;
}
#book-showing a {
   background: #cc0000;
   color: #fff;
   padding: 4px 8px;
   text-transform: uppercase;
   font-size: 16px;
   border-radius: 4px;
}
#book-showing a:hover {
   text-decoration: none;
   background: #999;
}

#similarprop {
   border: none;
   padding: 0;
}
#similarprop h3.widget-title {
   color: #666;
}
#similarprop ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#similarprop ul li {
   display: inline-block;
   float: left;
   min-height: 200px;
   margin: 0 1.33333333% 0 0;
   padding: 0;
   width: 32%;
   font-size: 13px;
   line-height: 1.3;
}
#similarprop ul li div {
   width: 150px;
   height: 105px;
}
#similarprop ul li a {
   color: #000;
   text-decoration: none;
}
#similarprop ul li .green {
   margin: 6px 0 4px;
   display: block;
   text-transform: uppercase;
   line-height: 1.15;
}
#tagwrap ul li {
   line-height: 1.3em;
}

#lbPrevLink{
   background: url("/images/graphics/arrow-left-no.png") no-repeat center left !important; 
}
#lbNextLink{
   background: url("/images/graphics/arrow-right-no.png") no-repeat center right !important; 
}
#lbCloseLink{
   background: url("/images/graphics/close_embed_window_button.png") no-repeat center right !important; 
}

/* Property Listings */
.property {
   border-bottom: 1px solid #ddd;
   margin: 12px 0 36px;
   padding-bottom: 24px;
   position: relative;
}
.property .image {
   float: left;
   width: 38%;
}
.property .prop-info {
   float: right;
   margin-bottom: -25px;
   padding-bottom: 10px;
   width: 60%;
}
.entry-content .prop-info h2 {
   font-size: 20px;
   line-height: 1.2;
   margin: -5px 0 2px;
}
.prop-info h2 a {
   text-decoration: none;
}
.entry-content .prop-info h3 {
   color: #333;
   font-size: 18px;
   font-weight: 400;
   margin: 0 0 12px;
}
.pricetag {
   background: #818f48 none repeat scroll 0 0;
   clear: both;
   color: #fff;
   display: inline-block;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 12px;
   padding: 4px 12px;
}
.prop-info p {
   margin-bottom: 10px;
}
.soldimage,
.soldoverask,
.lease {
   background: transparent url("images/soldtag.png") no-repeat scroll 0 0;
   color: #fff;
   display: block;
   font-weight: 700;
   height: 34px;
   left: -4px;
   line-height: 30px;
   min-width: 115px;
   padding: 0 12px;
   position: absolute;
   text-align: center;
   top: 20px;
}
.property .image a {
   display: block;
   line-height: 1;
}
.property .openhouse {
   background: transparent url("images/openhouse-tag.png") no-repeat scroll left center;
   color: #333;
   float: left;
   font-size: 13px;
   font-weight: 400;
   margin: 2px 0 0;
   min-height: 30px;
   padding: 10px 0 0 38px;
}
.more-button {
   border: 2px solid #ccc;
   color: #ccc;
   display: inline-block;
   float: right;
   font-weight: 700;
   padding: 4px 20px;
}
.mlsnumber {
   font-size: 11px;
   color: #999;
}
.propertypage .toggle-description span {
   background-color: #004082;
}



/* Account page */
.property-profile .ui-widget-content,
.property-profile .ui-widget-header {
	background: none;
	border: none;
        -webkit-border-radius:   0;
        -moz-border-radius:      0;
        border-radius:           0;
}
.property-profile .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav {
	border-bottom: 1px solid #ccc;
        margin-bottom: 16px !important;
        padding-bottom: 0;
}
.property-profile .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li {
	margin-bottom: 0 !important;
        font-size: 14px;
}
.property-profile .wppb-edit-user label,
.property-profile .wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]),
.property-profile .wppb-user-forms select,
.property-profile .wppb-user-forms textarea {
   padding: 4px 7px;
}
.property-profile .wppb-user-forms input[type="number"],
.property-profile .wppb-user-forms select {
   width: auto;
   min-width: 135px;
}
.property-profile .entry-content form textarea {
   width: 69.9%;
}
.property-profile .wppb-form-field.wppb-textarea > span {
   font-style: normal;
   color: #999;
}
.property-profile .wppb-form-field  a.button {
   padding: 6px 12px;
   border: none !important;
   line-height: 1;
   font-size: 1em;
   background-color: #666;
}
.property-profile input[type="radio"] + label {
   margin-right: 16px;
}
.property-profile button.property_listing_search {
   width: auto;
}
.property-profile input:focus, textarea:focus {
   border: 1px solid #aaa;
}
.property-profile .ms-drop.bottom {
      padding: 5px;
}

/* Media Queries */
/* 1260px */
@media (max-width: 78.75em) {
   .propertypage .content-area {
      margin: 0 15px;
   }
   #first_col {
      width: 58%;	
   }
   #second_col {
      width: 40%;
   }
}

/* 1110px */
@media (max-width: 69.375em) {

   #photobox .photo_mask {
      margin-bottom: 1%;	
   }
   #photobox ul li {
      margin: 0 1% 1% 0;
      width: 48.5%;
   }
   #photobox ul li:nth-child(3n+1) {
      clear: none;
   }
   #photobox ul li:nth-child(2n+1) {
      clear: both;
   }
   #links a {
      font-size: 12px;
   }
   .prop-list {
      max-height: 165px;
   }	

}

/* 900px */
@media (max-width: 56.25em) {

   #first_col,
   #second_col {
      width: 100%;
      float: none;
   }
   .property-title {
      max-width: 100%;
      display: block;
   }
   .more-links {
      float: none;
      text-align: left;
      width: 100%;
      padding-top: 0;
   }
  .prop-list {
      max-height: 155px;
   }
   #photobox ul li {
      margin: 0 0.5% 0.5% 0;
      width: 32.3333%;
   }
   #photobox ul li:nth-child(3n+1) {
      clear: both;
   }
   #photobox ul li:nth-child(2n+1) {
      clear: none;
   }

}


/* 768px */
@media (max-width: 48em) {

   .propertypage #fv_player_pro_boxPrevious,
   .propertypage #fv_player_pro_boxNext {
      top: -11px;
      min-width: 64px;
   }
   .propertypage #fv_player_pro_boxPrevious {
      background-position: left top;
      right: auto;
      left: -4px;
   }
   .propertypage #fv_player_pro_boxNext {
      background-position: right top;
      left: auto;
      right: -4px;
   }
   .prop-list {
      max-height: 125px;
   }	

}

/* 600px */
@media (max-width: 37.5em) {
   .prop-list {
      max-height: 150px;
   }
   #photobox ul li {
      margin: 0 1% 1% 0;
      width: 48.5%;
   }
   #photobox ul li:nth-child(3n+1) {
      clear: none;
   }
   #photobox ul li:nth-child(2n+1) {
      clear: both;
   }
}

/* 500px */
@media (max-width: 31.25em) {
   .property .image,
   .property .prop-info {
      float: none;
      width: 100%;
      margin-bottom: 6px;
   }
   .prop-list {
      max-height: 130px;
   }	
}

/* 400px */
@media (max-width: 25em) {
   .prop-list {
      max-height: 110px;
   }   
}

/* 320px */
@media (max-width: 20em) {
   .property-title {
      max-width: 100%;
   }
   #title h1 {
      font-size: 20px;
      line-height: 1.2;
   }
   .propertypage h3.openhouse {
      font-size: 16px;
      line-height: 1.2;
   }
   .more-links {
      float: none;
      text-align: left;
      width: 100%;
   }
   #links ul li {
      float: none;
      width: 100%;
      margin: 0;
   }
   .ui-dialog.ui-corner-all {
      max-width: 300px;
   }
   .prop-list {
      max-height: 95px;
   }	

}

@media print {
   #topbar,
   #title #sharing,
   #property_social_buttons,
   .nc_socialPanel,
   .slogan,
   .main-navigation,
   .genesis-nav-menu,
   .navigation,
   nav,
   .more-links,
   .flowplayer,
   #links,
   #book-showing,
   .editspecial {
      display: none;	
   }
   .propertypage .site,
   .propertypage #propertypage {
      overflow: visible;
   }
   .propertypage .single-property {
      clear: none;
   }
   #short-description,
   #links,
   #roomdimesions,
   #propertydetails,
   .propertybox {
      padding: 0;
   }
   .contact-social > div {
      max-width: 100%;	
   }
   .propertypage #first_col,
   .propertypage #second_col,
   .propertypage .property-header {
      float: none;
      display: block;
      width: 100%;
   }
   .propertypage .property-title {
      max-width: 100%;
      display: block;
      page-break-after: avoid;
      break-after: avoid;      
   }
   .propertypage .property-title.clear:after {
      display: none;
   }
   .site-header,
   .photo_mask,
   #photobox,
   .property-header {
      page-break-after: avoid;
      page-break-before: avoid;
      page-break-inside: avoid;
      break-before: avoid;
      break-inside: avoid;
      break-after: avoid;
      float: none !important;
   }
   #photos {
      page-break-after: avoid;
   }
   .propertypage #photobox .photo_mask {
      display: block;
      float: none;
   }
   #photobox {
      display: initial;
   }
   #photobox ul li,
   #roomdimesions {
      page-break-inside: avoid;
   }
   .propertypage #short-description,
   .propertypage #links,
   .propertypage #roomdimesions,
   .propertypage #propertydetails,
   .propertypage #links ul {
      border-bottom: 0;
   }

}