@import url("../fragments/idx-grid.css");
/* Browser (File > Print Preview) Adjustments found at bottom of document */

/* Page Titles */
	h2.listing-details-residential { background: url(../../images/titles/title-listing-details-residential.gif) no-repeat;  }
	h2.listing-details-commercial { background: url(../../images/titles/title-listing-details-commercial.gif) no-repeat; }
	h2.listing-details-rental { background: url(../../images/titles/title-listing-details-rental.gif) no-repeat; }
	h2.listing-details-multifamily { background: url(../../images/titles/title-listing-details-multifamily.gif) no-repeat; }
	h2.listing-details-land { background: url(../../images/titles/title-listing-details-land.gif) no-repeat; }
	h2.listing-details-generic { background: url(../../images/titles/title-listing-details-generic.gif) no-repeat; }

#listing-details {  }
#listing-details div.page-tabs-container-outer { margin-top: 1.0em; }
#listing-details div.disclaimer td { font-size: 9px; color: #737370; letter-spacing: -.1em; padding-top: 7px; }

div.detail-item { padding: 0 5px; }

/* previous | next links for detail items in results list */
#details-paging { position: relative; float: right; width: 35%; font-size: 9px; }
	#details-paging a { display: block; padding: 0 10px 0; text-decoration: none; }
	#details-paging a.previous-item-details { float: left; background: url(../../images/common/arrow-darkblue-left.gif) 0% 50% no-repeat; }
	#details-paging a.next-item-details { float: right; text-align: right; background: url(../../images/common/arrow-darkblue-right.gif) 100% 50% no-repeat; }
	
