.ui-slider:before { content:""; position:absolute; z-index:10; width:14px; height:14px; border-radius:50%; background:#9a9782; left:0px; top:-5px;}
.ui-slider:after { content:""; position:absolute; z-index:10; width:14px; height:14px; border-radius:50%; background:#9a9782; right:-15px; top:-5px;}

.ui-slider-vertical:before { background:none;}
.ui-slider-vertical:after { background:none;}

.ui-widget-content {
	border: 0;
	background: #9a9782 !important;
	color: #222222 !important;
	background-image: none !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 20px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 20px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 20px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 20px !important;
}
.ui-widget {
	font-size: 0.5em !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 0 !important;
	background: #9a9782 !important;
	font-weight: normal;
	color: #555555 !important;
	padding: 9px !important;
	background-image: none !important;
	
}

.ui-widget-header {
	border: 0 !important;
	background: #9a9782 !important;
	color: #9a9782;
	font-weight: bold;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -1.5em !important;
	margin-left: -.6em !important;
	width:4em !important;
	height:4em !important;
	border: 1px solid #9a9782 !important;
    box-shadow: inset 0 0 0 2px white;
}

.ui-slider-vertical .ui-slider-handle {
	left: -1.5em !important;
}

.ui-slider-vertical { height:300px !important;}

.ui-slider-vertical::before {
  background: #9a9782 none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 14px;
  left: -5px;
  position: absolute;
  top: -14px;
  width: 14px;
  z-index: 10;
}

.ui-slider-vertical .ui-slider-range-min::after {
  background: #9a9782 none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 14px;
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 14px;
  z-index: 10;
}

.ui-slider .ui-slider-handle 
{
	width:3.5em !important;
	height:3.5em !important;
	border: 1px solid #9a9782 !important;
    box-shadow: inset 0 0 0 2px white;
}