diff --git a/java/com.sap.sailing.server.gateway/main.css b/java/com.sap.sailing.server.gateway/main.css
index c2de8aa273b..62189661f94 100644
--- a/java/com.sap.sailing.server.gateway/main.css
+++ b/java/com.sap.sailing.server.gateway/main.css
@@ -1,80 +1,80 @@
-/* line 2, _reset.sass */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline; 
-}
-
-body {
-  height: 100%;
-  color: #222222;
-  font-size: 14px;
-  font-family: OpenSansRegular, Arial, Verdana, sans-serif;
-  font-weight: normal;
-  margin: 10px;
-  padding: 0px;
-  line-height: 18px; 
-}
-
-h1 {
-  font-size: 16px;
-  font-family: OpenSansRegular, Arial, Verdana, sans-serif;
-  font-weight: bold;
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
-h2 {
-  font-size: 16px;
-  font-family: OpenSansRegular, Arial, Verdana, sans-serif;
-  font-weight: normal;
-  margin-top: 5px;
-  margin-bottom: 10px;
-}
-
-table td, table th
-{
-    padding: 5px;
-}
-
-table { 
-  border-spacing:0;
-  border-collapse:collapse;
-}
-
-table thead tr td {
-	background-color: #eeeeee;
-}
-
-table tbody tr:nth-child(odd) td {
-	background-color: #cccccc;
-}
-
-table tbody tr:nth-child(even) td {
-	background-color: #dddddd;
-}
-
-a {
-  text-decoration: none;
-  color: #0066b3; 
-}
-
-a:hover {
-    text-decoration: underline; 
-}
-
+/* line 2, _reset.sass */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; 
+}
+
+body {
+  height: 100%;
+  color: #222222;
+  font-size: 14px;
+  font-family: 'Open Sans', Arial, Verdana, sans-serif;
+  font-weight: normal;
+  margin: 10px;
+  padding: 0px;
+  line-height: 18px; 
+}
+
+h1 {
+  font-size: 16px;
+  font-family: 'Open Sans', Arial, Verdana, sans-serif;
+  font-weight: bold;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+h2 {
+  font-size: 16px;
+  font-family: 'Open Sans', Arial, Verdana, sans-serif;
+  font-weight: normal;
+  margin-top: 5px;
+  margin-bottom: 10px;
+}
+
+table td, table th
+{
+    padding: 5px;
+}
+
+table { 
+  border-spacing:0;
+  border-collapse:collapse;
+}
+
+table thead tr td {
+	background-color: #eeeeee;
+}
+
+table tbody tr:nth-child(odd) td {
+	background-color: #cccccc;
+}
+
+table tbody tr:nth-child(even) td {
+	background-color: #dddddd;
+}
+
+a {
+  text-decoration: none;
+  color: #0066b3; 
+}
+
+a:hover {
+    text-decoration: underline; 
+}
+
diff --git a/java/com.sap.sailing.www/main.css b/java/com.sap.sailing.www/main.css
index 7b8f32e0f7a..90cf3fb18d2 100644
--- a/java/com.sap.sailing.www/main.css
+++ b/java/com.sap.sailing.www/main.css
@@ -1,235 +1,240 @@
-/* line 2, _reset.sass */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline; }
-
-/* HTML5 display-role reset for older browsers */
-/* line 23, _reset.sass */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block; }
-
-/* line 27, _reset.sass */
-body {
-  line-height: 1; }
-
-/* line 30, _reset.sass */
-ol, ul {
-  list-style: none; }
-
-/* line 33, _reset.sass */
-blockquote, q {
-  quotes: none; }
-
-/* line 36, _reset.sass */
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: "";
-  content: none; }
-
-/* line 41, _reset.sass */
-table {
-  border-collapse: collapse;
-  border-spacing: 0; }
-
-/* line 7, site.css.sass */
-html {
-  height: 100%; }
-
-/* line 10, site.css.sass */
-body {
-  height: 100%;
-  color: #222222;
-  font-size: 14px;
-  font-family: OpenSansRegular, Arial, Verdana, sans-serif;
-  font-weight: normal;
-  background-image: url(../images/bg-image.jpg);
-  background-attachment: fixed;
-  background-color: #222222;
-  background-position: 50% 0%;
-  background-repeat: no-repeat no-repeat;
-  margin: 0px;
-  padding: 0px;
-  line-height: 18px; }
-
-/* line 27, site.css.sass */
-ul {
-  font-size: 12px;
-  padding-left: 0px;
-  margin-bottom: 25px;
-  margin-left: 30px; }
-
-/* line 34, site.css.sass */
-a {
-  text-decoration: none;
-  color: #0066b3; }
-  /* line 38, site.css.sass */
-  a:hover {
-    text-decoration: underline; }
-
-/* line 42, site.css.sass */
-#yield_content {
-  width: 950px;
-  margin: 0 auto;
-  min-height: 100%; }
-  #yield_content #logoAndTitlePanel {
-    height: 52px;
-  }
-    #yield_content .sapLogo {
-      height: 52px;
-      float: left;
-    }
-    #yield_content .headNavigation {
-      float: right;
-      margin: 25px 0 0 0;
-      padding: 0; }
-      #yield_content .headNavigation a {
-        font-family: 'OpenSansBold', Arial, Verdana, sans-serif;
-        color: #fff; }
-  /* line 47, site.css.sass */
-  #yield_content #pageHeadline {
-    color: white;
-    margin: 10px 0 10px 0;
-    font-size: 18px; }
-  /* line 53, site.css.sass */
-  #yield_content #keyVisual {
-    height: 240px;
-    position: relative;
-    background: white; }
-    /* line 58, site.css.sass */
-    #yield_content #keyVisual #infoBox {
-      width: 502px;
-      height: 100px;
-      background: #999999;
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      padding: 10px; }
-      /* line 67, site.css.sass */
-      #yield_content #keyVisual #infoBox p {
-        color: white;
-        font-size: 12px; }
-			#yield_content #keyVisual #infoBox a {
-				text-decoration: none;
-				float: right; 
-				background: #fcb913; 
-				color: white; 
-				font-size: 18px; 
-				font-family: OpenSansRegular, Arial, Verdana, sans-serif; 
-				padding: 6px 12px 6px 12px; }
-				
-  /* line 72, site.css.sass */
-  #yield_content #mainContent {
-    padding: 0 10px 10px 10px;
-    background: white; }
-    /* line 79, site.css.sass */
-    #yield_content #mainContent .innerContent .timeBar {
-      background: url(../images/timeBar-bg.png) 0 0 repeat-y; }
-      /* line 82, site.css.sass */
-      #yield_content #mainContent .innerContent .timeBar .raceSection {
-        margin: 0 0 20px 0;
-        *display: inline-block; }
-        /* line 3, _helpers.sass */
-        #yield_content #mainContent .innerContent .timeBar .raceSection:after {
-          content: " ";
-          display: block;
-          height: 0;
-          clear: both;
-          visibility: hidden; }
-        /* line 85, site.css.sass */
-        #yield_content #mainContent .innerContent .timeBar .raceSection .date {
-          font-family: OpenSansRegular, Arial, Verdana, sans-serif;
-          font-size: 12px;
-          margin-left: 35px; }
-        /* line 91, site.css.sass */
-        #yield_content #mainContent .innerContent .timeBar .raceSection .raceTimepoint {
-          background: url(../images/raceTimepoint-bg.png) left top no-repeat;
-          width: 29px;
-          height: 54px;
-          float: left;
-          margin: -16px 0 0 -5px; }
-        /* line 97, site.css.sass */
-        #yield_content #mainContent .innerContent .timeBar .raceSection .racePanel {
-          background: url(../images/racePanel-bg.png) left bottom repeat-x #fcb913;
-          width: 169px;
-          min-height: 36px;
-          margin: 2px 10px 0 -5px;
-          float: left;
-          padding: 6px 0 6px 13px; }
-          /* line 104, site.css.sass */
-          #yield_content #mainContent .innerContent .timeBar .raceSection .racePanel .raceName {
-            font-size: 12px;
-            font-family: OpenSansBold, Arial, Verdana, sans-serif;
-            color: white; }
-          /* line 109, site.css.sass */
-          #yield_content #mainContent .innerContent .timeBar .raceSection .racePanel .raceLocation {
-            font-size: 12px;
-            font-family: OpenSansRegular, Arial, Verdana, sans-serif;
-            color: white; }
-          #yield_content #mainContent .innerContent .timeBar .raceSection a:hover {
-            text-decoration: none; }
-      /* line 114, site.css.sass */
-      #yield_content #mainContent .innerContent .timeBar .raceDescription {
-        padding: 4px;
-        font-family: OpenSansRegular, Arial, Verdana, sans-serif;
-        font-size: 12px;
-        font-color: #222222; }
-    /* line 121, site.css.sass */
-    #yield_content #mainContent .articleHeadline {
-      font-size: 18px;
-      font-family: OpenSansBold, Arial, Verdana, sans-serif;
-      color: #222222;
-      border-bottom: 2px solid #222222;
-      clear: both;
-      padding: 0 0 5px;
-      margin: 0 0 15px; }
-    /* line 131, site.css.sass */
-    #yield_content #mainContent .articleSubheadline {
-      font-size: 14px;
-      font-family: OpenSansBold, Arial, Verdana, sans-serif;
-      color: #222222;
-      margin: 0 0 6px 0; }
-    /* line 138, site.css.sass */
-    #yield_content #mainContent h4 {
-      margin: 0 0 10px;
-      font-size: 12px;
-      font-family: OpenSansBold, Arial, Verdana, sans-serif; }
-  /* line 144, site.css.sass */
-  #yield_content #spaceBar {
-    height: 80px; }
-
-/* line 148, site.css.sass */
-#footer {
-  color: white;
-  width: 940px;
-  height: 20px;
-  margin: -40px auto 0 auto;
-  background: url(../images/bkg-footer1.png);
-  padding: 10px;
-  font-size: 11px; }
-  /* line 157, site.css.sass */
-  #footer a {
-    color: white;
-    font-size: 11px; }
-  /* line 162, site.css.sass */
-  #footer .regularNav {
-    margin: 0; }
-    /* line 164, site.css.sass */
-    #footer .regularNav li {
-      display: inline; }
+/* line 2, _reset.sass */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+/* HTML5 display-role reset for older browsers */
+/* line 23, _reset.sass */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+/* line 27, _reset.sass */
+body {
+  line-height: 1; }
+
+/* line 30, _reset.sass */
+ol, ul {
+  list-style: none; }
+
+/* line 33, _reset.sass */
+blockquote, q {
+  quotes: none; }
+
+/* line 36, _reset.sass */
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: "";
+  content: none; }
+
+/* line 41, _reset.sass */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+/* line 7, site.css.sass */
+html {
+  height: 100%; }
+
+/* line 10, site.css.sass */
+body {
+  height: 100%;
+  color: #222222;
+  font-size: 14px;
+  font-family: 'Open Sans', Arial, Verdana, sans-serif;
+  font-weight: normal;
+  background-image: url(../images/bg-image.jpg);
+  background-attachment: fixed;
+  background-color: #222222;
+  background-position: 50% 0%;
+  background-repeat: no-repeat no-repeat;
+  margin: 0px;
+  padding: 0px;
+  line-height: 18px; }
+
+/* line 27, site.css.sass */
+ul {
+  font-size: 12px;
+  padding-left: 0px;
+  margin-bottom: 25px;
+  margin-left: 30px; }
+
+/* line 34, site.css.sass */
+a {
+  text-decoration: none;
+  color: #0066b3; }
+  /* line 38, site.css.sass */
+  a:hover {
+    text-decoration: underline; }
+
+/* line 42, site.css.sass */
+#yield_content {
+  width: 950px;
+  margin: 0 auto;
+  min-height: 100%; }
+  #yield_content #logoAndTitlePanel {
+    height: 52px;
+  }
+    #yield_content .sapLogo {
+      height: 52px;
+      float: left;
+    }
+    #yield_content .headNavigation {
+      float: right;
+      margin: 25px 0 0 0;
+      padding: 0; }
+      #yield_content .headNavigation a {
+        font-family: 'Open Sans', Arial, Verdana, sans-serif;
+        font-weight: bold;
+        color: #fff; }
+  /* line 47, site.css.sass */
+  #yield_content #pageHeadline {
+    color: white;
+    margin: 10px 0 10px 0;
+    font-size: 18px; }
+  /* line 53, site.css.sass */
+  #yield_content #keyVisual {
+    height: 240px;
+    position: relative;
+    background: white; }
+    /* line 58, site.css.sass */
+    #yield_content #keyVisual #infoBox {
+      width: 502px;
+      height: 100px;
+      background: #999999;
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      padding: 10px; }
+      /* line 67, site.css.sass */
+      #yield_content #keyVisual #infoBox p {
+        color: white;
+        font-size: 12px; }
+			#yield_content #keyVisual #infoBox a {
+				text-decoration: none;
+				float: right; 
+				background: #fcb913; 
+				color: white; 
+				font-size: 18px; 
+				font-family: 'Open Sans', Arial, Verdana, sans-serif; 
+				padding: 6px 12px 6px 12px; }
+				
+  /* line 72, site.css.sass */
+  #yield_content #mainContent {
+    padding: 0 10px 10px 10px;
+    background: white; }
+    /* line 79, site.css.sass */
+    #yield_content #mainContent .innerContent .timeBar {
+      background: url(../images/timeBar-bg.png) 0 0 repeat-y; }
+      /* line 82, site.css.sass */
+      #yield_content #mainContent .innerContent .timeBar .raceSection {
+        margin: 0 0 20px 0;
+        *display: inline-block; }
+        /* line 3, _helpers.sass */
+        #yield_content #mainContent .innerContent .timeBar .raceSection:after {
+          content: " ";
+          display: block;
+          height: 0;
+          clear: both;
+          visibility: hidden; }
+        /* line 85, site.css.sass */
+        #yield_content #mainContent .innerContent .timeBar .raceSection .date {
+          font-family: 'Open Sans', Arial, Verdana, sans-serif;
+          font-size: 12px;
+          margin-left: 35px; }
+        /* line 91, site.css.sass */
+        #yield_content #mainContent .innerContent .timeBar .raceSection .raceTimepoint {
+          background: url(../images/raceTimepoint-bg.png) left top no-repeat;
+          width: 29px;
+          height: 54px;
+          float: left;
+          margin: -16px 0 0 -5px; }
+        /* line 97, site.css.sass */
+        #yield_content #mainContent .innerContent .timeBar .raceSection .racePanel {
+          background: url(../images/racePanel-bg.png) left bottom repeat-x #fcb913;
+          width: 169px;
+          min-height: 36px;
+          margin: 2px 10px 0 -5px;
+          float: left;
+          padding: 6px 0 6px 13px; }
+          /* line 104, site.css.sass */
+          #yield_content #mainContent .innerContent .timeBar .raceSection .racePanel .raceName {
+            font-size: 12px;
+            font-family: 'Open Sans', Arial, Verdana, sans-serif;
+            font-weight: bold;
+            color: white; }
+          /* line 109, site.css.sass */
+          #yield_content #mainContent .innerContent .timeBar .raceSection .racePanel .raceLocation {
+            font-size: 12px;
+            font-family: 'Open Sans', Arial, Verdana, sans-serif;
+            color: white; }
+          #yield_content #mainContent .innerContent .timeBar .raceSection a:hover {
+            text-decoration: none; }
+      /* line 114, site.css.sass */
+      #yield_content #mainContent .innerContent .timeBar .raceDescription {
+        padding: 4px;
+        font-family: 'Open Sans', Arial, Verdana, sans-serif;
+        font-size: 12px;
+        font-color: #222222; }
+    /* line 121, site.css.sass */
+    #yield_content #mainContent .articleHeadline {
+      font-size: 18px;
+      font-family: 'Open Sans', Arial, Verdana, sans-serif;
+      font-weight: bold;
+      color: #222222;
+      border-bottom: 2px solid #222222;
+      clear: both;
+      padding: 0 0 5px;
+      margin: 0 0 15px; }
+    /* line 131, site.css.sass */
+    #yield_content #mainContent .articleSubheadline {
+      font-size: 14px;
+      font-family: 'Open Sans', Arial, Verdana, sans-serif;
+      font-weight: bold;
+      color: #222222;
+      margin: 0 0 6px 0; }
+    /* line 138, site.css.sass */
+    #yield_content #mainContent h4 {
+      margin: 0 0 10px;
+      font-size: 12px;
+      font-family: 'Open Sans', Arial, Verdana, sans-serif;
+      font-weight: bold; }
+  /* line 144, site.css.sass */
+  #yield_content #spaceBar {
+    height: 80px; }
+
+/* line 148, site.css.sass */
+#footer {
+  color: white;
+  width: 940px;
+  height: 20px;
+  margin: -40px auto 0 auto;
+  background: url(../images/bkg-footer1.png);
+  padding: 10px;
+  font-size: 11px; }
+  /* line 157, site.css.sass */
+  #footer a {
+    color: white;
+    font-size: 11px; }
+  /* line 162, site.css.sass */
+  #footer .regularNav {
+    margin: 0; }
+    /* line 164, site.css.sass */
+    #footer .regularNav li {
+      display: inline; }
diff --git a/java/com.sap.sailing.www/release_notes.css b/java/com.sap.sailing.www/release_notes.css
index 130857a5cbc..139b198f944 100644
--- a/java/com.sap.sailing.www/release_notes.css
+++ b/java/com.sap.sailing.www/release_notes.css
@@ -4,7 +4,8 @@ body{
 
 #yield_content #mainContent .releaseHeadline{
 	font-size: 24px;
-	font-family: OpenSansBold, Arial, Verdana, sans-serif;
+	font-family: 'Open Sans', Arial, Verdana, sans-serif;
+	font-weight: bold;
 	padding: 0 0 5px;
 	margin: 0 0 10px 0;
 	border-bottom: 2px solid #222222;
@@ -14,7 +15,7 @@ body{
 	border-bottom: none;
 }
 #yield_content #mainContent .articleSubheadline {
-  font-family: OpenSansRegular, Arial, Verdana, sans-serif;
+  font-family: 'Open Sans', Arial, Verdana, sans-serif;
 }
 #yield_content #mainContent .releaseNavigation{
 	margin: 0 0 20px 0;
