.KPIDashboard_Section
{
	width: 197px;			
}

.KPIDashboard_SectionHeader
{
	background-color: #434345;
	color: #FFFFFF;
	height: 20px;
	text-align: left;
	float: left;
	width: 100%;
	
	border-left: 1px #717171 solid;
	
	border-right: 1px #A0A0A0 solid;
	border-bottom: 1px #708447 solid;
}

.KPIDashboard_SectionHeader span
{
	display: block;
	margin-left: 5px;
	margin-top: 3px;
}

div.PerformanceReport_Div
{
	float: left;
	margin-top: 5px;
	margin-left: 13px;
}

div.Definitions_Div
{
	float: left;
	margin-top: 10px;
	margin-left: 13px;
}

div.PerformanceReport_Div img,
div.Definitions_Div img
{
	border: none;
}

/*
 * PERFORMANCE 
*/
.KPIDashboard_Performance
{
	float: left;
	width: 150px;
	text-align: left;
}

.KPIDashboard_PerformanceHeading
{
	background-image: url('/Style%20Library/HVCCC/Images/KPIDashboard/HVCCC_Performance_Heading.jpg');
	height: 12px;
	width: 100%;
	float:left;
	background-repeat: no-repeat;
}
	
div.KPIDashboard_Performance a:active, .KPIDashboard_Performance a:link, div.KPIDashboard_Performance a
{	
	font-size: 6pt !important;
	color: #414141;
}


div.KPIDashboard_FourthColumn,
div.KPIDashboard_ThirdColumn,
div.KPIDashboard_SecondColumn
{
	width: 25%;
	
	float:left;
	
}

div.KPIDashboard_FifthColumn
{
	width: 24%;
	float:left;
	
}

div.KPIDashboardData_Div
{
	float: left;
	width: 825px;
}

/*
 * TARGET MONTH
*/

div.KPIDashboard_TargetForMonth
{
	float: left;
	
	/*overflow: hidden;*/
	
	

}

.KPIDashboard_TargetForMonth_Content
{
	width: 100%;
	float: left;		
	background-color: #9EC64B;
	border-left: 1px #CDE1A2 solid;
	border-right: 1px #B5D477 solid;
	border-bottom: 1px #B5D477 solid;
	
	text-align: left;
	
	padding-bottom: 5px;
	
}

.KPIDashboard_TargetForMonth_MTPA
{
	display: block;
	color: #FFFFFF;
	text-align: right;
	padding-right:11px;
}

.KPIDashboard_TargetForMonth_MonthAndYear
{
	width: 145px;
	display: block;
	padding-left: 5px;
	
	float: left;
}

.KPIDashboard_TargetForMonth_MTPAValue
{
	display: block;
	width: 40px;
	float: left;
	background-color: white;
	text-align: center;

	border-top: 1px #CDE2A1 solid;
	border-right: 1px #CEE2A5 solid;
	border-left: 1px #E5F0D2 solid;
}

div.KPIDashboard_TargetForMonth_Header
{
	/*padding-top: 5px;*/
	width: 197px;
	float: left;
	background-color: #434345;
	color: #FFFFFF;
	height: 20px;
	text-align: left;
	
	border-left: 1px #717171 solid;
	
	border-right: 1px #A0A0A0 solid;
	border-bottom: 1px #708447 solid;
}

/*
 * Month To Date
*/

div.KPIDashboard_MonthToDate
{
	float: left;
	/*width: 600px;
	background-color: blue;*/
	margin-top: 6px;
}

.KPIDashboard_MonthToDate_Header
{
	width: 197px;
	float: left;
	background-color: #434345;
	color: #FFFFFF;
	height: 20px;
	text-align: left;
	
	border-left: 1px #717171 solid;
	
	border-right: 1px #A0A0A0 solid;
	border-bottom: 1px #708447 solid;

}

