slider{display:inline-block;position:relative;height:7px;width:100%;margin:25px 5px 25px 5px;vertical-align:middle;}
slider span{white-space:nowrap;position:absolute;display:inline-block;}
slider span.base{width:100%;height:100%;padding:0}
slider span.bar{width:100%;height:100%;z-index:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d9d7d7), color-stop(1, #b9b9b9));background:-webkit-linear-gradient(top, #d9d7d7 0, #8d8d8d 100%);background:-moz-linear-gradient(top, #d9d7d7 0, #8d8d8d 100%);background:-o-linear-gradient(top, #d9d7d7 0, #8d8d8d 100%);background:-ms-linear-gradient(top, #d9d7d7 0, #8d8d8d 100%);background:linear-gradient(top, #d9d7d7 0, #8d8d8d 100%);}
slider span.bar.selection{width:0%;z-index:1;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #13b6ff), color-stop(1, #00a8f3));background:-webkit-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:-moz-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:-o-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:-ms-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:linear-gradient(top, #13b6ff 0, #00a8f3 100%);-webkit-box-shadow:none;box-shadow:none}
slider span.pointer{cursor:pointer;width:20px;height:20px;top:-8px;background-color:#fff;border:1px solid #8d8d8d;z-index:2;}
slider span.bubble{cursor:pointer;top:-28px;padding:1px 3px 1px 3px;font-size:.85em;font-family:sans-serif;}
slider span.bubble.selection{top:15px}
slider span.bubble.limit{color:#808080}