.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;
}