.scrollable { position: relative; }
.scrollable:focus { outline: 0;}
.scrollable .viewport { position: relative; overflow: hidden;  }
.scrollable .viewport .overview { position: absolute;   }
.scrollable .scroll-bar { display: none; }
.scrollable .scroll-bar.horizontal { width: 100%; }
.scrollable .scroll-bar .thumb { position: absolute; left:-7px; }
.scrollable .scroll-bar.vertical .thumb { width: 100%; }
.scrollable .scroll-bar.horizontal .thumb { min-width: 10px; left: 0; }
.not-selectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/*Default skin*/
.scrollable.default-skin {  padding-right: 10px; padding-bottom: 6px; }
.scrollable.default-skin .scroll-bar.horizontal {  margin:5px 5px 10px 50px; height:39px; width:884px; float:right; background-image:url(../graphics/scroll_bg.png);}
.scrollable.default-skin .scroll-bar .thumb { background:url(../graphics/scroll_buttons.png) no-repeat; width:78px; height:39px;  margin:0;   }
.scrollable.default-skin .scroll-bar:hover .thumb {}
.scrollable.default-skin .scrollbar {}