.verticalBarGraph {
	border-bottom: 2px solid #333;
	height: 200px;
	margin: 10px 0px 20px 0px;
	padding: 0;
	position: relative;
	}
	
.verticalBarGraph li {
	border: 1px solid #FFF;
	border-left: 0px;
	border-bottom: none;
	bottom: 0;
	list-style:none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 39px;
	}
	
.verticalBarGraph li.barValue0 {
	background: none;
}

.verticalBarGraph li.barValue5 {
	background: #59aa1d;
}

.verticalBarGraph li.barValue4 {
	background: #6db538;
}

.verticalBarGraph li.barValue3 {
	background: #88c25c;
}

.verticalBarGraph li.barValue2 {
	background: #a4d184;
}

.verticalBarGraph li.barValue1 {
	background: #c4e0ae;
}

.verticalBarGraph li p {
	margin :0px;
	padding: 0px;
	position: absolute;
	bottom: -30px;
	left: 0px;
	font-size: 10px;
	line-height: 90%;
}

.verticalBarGraph li .bar_label_value {
	font-weight: bold;
	font-size: 10px;
	display: block;
	padding-top: 4px;
	position: absolute;
	top: -20px;
	left: 0px;
}

.horizontalBarGraph {
	list-style:none;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	border-left: 2px solid #333;
	position:relative; z-index:10;
}

.horizontalBarGraph li {
	border-bottom: 1px solid #FFF;
	text-align: center;
	width: 39px;
	background: #6db538;
	display: block;
	position: relative;
	height: 30px;
	z-index:10;
}

.horizontalBarGraph li p.bar_label {
  position: absolute;
  left: -65px;
  width: 57px;
  top: 6px;
  font-size: 11px;
  line-height: 90%;
  text-align: right;
}

.horizontalBarGraph li span.bar_label_value {
  display: block;
  width: 25px;
  text-align: left;
  position: absolute;
  right: -32px;
  font-size: 11px;
  font-weight: bold;
  top: 8px; 
}

/** html .graph_rank {
  position:absolute;
  margin: -320px 0px 0px -250px;
}

* html .horizontalBarGraph {
  position: relative;
  left: 60px;
}

*/

.graph_rank { /*position:relative; z-index:10;*/}
.nav_wrap {position: relative; z-index: 200;}
.profile_wrapper {position: relative; z-index: 2;}