/* Panel 0 */

.panel0
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/100_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel0_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel0_bar
{
	height: 24px;
	background-color: #8dd25d;
}

.panel0_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #8dd25d;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 1 */

.panel1
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/10_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel1_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel1_bar
{
	height: 24px;
	background-color: #6ad25d;
}

.panel1_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #6ad25d;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 2 */

.panel2
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/20_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel2_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel2_bar
{
	height: 24px;
	background-color: #5cd172;
}

.panel2_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #5cd172;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 3 */

.panel3
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/30_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel3_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel3_bar
{
	height: 24px;
	background-color: #5dd296;
}

.panel3_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #5dd296;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 4 */

.panel4
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/40_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel4_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel4_bar
{
	height: 24px;
	background-color: #5dd3ba;
}

.panel4_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #5dd3ba;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 5 */

.panel5
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/50_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel5_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel5_bar
{
	height: 24px;
	background-color: #5ca3d1;
}

.panel5_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #5ca3d1;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 6 */

.panel6
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/60_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel6_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel6_bar
{
	height: 24px;
	background-color: #5ca3d1;
}

.panel6_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #5ca3d1;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 7 */

.panel7
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/70_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel7_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel7_bar
{
	height: 24px;
	background-color: #5d81d2;
}

.panel7_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #5d81d2;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 8 */

.panel8
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/80_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel8_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel8_bar
{
	height: 24px;
	background-color: #5d5ed3;
}

.panel8_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #5d5ed3;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 9 */

.panel9
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/90_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel9_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel9_bar
{
	height: 24px;
	background-color: #7e5cd1;
}

.panel9_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #7e5cd1;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}

/* Panel 10 */

.panel10
{
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
	cursor: pointer !important;
	background-image: url("../images/100_percent.png") ;
	color: #ffffff;
	text-shadow: 2px 2px 1px #3D7E08; 
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 500;
	width:220px;
	height:96px;
	padding-left:20px;
	padding-top:10px;
}

.panel10_bar_container
{
	height: 24px;
	width: 173px;
	background-color: #ffffff;
	margin-top:6px;
	margin-left:2px;
	margin-bottom:20px;
}

.panel10_bar
{
	height: 24px;
	background-color: #a35ed3;
}

.panel10_bartext
{
	background: none;
	position: relative;
	margin-top:-18px;
	padding-left:70px;
	color: #a35ed3;
	font: Arial, Helvetica, sans-serif;
	font-size:   .9em;
	font-weight: bold;
	line-height: 14px;
}




/* Panel 0 */

.panel0_hide
{
	visibility:hidden;
}

.panel0_bar_container_hide
{
	visibility:hidden;
}

.panel0_bar_hide
{
	visibility:hidden;
}

.panel0_bartext_hide
{
	visibility:hidden;
}

/* Panel 1 */

.panel1_hide
{
	visibility:hidden;
}

.panel1_bar_container_hide
{
	visibility:hidden;
}

.panel1_bar_hide
{
	visibility:hidden;
}

.panel1_bartext_hide
{
	visibility:hidden;
}

/* Panel 2 */

.panel2_hide
{
	visibility:hidden;
}

.panel2_bar_container_hide
{
	visibility:hidden;
}

.panel2_bar_hide
{
	visibility:hidden;
}

.panel2_bartext_hide
{
	visibility:hidden;
}

/* Panel 3 */

.panel3_hide
{
	visibility:hidden;
}

.panel3_bar_container_hide
{
	visibility:hidden;
}

.panel3_bar_hide
{
	visibility:hidden;
}

.panel3_bartext_hide
{
	visibility:hidden;
}

/* Panel 4 */

.panel4_hide
{
	visibility:hidden;
}

.panel4_bar_container_hide
{
	visibility:hidden;
}

.panel4_bar_hide
{
	visibility:hidden;
}

.panel4_bartext_hide
{
	visibility:hidden;
}

/* Panel 5 */

.panel5_hide
{
	visibility:hidden;
}

.panel5_bar_container_hide
{
	visibility:hidden;
}

.panel5_bar_hide
{
	visibility:hidden;
}

.panel5_bartext_hide
{
	visibility:hidden;
}

/* Panel 6 */

.panel6_hide
{
	visibility:hidden;
}

.panel6_bar_container_hide
{
	visibility:hidden;
}

.panel6_bar_hide
{
	visibility:hidden;
}

.panel6_bartext_hide
{
	visibility:hidden;
}

/* Panel 7 */

.panel7_hide
{
	visibility:hidden;
}

.panel7_bar_container_hide
{
	visibility:hidden;
}

.panel7_bar_hide
{
	visibility:hidden;
}

.panel7_bartext_hide
{
	visibility:hidden;
}

/* Panel 8 */

.panel8_hide
{
	visibility:hidden;
}

.panel8_bar_container_hide
{
	visibility:hidden;
}

.panel8_bar_hide
{
	visibility:hidden;
}

.panel8_bartext_hide
{
	visibility:hidden;
}

/* Panel 9 */

.panel9_hide
{
	visibility:hidden;
}

.panel9_bar_container_hide
{
	visibility:hidden;
}

.panel9_bar_hide
{
	visibility:hidden;
}

.panel9_bartext_hide
{
	visibility:hidden;
}

/* Panel 10 */

.panel10_hide
{
	visibility:hidden;
}

.panel10_bar_container_hide
{
	visibility:hidden;
}

.panel10_bar_hide
{
	visibility:hidden;
}

.panel10_bartext_hide
{
	visibility:hidden;
}