.scrollbar1
{
    position: relative;
}

.scrollbar1 .viewport
{
    height: 405px;
    overflow:hidden;
    position:relative;
}

.scrollbar1 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    width: 100%;
}

.scrollbar1 .scrollbar
{
    background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    background-position:0 0;
    right: -10px;
    top:5px;
    width: 4px;
}

/*.scrollbar1 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width: 11px;
    position:relative;
    padding:0 1px;
    border-radius: 7px!important;
}
*/
.scrollbar1 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width: 4px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left: 0px;
}

.scrollbar1 .thumb .end
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:25px;
    border-radius: 7px;
}

.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, .scrollbar3
{
    position: relative;
}

.scrollbar2 .viewport,
.scrollbar3 .viewport
{
    height: 405px;
    overflow:hidden;
    position:relative;
}

.scrollbar2 .overview,
.scrollbar3 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    width: 100%;
}

.scrollbar2 .scrollbar,
.scrollbar3 .scrollbar
{
    background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    background-position:0 0;
    right: -10px;
    top:5px;
    width: 4px;
}

/*.scrollbar1 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width: 11px;
    position:relative;
    padding:0 1px;
    border-radius: 7px!important;
}
*/
.scrollbar2 .thumb,
.scrollbar3 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width: 4px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left: 0px;
}

.scrollbar2 .thumb .end,
.scrollbar3 .thumb .end
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:25px;
    border-radius: 7px;
}

.scrollbar2 .disable,
.scrollbar3 .disable
{
    display:none;
}


#scrollbar1, #scrollbar2, #scrollbar3, #scrollbar4
{
    position: relative;
    margin-right: 20px;
}

#scrollbar3 {
    margin-top: 27px;
    margin-right: 37px;
}

#scrollbar4 {
    margin: 0 32px 20px 0;
}

#scrollbar1 .viewport,
#scrollbar2 .viewport,
#scrollbar3 .viewport,
#scrollbar4 .viewport
{
    height: 350px;
    overflow:hidden;
    position:relative;
}

#scrollbar2 .viewport,
#scrollbar3 .viewport {
    height: 200px;
}

#scrollbar1 .overview,
#scrollbar2 .overview,
#scrollbar3 .overview,
#scrollbar4 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    width: 100%;
}

#scrollbar1 .scrollbar,
#scrollbar2 .scrollbar,
#scrollbar3 .scrollbar,
#scrollbar4 .scrollbar
{
    background:transparent url(../images/tiny/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    background-position:0 0;
    right: -20px;
    top:0;
    width: 11px;
    border-radius: 7px;
}

#scrollbar4 .scrollbar {
   background:transparent url(../images/tiny/bg-scrollbar-track-y-1.png) no-repeat 0 0; 
}

#scrollbar2 .scrollbar {
    background:transparent url(../images/bg-scrollbar-track-y-1.png) no-repeat 0 0;
}

#scrollbar2 .scrollbar,
#scrollbar2 .thumb {
    border-radius: 0!important;
}

/*#scrollbar1 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width: 11px;
    position:relative;
    padding:0 1px;
    border-radius: 7px!important;
}
*/
#scrollbar1 .thumb,
#scrollbar2 .thumb,
#scrollbar3 .thumb,
#scrollbar4 .thumb
{
    background:transparent url(../images/tiny/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width: 11px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left: 0px;
    border-radius: 7px;
}

#scrollbar1 .thumb .end,
#scrollbar2 .thumb .end,
#scrollbar3 .thumb .end,
#scrollbar4 .thumb .end
{
    background:transparent url(../images/tiny/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:25px;
    border-radius: 7px;
}

#scrollbar1 .disable,
#scrollbar2 .disable,
#scrollbar3 .disable,
#scrollbar4 .disable
{
    display:none;
}

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