diff --git a/bi/slider.css b/bi/slider.css
new file mode 100644
index 000000000..0f943c0a1
--- /dev/null
+++ b/bi/slider.css
@@ -0,0 +1,20 @@
+.bi-single-slider-slider .slider-button {
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 7px;
+  -moz-border-radius: 7px;
+  border-radius: 7px;
+}
+.bi-slider-track .gray-track {
+  background-color: rgba(153, 153, 153, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.bi-slider-track .blue-track {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
diff --git a/dist/slider.css b/dist/slider.css
new file mode 100644
index 000000000..0f943c0a1
--- /dev/null
+++ b/dist/slider.css
@@ -0,0 +1,20 @@
+.bi-single-slider-slider .slider-button {
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 7px;
+  -moz-border-radius: 7px;
+  border-radius: 7px;
+}
+.bi-slider-track .gray-track {
+  background-color: rgba(153, 153, 153, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.bi-slider-track .blue-track {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
diff --git a/src/addons/slider/css/singleslider/slider/widget.slider.css b/src/addons/slider/css/singleslider/slider/widget.slider.css
new file mode 100644
index 000000000..f8335347e
--- /dev/null
+++ b/src/addons/slider/css/singleslider/slider/widget.slider.css
@@ -0,0 +1,8 @@
+.bi-single-slider-slider .slider-button {
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 7px;
+  -moz-border-radius: 7px;
+  border-radius: 7px;
+}
diff --git a/src/addons/slider/css/singleslider/track/widget.track.css b/src/addons/slider/css/singleslider/track/widget.track.css
new file mode 100644
index 000000000..895db146a
--- /dev/null
+++ b/src/addons/slider/css/singleslider/track/widget.track.css
@@ -0,0 +1,12 @@
+.bi-slider-track .gray-track {
+  background-color: rgba(153, 153, 153, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+.bi-slider-track .blue-track {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}