/*******************************************************************************
* Simple Chart © By Akyhne													   *
********************************************************************************
* simplechart.css V 0.5														   *
********************************************************************************/

.chart_container, .chart_container_gauge
{
	text-align: center;
	width: 100%;
	margin: 2em 0 1em;
}
.chart_container_stars
{
	display: inline-block;
	overflow: hidden;
	line-height: 12px;
}
.chart_inner li
{
	display: block;
	float: left;
	background-color: #ccd;
	overflow: auto;
	border-radius: 6px;
	border: 1px solid #999;
}
.chart_container_gauge .chart_inner li
{
	background: none;
	border: none;
}
.chart_title
{
	margin: 5px 0 10px;
	font-weight: bold;
	color: #222 !important;
	text-align: center;
}
.chart_table
{
	background-color: #dde;
	border-collapse: collapse;
	/*width: 100%;*/
	box-shadow: 1px 1px 4px #aaa;
	margin: 0 50px 20px;
}
.chart_container_stars .chart_table
{
	background: none;
	box-shadow: none;
	margin: 0 1em;
}
.spacer
{
	width: 50px;
}
.spacer_right
{
	border-right: 1px solid #333;
}
.chart_key
{
	white-space:nowrap;
	text-align: right;
	padding: 1px 5px;
	vertical-align: middle;
	color: #333 !important;
}
.coltitle
{
	color: #333 !important;
}
.row_val
{
	margin: 0 5px;
}
.chart_row
{
	text-align:left;
	border-left: 1px solid #333;
	height: 30px;
	vertical-align: middle;
	padding: 0;
	border-collapse: separate;
}
.chart_column .chart_values
{
	box-shadow: 1px -1px 1px #888;
}
.chart_row .chart_values
{
	float: left;
	text-align: right;
	overflow: auto;
	box-shadow: 1px 1px 1px #888;
}
.chart_column
{
	vertical-align: bottom !important;
	border-bottom: 1px solid #333;
	padding: 0;
	border-collapse: separate;
}
.chart_divider
{
	border-bottom: 1px dashed #999;
}
.chart_value_1, .chart_value_2, .chart_value_3, .chart_value_4, .chart_value_5, .chart_value_6, .chart_value_7, .chart_value_8, .chart_value_9, .chart_value_10
{
	width: 70%;
	margin: 0 auto;
	color: #333 !important;
}
.chart_value_1
{
	background-color: #f45;
}
.chart_value_2
{
	background-color: #55f;
}
.chart_value_3
{
	background-color: #db7070;
}
.chart_value_4
{
	background-color: #FC0;
}
.chart_value_5
{
	background-color: #6C6;
}
.chart_value_6
{
	background-color: #00ccff;
}
.chart_value_7
{
	background-color: #f0f0f0;
}
.chart_value_8
{
	background-color: #ff00ff;
}
.chart_value_9
{
	background-color: #ccff66;
}
.chart_value_10
{
	background-color: #ffff66;
	background: -moz-linear-gradient(#008, #33f 50%, #008);
	background: -ms-linear-gradient(#008, #33f 50%, #008);
}
.pie_object
{
	overflow: auto;
	margin: 0;
	padding: 0;
	display: block;
}


/* Custom Styles */
.BlueBar .chart_row, .RedBar .chart_row, .GreenBar .chart_row
{
	height: 40px;
}
.BlueBar .chart_row .chart_values, .RedBar .chart_row .chart_values, .GreenBar .chart_row .chart_values
{
	height: 35px;
}
.BlueBar .chart_row .chart_values
{
	background: #3232fc url(../../../Simple_Chart/images/BlueBar.png) repeat-x;
}
.RedBar .chart_row .chart_values
{
	background: #fc3232 url(../../../Simple_Chart/images/RedBar.png) repeat-x;
}
.GreenBar .chart_row .chart_values
{
	background: #32fc32 url(../../../Simple_Chart/images/GreenBar.png) repeat-x;
}
.GreenColumn .chart_column .chart_values
{
	background: #32fc32 url(../../../Simple_Chart/images/GreenColumn.png) repeat-y;
}
.BlueBar .row_val, .RedBar .row_val, .GreenBar .row_val
{
	margin-top: 6px;
	float: right;
}
.BlueBar .row_val, .BlueColumn .col_val
{
	color: #f5f5ff;
}
.RedBar .row_val, .RedColumn .col_val
{
	color: #fff5f5;
}
.GreenBar .row_val, .GreenColumn .col_val
{
	color: #444;
}


.BlueColumn .chart_column .chart_values, .RedColumn .chart_column .chart_values, .GreenColumn .chart_column .chart_values
{
	width: 35px !important;
}
.BlueColumn .chart_column .chart_values
{
	background: #3232fc url(../../../Simple_Chart/images/BlueColumn.png) repeat-y;
}
.RedColumn .chart_column .chart_values
{
	background: #fc3232 url(../../../Simple_Chart/images/RedColumn.png) repeat-y;
}
.GreenColumn .chart_column .chart_values
{
	background: #32fc32 url(../../../Simple_Chart/images/GreenColumn.png) repeat-y;
}