

/*
this class is for the lower bar container.
It does really require any styling
*/
.tbWrapper{

}

/*
This is the progress bar container
Width is set with javascript, but those value can be modified
Try to keep the button's and preogres bar's margin-left the same for better results
*/
.tbProgress{
	height:1.7em;
	border-top:1px solid #101010;
	border-left:1px solid #101010;
	border-right:1px solid #252525;
	border-bottom:1px solid #252525;
	background-color: #101010;
}

/*
this is the actual progress indicator, inside the porgressbar container
Except the background color, you probably don't want to mess up the other properties
You can set a background image if you want
*/
.tbProgressBar{
	background-color:#202020;
}

/*
chracters counter. Same here, except the text color, you don't want to modify any other property
*/
.tbCounter{
	color:#aaa;
	}