.slider-container{width:300px;font-family:helvetica neue,Helvetica,Arial,sans-serif}.slider-container .back-bar{height:10px;position:relative}.slider-container .back-bar .selected-bar{position:absolute;height:100%}.slider-container .back-bar .pointer{position:absolute;width:10px;height:10px;background-color:red;cursor:pointer;opacity:1;z-index:2}.slider-container .back-bar .pointer.last-active{z-index:3}.slider-container .back-bar .pointer-label{position:absolute;top:-17px;font-size:8px;background:#fff;white-space:nowrap;line-height:1}.slider-container .back-bar .focused{z-index:10}.slider-container .clickable-dummy{cursor:pointer;position:absolute;width:100%;height:100%;z-index:1;top:0}.slider-container .scale{top:8px;position:relative}.slider-container .scale span{position:absolute;height:5px;font-size:0}.slider-container .scale ins{font-size:14px;text-decoration:none;position:absolute;left:0;top:5px;color:#fff;line-height:1}.slider-container.slider-readonly .clickable-dummy,.slider-container.slider-readonly .pointer{cursor:auto}.theme-green .back-bar{height:8px;border-radius:2px;background-color:rgba(255,255,255,.5)}.theme-green .back-bar .selected-bar{border-radius:2px;background:#ee6a25}.theme-green .back-bar .pointer{top:-7px;display:block;height:20px;width:20px;background-color:#fff;border-radius:50%;margin:0 3px;border:#fff}.theme-green .back-bar .pointer-label{color:#999;display:none}.theme-green .back-bar .focused{color:#333}.theme-blue .back-bar{height:5px;border-radius:2px;background-color:#eee;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-o-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(to bottom,#eee,#ddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)}.theme-blue .back-bar .selected-bar{border-radius:2px;background-color:#92c1f9;background-image:-moz-linear-gradient(top,#b1d1f9,#64a8f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b1d1f9),to(#64a8f9));background-image:-webkit-linear-gradient(top,#b1d1f9,#64a8f9);background-image:-o-linear-gradient(top,#b1d1f9,#64a8f9);background-image:linear-gradient(to bottom,#b1d1f9,#64a8f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9',endColorstr='#ff64a8f9',GradientType=0)}.theme-blue .back-bar .pointer{width:14px;height:14px;top:-5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:1px solid #aaa;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-o-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(to bottom,#eee,#ddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)}.theme-blue .back-bar .focused{color:#333}.theme-blue .scale span{border-left:1px solid #e5e5e5}.demo button{appearance:none;-webkit-appearance:none;padding:8px 15px;border:0;color:#fff;font-size:1em;border-radius:5px;background:#aaa}