.scrollable {overflow: hidden !important; position: relative;}
.scrollable .scrollcontent {position:absolute; top:0px; right:20px; bottom:5px; left:0px; overflow:hidden; line-height:0px; padding-top:10px; padding-right: 0px; padding-bottom:0px; padding-left:10px;}
.scrollable .scrollwrap {overflow: hidden; display: inline-block; line-height: normal;}
.scrollable .scrollwrap:after {display: none;}
.scrollable.no_scroll_v .scrollcontent {left: auto; right: 0px;}
/* this where you put border */
.scrollable .scroller {position:absolute; border-left:1.5px solid #a5a5ff;}
/* scroll channel */
.scrollable .vscroller {top:0px; left:auto;right:0px; width:20px; bottom:0px;}
.scrollable.no_scroll_v .vscroller {display:none;}
.scrollable.no_scroll_v .hscroller {right:0px;}
.scrollable .scrollarea {position:absolute;}
.scrollable .vscroller .scrollarea {top:20px; bottom:20px; left:0px; right:0px;}
.scrollable .scrollblock {position:absolute; top:0px; left:0px; background-color:black;
	/* These next 3 create round top and bottom of scrollBlock*/
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;}
.scrollable .scrollblock:hover {background-color: #231F1F;}
.scrollable .vscroller .scrollblock {top:20px; height:60px; left:2px; right:2px;}
.scrollable .scrollbtn {position:absolute; width:20px;/*controls left/right placement*/ height:24px;/*controls height of bottom button*/ font-size:12px; line-height:25px;/*controls height of both buttons */ text-align:center; vertical-align:middle; color:black; font-weight:bold; user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-moz-box-sizing: border-box; cursor:default;}
.scrollable .scrollbtn:hover {color #666;}
.scrollable .scrolltop {top:0px; left:0px;}
.scrollable .scrolldown {left:-.5px;bottom:0px; top:auto;}
.scrollable.no_scroll_v .filler,{display:none;}
