.slider{width:100%}.slider>.dragger{background:#d6d6d6;background:-moz-linear-gradient(top, #d6d6d6 0%, #f7f7f7 35%, #fff 69%, #fff 100%);background:-webkit-linear-gradient(top, #d6d6d6 0%, #f7f7f7 35%, #fff 69%, #fff 100%);background:linear-gradient(to bottom, #d6d6d6 0%, #f7f7f7 35%, #fff 69%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );-webkit-box-shadow:inset 0 2px 2px rgba(255,255,255,0.5),0 2px 8px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 2px 2px rgba(255,255,255,0.5),0 2px 8px rgba(0,0,0,0.2);box-shadow:inset 0 2px 2px rgba(255,255,255,0.5),0 2px 8px rgba(0,0,0,0.2);-webkit-border-radius:10px;-moz-border-radius:10px;border:1px solid #999999;width:20px;height:20px;border-radius:30px;background:#ffffff}.slider>.dragger:hover{border:1px solid #666666}.slider>.track{border:none;border-radius:3px;background:#e9e9e9}.slider>.track,.slider>.highlight-track{height:8px}.slider>.track:before{content:" ";background-color:#008ccf;position:absolute;top:0px;width:40px;height:8px;left:-40px}.slider>.dragger:before{content:" ";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:20px;display:inline-block;background-color:#008ccf}.slider>.highlight-track{background:#008ccf;border-color:#008ccf}