h1 { color: #213A6E; } 

a:link,a:visited,a:hover { color: #176ACD; }
/* increase contrast.. */
.listingDetail .icons a { color: #203CB8; font-weight: bold; } 
.featured a,
div.agentBox a { color: #B1D4FF; }

#footer a { color: #0653B1; font-weight: bold; }
.searchContainer, .listingDetail,.listingDetailBox { color: black; } /* fix */
#footer { color: black; }

.featured { color: white; }

/* search head */
div#search div.searchCriteria,
div#search div.assistant { background-color: #4A82C6; } /* primary-1 #4A82C6 (more saturated ?) #### */
div#search div.searchCriteria strong { color: #fff; }
div#search div.assistant { background-image: url(../images/search-assistant-arrow-top.png); } /* see  div#search div.assistant div.body,... */
div#search div.assistant div.body,
.searchBox #search .start .body { background-color: #184881; } /* primary-3 #184881  - desaturated & lightened slightly ###### */
.searchBox #search .body { border: 1px solid #184881; } /* primary-3 #184881  - desaturated & lightened slightly ###### */

/* search widget, see above for 2 more styles. */
.searchBox #search .start { background-image: url(../images/search-assistant-arrow-top.png); padding-left: 18px; } /* see div#search div.assistant div.body,... */
.searchBox .assistant .header { background-image: none; }

/* buttons on search page */
.ui-state-default, .ui-widget-content .ui-state-default { color: #184881; } /* primary-3 #184881 */ /*button text*/
button, input.button, a.button { background-image: url(../images/button.gif); background-color: #A6701A; } /* complement-4 ######## - more saturation needed in the image */

a.fg-button { padding-right: 8px; }

/* search results -etc */
.promoHeader h1, .listingDetail h2 { color: #184881; } /* primary-3 #184881 (default) lightPage: PRIMARY darkest, darkPage: ### primary lightest - lightness 100% */
div.promoHeader h2 { color: #213A6E; } /* price */

/* light bg */
div#moreOptions,
div.listingDetail div.details,
div.searchContainer,
.listingDetailBox,
#myProperties .list .listing,
div.searchBody div.views a.selected { background-color: #9CBADE;
									  border-color: #9CBADE; } /* primary-5 #94B8E3 (or secondary b) ######*/

div.searchResultsPhotos div.photo div.linkBack { background-color: #225B9F; } /* primary-1 #4A82C6 - more saturated ####### */
.searchContainer .photoCount { background-image: url(../images/photo-count.png); } /* ### complement lighter - if necessary ######## */
/*search compare listings*/
div.listingDetail div.details td.blank,
div.listingComparison td.remove { background-color: #628CBE; } /* primary-1 #4A82C6 - less saturated , lighter ####### */
div.listingComparison td.valueSame { background-color: #C2D3E8; } /* primary-5 #94B8E3 - lightness 100%, less saturated #########*/
div.listingComparison td.name { background-color: #294D78; } /* primary-3 #184881 - usually less saturated ##########*/
/* listing detail */
div.listingDetail div.listingResult div.details { background-color: transparent; } /* unset bg on listing search results! */

/* widget headers, table headers */
div.contentBox div.header,div.imageBox div.header,
div.listingDetail div.details th.tableHeader,
div.listingDetail div.details div.imageBox div.header { color: #fff; background: url(../images/header-bg.gif) repeat-x;background-color: #4F6E95; } /* primary-2 #4F6E95 - darker and/or more saturated */

div.contentBox div.body, .column .contentBox, .column .rotator { background-color: #E5E5E5; } /* see TEMPLATE, default is E5E5E5 */
.right .contentBox .body { background-color: white; }
.featured div.body div.listing div.body, 
.featured .rotator div.contentBox div.body,
.featured div.contentBox div.body { background-color: transparent; }

/*--------- myProperties ---------*/
/* unselected listing item bg */
#myProperties .list .listing {	border-width: 1px; border-style: solid; color: black; } /* (primary lightest) (set above) */

/* selected listing */
#myProperties .list .selected .listing { color: white; background-color: #2F6BB4; } /* primary-1 #4A82C6 - usually needs more saturation ######### */

/* tab/selected listing border color; unselected tab, scroll button color  */
#myProperties .list .selected .listing,
.ui-tabs .ui-tabs-nav .ui-state-default,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border: 1px solid #233A56; } /* primary-3 #184881 - (adjusted darker) ######## */ /* see also next section, current tab */
.ui-tabs .ui-tabs-nav .ui-state-default,
#myProperties .list .scrollButton { background-color: #233A56; } /* primary-3 #184881 - (adjusted darker) */

/* current tab */
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-panel { color: #fff; border-color: #233A56; background-color: #385F8F; } /* primary-2 #4F6E95 (2) 1) primary darkest (adjusted darker), 2) (Primary Darker) between primary and primary darker */

/* etc */
/* scroll up/down buttons */
#myProperties .list .scrollButton { background-image: url(../images/arrow-down.gif); background-repeat: no-repeat; background-position: center center; }
#myProperties .list .selected .arrow { background: transparent url(../images/arrow-med-right.png) no-repeat; } /* same as selected listing, and border color */
#myProperties .list .scrollUp { background-image: url(../images/arrow-up.gif); }
.ui-tabs .ui-tabs-nav .ui-state-default a { color: #fff; font-weight: bold; }

#accountBar .controls {
	color: #fff;
	background-color: #233A56;
}

#accountBar .controls a {
	color: #fff;
}

#myAccount {
	background-color: #233A56;
	border-top: 1px solid #555;
	margin-bottom: 0;
}

#myAccount .ui-tabs .ui-tabs-panel {
	color: #000;
}

#myAccount .welcomeText {
	color: #fff;
}

#myAccount .ui-tabs-nav a {
	color: #fff;
}

#myAccount h1 {
	color: #fff;
}

