@import url("/static/public/css/layout.css");
div.chart {
	margin-top: 20px; font-size: 14px;
}
.chart .main {
	float: left; width: 730px; 
}
.chart_box {
	border: #DDD solid 1px; border-top: none; padding: 10px;border-radius: 0 0 4px 4px; margin-bottom: 10px;
}
.chart h3 {
	background: #5ec3e6; height: 30px; line-height: 30px; padding: 0 10px; color: #fff; font-size: 14px; clear: both;border-radius: 4px 4px 0 0;
}
.chart h3.ct1 {
	background: #ef87b3;
}
.chart h3 a {
	color: #fff; cursor: pointer;  font-size: 12px; padding: 0 10px; line-height: 25px; margin: 5px 5px 0;
}
.chart h3 a.on {
	background: #f9d0e1; color: #a81554;
}
.chart #chart_line {
	height: 320px; text-align: center;
}
.chart #chart_line span.loaddata {
	 line-height: 320px;
}

.legend span {
	display: inline-block; margin-right: 10px;color: #999; cursor: pointer;
}
.legend span.on,.legend span.over {
	color: #333
}
.legend span em,.legend span small {
	display: inline-block; width: 10px; height: 10px; overflow: hidden; margin-right: 5px; vertical-align: middle; background: #c8c8c8;
}
.legend span em,.legend span.on small,.legend span.over small {
	display: none;
}
.legend span.on em,.legend span.over em {
	display: inline-block;
}
.chart .pie_box {
	clear: both; border-bottom: solid #eee 1px; height: 200px;
}
.chart .pie_box dt {
	width: 240px; height: 200px; float: left;
}
.chart .pie_box dd {
	float: left; margin-left: 40px; margin-top: 20px; width: 370px;
}
.chart .pie_box dd strong {
	color: #e65d7c; height: 30px; line-height: 30px; font-size: 15px
}
.chart .pie_box dd li {
	height: 25px; line-height: 25px; color: #999; font-size: 12px;
}
.chart .pie_box dd li strong {
	width: 200px; background: #eeeeee; display: inline-block; height: 10px; overflow: hidden; margin-right: 10px;
}
.chart .pie_box dd li span {
	display: inline-block; width: 40px; height: 20px; color: #666; font-size: 14px;
}
.chart .pie_box dd li em {
	display: block; height: 10px; background: #87cefa;
}
.chart .cols {
	float: left; width: 250px; float: right;
}
.chart .cols .lday a {
	display: inline-block; padding: 6px 0; width: 40px; text-align: center; background: #dcf1fd; margin: 2px 2px 0 0; border-radius: 4px;color: #0463a0;font-family: Arial, Helvetica, sans-serif;font-size:12px;
}
.chart .cols .lday a.li0 {
	margin-right:0; width: 40px;
}
.chart .cols h3 {
	background: #a5a6f3;border-radius: 4px;
}
.cols h4 { background: #92c7e8; color: #fff; line-height: 30px; padding: 0 10px; border-radius: 5px; }
.cols h4 a { float: right; color: #fff }
.colsarc {margin-top: 5px;}
.colsarc ul { padding: 5px 0; }
.colsarc li {line-height: 30px;dbackground: #F9D8E6;border-radius: 4px;padding-left: 10px;  background: url(/static/public/images/dot.gif) 0 4px no-repeat;}
.colsarc li.more {text-align: center;font-weight: 700px;background: #DCF1FD;}