#spotlight_r {
	border:1px solid #dadcd9;	
	margin-bottom:80px;
}

#spotlight_r #selectionInfo {
	position:relative;	
}

#spotlight_r #selectionInfo #youSelected,
#spotlight_r #selectionInfo #comparison {
	float:left;	
	padding:12px 16px;
	/*min-height:187px;*/
	padding-bottom:45px;
}

* html #spotlight_r #selectionInfo #youSelected,
* html #spotlight_r #selectionInfo #comparison {
	height:187px;
}

#spotlight_r #selectionInfo #youSelected {
	border-right:1px solid #dadcd9;	
	background: #ffeaab url("../img/spotlight/results/you_selected_bg_gradient.jpg") repeat-x;
	width:415px;
}

#spotlight_r #selectionInfo #comparison {
	/*background: url("../img/spotlight/results/comparison_bg.jpg") no-repeat 90% 50%;*/
	width:421px;
}

#spotlight_r #selectionInfo .preTitle {
	text-transform:uppercase;	
}

#spotlight_r #selectionInfo h2 {

}

#spotlight_r .resultToolbar {
	position:absolute;	
}

#spotlight_r #selectionInfo .resultToolbar {
	position: absolute; 
	right: 0pt; 
	bottom: 0pt;	
	zoom:1;
}

#spotlight_r .resultToolbar .inner {
	position:relative;	
	background:#fcca81;
	padding:5px 15px;
	zoom:1;
}

#spotlight_r .resultToolbar .inner  img.top_l, 
#spotlight_r .resultToolbar .inner  img.top_r {
	position:absolute;
	top:0;
}

#spotlight_r .resultToolbar .inner  img.bottom_l, 
#spotlight_r .resultToolbar .inner  img.bottom_r {
	position:absolute;
	bottom:0;	
}

#spotlight_r .resultToolbar .inner  img.top_r,
#spotlight_r .resultToolbar .inner  img.bottom_r {
	left:0;	
}

#spotlight_r .resultToolbar .inner  img.top_l,
#spotlight_r .resultToolbar .inner  img.bottom_l {
	right:0;	
}

#spotlight_r .resultToolbar .inner  .redBtnContainer {
	margin-left:4px;	
}

#spotlight_r .resultToolbar .inner  .chartEquals {
	float:left;
	margin-top:6px;
	margin-right:10px;
}

#spotlight_r #sections .section {
	background: #e2ecf6 url("../img/spotlight/results/section_bg_gradient.jpg") repeat-x;
	min-height: 36px;	
}

#spotlight_r #sections .section .collapseIcon,
#spotlight_r #sections .section .expandIcon {
	background: transparent url("../img/spotlight/results/collapseIcon.gif") no-repeat;
	display:block;
	height:27px;
	width:27px;
	float:left;	
}	

#spotlight_r #sections .section .expandIcon {
	background: transparent url("../img/spotlight/results/expandIcon.gif") no-repeat;	
}

#spotlight_r #sections .section .title,
#spotlight_r #sections .section .toggleCharts {
	padding: .75em 0;
}

#spotlight_r #sections .section .title {
	float:left;
	display:block;
	width:640px;
	padding-left:10px;
	font-weight:bold;
}

#spotlight_r #sections .section .toggleCharts {
	float:left;
	width:200px;
	padding-right:10px;
	font-weight:bold;
}

#spotlight_r #sections .section .subSection {
	clear:both;
	border-top: 1px solid #dadcd9;	
	background:#fff;
	zoom:1;
	position:relative;
}

#spotlight_r #sections .section .subSection ul.headers {
	background:	 url("../img/spotlight/results/subSection_bg_gradient.jpg") repeat-x;
}

#spotlight_r #sections .section .subSection ul.headers li {
	padding: .75em 12px;	
	float:left;
	display:block;
}

#spotlight_r #sections .section .subSection ul.headers .col1 {
	width:246px;	
}

#spotlight_r #sections .section .subSection ul.headers .col2 {
	width:134px;	
	text-align:center;
}

#spotlight_r #sections .section .subSection ul.headers .col3 {
	width:145px;	
	padding-right:179px;
	text-align:center;
}

#spotlight_r #sections .section .subSection ul.headers .col4 {
	width:99px;	
}

#spotlight_r #sections .section .subSection ul.headers .col4  span.yearTxt {
	font-weight:bold;
}

#spotlight_r #sections .section .subSection ul.headers li.clear {
	float:none;
	clear:both;	
	padding:0;
}

#spotlight_r #sections .section .subSection ul.data {
	width:600px;
	float:left;
	background:#fff;
}

#spotlight_r #sections .section .subSection div.chartContainer {
	float:left;
	width:275px;
	background:#fff7da;
	position:relative;
	border-top:1px solid #DADCD9;
	padding-top:17px;
	padding-left:25px;
}

#spotlight_r #sections .section .subSection div.chartContainer embed,
#spotlight_r #sections .section .subSection div.chartContainer object {
	border: 1px solid #000;
	margin-bottom:17px;
}

#spotlight_r #sections .section .subSection ul.data li.row {
	padding: .3em 0;	
	border-top:	1px solid #dadcd9;	
	border-right:1px solid #dadcd9;	
	zoom:1;
	position:relative;
}

#spotlight_r #sections .section .subSection ul.data li.row.active {
	background:#fff7da;
	border-right:1px solid #fff7da;
}

#spotlight_r #sections .section .subSection ul.data  li div {
	float:left;	
}

#spotlight_r #sections .section .subSection ul.data  li div div,
#spotlight_r #sections .section .subSection ul.data  li div.clear {
	float:none;	
}

