.scrollable{position:relative}
.scrollable:focus{outline:0}
.scrollable .viewport{position:relative;overflow:hidden}
.scrollable .viewport .overview{position:absolute;width:100%;padding-top:4px}
.scrollable .scroll-bar{display:none}
.scrollable .scroll-bar.vertical{position:absolute;right:-2px;height:98%!important;width:2px;background:#959595;margin:15px 0}
.scrollable .scroll-bar.horizontal{position:relative;width:100%}
.scrollable .scroll-bar .thumb{position:absolute}
.scrollable .scroll-bar.vertical .thumb{width:200%;left:-50%;min-height:10px;background:#333;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.scrollable .scroll-bar.horizontal .thumb{height:100%;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}
.scrollable.default-skin{padding-right:10px;padding-bottom:6px}
.scrollable.default-skin .scroll-bar.vertical{width:6px}
.scrollable.default-skin .scroll-bar.horizontal{height:6px}
.scrollable.default-skin .scroll-bar .thumb{background-color:#000;opacity:.4;border-radius:3px;-moz-border-radius:4px;-webkit-border-radius:4px}
.scrollable.default-skin .scroll-bar:hover .thumb{opacity:.6}
.scrollable.gray-skin{padding-right:17px}
.scrollable.gray-skin .scroll-bar{border:1px solid gray;background-color:#d3d3d3}
.scrollable.gray-skin .scroll-bar .thumb{background-color:gray}
.scrollable.gray-skin .scroll-bar:hover .thumb{background-color:#000}
.scrollable.gray-skin .scroll-bar.vertical{width:10px}
.scrollable.gray-skin .scroll-bar.horizontal{height:10px;margin-top:2px}
.scrollable.modern-skin{padding-right:17px}
.scrollable.modern-skin .scroll-bar{border:1px solid gray;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow:inset 0 0 5px #888;-webkit-box-shadow:inset 0 0 5px #888;box-shadow:inset 0 0 5px #888}
.scrollable.modern-skin .scroll-bar .thumb{background-color:#95aabf;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #536984}
.scrollable.modern-skin .scroll-bar.vertical .thumb{width:8px;background:-moz-linear-gradient(left,#95aabf 0%,#547092 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#95aabf),color-stop(100%,#547092));background:-webkit-linear-gradient(left,#95aabf 0%,#547092 100%);background:-o-linear-gradient(left,#95aabf 0%,#547092 100%);background:-ms-linear-gradient(left,#95aabf 0%,#547092 100%);background:linear-gradient(to right,#95aabf 0%,#547092 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=1 )"}
.scrollable.modern-skin .scroll-bar.horizontal .thumb{height:8px;background-image:linear-gradient(#95aabf,#547092);background-image:-o-linear-gradient(#95aabf,#547092);background-image:-moz-linear-gradient(#95aabf,#547092);background-image:-webkit-linear-gradient(#95aabf,#547092);background-image:-ms-linear-gradient(#95aabf,#547092);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf',endColorstr='#547092',GradientType=0 )"}
.scrollable.modern-skin .scroll-bar.vertical{width:10px}
.scrollable.modern-skin .scroll-bar.horizontal{height:10px;margin-top:2px}