body {

  /* font-family: Arial; */

  background: #eee;

}



.barfiller {

	width: 100%;

	height: 2px;

	background: #484848;

	position: relative;

	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);

	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);

}



.barfiller .fill {

  display: block;

  position: relative;

  width: 0px;

  height: 100%;

  background: #333;

  z-index: 1;

}



.barfiller .tipWrap { display: none; }



.barfiller .tip {

	margin-top: -42px;

	padding: 2px 4px;

	font-size: 11px;

	color: #fff;

	left: 0px;

	position: absolute;

	z-index: 2;

	background: transparent;

	border: 2px solid #595959;

}



.barfiller .tip:after {

  border: solid;

  border-color: rgba(0,0,0,.8) transparent;

  border-width: 6px 6px 0 6px;

  content: "";

  display: block;

  position: absolute;

  left: 9px;

  top: 100%;

  z-index: 9;

  display: none;

}