.ui-slider { position: relative; text-align: left;}
.ui-slider .ui-slider-handle { 
	position: absolute; 
	z-index: 2; 
	width: 1.1em; 
	height: 1em; 
	cursor: default; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;	
	border-radius: 50%;
}

.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: 2px; margin-top: 30px;  width: 220px;}
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background-color: #ffffff;}
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { 
	position: relative;
	width: 100%;
}
.ui-widget-content::after {
  content: "";
  background-color: #ffffff; 
  border: 1px solid #fff;
  opacity: 0.5;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;   
}

.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #ffffff; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
	background-image: url(../../resources/img/sprite.png);
	background-position: -85px 0;
	background-repeat: no-repeat;
	margin-top: -3px;
	cursor: pointer;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
	background-image: url(../../resources/img/sprite.png);
	background-position: -85px 0;
	background-repeat: no-repeat;
	margin-top: -3px;
	cursor: pointer;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
	background-image: url(../../resources/img/sprite.png);
	background-position: -112px 0;
	background-repeat: no-repeat;
	margin-top: -3px;
	cursor: pointer;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { 
	background-image: url(../../resources/img/sprite.png);
	background-position: -112px 0;
	background-repeat: no-repeat;
	margin-top: -3px;
	cursor: pointer;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	background-image: url(../../resources/img/sprite.png);
	background-position: -112px 0;
	background-repeat: no-repeat;
	margin-top: -3px;
	cursor: pointer;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
	background-image: url(../../resources/img/sprite.png);
	background-position: -112px 0;
	background-repeat: no-repeat;
	margin-top: -3px;
	cursor: pointer;
}