#container {text-align:center; margin:0px;}

.bar-main-container {
	margin:10px auto;
	width:300px;
	height:50px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-family:sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	}

.wrap {padding:8px;}

.bar-percentage {
	float:left;
	background:rgba(0,0,0,0.13);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:9px 0px;
	width:18%;
	height:16px;
	color:#FFFFFF;
	}

.bar-container {
	float:right;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	height:10px;
	background:rgba(0,0,0,0.13);
	width:78%;
	margin:12px 0px;
	overflow:hidden;
	}

.bar {
	float:left;
	background:#FFFFFF;
	height:100%;
	-webkit-border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	border-radius:10px 0px 0px 10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}

/* COLORS */
.green {background:#2CB299;}
.red {background:#E44C41;}