/**
 * Generic CSS
 */
#IDX-main { font: 100 10pt Arial, Helvetica, sans-serif; }
div.IDX-pageWrapper { width: 100%; }
div.IDX-pageHeader { font-size: 16pt; font-weight: bold; text-align: left; padding: 5px 0 5px 10px; border-bottom: 1px #DDD solid; width: 60%; margin-bottom: 10px; }
div.IDX-warn { color:#F00; font-size: 11pt; font-weight:bold; }
div.IDX-spacer { clear: both; height:12px; }

/* Hidden input field */
.vEmail { display: none; }

/* Advanced fields should have proper spacing between them */
.IDX-advancedPair { padding:10px; }
.IDX-advancedLabel { float: left; text-align: left; margin-bottom: 8px; }
.IDX-advancedValue { float: right; text-align: left; margin-bottom: 8px; }

#IDX-userSubHeader { width: 100%; height: 20px; border: 1px #DDD solid; text-align: center; margin: 5px 0; background: #F5F5F5; }
#IDX-userSubHeader a:link, #IDX-userSubHeader a:hover, #IDX-userSubHeader a:active, #IDX-userSubHeader a:visited { background: none; color: #333; }
#IDX-userSubProperties { float: left; width: 26%; height: 18px; border-right: 1px #CCC dotted; padding-top: 2px; }
#IDX-userSubSearches { float: left; width: 26%; height: 18px; border-right: 1px #CCC dotted; padding-top: 2px; }
#IDX-userSubInfo { float: left; width: 26%; height: 18px; border-right: 1px #CCC dotted; padding-top: 2px; }
#IDX-userSubLogout { float: left; width: 20%; height: 18px; padding-top: 2px; }
.IDX-userSubSelected { background: #EAEAEA; }

#IDX-googleMap { width:500px; height: 400px; border: 1px #555 solid; color: #000; margin-bottom:10px; }
#IDX-googleMap a:link, #IDX-googleMap a:hover, #IDX-googleMap a:active, #IDX-googleMap a:visited { color: #000; }

#IDX-featuredClientLogo { width: 100%; text-align: center; margin-top: 10px; }

/**
 * Home Valuation CSS
 */
div.IDX-valuationWrapper { width: 95%; text-align: left; }

/**
 * Featured Results Search Box
 */
#IDX-featuredSearch { font-size: 8pt; width: 560px; }
#IDX-featuredSearch input { width: 80px; border: 1px #AAA solid; }
#IDX-featuredSearch #city { width: 165px; height: 70px; border: 1px #AAA solid; }
#IDX-featuredCityList { width: 180px; float: left; }
#IDX-featuredRightColumn { float: left; width: 370px; }
#IDX-featuredLowPrice { width: 90px; height: 36px; float: left; font-size: 8pt; }
#IDX-featuredHighPrice { width: 90px; height: 36px; float: left; font-size: 8pt; }
#IDX-featuredDaysOnMarket { width: 100px; height: 36px; float: left; font-size: 8pt; }
#IDX-featuredSqFt { width: 90px; height: 36px; float: left; font-size: 8pt; }
#IDX-featuredpropertyTypes { float: left; margin-top: 4px; font-size: 8pt; width: 315px; }
#IDX-featuredpropertyTypes select { width: 200px; border: 1px #AAA solid; }
#IDX-featuredSortByPrice { float: left; margin-top: 3px; font-size: 8pt; width: 375px; }
#IDX-featuredSortByPrice select { width: 200px; border: 1px #AAA solid; }
#IDX-featuredSubmit { width: 80px; height: 21px; margin-left: 43px; background: #F0F0F0; font-weight: bold; }

/**
 * Roster CSS
 */
.IDX-officeInfo { clear: both; width: 100%; background: #FFF; color:#444; border: 1px #AAA solid; margin-bottom: 5px; }
.IDX-officeName { background: #EEE; color: #444; font: bold 11pt Tahoma, Arial, Helvetica, sans-serif; padding: 2px 0 2px 20px; border-bottom: 1px #CCC dashed; }
.IDX-officePhotoCell { float: left; border-right: 1px #AAA dashed; }
.IDX-officeInfo img { margin: 5px; border: 1px #555 solid; }
.IDX-officeInfoCell { float: left; font-size: 10pt; padding: 10px 0 0 10px; color: #000; }

.IDX-rosterHeader { background: #EEE; border-bottom: 1px #CCC dashed; padding: 2px 0 2px 20px; color: #444; font: bold 11pt Tahoma, Arial, Helvetica, sans-serif; }
.IDX-rosterInfo { width: 100%; margin: 8px 0; border: 1px #AAA solid; padding-bottom: 5px; background: #FFF; text-align: left; }
.IDX-rosterInfo img { margin: 2px 5px 0 0; }
.IDX-rosterFirstColumn { width: 49%; float: left; padding: 5px 0 0 5px; }
.IDX-rosterSecondColumn { width: 49%; float: right; padding: 5px 0 0 5px; }
.IDX-rosterName { font-size: 9pt; color: #000; }
.IDX-rosterSubInfo { color: #666; font-size: 8pt; }
.IDX-rosterTitleDescription { font-size: 8pt; font-style: italic; color: #666; }


/**
 * Bio CSS
 */
div.IDX-bioWrapper { width: 100%; }
div.IDX-bioHeader { font-size: 18pt; font-weight: bold; }
div.IDX-bioInfo { width: 100%; text-align: center; margin: 5px 0; }
div.IDX-bioPhoto { width: 50%; float: left;  border-right: 1px #DDD dashed; }
div.IDX-bioInfo img { margin: 5px; border: 1px #AAA solid; }

div.IDX-bioText { padding-left: 3%; float: left; }
div.IDX-bioName { font-size: 16pt; font-weight: bold; }
div.IDX-bioTitle { font-size: 14pt; }
div.IDX-bioURL { margin-top: 3px; text-align: left; }
div.IDX-bioPhones { font-size: 9pt; margin-top: 10px; text-align: left; }
div.IDX-bioPhones b { }
div.IDX-bioEmail { text-align: left; }
div.IDX-bioDetails { font-size: 10pt; width: 100%; text-align: left; border-top: 1px #DDD dashed; clear: both; }
div.IDX-bioFeaturedHeader { width: 95%; font-size: 16px; font-weight: bold; text-align:left; border-width: 1px 0; border-color: #DDD; border-style: solid; margin: 10px 0; padding: 2px 0 2px 8px; background: #F0F0F0;}
div.IDX-bioFeaturedEntry { width: 90%; border-bottom: 1px #DDD solid; padding-bottom: 5px; margin-bottom: 5px; }
div.IDX-bioFeaturedEntry table { width: 100%; }

/**
 * Showing CSS
 */
div.IDX-showingPageTitle { font-size: 16pt; }
div.IDX-showingPropertyInfo { font-weight: bold; }
span.IDX-showingPropertyPrice { font-size: 14pt; }
div.IDX-showingForm { width: 90%; border-top: 1px #DDD solid; text-align: left; }

/**
 * Photo Gallery CSS
 */
div.IDX-galleryHeader { font-size: 16pt; font-weight: bold; }
div.IDX-galleryWrapper { border-width: 1px 0; border-color: #DDD; border-style: solid; margin: 5px 0; padding: 5px 0; text-align: center; }
div.IDX-galleryWrapper img { margin: 5px 0; border: 1px #555 solid; }


/**
 * Address / ListingID Search Pages
 *  (no templates associated with these pages
 */
#IDX-addressPropertyTypes { height: 165px; margin-top: 6px; }
#IDX-addressField { position: absolute; top: 65px; left: 21%; text-align: left; }
#IDX-addressField input { width: 137px; border: 1px #999 solid; }
#IDX-addressSearchCity { position: absolute; top: 65px; right: 21%; text-align: left; }
#IDX-addressSearchCity select { height: 100px; }
#IDX-addressSubmitSort { clear: both; }
#IDX-addresssearchSubmit { position: absolute; top: 148px; left: 21%; }
#IDX-addresssearchSubmit input { font-size: 12pt; background: #F5F5F5; border: 1px #999 solid;}
#IDX-addresssearchReset { position: absolute; top: 150px; left: 36%; }
#IDX-addresssearchReset input { background: #F5F5F5; border: 1px #999 solid;}
#IDX-addressPerPage { position: absolute; top: 105px; left: 25%; }
#IDX-listingIDsearch { margin-top: 4px; }
#IDX-listingIDsearch input {border: 1px #999 solid;}
#IDX-listingIDsearchInfo { margin-top: 2px; }
#IDX-listingIDsearchInfo .IDX-searchLabel {  font-size: 8pt; }
#IDX-listingIDsearchSpacer { clear: both; height: 70px;}
#IDX-listingIDSubmitSort { clear: both; }
#IDX-listingIDsearchSubmit { position: absolute; top: 130px; left: 38%; }
#IDX-listingIDsearchSubmit input { font-size: 12pt; background: #F5F5F5; border: 1px #999 solid;}
#IDX-listingIDsearchReset { position: absolute; top: 132px; left: 52%; }
#IDX-listingIDsearchReset input { background: #F5F5F5; border: 1px #999 solid;}
#IDX-listingIDPerPage { position: absolute; top: 86px; left: 42%; }

/**
 * On the results page - there are the new/modify/save links
 */
#IDX-resultsLinks { width: 300px; height: 18px; }
#IDX-resultsLinkSave { float: left; width: 100px; }
#IDX-resultsLinkNew { float: left; width: 100px; }
#IDX-resultsLinkModify { float: left; width: 100px; }


/**
 * Lead's Saved Property/Search CSS
 */
.IDX-userWrapper { background: #EEE; font: 900 8pt Arial, Helvetica, sans-serif; width: 520px; border: 2px #555 solid; }
.IDX-userWrapper a:link, .IDX-userWrapper a:hover, .IDX-userWrapper a:active, .IDX-userWrapper a:visited { color: #333; }
.IDX-userWrapper td { color: #000; font-weight: 100; }
.IDX-userWrapper b { color: #444; font-weight: bold; }
.IDX-userHeader { background: #F5F5F5; font-size: 14pt; font-weight: bold; color:#FF9313; width: 100%; padding: 8px 0; border-bottom: 1px #DDD dashed; }
.IDX-userContent { background: #F5F5F5; }

#IDX-userSearchNow { text-align: center; border-bottom: 1px #AAA dotted; margin: -5px; padding-bottom: 5px; }

.IDX-savedItem { position: relative; border: 1px #DADADA solid; width: 500px; margin: 5px 0; padding-top: 5px; background: #F0F0F0; }
.IDX-savedProperty { position: relative; width: 97%; }
.IDX-savedItemDetails table { width: 100%; }
.IDX-savedItemDetails table td { padding-left: 20px;}
.IDX-userSavedDivider { border-top: 1px #CCC dashed; }
.IDX-deleteSavedItem { position: absolute; top: 2px; right: 3px; z-index: 40; }
.IDX-userSpacer { clear: both; margin-top: 4px; border-top: 1px #DDD dotted; padding: 4px 0; text-align: center; }
.IDX-userEditForm { width: 450px; text-align: left; }

td#IDX-formTitle { font-size: 14pt; color: #003; }
input#IDX-formSubmit { border: 1px #555 solid; background: #DDD; }


/**
 * Email Updates CSS
 */
#IDX-emailUpdateSave { position: relative; width: 400px; height: 190px; text-align: center; }
#IDX-emailUpdateHeader { font-size: 12pt; font-weight: bold; }
#IDX-emailUpdatePersonalInformation { position: absolute; top: 5px; left: 0; width: 400px; height: 100px;}
#IDX-emailUpdateName { position: absolute; top: 0; left: 0; width: 200px; height: 35px; }
#IDX-emailUpdateEmail { position: absolute; top: 0; left: 200px; width: 200px; height: 35px; }
#IDX-emailUpdatePassword { position: absolute; top: 40px; left: 0; width: 200px; height: 35px; }
#IDX-emailUpdatePhone { position: absolute; top: 40px; left: 200px; width: 200px; height: 35px; }
#IDX-emailUpdateFormat { position: absolute; top: 92px; left: 50px; width: 300px; height: 35px; }
#IDX-emailUpdateFormat input {  }
#IDX-emailUpdateComment { position: absolute; top: 118px; left: 60px; }
#IDX-emailUpdateComment textarea { width: 280px; height: 30px; border: 1px #999 solid; }
#IDX-emailUpdateHelpText { position: absolute; top: 170px; left: 130px; font-size: 8pt; margin-bottom: 10px; }

/**
 * User Login Page
 */
#IDX-userLoginWrapper { text-align: center; width: 520px; }
#IDX-userLoginHeader { font-size: 15pt; margin-bottom: 15px; text-align: center; }
#IDX-userLoginLeft { width: 48%; border-right: 1px #AAA dashed; float: left; padding-right: 1%; text-align: left; }
#IDX-userLoginRight { width: 48%; float: left; margin-left: 10px; text-align: left; }
#IDX-userLoginSubmit { border: 1px #444 solid; background: #F0F0F0; margin-left: 1%; }