h1 { color: #316cb2; }

a:link,a:visited,a:hover { color: #316cb2; }
#homeTopBottomWrapper a { color: #C5DFFF; } /* increase contrast.. */
#footer a, .listingDetail .icons a { color: white; font-weight: bold; }

.searchContainer, .listingDetail,.listingDetailBox { color: black; } /* fix */

div#search div.searchCriteria,
div#search div.assistant { background-color: #0065AD; } /* PRIMARY */
div#search div.searchCriteria strong { color: #fff; }
div#search div.assistant { background-image: url(../images/search-assistant-arrow-top.png); } /* PRIMARY */
div#search div.assistant div.body,
.searchBox #search .start .body { background-color: #02375C;} /* primary - darkest - desaturated & lightened slightly ###### */
.searchBox #search .body { border: 1px solid #02375C;} /* primary - darkest - 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; } /* PRIMARY darkest */
.searchBox .assistant .header { background-image: none; }

/* buttons on search page */
.ui-state-default, .ui-widget-content .ui-state-default { color: #02375C; } /*button text*/ /*PRIMARY darkest */
button, input.button, a.button { background-color: #A6702A; border-color:#925A1A; background-image: url(../images/button.gif); } /* ### complement lighter - more saturation needed in the image */

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

/* search results -etc */
.promoHeader h1, .listingDetail h2 { color: #D9EFFF; } /*lightPage: PRIMARY darkest, darkPage: ### primary lightest - lightness 100% */
.searchBody > .viewContainer > .label { color: white; }

/* light bg */
div#moreOptions,
div.listingDetail div.details,
div.searchContainer,
.listingDetailBox,
#myProperties .list .listing,
div.searchBody div.views a.selected { background-color: #9AC0DC;
									  border-color: #9AC0DC; }  /* PRIMARY lightest ######*/

div.searchResultsPhotos div.photo div.linkBack { background-color: #003F6C; } /* primary - 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: #5F9CC7; } /* primary - less saturated , lighter ####### */
div.listingComparison td.valueSame { background-color: #BDDAEE; } /* primary lightest - lightness 100%, less saturated #########*/
div.listingComparison td.name { background-color: #296289; } /* primary darkest - 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: #1F4B6B url(../images/header-bg.gif) repeat-x;} /*  ### primary darker - 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: #017FD7; } /* primary - 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 #02375C; } /* primary darkest - (adjusted darker) ######## */ /* see also next section, current tab */
.ui-tabs .ui-tabs-nav .ui-state-default,
#myProperties .list .scrollButton { background-color: #02375C; } /* primary darkest - (adjusted darker) */

/* current tab */
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-panel { border-color: #02375C; background-color: #1F4B6B; color: #fff; } /* 1) primary darkest (adjusted darker), 2) 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: #02375C;
}

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

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

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

#myAccount .ui-tabs-nav a,
#myAccount .welcomeText,
#tab-new-matches span.searchName,
#myAccount h1 {
	color: #fff;
}