diff --git a/java/com.sap.sse.gwt/src/com/sap/sse/gwt/client/controls/slider/SliderBar.css b/java/com.sap.sse.gwt/src/com/sap/sse/gwt/client/controls/slider/SliderBar.css
index 324c623cb1f..6b8cf3144e0 100644
--- a/java/com.sap.sse.gwt/src/com/sap/sse/gwt/client/controls/slider/SliderBar.css
+++ b/java/com.sap.sse.gwt/src/com/sap/sse/gwt/client/controls/slider/SliderBar.css
@@ -1,87 +1,90 @@
-.gwt-SliderBar-shell {
-	width: 100%;
-	height: 50px;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-line {
-  background: #333;
-  height: 12px;
-  width: 100%;
-  top: 18px;
-  overflow: hidden;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-line-disabled {
-  border: 1px solid gray;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-knob {
-  z-index: 1;
-  cursor: pointer;
-  top: 7px;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-tick {
-  top: 13px;
-  width: 2px;
-  height: 5px;
-  background: #333;
-  overflow: hidden;
-}
-
-.gwt-SliderBar-shell:focus{
-	outline: none;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-mark {
-  top: 13px;
-  width: 24px;
-  height: 24px;
-  background: #fcbb22;
-  overflow: hidden;
-  border-radius: 15px;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-mark-tooClose {
-  top: 12px;
-  width: 16px;
-  height: 16px;
-  background: #fcbb22;
-  overflow: hidden;
-  border-radius: 15px;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-tick-disabled {
-  background: gray;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-ticklabel {
-  font-size: 12px;
-  cursor: default;
-  font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif;
-  top: 0;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-markerlabel {
-  top: 20px;
-  font-size: 12px;
-  color: #333;
-  cursor: default;
-  font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif;
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-markerlabel-tooClose {
-  top: 13px;
-  font-size: 8px;
-  color: #333;
-  cursor: default;
-  font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif;
-}
-
-.gwt-SliderBar-shell-focused {
-
-}
-
-.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
-  cursor: pointer;
-}
+.gwt-SliderBar-shell {
+	width: 100%;
+	height: 50px;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-line {
+  background: #333;
+  height: 12px;
+  width: 100%;
+  top: 18px;
+  overflow: hidden;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-line-disabled {
+  border: 1px solid gray;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-knob {
+  z-index: 1;
+  cursor: pointer;
+  top: 7px;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-tick {
+  top: 13px;
+  width: 2px;
+  height: 5px;
+  background: #333;
+  overflow: hidden;
+}
+
+.gwt-SliderBar-shell:focus{
+	outline: none;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-mark {
+  top: 13px;
+  width: 24px;
+  height: 24px;
+  background: #fcbb22;
+  overflow: hidden;
+  border-radius: 15px;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-mark-tooClose {
+  top: 12px;
+  width: 16px;
+  height: 16px;
+  background: #fcbb22;
+  overflow: hidden;
+  border-radius: 15px;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-tick-disabled {
+  background: gray;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-ticklabel {
+  font-size: 12px;
+  cursor: default;
+  font-family: 'Open Sans',Arial,Verdana,sans-serif;
+  font-weight: 600;
+  top: 0;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-markerlabel {
+  top: 20px;
+  font-size: 12px;
+  color: #333;
+  cursor: default;
+  font-family: 'Open Sans',Arial,Verdana,sans-serif;
+  font-weight: 600;
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-markerlabel-tooClose {
+  top: 13px;
+  font-size: 8px;
+  color: #333;
+  cursor: default;
+  font-family: 'Open Sans',Arial,Verdana,sans-serif;
+  font-weight: 600;
+}
+
+.gwt-SliderBar-shell-focused {
+
+}
+
+.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
+  cursor: pointer;
+}