#frmPropertySearch { width:100%; text-align:center; box-sizing: border-box; padding: 20px 20px 0; }
#middle #frmPropertySearch select, 
#middle #frmPropertySearch input[type=text], 
#middle #frmPropertySearch .button,
#middle .property_list_paging .button
{ 
	padding: 6px; border-radius: 5px; box-sizing: border-box; font-size:14px;
	font-family: Verdana, Verdana, Geneva, sans-serif !important;
}
#middle #frmPropertySearch select { padding: 5px 6px; }
#middle #frmPropertySearch input[type=text] { width: 90px; }

.property_list { width:100%; padding: 20px 40px 10px; color:#333; text-align: left; box-sizing: border-box; }
.property_list_count { width:100%; padding: 40px 40px 0; box-sizing: border-box; }
.property_list .row, .mls-item .row { float:left; display:block; clear:both; width:100%; }
.property_list .col, .mls-item .col { float:left; display:inline; }
#middle .property_list input { border:0px; }
#middle .property_list img { border:0px; margin:0px; float:none; }
.property_list .property { 
	margin: 0 0 20px; border-bottom: 1px solid #ccc; padding-bottom:15px; 
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-justify-content: space-between; justify-content:space-between; /** items are evenly distributed in the line **/
}
/*.property_list .property .padding { margin: 0px; }*/
.property_list .overview-right { width: 180px; text-align:center; position:relative; }
.property_list .overview-right .img { width: 180px; height:120px; overflow:hidden; margin-bottom:5px;  }
#middle .property_list .overview-right p { margin-bottom: 5px; padding:0px; }
.property_list .overview { /*width: 500px;*/ margin-right:20px;   }
#middle .property_list .overview h2 { font-size:17px; color:#666666 }
.property_list .overview .row { margin: 0 0 4px; }
.property_list .overview .desc { margin-top: 10px; line-height:150%; }
.property_list .overview .col1 { /*width: 120px;*/ width:30%; }
.property_list .overview .col2 { /*width: 200px;*/ width:40%; }
.property_list .overview .col3 { /*width: 130px;*/ width:30%; }
.property_list .property .logo { position:absolute;  }
.property_list .property .logo img {  }
.idx { background: url(/assets/img/property/idx.gif) no-repeat; width:25px; height:20px; left: -30px; top: 100px; }
.property_list .toolbar { 
	color: #C6DBEF; margin: 2px 0 0; font-size: 11px; 
	background: -moz-linear-gradient(center top , #545454 0%, #333333 100%) repeat scroll 0 0 transparent;
}
.property_list .toolbar a { color: #C6DBEF !important; text-decoration:none !important; font-weight:bold; }
.property_list .toolbar a:hover { text-decoration:underline !important; }
.property_list .toolbar .padding { margin: 10px 5px; }
.property_list .toolbar .col1 { width: 200px; }

.property_list2 .property { 
	color: #666666; font-size:15px;
	-webkit-justify-content: flex-start; justify-content:flex-start; 
	-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
}
.property_list2 .img { margin: 0 30px 0 0; }
#middle .property_list2 .overview h2 { font-size: 20px; }
.property_list2 .overview { margin: 0px; }
#middle .property_list2 .price { font-weight:bold; font-size: 20px; margin: 5px 0 15px 0; padding:0px; }
.property_list2 .property .broker { top:0px; left:0px; }
.property_list2 .view-listing-wrapper {  }
.property_list2 .property .logo { position:static; }
#middle .property_list2 .view-listing { padding:0px; margin: 0 15px 0 0; }

.property_list_paging { width:100%; padding: 40px 40px 0; box-sizing: border-box;  }
.property_list_paging_bottom { margin:0px 0 40px 0; padding-top:0px; }
.property_list_paging .paging {   }
.property_list_paging .paging2 { width:50%; text-align:right;  }
.property_list_paging .count { width:75%;  }
.property_list_paging .count span { font-weight:bold; font-size: 1.3em; padding: 0 10px; }
.property_list_paging .map-control { width:25%; text-align:right; }
#middle .property_list_paging .count a { color:#666; }
.property_list_paging .paging .page-number { display:inline; margin: 0 7px 0 0; color:#666; cursor:pointer; }
#middle .property_list_paging .paging .page-number a { color:#666; }
.property_list_paging .paging .current { 
	padding:1px 2px; 
	background: -webkit-linear-gradient(top, #fff 0%, #ddeeff 100%); 
	background: -moz-linear-gradient(top, #fff 0%, #ddeeff 100%);
	background: linear-gradient(top, #fff 0%, #ddeeff 100%);
	border: 1px solid #6ea1d4; color: #333; 
	cursor:default;
}
.property_list_paging .paging .ellipses { margin: 0 5px 0 0; cursor:default; }
.property_list_paging .paging .next { margin: 0 0 0 5px; }
.property_list_paging .paging .prev { margin: 0 5px 0 0; }

.wrapper-property-map { display:none; margin:20px 40px; }
.property-map {
    width: 100%;
    height: 500px;
    border: 1px solid #000;
	box-sizing: border-box;
}

/** property **/
#property_list { position:relative; width: 100%;  }
#property_list div.item { width:98%; margin: 10px 0; border-bottom: 1px solid #ccc; clear:both; float:left;}
#property_list .price { float:right; font-weight: bold;  }
#property_list .sm { font-size: 11px; padding:0px;  }
#property_list .desc { margin:10px 0 0 0;  }
#property_list img { margin:5px 0 5px 5px; }

#property { 
	/*position: absolute; top:50px; left:30%;*/ width: 100%; min-height:360px; box-sizing: border-box;
	background: #fff; /*border: 1px solid #ccc;*/ z-index: 1000; top:0px; left:0px;
	font-size: 12px; padding: 15px;
	box-sizing: border-box;
}
#modalPropertyListing .mochaContentWrapper  { font-size: 11px; }
#modalPropertyListing .mochaContentWrapper h3 { font-size: 14px; color: #900000; text-transform: uppercase; margin:0 0 5px; }
#property h3, #modalPropertyListing .info h3 { color: #666; text-transform: uppercase; margin:0 0 5px; font-size: 18px;  }
#property table, #modalPropertyListing table { border-spacing:0px; width: 100%; font-size:11px; }
#property td, #modalPropertyListing td { font-size:13px; padding:0px; }
#property_map { width: 350px; height:250px; border:1px solid #ccc; margin:10px 0; }
#property #close, #property #print, #modalPropertyListing #close, #modalPropertyListing #print { cursor:pointer; }

#property .tools { margin: 5px 0; -webkit-justify-content: space-between; justify-content:space-between; }
#property .tools img { vertical-align:text-bottom; }
#property .tools .buttons a {
	text-decoration:none; background-color: #1272a5; border-radius:5px; color:#fff; font-weight:bold; text-transform:uppercase; font-size: 14px;
	padding:8px;
}

#property div.media, #modalPropertyListing div.media { 
	flex:0 0 605px; width: 605px; background: #dedede; border: 1px solid #ccc; margin:0 30px 0 0; text-align:center;
	box-sizing: border-box; padding:5px;
}
#property #img, #property #thumbs, #modalPropertyListing #img, #modalPropertyListing #thumbs {   }
#property #img, #modalPropertyListing #img { text-align:center; width: 100%; margin-top:10px; position:relative; }
#property #thumbs, #modalPropertyListing #thumbs { text-align:left; width: 100%;  }
#property #thumbs img, #modalPropertyListing #thumbs img { cursor:pointer; border:1px solid #ccc; }
#property #img img, #property #thumbs img, #modalPropertyListing #img img, #modalPropertyListing #property #thumbs img { float:none; border:1px solid #ccc; margin: 2px 2px 2px 0; }
#previous_image { position:absolute; top:90px; left:-15px; cursor:pointer; border:0px !important; }
#next_image { position:absolute; top:90px; right:-15px; cursor:pointer; border:0px !important; }


#property .info, #modalPropertyListing .info { margin:0; flex:1; }
#property .info p, #modalPropertyListing .info p { margin:0 0 5px; padding:0px; line-height:100%; font-size: 14px; }
#property .info .label, #modalPropertyListing .info .label { font-weight:bold; vertical-align:top; /*padding:2px 5px 2px 0; text-align:right;*/ }
#property .info table, #modalPropertyListing .info table { margin:10px 0; }
#property .info td { font-size: 12px; padding:0px 2px 4px 0 !important; vertical-align:top; }

#property .contact { margin: 15px 0 25px 0; }
#property .contact-image { margin: 0 10px 0 0; }
#property .contact p { margin: 0 0 7px 0; }
#property .contact .name { font-weight:bold; font-size: 16px; color:#666; }
#property .contact .phone { font-weight:bold; font-size: 16px; color:#666; text-transform:uppercase; }
#property .contact .email a { font-weight:bold; font-size: 16px; color:#666; text-transform:uppercase; text-decoration:underline; }

#property .description, #modalPropertyListing .description {
	float:left; display:inline; clear:both; width:100%; margin: 10px 0; 	
}
#property .description h4 { font-weight:normal; font-size: 25px; color:#666; margin:0 0 10px; }
#property .description h5 { font-weight:normal; font-size: 22px; color:#666; margin:0 0 20px; }
#property .description p { color:#666; line-height:150%; }

#property .mls-features { margin: 30px 0; color:#666; }
#property .mls-features h2 { font-size: 22px; margin:0 0 10px; }
#property .mls-features .flexbox { 
	font-size: 14px; 
	box-sizing: border-box; padding:10px 5px;
	-ms-flex-align: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; align-items: flex-start;
}
#property .mls-features .flexbox.on { background-color: #f9fafc; }
#property .mls-features .flexbox span { color: #ccc; }
#property .mls-features .label { flex: 0 0 150px; font-weight:bold; margin: 0 20px 0 0; }
#property .mls-feature { margin: 0 0 30px 0; }
#property .schools .flexbox > div { width:400px; }
#property .schools .flexbox > div > div:nth-child(2) { color:#a1aaaf;  font-size: 19px; }

#property .disclaimer { margin:15px 0; color:#333; padding-bottom:30px; }

#property-dialog-email p { margin:0 0 10px; }
#property-dialog-email input[type=text], #property-dialog-email textarea {
	border-radius: 5px; font-size: 1.1em; font-weight:bold;
	width:350px; border:1px solid #ccc; color:#333;
	font-family:arial,helvetica,sans-serif;
	padding:8px; box-sizing: border-box;
}
#property-dialog-email textarea { height:100px; }

#property .noscreen { display:none; }


.media-info { 
	display: -ms-flexbox; display: -webkit-flex; display: flex;
}

.media .more-photos {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    text-align: center;
    cursor: pointer;
}
.media .thumbs {
    margin: 5px 0 0;
    position: relative;
}

.media .thumbs .col {
	width:80px;height:80px;overflow:hidden;position:relative;margin: 0 5px 0 0;cursor: pointer;
}
.media .thumbs .col img {
	width:150px;object-fit: cover; 
	height: 100% !important;
    min-width: 100%;
}
.media .thumbs .col.last { margin-right:0; }
.media .more-photos div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}