#contentWrapper{ top: 140px; overflow: hidden; }
.previewMode #contentWrapper{ top: 64px; }
#contentWrapper .content{ padding: 0px;  }
#ListingList{ position: absolute; z-index: 2; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: auto; background: #fff; }
#ListingList .viewListTable{ min-width: 100%; font-size: 14px; }
#ListingList .viewListTable th{ box-sizing: border-box; }
#ListingList .viewListTable td{ line-height: 15px; box-sizing: border-box; }
#ListingList .viewListTable tbody tr.activeListing{ background: #fdd; }
#ListingList .viewListTable .img{ width: 92px; vertical-align: middle; text-align: center; cursor: pointer; }
#ListingList .viewListTable td.img{ padding: 0px; }
#ListingList .viewListTable .img .photo{ width: 92px; position: relative; }
#ListingList .viewListTable .img .photo img{ width: 100%; max-height: 68px; display: block;  border: 0px; }
#ListingList .viewListTable .main{ width: 164px; padding-right: 0px; }
#ListingList .viewListTable .main .text{ width: 164px; height: 60px; overflow: hidden; position: relative;  }
#ListingList .viewListTable .main .text .interest{ position: absolute; right: 0px; top: 0px; bottom: 0px; padding: 0px; background: inherit;  }
#ListingList .viewListTable .main .text .interest span{ font-size: 20px; margin: 0px; padding: 0px 4px; cursor: pointer; color: #999; }
#ListingList .viewListTable .main .text .interest .liked{ color: #43ad0a; text-shadow: 0px 0px 1px rgba(0,0,0,0.75); }
#ListingList .viewListTable .main .text .interest .disliked{ color: #b21515; text-shadow: 0px 0px 1px rgba(0,0,0,0.75); }
#ListingList .listContact{ text-align: center; margin-top: 20px; }
.ListingAltView #ListingList .listContact{ display: none; }
#ListingList .listFooter{ text-align: center; margin-top: 10px; font-size: 90%; font-weight: 300; margin-bottom: 10px; }
.ListingAltView #ListingList .listFooter{ display: none; }
#ListingView,#ListingMap{ position: absolute; z-index: 1; top: 0px; bottom: 50px; left: 0px; right: 0px; overflow: hidden; background: #fff; border-left: 1px solid #ccc; background: #fff;  }
#ListingFrame{ padding: 0px; margin: 0px; width: 100%; height: 100%; }
#ListingNav{ display: none; position: absolute; z-index: 3; left: 0px; right: 0px; bottom: 0px; height: 50px; background: #333; text-align: center; color: #ccc; }
#ListingNav .close{ position: absolute; top: 2px; left: 2px; font-size: 24px; cursor: pointer; }
#ListingNav .address{ color: #fff; font-size: 12px; padding: 3px; white-space: nowrap; }
#ListingNav .nav{ position: relative; }
#ListingNav .nav .fa{ padding: 0px 10px; font-size: 24px; cursor: pointer; vertical-align: middle; }
.ListingAltView #ListingNav{ display: block; }

#GmapInfoWindow{ width: 220px; overflow: hidden; background: #fff; font-size: 13px; box-sizing: border-box; }
#GmapInfoWindow .address{ display: none; font-weight: 600; margin-bottom: 3px; white-space: nowrap; margin-bottom: 1px; }
#GmapInfoWindow .photo{ display: inline-block; width: 85px; box-sizing: border-box; vertical-align: top;  }
#GmapInfoWindow .photo img{ width: 100%; display: block; }
#GmapInfoWindow .info{ display: inline-block; width: 135px; box-sizing: border-box; padding-left: 4px; vertical-align: top;  }
#GmapInfoWindow .info span{ display: inline-block; margin: 0px 2px; white-space: nowrap; }
#GmapInfoWindow .headline{ display: none; margin-bottom: 1px; font-weight: 600; }
#GmapInfoWindow .remarks{ display: none; max-height: 80px; overflow: auto; border: 1px solid #ccc;}

.eventBanner{ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 2px; color: #fff; font-size: 80%; }

@media (min-width: 768px){
	#GmapInfoWindow{ width: 285px; }
	#GmapInfoWindow .info{  width: 200px;   }
	#GmapInfoWindow .address{ display: block; }
	#GmapInfoWindow .headline{ display: block; }
	#GmapInfoWindow .remarks{ display: block; }

}
@media (min-width: 992px) {
	#contentWrapper{ top: 64px; }
	.ListingAltView #ListingNav{ display: none; }
	#ListingView,#ListingMap{ left: 262px; bottom: 0px; }
}

