#scrollbar1, #scrollbar2
{
    width:86%;
    margin:5px auto 10px;
    position: relative;
}

#scrollbar1 .viewport, #scrollbar2 .viewport
{
    height: 125px;
    overflow:hidden;
    position:relative;

}

#scrollbar1 .overview, #scrollbar2 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    /*padding: 10px 20px;*/
}

#scrollbar1 .scrollbar, #scrollbar2 .scrollbar
{
    background:#e3e3e3;
    position:absolute;
    background-position:0 0;
    right: -8px;
    top:0;
    width:5px;
}

#scrollbar1 .track, #scrollbar2 .track
{
  /*  background:transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;*/
    height:100%;
    width:5x;
    position:relative;
    padding:0 1px;
}

#scrollbar1 .thumb, #scrollbar2 .thumb
{
    background:#000000;
    height:20px;
    width:5px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
}

#scrollbar1 .thumb .end, #scrollbar2 .thumb .end
{
    overflow:hidden;
    width:5px;
}

#scrollbar1 .disable, #scrollbar2 .disable
{
    display:none;
}
#scrollbar1 p, #scrollbar2 p{padding:0px 0!important;}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}


@media only screen and (min-width: 768px) and (max-width: 900px) {
#scrollbar1, #scrollbar2
{
    width:90%;
    margin:5px auto 10px;
    position: relative;
}
#scrollbar1 .viewport, #scrollbar2 .viewport
{
    height: 100px;
    overflow:hidden;
    position:relative;

}

}

@media only screen and (min-width: 800px) and (max-width: 900px) {
#scrollbar1, #scrollbar2
{
    width:90%;
    margin:5px auto 10px;
    position: relative;
}
#scrollbar1 .viewport, #scrollbar2 .viewport
{
    height: 100px;
    overflow:hidden;
    position:relative;

}

}