/* slider root element */
.slider { 
	background: url(../images/slider_bar.png) repeat-x;
	height:9px; 
	position:relative; 
	cursor:pointer;
	border: none;
	width:130px;
	float:left; 
	clear:left;
	margin-top:5px;
	margin-bottom:15px;
}

/* progress bar (enabled with progress: true) */
.progress {
	height:3px; 
	margin-top:3px;
	background-color:#2d9c9c;
	display:none;
	opacity:0.6;
}

/* drag handle */
.handle { 
	height:13px;
	width:13px;
	top:-5px;
	position:absolute; 
	display:block; 
	margin-top:1px;
	cursor:move;
	background: url(../images/slider.png) no-repeat;
}

/* the input field */
.range {
  background:transparent;
	border: none;
	float:left;
	clear: right;
	margin:0 0 0 5px;
	padding:2px 0;
	text-align:center;
	width:25px;
}

.ui-slider
{
	width:70%;
	height:3px;
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-slider-handle
{
	border:1px solid #000;
	background:#ccc;
	margin-right:10px;
	width:15px !important;
	height:15px !important;
}
.slider
{
	margin-right:10px;
}
.slider_value
{
	margin-left:10px;
	float:left;
	border:0;
	width:30px;
}

#slider { margin: 10px; }