﻿@import url(Settings.css);
/*******************************************
/*****  AgentIDX Results Map Core CSS  *****
/******************************************/
	/* Main VE Map Container Class - position (relative), width, and height have already been assigned to this class
	   on the Map control, but can be further overridden via the following class (if necessary) */
	div.aIDX-results-VEMap {  }

	/* Virtual Earth Mapped Listing(s) Count */
	h4.aIDX-mapped-count { width: 400px; text-align: center; margin: 0; padding: .75em 0; background: #000; color: #ccc; border-bottom: 1px solid #fff; }
	h4.aIDX-mapped-count strong { color: #fff; font-size: 112%; }
	
	/* Icons */
	img.map-icon { width: 38px; height: 33px; border: 0px none; }
	img.cluster-icon { background: url(images/map-cluster.png) no-repeat; }
	/* open house */
	img.openhouse-icon.pricechange-icon { background: url(images/map-openhouse-pricechanged.png) no-repeat; }
	img.openhouse-icon.showcase-icon { background: url(image/map-openhouse-showcase.png) no-repeat; }
	img.openhouse-icon { background: url(images/map-openhouse.png) no-repeat; }
	/* company / agent listing */
	img.company-icon.pricechange-icon { background: url(images/map-company-pricechanged.png) no-repeat; }
	img.company-icon.showcase-icon { background: url(images/map-company-showcase.png) no-repeat; }
	img.company-icon { background: url(images/map-company.png) no-repeat; }
	/* default IDX listing */
	img.otheridx-icon.pricechange-icon { background: url(images/map-idx-pricechanged.png) no-repeat; }
	img.otheridx-icon { background: url(images/map-idx.png) no-repeat; }
	
	/* Virtual Earth Popup Control Overrides */
	div.ero div.ero-body { width: 315px; padding: 5px !important; }
	div.ero div.ero-previewArea div.firstChild { margin: 0 !important; max-height: 350px; overflow: auto; }
	
	/* Listing Details Information (shows in Virtual Earth Popup) */
	div.aIDX-map-listing-title { border-bottom: 1px solid #deded9; padding: 2px 3px 3px; font: normal small Arial,Geneva,Helvetica,sans-serif; }
		div.aIDX-map-listing-title span { color: #7e7e7a; font-size: 82%; }
		div.aIDX-map-listing-title span.street b { color: #434341; font-size: 150%; line-height: 100%; }
		div.aIDX-map-listing-title span.link { float: right; }
	div.aIDX-map-listing-desc { font: normal 11px Arial,Geneva,Helvetica,sans-serif; }
		div.aIDX-map-listing-desc div.aIDX-details { margin-left: 118px; }
		div.aIDX-details p.aIDX-details span { color: #7e7e7a; font-size: 11px; }
		div.aIDX-details p.aIDX-details span b { font-size: 12px; }
		div.aIDX-details p.aIDX-details span.mls-number { font-weight: bold; color: #434341; font-size: 100%; display: block; }
		div.aIDX-details p.aIDX-details span.price { color: #ff6000; font-weight: bold; font-size: 100%; display: block; }
		div.aIDX-details p.aIDX-details span.beds b { color: #434341 }
		div.aIDX-details p.aIDX-details span.baths b { color: #434341 }
		div.aIDX-details p.aIDX-details span.sqft b { color: #434341 }
		div.aIDX-details p.aIDX-details span.sqft b span { margin-left: 4px; font-weight: normal; }
		div.aIDX-map-listing-desc div.aIDX-photo { float: left; border: 3px solid #fff; margin-right: 5px; }
		div.aIDX-map-listing-desc div.aIDX-photo img { width: 108px; }
		div.aIDX-map-listing-desc span.subdivision { display: block; color: #7e7e7a; font-size: 92%; }
		div.aIDX-map-listing-desc span.subdivision b { font-size: 100%; display: block; }
	
	/* Loading Dialog & Spinner */
	div.aIDX-results-loading { position: absolute; display: none; visibility: hidden; z-index: 2999; background: #fff url(spinner.gif) 10px 5px no-repeat; width: 60px; padding: 8px 10px 8px 40px; color: #000; font: bold 1em Arial,Geneva,Helvetica,sans-serif; opacity: .90; filter:alpha(opacity=90); }
	
	
	/* -------------------------------------------------------------------------------------------------------------
	/* The two following classes are top-level container css classes that are written to the page using IE specific
	/* conditional commenting.  This allows you to only override that which is incorrect without having to load an
	/* entirely separate css document for each of the target IE browsers.
	/*
	/* How To Implement an IE-Only override:
	/* div.IE7-adjust.aIDXMap div.aIDX-results-VEMap { background: #000; }
	/* 
	/* .IE7-adjust is the class used to target IE 7
	/* .aIDXMap is the class assigned to the type of control, in this case, the AgentIDX Map Results Module
	/*
	/* By concatenating the two classes together, you increase the specificity of the css definition, ensuring that
	/* your overrides do, indeed, take effect only for the target browsers.
	/* -------------------------------------------------------------------------------------------------------------


	/* IE 7+ Adjustments */
	div.IE7-adjust.aIDXMap {  }
	
	/* IE 6- Adjustments */
	div.IE6-adjust.aIDXMap {  }