h1 { color: #000; } 

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

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


/* search head */
div#search div.searchCriteria,
div#search div.assistant { background-color: #717171; } /* PRIMARY BASE #616161 (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: #1F313F; } /* PRIMARY DARKEST #1F313F  - desaturated & lightened slightly ###### */
.searchBox #search .body { border: 1px solid #1F313F; } /* PRIMARY DARKEST #1F313F  - 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: #1F313F; } /* PRIMARY DARKEST #1F313F */ /*button text*/
button, input.button, a.button { background-image: url(../images/button.gif); background-color: #969696; } /* COMPLEMENT LIGHTER ######## - more saturation needed in the image */

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

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

/* light bg */
div#moreOptions,
div.listingDetail div.details,
div.searchContainer,
.listingDetailBox,
#myProperties .list .listing,
div.searchBody div.views a.selected { background-color: #B0B0B0;
									  border-color: #B0B0B0; } /* PRIMARY LIGHTEST #B0B0B0 (or secondary b) ######*/

div.searchResultsPhotos div.photo div.linkBack { background-color: #434343; } /* PRIMARY BASE #616161 - 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: #7E7E7E; } /* PRIMARY BASE #616161 - less saturated , lighter ####### */
div.listingComparison td.valueSame { background-color: #C5C5C5; } /* PRIMARY LIGHTEST #B0B0B0 - lightness 100%, less saturated #########*/
div.listingComparison td.name { background-color: #4A4A4A; } /* PRIMARY DARKEST #1F313F - 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: #484848; } /* PRIMARY DARKER #484848 - 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: #5F5F5F; } /* PRIMARY BASE #616161 - 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 #282828; } /* PRIMARY DARKEST #1F313F - (adjusted darker) ######## */ /* see also next section, current tab */
.ui-tabs .ui-tabs-nav .ui-state-default,
#myProperties .list .scrollButton { background-color: #282828; } /* PRIMARY DARKEST #1F313F - (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: #282828; background-color: #5F5F5F; } /* PRIMARY DARKER #484848 (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: #282828;
	border-color: #000;
}

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

#myAccount {
	background-color: #282828;
	border-top: 1px solid #000;
	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;
}