.band {
	position: relative;
	z-index: 3;
	height: 15px;
	border: 1px solid #333;
	border-right: 0px;
	border-left: 0px;
	border-image: initial;
	cursor: pointer;
	float:left;
}
.band:hover {
	border: 2px solid #333;

}
.p_acen, .first{
	border-left: 1px solid #333;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-top-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
}
.q_acen, .last {
	border-right: 1px solid #333;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-top-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
}
.q_acen {
	background-color: #DDD;
}
.gpos25 {
	background-color: rgb(25%, 25%, 25%);
}
.gpos50 {
	background-color: rgb(50%, 50%, 50%);
}
.gpos75 {
	background-color: rgb(75%, 75%, 75%);
}
.gpos100 {
	background-color: #000;
}
.gneg {
	background-color: #FFF;
}
.selector {
	border: 1px solid #FF0000;
	position: absolute;
	margin-left: 0px;
	margin-top: -5px;
	height: 25px;
	width: 30px;
	z-index: 10;
	background-color: rgb(100%, 75%, 75%);
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.scaler {
	position: absolute;
	height: 5px;
	width: 5px;
	background-color: white;
	border: 1px solid red;
}
.left{
	left: -4px;
	margin-top: 10px;
	cursor: w-resize;
}
.right{
	left: 28px;
	margin-top: 10px;
	cursor: e-resize;
}
.top{
	left: 12px;
	margin-top: -4px;
	cursor: n-resize;
}
.bottom{
	left: 12px;
	margin-top: 23px;
	cursor: s-resize;
}