.KPIDashboard_MonthToDateContent
{
	float: left;
	background-color: #F1F1F1;
	
	width: 100%;

	border-left: 1px #F4F4F4 solid;
	border-right: 1px #F7F7F7 solid;
	border-bottom: 1px #F7F7F7 solid;
	
	text-align: left;
	
	padding-bottom: 5px;

}

.KPIDashboard_DataText
{
	display: block;
	width: 40px;
	float: left;
	background-color: white;
	text-align: center;

	border-right: 1px #F7F7F7 solid;
	border-bottom: 1px #F7F7F7 solid;
	border-left: 1px #FAFAFA solid;
	margin-top: 2px;
}

.KPIDashboard_DataLabel
{
	width: 145px;
	display: block;
	padding-left: 5px;
	float: left;	
	margin-top: 2px;
}

.KPIDashboard_MTPALabel
{
	display: block;
	color: #000000;
	text-align: right;
	padding-right:11px;
}

/*
 * Current Values
*/

div.KPIDashboard_CurrentValues
{
	float: left; 
}

div.KPIDashboard_CurrentValues_Content
{
				float: left;
	background-color: #F1F1F1;
	
	width: 100%;
padding-top: 3px;
	border-left: 1px #F4F4F4 solid;
	border-right: 1px #F7F7F7 solid;
	border-bottom: 1px #F7F7F7 solid;
	
	text-align: left;
	
	padding-bottom: 5px;
	
	
}

div.KPIDashboard_CurrentValues_Header
{
	
}

/*
 * Last 24 Hours
*/

.KPIDashboard_Last24Hours
{
	float: left; 		

}

.KPIDashboard_Last24Hours_Header
{
		
}

.Last24Hours_Content
{
	float: left;
	background-color: #F1F1F1;
	
	width: 100%;

	border-left: 1px #F4F4F4 solid;
	border-right: 1px #F7F7F7 solid;
	border-bottom: 1px #F7F7F7 solid;
	
	text-align: left;
	
	padding-bottom: 5px;
}

table.Last24Hours_Data
{
	float: left;
}

table.Last24Hours_Data th
{
	font-weight: normal;
	text-align: center;
}


table.Last24Hours_Data td
{
	background-color: #FFFFFF;
	width: 40px;
	text-align: center;
}

.Last24Hours_LabelText
{
	width: 60px;
	background-color: #F1F1F1 !important;
	text-align: left;
}



/*
 * Graph
*/

.KPIDashboard_Graph
{
	float: left;
	font-size: 7pt;
	width: 210px;
	
}

.KPIDashboard_Graph_Header
{
	height: 45px;
	font-size: 8pt;
}

.Graph_Content
{
	float: left;
	background-color: #F1F1F1;
	
	width: 100%;

	border-left: 1px #F4F4F4 solid;
	border-right: 1px #F7F7F7 solid;
	border-bottom: 1px #F7F7F7 solid;
	
	text-align: left;
	
	padding-bottom: 5px;

}

table.Graph_Data th
{
	font-weight: normal;
	text-align: center;
}

table.Graph_Data td
{
	font-size: 7pt !important;
	text-align: center;
	vertical-align: baseline;
	vertical-align: bottom;
}

.BarGraph_Label
{
	background-color: #26A0B5;
	display: block;
	height: 30px;
	text-align: center;
	width: 45px;
	color: #FFFFFF !important;
	font-size: 8pt;
}

.KPIDashboard_MonthToDate_DataLabel
{
	width: 92px;
	display: block;
	padding-left: 5px;
	float: left;
}

.KPIDashboard_MonthToDateContent th
{
	font-weight: normal;
	text-align: center;
}

.KPIDashboard_MonthToDate_LabelText
{
	background-color: #FFFFFF;
	width: 40px;
	text-align: center;
}

/* Added by Danny wilson 23.03.2010 for CSA support call NEW054223 */
.KPIDashboard_FooterNote
{
	float: left;
	margin-top: 5px;
}