.bar {
	width: 100%;
	height: 16px;
	padding: 4px;
	background-color: rgba(0, 0, 0, .05);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
	-moz-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
	box-shadow: inset 0 0 3px #000, 0 0 2px rgba(255, 255, 255, .1);

}
.bar .inner {
	content: '';
	display: block;
	height: 16px;
	background: #999;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 3px rgba(0, 0, 0, .4), 0 1px 1px #000;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 3px rgba(0, 0, 0, .4), 0 1px 1px #000;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 3px rgba(0, 0, 0, .4), 0 1px 1px #000;
}
.green .inner { 
	background: #207ba9;
	background: -webkit-linear-gradient(#5fb6e1, #207ba9);
	background: -moz-linear-gradient(#5fb6e1, #207ba9);
}