﻿@import url(Settings.css);
/* AgentIDX Property Rotator Container */
	#aIDX-Rotator {  }
	
	/* Vertical Formatting */
	div.aIDX-Vertical { width: 180px; margin: 0 auto; text-align: center; }
	div.aIDX-Vertical div.aIDX-details p { margin: 0 auto 2px; text-align: left; font-size: 12px; }
	div.aIDX-Vertical div.aIDX-photo img { border: 2px solid #767676; margin-bottom: 4px; }
	div.aIDX-Vertical span.mls { display: block; font-size: .9em; }
	div.aIDX-Vertical span.address-line1 a { font-size: 1em; font-weight: bold; color: #313131; text-decoration: none; }
	div.aIDX-Vertical span.address-line1 a:hover { color: #c72f30; text-decoration: underline; }
	div.aIDX-Vertical span.address-line2 { display: block; font-size: .9em; color: #626262 }
	div.aIDX-Vertical ul, div.aIDX-Vertical div.aIDX-link { width: 140px; text-align: left; margin: 4px auto; padding: 0; list-style-type: none; }
	div.aIDX-Vertical li { padding: 0; list-style-type: none; }
	div.aIDX-Vertical li span { margin-left: 5px; color: #626262; font-size: .85em; }
	div.aIDX-Vertical li.sq-ft b span { font-size: .85em; font-weight: normal; }
	div.aIDX-Vertical li.price { font-size: 1.1em; }
	div.aIDX-Vertical li b { font-size: 1.1em; color: #303030; }
	div.aIDX-Vertical a.link-button.more-info { font-size: 10px; }
	
	/* Horizontal */
	div.aIDX-Horizontal { width: 350px; font-size: 100% !important; }
	div.aIDX-Horizontal div.aIDX-details p { margin: 0 auto 2px; font-weight: bold; text-align: left; margin: 0 0 4px 0; padding: 3px 4px; background: #f8f4f2; border: 1px solid #dbd5d2; font-size: 12px; }
	div.aIDX-Horizontal div.aIDX-details p span.address-line1 a { font-weight: bold; }
	div.aIDX-Horizontal div.aIDX-details p span.address-line2 { font-size: 92%; color: #585858; font-weight: normal; }
	div.aIDX-Horizontal div.aIDX-photo img { float: left; border: 2px solid #dbd5d2; margin-right: 5px; width: 200px; }
	div.aIDX-Horizontal ul { list-style-type: none; margin: 0 0 0 205px; padding: 0 0 0 2px; }
	div.aIDX-Horizontal li { list-style-type: none; margin: 1px 0; font-size: 92%; padding: 3px 0 1px; background: url(images/dot-gray-horizontal.gif) 0% 100% repeat-x; }
	div.aIDX-Horizontal li b { margin-right: 4px; font-size: 1.1em; color: #303030; }
	div.aIDX-Horizontal li span { margin-right: 4px; font-size: 92%; }
	div.aIDX-Horizontal li.sq-ft b span { font-weight: normal; }
	div.aIDX-Horizontal li.price b { color: #ff6000; font-size: 115%; }
	div.aIDX-Horizontal div.aIDX-link { display: block; padding-top: 7px; }
	div.aIDX-Horizontal a.link-button.more-info { font-size: 10px; }
	
	/* -------------------------------------------------------------------------------------------------------------
	/* 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.aIDXRotator div.aIDX-Horizontal { width: 300px; border: 1px solid #000; }
	/* 
	/* .IE7-adjust is the class used to target IE 7
	/* .aIDXRotator is the class assigned to the type of control, in this case, the AgentIDX Rotator 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.aIDXRotator {  }
	
	/* IE 6- Adjustments */
	div.IE6-adjust.aIDXRotator {  }