.dynamic-slider-control {
	cursor:				default;
	font-size:			1px;
	z-index : 1000;
}

.horizontal {
	width:				345px;
	height:				43px;
	background-image:	url("brightness.bar.panel.gif");
	background-color:   #CCCCCC;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;
	font-size:			1px;
	overflow:			hidden;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				11px;
	height:				21px;
	background-image:	url("handle.horizontal.png");
	background-color:   #E5E5E5;
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {
	background-image:	url("handle.horizontal.hover.png");
}

.dynamic-slider-control.vertical .handle {
	width:				25px;
	height:				13px;
	background-image:	url("handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {
	background-image:	url("handle.vertical.hover.png");
}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	box-sizing:			content-box;
}

.dynamic-slider-control.vertical .line {
	width:				2px;
}

.dynamic-slider-control.horizontal .line {}

.dynamic-slider-control .line div {
	display:	none;
}