div.slider {
	height: 22px;
	background: url('/images/slider_bg.gif') top left no-repeat;
	position: relative;
	padding: 0 10px 0 6px;
}

div.slider .right {
	z-index: 0;
	position: absolute;
	right: -11px;
	top: 0;
	display: block;
	height: 20px;
	width: 14px;
	background: url('/images/slider_bg_right.gif') top left no-repeat;
}

.slider .handler {
	z-index: 1;
	display: block;
	width: 33px;
	height: 22px;
	top: -4px;
	text-indent: -1000px;
	background: url('/images/slider.png') top left no-repeat;
}

.slider .handler:hover {
	cursor: url('/images/hand.gif'), url('/images/hand.cur'), move;
}

.slider .drag_mark {
	position: absolute;
	display: block;
	top: 15px;
	width: 1px;
	height: 3px;
	background: #505050;
}
.slider .entity {
	z-index: 2;
	display: block;
	height: 3px;
	width: 100%;
	margin-top: -9px;
}




.start_testtype .entity {
	background: url("/images/slider_entity_start_testtype.gif") 0 top repeat-x;
}

.start_bandwidth .entity {
	background: url("/images/slider_entity_start_bandwidth.gif") 0 top repeat-x;
}

.start_avalibillity .entity {
	background: url("/images/slider_entity_start_avalibillity.gif") 0 top repeat-x;
}
.ranglist_avalibillity .entity {
	background: url("/images/slider_entity_ranglist_avalibillity.gif") 0 top repeat-x;
}

.ranglist_bandwidth .entity{
	background: url("/images/slider_entity_ranglist_bandwith.gif") 0 top repeat-x;
}




.bar {
	width: 175px;
	background: url("/images/bar_bg_white.gif") repeat-x;
	height: 23px;
	position: relative;
}
.bar .bar_mask {
	position: absolute;
	width: 182px;
	height: 30px;
	background: url("/images/bar_mask.png") left top no-repeat;
	top: -3px;
	left: -4px;
	z-index: 10;
}
.bar .progress_orange {
	display: block;
	position: relative;
	left: -1px;
	background: url("/images/bar_bg_orange.gif") left top repeat-x;
	height: 21px;
}

.bar .progress_graphit {
	display: block;
	position: relative;
	left: -1px;
	background: url("/images/bar_bg_graphit.gif") left top repeat-x;
	height: 21px;
}