/**
 * Result analyzer styles. 
 */


/* Graph. */

#resultAnalyzerGraphs {
	background: url(/images/resultAnalyzer.gif);
	height: 208px;
}

#raLeftGraphLegend {
	position: absolute;
	left: 80px;
	top: 30px;
	width: 200px;
}
#raRightGraphLegend {
	position: absolute;
	left: 360px;
	top: 30px;
	width: 200px;
}

/* Arrows. */

.redArrowUpperVertical {
	position: absolute;
	width: 9px;
	background: url(/images/arrows/redUpperVertical.gif) no-repeat top center;
}

.redArrowHorizontal {
	position: absolute;
	height: 1px;
	background: url(/images/arrows/redHorizontal.gif);
}

.redArrowLowerVertical {
	position: absolute;
	width: 8px;
	background: url(/images/arrows/redLowerVertical.gif) no-repeat top center;
}

.greenArrowUpperVertical {
	position: absolute;
	width: 9px;
	background: url(/images/arrows/greenUpperVertical.gif) no-repeat top center;
}

.greenArrowHorizontal {
	position: absolute;
	height: 1px;
	background: url(/images/arrows/greenHorizontal.gif);
}

.greenArrowLowerVertical {
	position: absolute;
	width: 8px;
	background: url(/images/arrows/greenLowerVertical.gif) no-repeat top center;
}

.blueArrowUpperVertical {
	position: absolute;
	width: 9px;
	background: url(/images/arrows/blueUpperVertical.gif) no-repeat top center;
}

.blueArrowHorizontal {
	position: absolute;
	height: 1px;
	background: url(/images/arrows/blueHorizontal.gif);
}

.blueArrowLowerVertical {
	position: absolute;
	width: 8px;
	background: url(/images/arrows/blueLowerVertical.gif) no-repeat top center;
}

.arrowLabel {
	position: absolute;
	width: 100px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #7b8895;
}


/* Main result table styles. */
.resultTable3Columns {
	width: 623px;
	background: url(/images/resultanalyzer/3columns/gradientBg.gif) no-repeat top right;	
	border-collapse: collapse;
}

.resultTable2Columns {
	width: 623px;
	background: url(/images/resultanalyzer/2columns/gradientBg.gif) no-repeat top right;	
	border-collapse: collapse;
}

.resultTable2ColumnsVirtualMark {
	width: 623px;
	background: url(/images/resultanalyzer/2columns/gradientBg.gif) no-repeat top right;	
	border-collapse: collapse;
}

/* Empty table cell for aligning bg-image. */
th.empty {
	height: 13px;
}

/* 3 column table headers. */

