.red {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #990000;
}
.green {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003333;
}
.blue {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000066;
}

/* ---------------------------------------------------------
DTI BAR CHARTS
--------------------------------------------------------- */

.barChartContainer {
    background-color: #ffffff;
    padding: 4px;
    border: 1px solid #bbbbbb;
}

.barChartLabel {
    width:26px;
	text-align: right;
	padding: 2px;
    font-size: 11px;
    font-weight: bold;
}

.barChartCell {
    height: 17px;
    text-align: left;
}

.barChartHighlight {
	background-color: #ffc;
}

div.barChartInactive {
    background-color: #ddd;
    height: 15px;
    float:left;
    margin-top:2px;
}

div.barChartActive {
    background-color: #bbb;
    height: 15px;
    float:left;
    margin-top:2px;
}

div.barChartAverage {
    background-color: #000;
    height: 17px;
    float:left;
}

div.barChartText {
    float:left;
    font-size: 10px;
    padding: 0px 4px;
    margin-top:2px;
}