/* #################################
	Details Item 
################################# */
	/* Save Listing */
	div.save-this-listing a { float: left; display: block; width: 124px; height: 24px; padding: 0 0 0 25px; background: url(../../images/common/icon-save-listing.gif) no-repeat; color: #FF6E00; font-weight: bold; text-decoration: none; font-size: 9px; text-transform: capitalize; }	
	div.save-this-listing>a { width: auto; min-width: 124px; }
	/* Compare Listing */
	div.compare-listing input { margin: 0; padding: 0; }
	div.compare-listing a { font-size: 9px; margin-left: 3px; text-decoration: none; cursor: pointer; }
	div.compare-listing a label { cursor: pointer; }
	
	/* Back Button, Print Listing, Email Listing, Calculate Buttons */
	div.details-links { position: relative; z-index: 99; text-align: right; font-size: 92%; margin: -46px 0 30px auto; min-width: 50%; }
		div.details-links a { display: block; float: right; text-decoration: none; padding: 6px 7px 4px 29px; }
		div.details-links a.details-back { padding: 6px 7px 4px 14px; background: url(../../images/common/icon-back-arrow.gif) 5px 60% no-repeat; margin-left: 5px; }
		div.details-links a.print-listing { background: url(../../images/common/icon-printer-white.gif) 5px 50% no-repeat; margin-left: 5px; }
		div.details-links a.email-listing { background: url(../../images/common/icon-email-white.gif) 5px 50% no-repeat; }
		div.details-links a.calculate { background: url(../../images/common/icon-calculator-white.gif) 5px 50% no-repeat; }
	
	/* Showcase Banner */
	h3.details-showcase { margin: 0 0 0px; font-size: 12px; color: #177311; padding: 0 0 0 0px; background: #F1DE73; }
		h3.details-showcase span { display: block; background: #F1DE73; padding: 5px 1em; margin-top: 3px; }
		h3.details-showcase b { color: #177311; text-transform: uppercase; font-style: normal; }
	/* Open House Banner */	
	h3.details-openhouse { margin: 0 0 5px; color: #4b6922; padding: 0 0 0 42px; background: url(../../images/icon-openhouse.gif) 3px 3px no-repeat; }
		h3.details-openhouse span { display: block; background: #F1DE73; padding: 1em; font-weight: normal; }
		h3.details-openhouse b { color: #010101; text-transform: uppercase; font-style: normal; }
		h3.details-openhouse span a, h3.details-openhouse span a:hover { text-decoration: none; color: #4b6922; }
		h3.details-openhouse span a span { display: inline; padding: 0; text-decoration: underline; margin-right: 4px; }
		h3.details-openhouse span a:hover span { text-decoration: none; }
	/* Ask A Question */
	div.details-askquestion { margin-bottom: 10px; }
	div.details-askquestion div.box2-c1, div.details-askquestion div.box2-c2 { position: relative; background-image: none; border-top: 1px solid #ff6e00;}
	div.details-askquestion h5 { font-size: 92%; text-transform: uppercase; margin: 0 0 3px; padding: 0; color: #ff6e00; }
	
/* ##### Listing Data ##### */
	/* Listing Address, Subdivision */
	div.details-row1 { padding: 10px 0; }
		div.details-row1 h2 { font-size: 14px; font-weight: bold; margin: 0; }
		div.details-row1 p.subdivision { margin: 0; }
		div.details-row1 p.subdivision span { font-size: 9px; margin-right: 4px; } 
		div.details-row1 p.subdivision b { font-size: 92%; font-weight: bold; } 
	table.details-row2 { width: 100%; }
		/* main photo */
			table.details-row2 td.photo { vertical-align: top; width: 400px; height: 200px; padding-right: 12px; }
			table.details-row2 td.photo img.main-photo { border: 3px solid #C1EAC5; visibility: hidden; cursor: pointer; }
		/* paging for photos */
			table.details-row2 table.paging { width: 404px; margin: 3px 0; }
			table.details-row2 table.paging td.viewing { width: 100%; text-align: center; }
				table.paging td.viewing span { display: block; }
				table.paging td.viewing b { font-size: 130%; }
				table.paging td.viewing a { font-size: 9px; text-decoration: none; text-transform: lowercase; }
			table.details-row2 table.paging td.spacer { padding: 0 15px; background: url(../../images/common/dot-gray-vertical.gif) 50% 0% repeat-y; }
			table.details-row2 table.paging td.prev, table.details-row2 table.paging td.next { padding: 7px 0; }
				a#lbtnPrev, a#lbtnNext { cursor: pointer; width: 45px; display: block; height: 26px; text-indent: -30000em; }
				a#lbtnPrev { margin: 0 auto 0 0; background: url(../../images/buttons/idx-details-previousimage.gif) no-repeat; }
				a#lbtnNext { margin: 0 0 0 auto; background: url(../../images/buttons/idx-details-nextimage.gif) no-repeat; }
				a#lbtnPrev.disabled-button { filter:alpha(opacity=50); opacity: .50; cursor: default; }
				a#lbtnNext.disabled-button { filter:alpha(opacity=50); opacity: .50; cursor: default; }		
		/* Thumbs */
			div.details-row3 { background: url(../../images/common/dot-gray-horizontal.gif) 0% 3px repeat-x; padding: 4px 0 0; margin: 4px 0 0; }
				div.details-row3 div.thumbs { width: 700px; /* height: 104px; */ overflow: auto; padding: 2px 0 5px; }
				div.details-row3 div.thumbs img { vertical-align: middle; margin: 0 5px 0 0; border: 2px solid #b8b7b4 !important; }
				div.details-row3 p.thumbs { font-size: 9px; color: #1158a7; margin: 0; padding: 5px 0 5px 12px; background: url(../../images/bg-thumbarrow-detailitem.gif) 0% 50% no-repeat; }
		/* Quick Details (MLS, Price, Beds, Baths, Sq. Ft., Acres, Garage Spaces */
			td.details { vertical-align: top; }
				td.details h3.mls-num { margin: 0; float: left; width: 42%; padding-top: 3px; font-size: 12px; }
				td.details div.price { float: right; width: 55%; }
					td.details div.price h3 { color: #fff; background: #469B40; margin: -2px 0; padding: 0 5px; text-align: left; }
					td.details div.price div.c2 { padding-right: 4px; background: url(../../images/bg-price-detailitem.gif) 100% 0% no-repeat; }
					td.details div.price div.c1 { width: 50%; height: 4px; background: url(../../images/bg-price-detailitem.gif) no-repeat; }
					td.details div.price div.c3 { padding-right: 4px; background: url(../../images/bg-price-detailitem.gif) 100% 100% no-repeat; }
					td.details div.price div.c4 { width: 50%; height: 4px; background: url(../../images/bg-price-detailitem.gif) 0% 100% no-repeat; }
				td.details div.price-changed { clear: both; }
					td.details div.price-changed a.link-button.price-changed { margin: 0 0 0 auto; padding: 0; width: 133px; color: #1158a7; font-weight: normal; height: 19px; background: url(../../images/icons/icon-details-pricechanged.gif) no-repeat; font-size: 9px; padding: 5px 0 0 24px; }
				td.details ul.details { list-style-type: none; margin: 4px 0; padding: 0; font-size: 92%; line-height: 133%; }
					td.details ul.details li { padding: 3px 0 2px; background: url(../../images/common/dot-gray-horizontal.gif) 0% 100% repeat-x; }
					td.details ul.details b { font-size: 112%; }
					td.details ul.details b span { font-size: 92%; font-weight: normal; margin-left: 4px; }
					td.details ul.details.column1 { width: 47%; float: left; margin-right: 7px; }
					td.details ul.details.column2 { width: 47%; float: left; }
				td.details a.virtual-tour { display: block; float: left; padding: 3px 4px 0 45px; background: url(../../images/common/icon-virtualtour-details.png) no-repeat; font-size: 92%; min-height: 17px; text-decoration: none; margin: 10px 6px 0 0; }
				td.details div.remarks h3 { font-size: 130%; margin-bottom: 0; }
					td.details div.remarks p { margin: 2px 0 0; }

	/* Features & Descriptions List Items */	
		ul.details-items { list-style-type: none; margin: 0 0 0 10px; padding: 0; }
		ul.details-items li { clear: left; margin: 3px 0 0; }
		ul.details-items li span.label, ul.details-items li span.items, ul.details-items li span.item { display: block; }
		ul.details-items li span.label { clear: left; float: left; width: 130px; background: url(../../images/common/dot-green-horizontal.gif) 0% 100% repeat-x; }
		ul.details-items li span.items { width: auto; margin-left: 133px; }
		ul.details-items li span.items b span, ul.details-items li span.item b span { font-weight: normal; margin-left: 5px; text-transform: lowercase; }

	div.details-row4 { margin: 0 0 1.5em; padding: 0 0 1em;  }
		div.details-row4 h4 { font-size: 14px; font-weight: bold; margin-bottom: 0; padding: 3px 4px 4px; background: url(../../images/common/details-h4.gif) 0% 100% no-repeat; }
		div.details-row4 ul.details-items li { clear: none; float: left; width: 50%; margin: 3px 0 0; }
		
	div.details-row5 { margin: 0 0 1.5em; padding: 0 0 1em; }
		div.details-row5 h4 { font-size: 14px; font-weight: bold; margin-bottom: 0; padding: 3px 4px 4px; background: url(../../images/common/details-h4.gif) 0% 100% no-repeat; }

	/* ### Listed By (Profile Card) ### */
	div.details-row6 { margin: 0 0 1.5em; padding: 0 0 1em; }
		div.details-row6 h4 { font-size: 14px; font-weight: bold; margin-bottom: 0; padding: 3px 4px 4px; background: url(../../images/common/details-h4.gif) 0% 100% no-repeat; }
		div.details-row6 table.listed-by { margin-top: 2px; width: auto; }
		div.details-row6 table.listed-by td { vertical-align: top; }
		div.details-row6 td.photo { padding-right: 5px; width: 90px; }
		div.details-row6 td.listed-by.name { height: 30px; }
		
		div.details-row6 td.listed-by p { margin: 0 0 7px; font-size: 82% }
		div.details-row6 td.listed-by p a.name, div.details-row5 td.listed-by p a.name:hover { text-decoration: none; color: #000; }
		div.details-row6 td.listed-by p a.name b { font-size: 120%; }
		div.details-row6 td.listed-by p a.name span { font-size: 92%; text-transform: uppercase; letter-spacing: -.1em; margin-left: 4px; }
		div.details-row6 td.listed-by p a.email { margin-left: 2px; }
	
		div.details-row6 ul.details-items { margin-top: 7px; }
		div.details-row6 ul.details-items li span.label { width: 60px; }
		div.details-row6 ul.details-items li span.items { margin-left: 63px; }
		
		div.details-row6 td.links { }
		div.details-row6 td.links ul { margin-top: 7px; }
		div.details-row6 td.links ul li { margin-bottom: 3px; }
	
	/* School Information */
	div.details-row7 { margin: 0 0 1.5em; padding: 0 0 1em; }
		div.details-row7 h4 { font-size: 14px; font-weight: bold; margin-bottom: 0; padding: 3px 4px 4px; background: url(../../images/common/details-h4.gif) 0% 100% no-repeat; }
		div.details-row7 ul { list-style-type: none; margin: 0; padding: 0; }
		div.details-row7 ul li { clear: left; margin: 3px 0 0 10px; }
		div.details-row7 ul li span.label, ul li span.items, ul li span.item { display: block; }
		div.details-row7 ul li span.label { clear: left; float: left; width: 130px; background: url(../../images/common/dot-green-horizontal.gif) 0% 100% repeat-x; }
		div.details-row7 ul li span.items { width: auto; margin-left: 133px; }
		div.details-row7 ul li span.items b span, ul li span.item b span { font-weight: normal; color: #777774; margin-left: 5px; text-transform: lowercase; }


	
	/* ### More Information Tab ### */
	div.details-moreinfocontent h4 { font-size: 92%; text-transform: uppercase; color: #000; font-weight: bold; margin: 20px 0 1px; text-align: left; border-bottom: 1px solid #c1beb9; }
	div.details-moreinfocontent table.form { width: 100%; }
	div.details-moreinfocontent table.form td.form { padding: 5px 0 0; }
	div.details-moreinfocontent table.form th h4 { margin-bottom: 7px; }
	table.details-moreinfocontent h4 { font-size: 92%; text-transform: uppercase; color: #000; font-weight: bold; margin: 20px 0 1px; text-align: left; border-bottom: 1px solid #c1beb9; }
	table.details-moreinfocontent { width: 100%; }
	table.details-moreinfocontent td.form { padding: 5px 0 0; }
	table.details-moreinfocontent th.form { vertical-align: top; padding-top: 5px; }
	div.page-tabs-content table.details-moreinfocontent th.form { vertical-align: top; }

/* ##### DETAILS ITEM MAP ##### */
	div.ero div.ero-body { width: 315px; padding: 7px !important; }
	div.ero div.ero-previewArea div.firstChild { margin: 0 !important; }
	div.map-listing-title { border-bottom: 1px solid #deded9; padding: 2px 3px 3px; font: normal small Arial,Geneva,Helvetica,sans-serif; }
		div.map-listing-title span { color: #7e7e7a; font-size: 82%; }
		div.map-listing-title span.street b { color: #434341; font-size: 150%; line-height: 100%; }
	div.map-listing-desc { font: normal 11px Arial,Geneva,Helvetica,sans-serif; }
		div.map-listing-desc div.details { margin-left: 160px; }
		div.details p.details span { color: #7e7e7a; }
		div.details p.details span.mls-number { font-weight: bold; color: #434341; font-size: 100%; display: block; }
		div.details p.details span.price { color: #ff6000; font-weight: bold; font-size: 100%; display: block; }
		div.details p.details span.beds b { color: #434341 }
		div.details p.details span.baths b { color: #434341 }
		div.details p.details span.sqft b { color: #434341 }
		div.details p.details span.sqft b span { margin-left: 4px; font-weight: normal; }
		div.map-listing-desc div.photo { float: left; border: 3px solid #fff; margin-right: 5px; }
		div.map-listing-desc span.subdivision { display: block; color: #7e7e7a; font-size: 92%; }
		div.map-listing-desc span.subdivision b { font-size: 100%; display: block; }
	
	/* Legend */
	#map-legend { float: right; width: 110px; }
	#map-legend h4 { margin: 0; padding: 8px 10px; background: #466583; color: #fff; font: bold 75% Verdana,Arial,Geneva,Helvetica,sans-serif; text-align: center; }
	#map-legend ul { margin: 0; padding: 0; list-style-type: none; }
	#map-legend ul li { padding: 0; background: url(../../images/common/dot-gray-horizontal.gif) 0% 100% repeat-x; }
	#map-legend ul li p { margin: 0; padding: 14px 0 14px 32px; font-size: 72%; font-weight: bold; color: #8c8984; }
		/* Icons */
		#map-legend ul li.cluster p { background: url(../../images/icons/map-legend-cluster.png) 1px 50% no-repeat; }
		#map-legend ul li.company p { background: url(../../images/icons/map-legend-company.png) 1px 50% no-repeat; }
		#map-legend ul li.idx p { background: url(../../images/icons/map-legend-idx.png) 1px 50% no-repeat; }
		#map-legend ul li.openhouse p { background: url(../../images/icons/map-legend-openhouse.png) 1px 50% no-repeat; }
		#map-legend ul li.showcase p { background: url(../../images/icons/map-legend-showcase.png) 1px 50% no-repeat; }
		#map-legend ul li.pricechange p { background: url(../../images/icons/map-legend-pricechange.png) 1px 50% no-repeat; }

	
		
@media print {
	
	/* remove items from print preview (browser default) */
	#listing-details div.page-tabs-container-outer, a.details-back, #details-paging, div.save-this-listing, div.compare-listing,
	div.details-links, div.details-askquestion, h3.details-showcase, h3.details-openhouse { display: none; }
	
}


/* Social Media */
	.search-details-social { position: absolute; margin: -5px 0 0 395px; }