#text-demo label{
	display:block;
	float:left;
	width:140px;
	text-align:right;
	padding:6px;
}

textarea{
	width:600px;
	height:150px;
	border:1px solid #888;
}

/*
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:1em;
	border:1px solid #999;
	background-color:#FFF;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-right: 202px !important;
	display:inline-block !important;
	clear:both;
}

/*
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:#FFF;
}

/*
chracters counter. Same here, except the text color, you don't want to modify any other property
*/
.tbCounter{
	color:#000;
	font-family:Tahoma;
	font-size:11px;
}