.barChart{
	position:relative;
	width:100%;
	margin:8px 0 4px 0;
	height:190px;
	background: url(../../i/graph/graph_bg.gif) no-repeat 40px 2px;
}
.monthlyChart{
	position:relative;
	width:100%;
	margin:8px 0 4px 0;
	height:230px;
	background: url(../../i/graph/monthly_bg.gif) no-repeat 40px 2px;
}
.horizBar{
	font-family: arial,verdana,helvetica,sans-serif;
	color: #209DDD;
	font-size: 10px;
	font-weight:bold;
	height: 40px;
	text-align: right;
	padding-right:10px;
}
.chartTable{
	font-family: arial,verdana,helvetica,sans-serif;
	color: #000000;
	font-size: 9px;
	width:100%;
	height:167px;
	table-layout:fixed;
}
.chartProgressImage {position:absolute;left:50%;top:50%;margin:-20px 0 0 -10px;}
.labelTable{
	font-family: arial,verdana,helvetica,sans-serif;
	color: #000000;
	font-size: 9px;
	width:100%;
	table-layout:fixed;
}
.barCell{
	padding:0 2px 0 1px;
	vertical-align:bottom;
	text-align:center;
}
.labelCell{
	padding:2px 0 0 0;
	text-align:center;
}
.labelCellOff{
	color:#999999;
}
.barOuter{
	width:auto;
	border:solid 1px #8FD9FE;
	background:#D6F1FC;
	padding:1px 0 1px 1px;
	cursor:pointer;
}
.bar{
	width:100%;
	cursor:pointer;
	background: url(../../i/graph/bar_bg.gif) repeat-y center center;
}
.weekendBar{
	width:100%;
	cursor:pointer;
	background: url(../../i/graph/bar_bg.gif) repeat-y center center;
}
.dayBar{
	width:100%;
	cursor:pointer;
	background: url(../../i/graph/daybar_bg.gif) repeat-y center center;
}
.tooltip{
	background-color:#FFFFFF;
	border:solid 2px #24B5FE;
	padding:4px;
	width:200px;
	z-index:9990;
}
.tooltip a.ResultPrice,
.tooltip a.ResultPrice:link,
.tooltip a.ResultPrice:visited,
.tooltip a.ResultPrice:hover  {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.monthLabel{
	background-color:#E0F5FF;
	color: #5B5C5D;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	margin:4px 0;
}
.monthLabel2{
	color: #5B5C5D;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	margin:4px 0;
}
.monthLabel span, .monthLabel2 span{padding:4px;display:inline-block;height:18px;}
.monthButton{cursor:pointer;}

.monthlyChart .barOuter{padding:1px;}
.monthlyChart .labelTable {margin-top:12px;}
.monthlyChart .labelCell {padding:0;height:45px;background:url(../../i/graph/month_label.gif) no-repeat center center;vertical-align:top;}
.monthlyChart .labelCell .month {color:#FFFFFF;font-size:11px;font-weight:bold;height:23px;line-height:22px;}
.monthlyChart .labelCell .year {color:#262628;font-size:11px;height:20px;line-height:20px;}
.barMonth{
	width:100%;
	cursor:pointer;
	background:url(../../i/graph/monthbar_bg.gif) repeat-y 0 0;
}
.monthlyChart .chartProgressImage {position:absolute;left:50%;top:50%;margin:-40px 0 0 -10px;}


.yAxisDIV{float:left;width:50px;text-align:right;}
.chartAreaDIV{float:left;width:515px;padding-left:2px;}

@media only screen and (max-width: 540px) and (max-device-width: 1024px) {
	.monthLabel {font-size:14px;}
	.monthLabel span {height:auto;}
}