.resultTable3Columns > tbody > tr > th, .resultTable2Columns > tbody > tr > th {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.resultTable3Columns th.c1 {
	width: 86px;
}

.resultTable3Columns th.c2 {
	background: url(/images/resultanalyzer/3columns/greenTitle.gif) no-repeat bottom left;
	line-height: 25px;
	width: 169px;
	padding-left: 10px;
}

.resultTable3Columns th.c3 {
	background: url(/images/resultanalyzer/3columns/blueTitle.gif) no-repeat bottom left;
	line-height: 25px;
	width: 169px;
	padding-left: 10px;
}

.resultTable3Columns th.c4 {
	background: url(/images/resultanalyzer/3columns/redTitle.gif) no-repeat bottom left;
	line-height: 25px;
	width: 169px;
	padding-left: 10px;
}

.resultTable3Columns th.c1Transparent {
	width: 85px;
}


/* 3 column table cells. */

.resultTable3Columns > tbody > tr > td {
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.resultTable3Columns td.c1 {
	width: 74px;
	font-weight: bold;
	color: #63666d;
}

.resultTable3Columns td.c2, .resultTable3Columns td.c3, .resultTable3Columns td.c4 {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
}

.resultTable3Columns td.c2VM {
	width: 163px;
	padding-left: 10px;
	background: #fdfcef;	
}

.resultTable3Columns .overflowController {
	overflow: hidden;
	width: 73px;
}




/* 2 column table headers. */

.resultTable2Columns th.c1 {
	width: 85px;
	background: url(/images/resultanalyzer/2columns/greyTitle.gif) no-repeat;
}

.resultTable2Columns th.c2 {
	background: url(/images/resultanalyzer/2columns/greenTitle.gif) no-repeat;
	line-height: 25px;
	width: 259px;
	padding-left: 10px;
}

.resultTable2Columns th.c3 {
	display: none; /* Hide extra column. */
}

.resultTable2Columns th.c4 {
	background: url(/images/resultanalyzer/2columns/redTitle.gif) no-repeat;
	line-height: 25px;
	width: 259px;
	padding-left: 10px;
}

.resultTable2Columns th.c1Transparent {
	width: 85px;
}

.resultTable2Columns th.c2Yellow {
	background: url(/images/resultanalyzer/2columns/yellowTitle.gif) no-repeat;
	line-height: 25px;
	width: 259px;
	padding-left: 10px;
	color: #767676;
}

/* 2 column table cells. */

.resultTable2Columns > tbody > tr > td {
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.resultTable2Columns td.c1 {
	width: 73px;
	font-weight: bold;
	color: #63666d;
}

.resultTable2Columns td.c2, .resultTable2Columns td.c4 {
	width: 257px;
	padding-left: 10px;
	color: #7e8689;
}

.resultTable2Columns td.c3 {
	display: none; /* Hide extra column. */
}

.resultTable2Columns .overflowController {
	overflow: hidden;
	width: 73px;
}

.resultTable2Columns td.c2VM {
	width: 257px;
	padding-left: 10px;
	background: #fdfcef;	
}





/* Score fonts. */
td.c1 .score, td.c2 .score, td.c3 .score, td.c4 .score {
	font-size: 15px;
	font-weight: bold;
}

td.c1 .subScore, td.c2 .subScore, td.c3 .subScore, td.c4 .subScore {
	font-weight: bold;
}

td.subScore {
	background: #eeeeee;
}


/* Cell edit buttons. */

.resultTable3Columns .raCellValue {
	float: left;
	width: 119px;
	overflow: hidden;
}

.resultTable3Columns .raCellButton {
	float: left;
	width: 40px;
	text-align: right;
	font-weight: bold;
}

.resultTable2Columns .raCellValue {
	float: left;
	width: 210px;
	overflow: hidden;
}

.resultTable2Columns .raCellButton {
	float: left;
	width: 40px;
	text-align: right;
	font-weight: bold;
}



/* Table subtitles. */

.resultTable3Columns .raTableTitle {
	margin-top: 13px;
	height: 25px;
	background: url(/images/resultanalyzer/3columns/headerUnderline.gif) no-repeat left bottom;
}
.resultTable2Columns .raTableTitle {
	margin-top: 13px;
	height: 25px;
	background: url(/images/resultanalyzer/2columns/headerUnderline.gif) no-repeat left bottom;
}

.raTableTitleNoUnderline {
	margin-top: 13px;
	height: 24px;
}

.raTableTitleLeft {
	line-height: 24px;
	padding: 0px 6px;	
	background: url(/images/resultanalyzer/titleBg.gif) no-repeat left top;
	float: left;
	font-weight: bold;
	color: #000000;
}

.raTableTitleRight {
	background: url(/images/resultanalyzer/titleBg2.gif) no-repeat left top;
	float: left;
	width: 58px;
	height: 24px;
}























/* Maybe useless? */
.raTableColumn1 {
	width: 151px;
}

.raTableColumn2 {
	width: 223px;
}

.raTableColumn3 {
	width: 223px;
}

.raScoreCell {
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	border-bottom:1px dotted #A5B0BD;
	padding: 0px 5px;
}

.raScoreCellHeader {
	border-bottom:1px dotted #A5B0BD;
	color:#57616F;
	line-height:20px;
	padding:0px 5px;
	font-weight: bold;
}

.raHeaderLeft {
	background: url(/images/resultAnalyzerHeadingGreen.png) no-repeat center top;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	line-height: 25px;
	font-weight: bold;	
}

.raHeaderRight {
	background: url(/images/resultAnalyzerHeadingRed.png) no-repeat center top;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	line-height: 25px;
	font-weight: bold;	
}

.overflowControl {
	width: 159px;
	overflow: hidden;	
}

.narrowOverflowControl {
	width: 183px;
	overflow: hidden;	
}

.heightLimit {
	height: 15px;
}



.raTable th, .ra2Table th { 
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.raTable th.column1 {
	width: 86px;
}

.raTable th.column2 {
	background: url(/images/resultanalyzer/3columns/greenTitle.gif) no-repeat;
	line-height: 25px;
	width: 169px;
	padding-left: 10px;
}

.raTable th.column3 {
	background: url(/images/resultanalyzer/3columns/blueTitle.gif) no-repeat;
	line-height: 25px;
	width: 169px;
	padding-left: 10px;
}

.raTable th.column4 {
	background: url(/images/resultanalyzer/3columns/redTitle.gif) no-repeat;
	line-height: 25px;
	width: 169px;
	padding-left: 10px;
}

.ra2Table th.column1 {
	width: 85px;
	background: url(/images/resultanalyzer/2columns/greyTitle.gif) no-repeat;
}

.ra2Table th.column2 {
	background: url(/images/resultanalyzer/2columns/greenTitle.gif) no-repeat;
	line-height: 25px;
	width: 259px;
	padding-left: 10px;
}

.ra2Table th.column3 {
	background: url(/images/resultanalyzer/2columns/redTitle.gif) no-repeat;
	line-height: 25px;
	width: 259px;
	padding-left: 10px;
}

.ra2Table th.column2Yellow {
	background: url(/images/resultanalyzer/2columns/yellowTitle.gif) no-repeat;
	line-height: 25px;
	width: 259px;
	padding-left: 10px;
	color: #767676;
}



.raTable td.c1 {
	width: 74px;
	font-weight: bold;
	color: #63666d;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.raTable td.c2 {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.raTable td.c3 {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.raTable td.c4 {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}



.ra2Table td.c1 {
	width: 74px;
	font-weight: bold;
	color: #63666d;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.ra2Table td.c2 {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.ra2Table td.c3 {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
	display: none;
}

.ra2Table td.c4 {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}















.raTable td.keyColumn {
	width: 74px;
	font-weight: bold;
	color: #63666d;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.raTable td.valueColumn {
	width: 163px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.ra2Table td.keyColumn { /* Two column version. */
	width: 73px;
	font-weight: bold;
	color: #63666d;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.ra2Table td.valueColumn { /* Two column version. */
	width: 257px;
	padding-left: 10px;
	color: #7e8689;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
}

.raTable td.scoreColumn {
	width: 163px;
	padding-left: 10px;
	vertical-align: top;
	font-size: 16px;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
	font-weight: bold;
}

.raTable td.subScoreColumn {
	width: 163px;
	padding-left: 10px;
	vertical-align: top;
	padding: 2px 6px;
	border-bottom:1px dotted #A5B0BD;
	font-weight: bold;
}

.ra2Table td.keyColumn .overflowController {
	overflow: hidden;
	width: 73px;
}

.raTable td.keyColumn .overflowController {
	overflow: hidden;
	width: 74px;
}

.ra2Table .subScoreBg {
	background: #eeeeee;
}









/* Other styles. */

#raHeadings {
	background: url(/images/resultAnalyzerHeadingBg.gif) no-repeat top right;
}
#raHeadingEmpty {
	width: 160px;
	float: left;
}
#raHeadingLeft {
	float: left;
	width: 230px; 
}
#raHeadingRight {
	float: left;
	width: 230px; 
}

#raLeftContent {
	height: 400px; 
}
#raRightContent {
	height: 400px; 
}

