/*
 *  STANDARD
 */
.graph {
	
}
.graph_standard_graphite, .graph_standard_blue, .graph_standard_green, .graph_standard_red {
	height: 32px;
	padding:0;
	display: block;
	float: left;
}
.graph_standard_graphite_open, .graph_standard_blue_open, .graph_standard_green_open, .graph_standard_red_open {
	display: block;
	height: 32px;
	width: 17px;
	float: left;
}
.graph_standard_graphite_close, .graph_standard_blue_close, .graph_standard_green_close, .graph_standard_red_close {
	height: 32px;
	width: 17px;
	float: left;
}
.graph_standard_graphite_100, .graph_standard_blue_100, .graph_standard_green_100, .graph_standard_red_100 {
	height: 32px;
	width: 17px;
	float: left;
}
.graph_standard_graphite_fill, .graph_standard_blue_fill, .graph_standard_green_fill, .graph_standard_red_fill {
	width: 300px;
	display: block;
	float: left;
	height: 32px;
}
.graph_standard_graphite_fill strong, .graph_standard_blue_fill strong, .graph_standard_green_fill strong, .graph_standard_red_fill strong {
	display: block;
	height: 22px;
	margin: 5px 0;
	float: left;
	line-height: 100%;
}
.graph_standard_graphite_fill b, .graph_standard_blue_fill b, .graph_standard_green_fill b, .graph_standard_red_fill b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 5px;
	line-height: 32px;
	font-size: 11px;
	font-weight: bold;
}
.graph_standard_graphite_fill i, .graph_standard_blue_fill i, .graph_standard_green_fill i, .graph_standard_red_fill i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 0 5px;
	line-height: 22px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	float: right;
}

/* 
 *  GRAPHITE
 */
.graph_standard_graphite_open {
	background-image: url(../img/graphite/standard-open.gif);
}
.graph_standard_graphite_close {
	background-image: url(../img/graphite/standard-close.gif);
}
.graph_standard_graphite_100 {
	background-image: url(../img/graphite/standard-100.gif);
}
.graph_standard_graphite_fill {
	background: url(../img/graphite/standard-segment-bg.gif) repeat-x;
}
.graph_standard_graphite_fill strong {
	background-image: url(../img/graphite/standard-segment.gif);
	border-right: 1px solid #4b575c;
}
.graph_standard_graphite_fill b {
	color: #4b575c;
}
.graph_standard_graphite_fill i {
	color: #fff;
}

/* 
 *  RED
 */
.graph_standard_red_open {
	background-image: url(../img/red/standard-open.gif);
}
.graph_standard_red_close {
	background-image: url(../img/red/standard-close.gif);
}
.graph_standard_red_100 {
	background-image: url(../img/red/standard-100.gif);
}
.graph_standard_red_fill {
	background: url(../img/red/standard-segment-bg.gif) repeat-x;
}
.graph_standard_red_fill strong {
	background-image: url(../img/red/standard-segment.gif);
	border-right: 1px solid #b42a2f;
}
.graph_standard_red_fill b {
	color: #b42a2f;
}
.graph_standard_red_fill i {
	color: #fff;
}

/* 
 *  blue
 */
.graph_standard_blue_open {
	background-image: url(../img/blue/standard-open.gif);
}
.graph_standard_blue_close {
	background-image: url(../img/blue/standard-close.gif);
}
.graph_standard_blue_100 {
	background-image: url(../img/blue/standard-100.gif);
}
.graph_standard_blue_fill {
	background: url(../img/blue/standard-segment-bg.gif) repeat-x;
}
.graph_standard_blue_fill strong {
	background-image: url(../img/blue/standard-segment.gif);
	border-right: 1px solid #477986;
}
.graph_standard_blue_fill b {
	color: #477986;
}
.graph_standard_blue_fill i {
	color: #fff;
}

/* 
 *  green
 */
.graph_standard_green_open {
	background-image: url(../img/green/standard-open.gif);
}
.graph_standard_green_close {
	background-image: url(../img/green/standard-close.gif);
}
.graph_standard_green_100 {
	background-image: url(../img/green/standard-100.gif);
}
.graph_standard_green_fill {
	background: url(../img/green/standard-segment-bg.gif) repeat-x;
}
.graph_standard_green_fill strong {
	background-image: url(../img/green/standard-segment.gif);
	border-right: 1px solid #279847;
}
.graph_standard_green_fill b {
	color: #279847;
}
.graph_standard_green_fill i {
	color: #fff;
}

/*
 *  THIN
 */
.graph {
	
}
.graph_thin_graphite, .graph_thin_blue, .graph_thin_green, .graph_thin_red {
	height: 24px;
	padding:0;
	display: block;
	float: left;
	text-align:left;
}
.graph_thin_graphite_open, .graph_thin_blue_open, .graph_thin_green_open, .graph_thin_red_open {
	display: block;
	height: 24px;
	width: 13px;
	float: left;
}
.graph_thin_graphite_close, .graph_thin_blue_close, .graph_thin_green_close, .graph_thin_red_close {
	height: 24px;
	width: 13px;
	float: left;
}
.graph_thin_graphite_100, .graph_thin_blue_100, .graph_thin_green_100, .graph_thin_red_100 {
	height: 24px;
	width: 13px;
	float: left;
}
.graph_thin_graphite_fill, .graph_thin_blue_fill, .graph_thin_green_fill, .graph_thin_red_fill {
	height: 24px;
	width: 300px;
	display: block;
	float: left;
}
.graph_thin_graphite_fill strong, .graph_thin_blue_fill strong, .graph_thin_green_fill strong, .graph_thin_red_fill strong {
	display: block;
	height: 16px;
	margin: 4px 0;
	float: left;
	line-height: 100%;
}
.graph_thin_graphite_fill b, .graph_thin_blue_fill b, .graph_thin_green_fill b, .graph_thin_red_fill b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 5px;
	line-height: 24px;
	font-size: 11px;
	font-weight: bold;
}
.graph_thin_graphite_fill i, .graph_thin_blue_fill i, .graph_thin_green_fill i, .graph_thin_red_fill i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 0 5px;
	line-height: 16px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	float: right;
}

/* 
 *  GRAPHITE THIN
 */
.graph_thin_graphite_open {
	background-image: url(../img/graphite/thin-open.gif);
}
.graph_thin_graphite_close {
	background-image: url(../img/graphite/thin-close.gif);
}
.graph_thin_graphite_100 {
	background-image: url(../img/graphite/thin-100.gif);
}
.graph_thin_graphite_fill {
	background: url(../img/graphite/thin-segment-bg.gif) repeat-x;
}
.graph_thin_graphite_fill strong {
	background-image: url(../img/graphite/thin-segment.gif);
	border-right: 1px solid #4b575c;
}
.graph_thin_graphite_fill b {
	color: #4b575c;
}
.graph_thin_graphite_fill i {
	color: #fff;
}

/* 
 *  RED THIN
 */
.graph_thin_red_open {
	background-image: url(../img/red/thin-open.gif);
}
.graph_thin_red_close {
	background-image: url(../img/red/thin-close.gif);
}
.graph_thin_red_100 {
	background-image: url(../img/red/thin-100.gif);
}
.graph_thin_red_fill {
	background: url(../img/red/thin-segment-bg.gif) repeat-x;
}
.graph_thin_red_fill strong {
	background-image: url(../img/red/thin-segment.gif);
	border-right: 1px solid #cf3838;
}
.graph_thin_red_fill b {
	color: #cf3838;
}
.graph_thin_red_fill i {
	color: #fff;
}