 
/*________________________________________ GLOBAL ______________________________________*/

/* BACKGROUND COLOR */
html, body {background-color: #836334;}

/* BACKGROUND GRADIENT = 1px X designer defined */
body {background-image: url('/images/skins/ecospot/images/bg_gradient.jpg');}

/* LINK COLOR OFF STATE */
a{color: #666666;}

/* LINK COLOR HOVER STATE */
a:hover {color: #666666;}

/*________________________________________ HEADER ______________________________________*/

/* HEADER IMAGE & HEIGHT = 983px X designer defined */
#interestTitle {background-image: url('/images/skins/ecospot/images/header.jpg');height: 210px;}

	/* INTEREST TITLE IN HEADER VISIBILITY */
	#interestTitle h1 {visibility:hidden;}
	
	/* CLOSED TOPIC LABEL VISIBILITY */
	#interestTypeLabel {display:none;}
	
	
/*________________________________________ SUBHEADER BAR ______________________________________*/

/* SUBHEADER BAR IMAGE & HEIGHT = 983px X designer defined */
/*#interestSponserBar {width: 110%; height: 30px; background-image: url('/images/skins/ecospot/images/ASSETNAME.jpg'); background-repeat:no-repeat;}*/

	/* SPONSOR LOGO IN SUB-HEADER VISIBILITY & IMAGE */
	#interestSponserLink {display: none; float: right; width: 205px; height: 19px; margin-top: .5em; background-image: url('/images/skins/ecospot/images/ASSETNAME.jpg'); }
	

/*________________________________________ CONTENT AREA ______________________________________*/	
	
/* CONTENT BACKGROUND COLOR */
#content {background-color: #fff;}

/* ACTIVE SORT MENU ITEM COLOR */
#interestSortMenu li.active  a {color: #414141;}

	/* INACTIVE SORT MENU ITEM COLOR */
	#interestSortMenu li a {color: #74ab00;}	
	
/* ITEM GRADIENT HEADER IMAGE LONG = 1px X 19px |  ALSO INCLUDES SOLID BAR AT TOP */
.contentItemList .contentItemTopBorder {background-image: url('/images/skins/ecospot/images/item_gradient.jpg'); border-top: solid 1px #e1e1e1;}

/* ITEM GRADIENT HEADER IMAGE SHORT == SAME AS ABOVE  |  ALSO INCLUDES SOLID BAR AT TOP */
.contentItemList .contentItem {background-image: url('/images/skins/ecospot/images/item_gradient.jpg'); border-top: solid 1px #e1e1e1;}

	/* VERTICAL LINE SEPARATOR FOR MAIN ITEMS */
	.contentItemList .contentItemFirst {background-image: none; border-top: 0; border-right: solid 2px #e1e1e1;}
	
	/* ??? */
	.contentItemList .contentItemSecond {background-image: none; border-top: 0;}
	
	/* GRADIENT DIVIDER FOR SECOND & THIRD CONTENT AREAS */
.contentItemList .contentItemThird {background-image: url('/images/skins/ecospot/images/item_gradient.jpg'); border-top: solid 1px #e1e1e1; padding-top: 1.5em;}
	
	/* ITEM COPY COLOR */
	.contentItemList .contentItem .contentItemBody .contentItemDesc {color: #666;}
	
/* ITEM ADDED COPY COLOR */
.userAttribution {color: #666;}	

/* ITEM RESPONSE COPY COLOR */
.contentItemList .contentItem .responseCount a {color: #666;}


/*________________________________________ RIGHT RAIL ______________________________________*/	

/* RIGHT RAIL BACKGROUND COLOR */
.supportColumn {background-color: #f0f0f0;}

	/* RIGHT RAIL HEADER COLOR */
	.supportColumn h2 {color: #414141;}
	
	/* DOTTED LINE SEPARATOR FOR RELATED TOPICS */
	.supportColumn .supportItem #relatedTopics li {border-bottom: dotted 1px #b9b9b9;} 
	
		/* RELATED TOPIC ITEMS */
		.supportColumn .supportItem #relatedTopics li a {color: #8b8b8b;}
		
		
#currentSlot {}

/*________________________________________ PAGINATION, FOOTER ______________________________________*/	

.pager a.previousPages:hover, .pager a.nextPages:hover {
	background-color: #cccccc;
}
.pager a.previousPagesOff:hover, .pager a.nextPagesOff:hover {
	background-color: #f4f4f4;
}
/* the links and the separating dots (ellipses) */
.pager div span.dots, .pager a {
	background: #f4f4f4;
	border: solid 1px #e5e5e5;
}
/* the page range ("showing 1-10 of 55") */
.pager div.pagingRangeDisplay {
	background: #f4f4f4;
	border: solid 1px #e5e5e5;
}
/* the prev/next button boxes and images */
.pager a.pagerButtons, .pager div.pagerButtons {
	background: #f4f4f4;
	border: solid 1px #e5e5e5;
}
/* <prev & next> button images */
.pager a.pagerButtons span, .pager div.pagerButtons span {
	background-color: transparent;
}
/* link rollovers (hover) */
.pager a:hover {
	background: #cccccc;
	border: solid 1px #e5e5e5;
}