.raScore {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.raLeftHeadingTitle {
	line-height: 35px;
	padding-left: 20px;
	color: #079800;
	font-weight: bold;
}

.raRightHeadingTitle {
	line-height: 35px;
	padding-left: 20px;
	color: #980000;
	font-weight: bold;
}


.raTitle {
	background: url(../images/favoriteHeaderBg.gif) repeat-x top center;
	height: 35px;
}

.raTitleL {
	background: url(../images/favoriteHeaderBgLeft.gif) no-repeat top left;
	height: 35px;
}

.raTitleR {
	background: url(../images/favoriteHeaderBgRight.gif) no-repeat top right;
	height: 35px;
}


/* Bar bg. */

.graphBg {
	background: url(../images/graphBgContent.gif) repeat-y top left;
	margin-top: 20px;
}
.graphBg > div {
	background: url(../images/graphBgTop.gif) no-repeat top left;
}

.graphBg > div > div {
	background: url(../images/graphBgBottom.gif) no-repeat bottom left;
}

.graphBg > div > div > div {
	padding: 9px 15px 15px 10px;
}

.graphBg h1 {
	color: #000000;
	font-size: 20px;
	height: 30px;
	background: url(../images/graphBgLine.gif) repeat-x bottom left;
}

.graphBg h2 {
	font-size: 14px;
}

.bar {
	height: 20px;
	background: url(../images/barBg.gif) repeat-x top left;
}

.barMargin {
	margin-bottom: 2px;
}

.bar > div {
	background: url(../images/barBg2.gif) no-repeat top right;
	height: 20px;
}

.bar > div > div {
	padding: 2px;
}

.bar > div > div > div {
	position: absolute;
}

.bar .passive {
	position: absolute;
	text-align: center;
	color: #5c5c5c;
	font-size: 11px;
	line-height: 18px;
}

.bar .active {
	position: absolute;
	height: 18px;
	overflow: hidden;
}

.bar .active > div {
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	line-height: 18px;
}

.bar .blue > div {
	background: url(../images/bar.gif) repeat-x top right;
}

.bar .green > div {
	background: url(../images/barGreen.gif) repeat-x top right;
}

.bar .red > div {
	background: url(../images/barRed.gif) repeat-x top right;
}

.barLabel {
	width: 73px;
	height: 42px;
	overflow: hidden;
	float: left;
	color: #5E5E5E;
	font-weight: bold;
}

.barValue {
	width: 400px;
	float: left;
	padding-bottom: 20px;
}

.resultDetailTitle {
	text-align: center;
	padding: 10px;
	background: #f1f1f1;
	margin-bottom: 20px;
	width: 603px;
	font-weight: bold;
	color: #919191;
	
}