/*
	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
	*/

.dynamic-slider-control {
	position:			relative;
	background-color:	transparent;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	margin-top: 15px;
	margin-left: 40px;
	margin-right: 5px;
	width:				720px;
	height:				30px;
}

.vertical {
	width:				140px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				pointer;
}

.dynamic-slider-control.horizontal .handle {
	width:				25px;
	height:				37px;
	background:	url(../../images/vps/handle.horizontal.png) no-repeat ;
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				50px;
	height:				31px;
	background-image:	url(../../images/vps/handle.vertical.png);
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	width: 900px;
	height: 13px;
	background-image: url('../../images/vps/bg_blue1.png');
	background-position: 0px 0px;
	border-left: 1px solid #636363;
	border-right: 1px solid #ABABAB;
	behavior:			url("css/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
	left: -50px;
	margin: 0px;
	padding: 0;
	}
.dynamic-slider-control.vertical .line {

}

.dynamic-slider-control.horizontal .line {

}

.dynamic-slider-control .line div {

	height:		20px;

}
