div.chart{
	border:0px solid #666;
	border-color:#ccc #666 #666 #ccc;
	padding:5px;
	position:relative;
}


div.chart div.chartTitle{
	text-align:center;
	font: 900 10px verdana,arial,helvetica,sans-serif;
	color: #333;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:4px 0 0 0;
}

div.chart div.chartLegend-bottom{
	bottom:0;
	left:0;
	width:auto;
	background:#f6f6f6;
}

div.chart div.chartLegend-top-right{
	top:20px;
	right:2px;
}

div.chart div.chartLegend-bottom-right{
	bottom:20px;
	right:2px;
}

div.chart div.chartLegend-top-left{
	top:0px;
	left:0;
}

div.chart div.chartLegend{
	font: 900 11px verdana,arial,helvetica,sans-serif;
	color: #333;
	position:absolute;
	padding:3px 0;
}

div.chart div.chartLegend p{
	margin:1px 0 5px 2px;
}

div.chart div.chartLegend ul.legend {
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
	width:100%;
}

div.chart div.chartLegend ul.legend li.legendPoint img {
	width:0.8em;
	height:0.8em;
	vertical-align:middle;
	border:1px solid #ccc;
	border-color:#ccc #999 #999 #ccc;
	margin:0 10px;
}

div.chart div.chartLegend ul.legend li.legendPoint span {
	color:#666;
	font-weight:bold;
}

div.chart div.chartLegend-bottom ul.legend li.legendPoint{
	float:left;
	overflow-x:hidden;
	margin:4px 5px;
	white-space:nowrap;
}

div.chart div.chartLegend-top-right ul.legend li.legendPoint{
	margin:3px 7px 3px 0;
}

div.chart div.markerValue{
	position:absolute;
	left:0;
	width:31px;
	text-align:right;
	top:10px;
	font-size:10px;
	font-weight:normal;
	color:#999;
}

div.chart div.chartNotification{
	position:absolute;
	left:0;
	width:100%;
	top:48%;
	text-align:center;
}

canvas.chart{
	margin:0;
	padding:0;
	display:block;
}