#spotlight_r #sections .section .subSection ul.data  li div div.txt {
	margin-left:30px;
}

#spotlight_r #sections .section .subSection ul.data  li div.clear  {
	clear:left;	
}

#spotlight_r #sections .section .subSection ul.data  div.col1 div.toolTip  {
	float:left;
	margin-left:2px;
	margin-right:8px;
}

#spotlight_r #sections .section .subSection ul.data  div.col1 span.txt  {
	display:block;
	float:left;	
}

#spotlight_r #sections .section .subSection ul.data  div.col1 {
	width:270px;	
}

#spotlight_r #sections .section .subSection ul.data  div.col2 {
	width:134px;
	padding:0 12px;	
	text-align:center;
}

#spotlight_r #sections .section .subSection ul.data  div.col3 {
	width:145px;
	padding: 0 12px;
	text-align:center;
}

#spotlight_r #sections .section .subSection ul.data li.row div.chartInfo .thumb {
	position:absolute;
	top:6px;
	right:23px;
	background: url("../img/spotlight/results/chartAvailable_thumb.gif");
	width:23px;
	height:22px;	
}

/** for stacked vertical bar graphs && pie charts, we're doing color-swaths in the table row **/

#spotlight_r #sections .section .subSection ul.data li.active div.chartInfo .colorSwath {
	width: 22px; 
	height: 22px; 	
	position: absolute; 
	right:0;
	top:6px;
	display:block;
}

#spotlight_r #sections .section .borderFix {
	position:absolute;
	width:1px;
	background:#DADCD9;
	display:block;
	left:599px;
}

.borderWrapUp {
	clear:both;
	overflow:hidden;
	position:relative;
}

#spotlight_r #sections .section .subSection ul.data li.active div.chartInfo .cS_mask {
	width: 22px; 
	height: 22px; 	
	display:block;		
	background: transparent url("../img/spotlight/results/colorSwath_mask.png") no-repeat;	
}

/*["#B50A0A", "#1148A2", "#4D991D",  "#E67F00", "#84367F", "#97C3ff", "#000"];*/

.c1 {
	background-color: #B50A0A;
}

.c2 {
	background-color: #1148A2;	
}

.c3 {
	background-color: #4D991D;	
}

.c4 {
	background-color: #E67F00;
}

.c5 {
	background-color: #84367F;	
}

.c6 {
	background-color: #97C3ff;
}

.c7 {
	background-color: #000;	
}

.c8 {
	background-color: #CC99FF;	
}


/** and now some crazy shit for our hacked-out pie charts **/


#spotlight_r #sections .section .subSection div.chartContainer table.pieWrapper {
	border:1px solid #000;
	margin-bottom:17px;
}

#spotlight_r #sections .section .subSection div.chartContainer table.pieWrapper embed, 
#spotlight_r #sections .section .subSection div.chartContainer table.pieWrapper object {
	margin-bottom:0;
	border:0;
}

table.pieWrapper {
	background:#fff;
	width:250px;
}

.pieLegendWrapper {
	display:none;	
}

#modalContainer .pieLegendWrapper {
/*	display:block;	*/
}

.pieChart {
	float:left;
	width: 100px;	
	margin-left:20px;
}

#modalContainer .pieChart {
	float:none;
	width:200px;
	margin-left:100px;
	margin-right:130px;
}

#modalContainer .pieChart embed,
#modalContainer .pieChart object { 
	margin-top:0;
}

.pieLegend {
	width:190px;
}

#modalContainer .pieLegend {
	width:300px;
	margin-top:10px;
	min-height:160px;
	display:block;
}

/* has no legend so can get as small as needed */
#modalContainer.Column2D .pieLegend {
	width:300px;
	margin-top:10px;
	min-height:150px;
	display:block;
}
* html #modalContainer .pieLegend {
	height:140px;
}

.pieLegend ul li div.color {
	float:left;
	display:block;
	width:10px;
	height:10px;
}

.pieLegend ul li.pieLabelItem {
	position:relative;
	margin-bottom:5px;
}

.pieLegend ul li.pieLabelItem {
	/*margin-bottom:1.2em;	*/
	zoom:1;
}

.pieLegend ul li div.txt {
	padding-left: 15px;	
	font-size:9px;
	/*]float:left;*/
	/*margin-top:-5px;*/
}

#modalContainer .pieLegend ul li div.txt {
	font-size:12px;	
	/*font-weight:bold;*/
}

.pieTitle {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;	
}

#modalContainer .pieTitle {
	display:none;		
}

.pieEntityLabel {
	float:left;
	width:80px;
	font-size:10px;
	line-height:1.2em;
	background:#ffffff;
	padding:2px 6px;
	margin-left:20px; 	
	text-align:center;
}

.last.pieEntityLabel {
	margin-left:30px;	
}

#modalContainer .pieEntityLabel {
	float:none;
	position:absolute;
	left:110px;
	top:215px;	
	width:150px;	
	font-size:12px;
}

#modalContainer .pieEntityLabel.last {
	top:430px;
}

/*enlarge btn for pie charts on spotlight */
.pieEnlarge {
	float:right;	
	margin-top:10px;
}

#modalContainer .pieEnlarge {
	display:none;	
}

#modalContainer #modalDataNotes {
	font-size:9px;
	overflow:auto;
	width:300px;
	margin-top:0px;	
}

#modalContainer #modalDataNotes p {
	margin:0;
	padding:0;
}

#modalContainer #modalDataNotes h2 {
	color:#f89b00;
	font-size:14px;
	font-weight:bold;
}