+/** range input css **/
+/* slider root element */
+.slider {
+ height: 2px;
+ position: relative;
+ cursor: pointer;
+ border: 1px solid #333;
+ width: 200px;
+ margin: 10px 0px 10px 0px;
+ float: left;
+}
+/* progress bar (enabled with progress: true) */
+.progress {
+ height: 9px;
+ background-color: #C5FF00;
+ display: none;
+ opacity: 0.6;
+}
+/* drag handle */
+.handle {
+ background-color: #ccc;
+ height: 16px;
+ width: 8px;
+ top: -8px;
+ position: absolute;
+ display: block;
+ margin-top: 1px;
+ border: 1px solid #000;
+ cursor: move;
+ -moz-border-radius: 0 0 5px 5px;
+ -webkit-border-radius: 0 0 5px 5px;
+ border-radius: 0 0 5px 5px;
+ -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+ -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+}
+/* the input field */
+.range {
+ width: 20px!important;
+ font-size: 8pt;
+ margin-left: 10px;
+ border: 0px;
+ color: #999999;
+}