/* This file skins sliders */

.ui-slider { width: 200px; height: 21px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle {
	position: absolute;
	z-index: 1;
	height: 21px;
	width: 14px;
	top: 0px;
	left: 0px;
}
/*.ui-slider-handle-active { border: 1px dotted black;  }*/
/*.ui-slider-disabled .ui-slider-handle { opacity: 0.3; filter: alpha(opacity=30); }*/
.ui-slider-range {
	position: absolute;
	background: #61e3ff;
	width: 100%;
	height: 19px;
	border-top: 1px solid #3589df;
	border-bottom: 1px solid #3589df;
}

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(img/slider-bg-1.png); }
.ui-slider-2 { background-image: url(img/slider-bg-2.png); }

.playground { position: relative; }

#slider_callout {
	background: url(img/callout.gif) no-repeat;
	height: 45px;
	width: 70px;
	overflow: hidden;
	position: absolute;
	top: -45px;
	margin-left:-12px;
	padding: 10px 0px 1px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

* html body #slider_callout {margin-left:-12px;}