﻿/*************************************************
/*****  AgentIDX Listing Details Module CSS  *****
/************************************************/
	
	/* Main Container */
	#aIDX-listing-details {  }
	
	/* Print & Email Links */
	div.aIDX-details-links { width: 100%; position: relative; text-align: right; font-size: 92%; margin: 10px 0 10px auto; min-width: 95%; }
	div.IE-Adjust div.aIDX-details-links { margin: 0 0 10px auto; }	
		div.aIDX-details-links a { display: block; float: right; text-decoration: none; padding: 6px 7px 4px 29px; }
		div.aIDX-details-links a.print-listing { background: url(/Portals/44/images/listings/icon-printer-white.gif) 5px 50% no-repeat; margin-left: 5px; padding: 8px 0 0 25px}
		div.aIDX-details-links a.email-listing { background: url(/Portals/44/images/listings/icon-email-white.gif) 5px 50% no-repeat; margin-left: 5px; padding: 8px 0 0 29px}
	
	/* Listing Item Containers */
	div.aIDX-listing-item-s2 {  }	
	div.aIDX-listing-item-s4 {  }
	div.aIDX-listing-item-detail {  }
	
	/* Listing Item Address & Subdivision */
	div.aIDX-details-row1 { padding: 10px 0; }
		div.aIDX-details-row1 h2 { font-size: 175%; font-weight: normal; margin: 0; color: #000; }
		div.aIDX-details-row1 p.subdivision { margin: 0; font-size: 13px; }
		div.aIDX-details-row1 p.subdivision span { font-size: 82%; margin-right: 4px; } 
		div.aIDX-details-row1 p.subdivision b { font-size: 92%; font-weight: bold; }

	/* -------------------------------------
		Listing Item Photos & Thumbnails
	------------------------------------- */
	table.aIDX-details-row2 { width: 100%; }
	
		/* main photo */
		table.aIDX-details-row2 td.photo { vertical-align: top; width: 400px; height: 200px; padding-right: 4px; }
		table.aIDX-details-row2 td.photo img.main-photo { border: 3px solid #b8b7b4; visibility: hidden; cursor: pointer; }
		
		/* paging for photos */
		table.aIDX-details-row2 table.paging { width: 404px; margin: 3px 0; }
		table.aIDX-details-row2 table.paging td.viewing { width: 100%; text-align: center; }
			table.paging td.viewing span { display: block; font-size: 82%; }
			table.paging td.viewing b { font-size: 118%; }
			table.paging td.viewing a { font-size: 72%; text-decoration: none; text-transform: lowercase; }
		table.aIDX-details-row2 table.paging td.spacer { padding: 0 15px; background: url(/Portals/44/images/listings/dot-gray-vertical.gif) 50% 0% repeat-y; }
		table.aIDX-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: 20px; text-indent: -30000em; }
			a#lbtnPrev { margin: 0 auto 0 0; background: url(/Portals/44/images/listings/idx-details-previousimage.gif) no-repeat; }
			a#lbtnNext { margin: 0 0 0 auto; background: url(/Portals/44/images/listings/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; }		
		
		/* thumbnail photos */
		div.aIDX-thumbnails { background: url(/Portals/44/images/listings/dot-gray-horizontal.gif) 0% 3px repeat-x; padding: 4px 0 0; margin: 4px 0 0; font-size: 13px; }
			div.aIDX-thumbnails div.thumbs { width: 570px; overflow: auto; padding: 2px 0 5px; }
			div.aIDX-thumbnails div.thumbs img { vertical-align: middle; margin: 0 5px 0 0; border: 2px solid #b8b7b4 !important; }
			div.aIDX-thumbnails p.thumbs { font-size: 72%; color: #1158a7; margin: 0; padding: 5px 0 5px 12px; background: url(/Portals/44/images/listings/bg-thumbarrow-detailitem.gif) 0% 50% no-repeat; }
		
	/* -------------------------------------------------
		Quick Details (mls, price, beds, baths, etc.
	------------------------------------------------- */
	td.aIDX-quick-details { vertical-align: top; }
		
		/* mls number */
		td.aIDX-quick-details, td.aIDX-quick-details h3 { font-size: 13px; /* resets font size */ }
		td.aIDX-quick-details h3.mls-num { margin: 0; float: left; width: 100%; padding-top: 3px; font-size: 108%; font-weight: bold; color: #000; }
		
		/* price */
		td.aIDX-quick-details div.price { float: left; width: 150px; }
			td.aIDX-quick-details div.price h3 { color: #fff; background: #003360; margin: -2px 0; padding: 0 5px; text-align: left; font-size: 108%; }
			td.aIDX-quick-details div.price div.c2 { padding-right: 4px; background: url(/Portals/44/images/listings/bg-price-detailitem.gif) 100% 0% no-repeat; }
			td.aIDX-quick-details div.price div.c1 { width: 50%; height: 4px; background: url(/Portals/44/images/listings/bg-price-detailitem.gif) no-repeat; }
			td.aIDX-quick-details div.price div.c3 { padding-right: 4px; background: url(/Portals/44/images/listings/bg-price-detailitem.gif) 100% 100% no-repeat; }
			td.aIDX-quick-details div.price div.c4 { width: 50%; height: 4px; background: url(/Portals/44/images/listings/bg-price-detailitem.gif) 0% 100% no-repeat; }
		
		/* beds, baths, sq. ft., acres, garage spaces */
		td.aIDX-quick-details ul.quick-details  { list-style-type: none; margin: 4px 0; padding: 0; font-size: 92%; line-height: 133%; }
			td.aIDX-quick-details ul.quick-details li { list-style-type: none; padding: 3px 0 2px; background: url(/Portals/44/images/listings/dot-gray-horizontal.gif) 0% 100% repeat-x; }
			td.aIDX-quick-details ul.quick-details b { font-size: 112%; }
			td.aIDX-quick-details ul.quick-details b span { font-size: 82%; font-weight: normal; margin-left: 4px; }
			td.aIDX-quick-details ul.quick-details.column1 { width: 47%; float: left; margin-right: 7px; }
			td.aIDX-quick-details ul.quick-details.column2 { width: 47%; float: left; }
		
		/* virtual tour link */
		td.aIDX-quick-details a.virtual-tour { display: block; float: left; padding: 3px 4px 0 45px; background: url(/Portals/44/images/listings/icon-virtualtour-details.png) no-repeat; font-size: 82%; min-height: 17px; text-decoration: none; margin: 10px 6px 0 0; }
		
		/* remarks */
		td.aIDX-quick-details div.remarks h3 { font-size: 108%; font-weight: bold; color: #000; margin-bottom: 4px; }
		td.aIDX-quick-details div.remarks p { font-size: 82%; margin: 2px 0 0; color: #666; }
			
	/* -------------------------------------------------
		Additional Details
	------------------------------------------------- */
		
		/* Generic Classes */
		table.aIDX-details-list { float: left; width: 45%; }
		table.aIDX-details-list.column1 { margin-right: 5%; }
		table.aIDX-details-list th { color: #777774; width: 130px; vertical-align: top; }
		table.aIDX-details-list th span.label { display: block; font-size: 92%; padding: 3px 5px 2px 0; background: url(/Portals/44/images/listings/dot-gray-horizontal.gif) 0% 100% repeat-x;  }
		table.aIDX-details-list td { padding: 2px 0; font-size: 100%; }
		table.aIDX-details-list td b span { font-size: 82%; font-weight: normal; color: #1158A7; margin-left: 4px; }
		
		/* Rooms & Dimensions (overrides) */
		div.aIDX-details-row3 { margin: 0 0 1.5em; padding: 0 0 1em; }
		div.aIDX-details-row3 h4 { font-size: 95%; text-transform: uppercase; font-weight: bold; margin-bottom: 4px; padding: 3px 4px 14px; background-color: #fad99c; color:#000000; }
		table.aIDX-details-list.rooms-dimensions {  }
		
		/* Additional Features (overrides) */
		div.aIDX-details-row4 { margin: 0 0 1.5em; padding: 0 0 1em; }
		div.aIDX-details-row4 h4 { font-size: 95%; text-transform: uppercase; font-weight: bold; margin-bottom: 4px; padding: 3px 4px 14px; background-color: #fad99c; color:#000000; }
		table.aIDX-details-list.additional-features.column1 { width: auto; }
		
		/* Schools (overrides) */
		div.aIDX-details-row5 { margin: 0 0 1.5em; padding: 0 0 1em; }
		div.aIDX-details-row5 h4 { font-size: 95%; text-transform: uppercase; font-weight: bold; margin-bottom: 4px; padding: 3px 4px 14px; background-color: #fad99c; color:#000000; }
		table.aIDX-details-list.school-info.column1 { width: auto; }
		
		/* Listed By (overrides) */
		div.aIDX-details-row6 { margin: 0 0 1.5em; padding: 0 0 1em; }
		div.aIDX-details-row6 h4 { font-size: 95%; text-transform: uppercase; font-weight: bold; margin-bottom: 4px; padding: 3px 4px 14px; background-color: #fad99c; color:#000000; }
		div.aIDX-details-row6 p { font-size: 100%; }
		div.aIDX-details-row6 p span { font-size: 92%; color: #777774; padding: 0 15px 1px 0; background: url(/Portals/44/images/listings/dot-gray-horizontal.gif) 0% 100% repeat-x; }
		
	/* ------------------------------------------
		AgentIDX Details Page Virtual Earth Map
	------------------------------------------ */
		#aIDX-Details-VEMap {  }
		div.IE-Adjust #aIDX-Details-VEMap {  } /* Addresses Negative Top Adjustment for IE browsers via Conditional Comments */
		
		#aIDX-Details-VEMap div.aIDX-details-map { width: 575px; }
		
		div.ero div.ero-body { width: 315px; padding: 7px !important; }
		div.ero div.ero-previewArea div.firstChild { margin: 0 !important; }
		div.aIDX-details-map-title { border-bottom: 1px solid #deded9; padding: 2px 3px 3px; font: normal small Arial,Geneva,Helvetica,sans-serif; }
			div.aIDX-details-map-title span { color: #7e7e7a; font-size: 82%; }
			div.aIDX-details-map-title span.street b { color: #434341; font-size: 150%; line-height: 100%; }
		div.aIDX-details-map-desc { font: normal 11px Arial,Geneva,Helvetica,sans-serif; }
			div.aIDX-details-map-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: #003360; 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.aIDX-details-map-desc div.photo { float: left; border: 3px solid #fff; margin-right: 5px; }
			div.aIDX-details-map-desc span.subdivision { display: block; color: #7e7e7a; font-size: 92%; }
			div.aIDX-details-map-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("../../../../44/Skins/NationalRealty/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("../../../../44/Skins/NationalRealty/images/icons/map-legend-cluster.png") 1px 50% no-repeat; }
			#map-legend ul li.company p { background: url("../../../../44/Skins/NationalRealty/images/icons/map-legend-company.png") 1px 50% no-repeat; }
			#map-legend ul li.idx p { background: url("../../../../44/Skins/NationalRealty/images/icons/map-legend-idx.png") 1px 50% no-repeat; }
			#map-legend ul li.openhouse p { background: url("../../../../44/Skins/NationalRealty/images/icons/map-legend-openhouse.png") 1px 50% no-repeat; }
			#map-legend ul li.showcase p { background: url("../../../../44/Skins/NationalRealty/images/icons/map-legend-showcase.png") 1px 50% no-repeat; }
			#map-legend ul li.pricechange p { background: url("../../../../44/Skins/NationalRealty/images/icons/map-legend-pricechange.png") 1px 50% no-repeat; }
			
	/* ------------------------------------------
		Disclaimers
	------------------------------------------ */
		div.aIDX-details-row7 { clear: both;}
		div.aIDX-details-row7 td { font-size: 100%; color: #777774; padding-top: 7px; }
