.chart {
	position:				relative;
	float:					left;
	height:					100px;
	width:					100px;
	top:					0px;
/*	border:					1px #bbbbbb solid; */
/*	border-top:				1px #dddddd dotted; */
/*	border-bottom:			1px #dddddd dotted; */
/*	margin-bottom:			5px; */
}

.chartOuter {
	position:				relative;
/*	float:					left; */
	height:					100px;
	width:					100px;
/*	border:					1px #dddddd solid; */
}

.chartCol,
.chartColTip, .chartBar, .chartBarPos, .chartBarPos2, .chartBarNeg, .chartBar0 {
	position:				relative;
	float:					left;
	top:					0px;
	height:					15px;
	width:					15px;
/*	font-size:				1px; */
/*	background-color:		#88aa88;*/
}
.chartCol, .chartColTip {
	padding-right:			1px;
	padding:				1px;
	margin-right:			0px;
	margin-left:			0px;
/*	border-bottom:			1px red hidden;*/
}
/*
.chartBarPos {background-color:		#88aa88;}
.chartBarNeg {background-color:		#ff0000;}
.chartBar0 {background-color:		#bbbbbb;}
*/
.chartBarPos {background:	#708a70 url('bar_v_g.gif') bottom;}
.chartBarPos2{background:	#bbbbbb  url('bar_v_grey2.gif') bottom;;}
.chartBarNeg {background:	#aa0000 url('bar_v_r.gif') top;}
.chartBar0   {background:	#bbbbbb;}

.chartYAxisLine {
	position:				absolute;
	height:					1px;
	width:					104%;
	left:					-2%;
	z-index:				9;
	border-top:				1px dotted blue;
}

.chartYAxis {
	position:				relative;
	float:					left;
	
	padding-right:			2px;
	text-align:				right;

	color:					#999999;
	font-family:			Arial;
	font-size:				10px;
}

.chartTip {
	white-space: 			nowrap;
	visibility:				hidden;
	position:				absolute;
	z-index:				9;
	padding:				0px 4px 0px 4px;
	font-family:			Arial;
	font-size:				11px;
	border-right:			1px #999 solid;
/*	background:				url('bar_h_gry.gif') no-repeat 18px bottom; */
	opacity:				0.85;
	filter:					alpha(opacity=85);
}
.chartTip, .chartColTip {
	background-color:		#ffff88;
}
.chartColTip {
	background-color:		#ffff88;
}
.chartColTip .chartBarPos,
.chartColTip .chartBarPos2,
.chartColTip .chartBar0,
.chartColTip .chartBarNeg{
	opacity:				0.7;
	filter:					alpha(opacity=75);
}

.avgChart,
.avgChart .chart {
	width:					300px;
}
.avgChart .chartCol,
.avgChart .chartColTip {
	padding:				1px 0px;
}
.avgChart .chartBarPos, .avgChart .chartBarPos2,
.avgChart .chartBarNeg, .avgChart .chartBar0 {
	height:					14px;
	font-size:				11px;
	font-weight:			bold;
	padding-top:			0px;
	color:					#eee;
	background: 			url('../images/chartBar_h_glass1_green2.gif');
	border:					solid #333;
	border-width:			1px 0px;
}	


.avgChart .chartColTip {
	background-color:		#ffa;
}
.avgChart .chartTip {
	opacity:				1;
	filter:					alpha(opacity=100);
	border:					1px solid #000;
	padding:				1px;
}
.avgChart .chartTip table {
	border-spacing:			2px 0px;
}
.avgChart .chartTip th {
	text-align:				right;
}
.avgChart .chartTip thead th {
	text-align:				center;
	border-bottom:			1px solid #333;
}