/* Tiny Scrollbar */
#scrollbar1 { padding:15px 10px 15px 0; }
#scrollbar1 .viewport { width: 95%; height: 480px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 4px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y-end.png) no-repeat; position:absolute; width:7px; height:5px; bottom:0; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#scrollbar2 { padding:0 10px 15px 0; }
#scrollbar2 .viewport { width: 96%; height:480px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(images/bg-scrollbar-thumb-y-2.png); background-repeat:repeat-y; background-position: 0 1px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 4px; }
#scrollbar2 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y-end.png) no-repeat; position:absolute; width:7px; height:5px; bottom:0; }
#scrollbar2 .disable { display: none; }

@media (max-width: 760px) {
    #scrollbar2 .viewport{
        width:90%;
    }
}
@media (max-width: 500px) {
    #scrollbar2 .viewport{
        width:88%;
    }
}