Added style definition for slider

Author: pborissow

themes/default.css

@@ -1104,7 +1104,7 @@ select:focus, textarea:focus, input:focus{
 /** Slider
 /**************************************************************************/
 
-.sliderGrove {
+.slider-groove {
     display: inline-block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: padding-box;
@@ -1145,7 +1145,7 @@ select:focus, textarea:focus, input:focus{
     background-repeat: no-repeat, repeat-x;
 }
 
-.sliderHandle {
+.slider-handle {
     position:relative;
     -webkit-box-shadow: 2px 2px 3px #666;
     -moz-box-shadow: 2px 2px 3px #666;
@@ -1172,7 +1172,7 @@ select:focus, textarea:focus, input:focus{
 }
 
 
-.sliderHandle:hover, .sliderHandle.hover {
+.slider-handle:hover, .slider-handle.hover {
     background-image:
        -webkit-gradient(linear, left top, left bottom,
                from(#6297f2),

themes/default.js

@@ -116,6 +116,10 @@ javaxt.dhtml.style.default = {
         handleActive: "switch-handle-active"
     },
 
+    slider: {
+        groove: "slider-groove",
+        handle: "slider-handle"
+    },
 
     datePicker: {
         panel: "date-picker-panel",