/* Some lines are redundant. I just want to make sure its clear what is needed for a single instance. */

/* scrollbar1 */
#scrollbar1
{
   padding: 50px 25px 50px 0;
    margin:0 0 10px;
    position:relative;
	background: url("../images/trans-bg.png") repeat scroll 0% 0%;
}


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

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

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

#scrollbar1 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:3px;
    position:relative;
}

#scrollbar1 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:13px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

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

#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 */
#scrollbar2
{
    width:251px;
    margin:0 0 10px;
}

#scrollbar2 .viewport
{
    width:236px;
    height:125px;
    overflow:hidden;
    position:relative;
}

#scrollbar2 .overview
{
    list-style:none;
    width:1416px;
    padding:0;
    margin:0;
    position:absolute;
    left:0;
    top:0;
}

#scrollbar2 .overview img
{
    float:left;
}

#scrollbar2 .scrollbar
{
    background:transparent url(../images/bg-scrollbar-track-x.png) no-repeat 0 0;
    position:relative;
    margin:0 0 5px;
    clear:both;
    height:3px;
}

#scrollbar2 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-x.png) no-repeat 100% 0;
    width:100%;
    height:3px;
    position:relative;
}

#scrollbar2 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-x.png) no-repeat 100% 50%;
    height:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    left:0;
    top:-5px;
}

#scrollbar2 .thumb .end
{
    background:transparent url(../images/bg-scrollbar-thumb-x.png) no-repeat 0 50%;
    overflow:hidden;
    height:25px;
    width:5px;
}

#scrollbar2 .disable
{
    display:none;
}

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

/* scrollbar3 */
#scrollbar3
{
    padding:0 25px 0 0;
    margin:0 0 10px;
    position:relative;
}

#scrollbar3 .viewport
{
    height:300px;
    overflow:hidden;
    position:relative;
}

#scrollbar3 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    padding:0;
    margin:0;
}

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

#scrollbar3 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:3px;
    position:relative;
}

#scrollbar3 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

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

#scrollbar3 .disable
{
    display:none;
}

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

#scrollbar4
{
    margin:0 0 10px;
    padding:0 25px 0 0;
    position:relative;
}

#scrollbar4 .viewport
{
    height:200px;
    overflow:hidden;
    position:relative;
}

#scrollbar4 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
}

#scrollbar4 .scrollbar
{
    background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    top:0;
    right:0;
    width:3px;
}

#scrollbar4 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:3px;
    position:relative;
}

#scrollbar4 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

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

#scrollbar4 .disable
{
    display:none;
}

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

#scrollbar5
{
    margin:0 0 10px;
    padding:0 25px 0 0;
    position:relative;
}

#scrollbar5 .viewport
{
    height:200px;
    overflow:hidden;
    position:relative;
}

#scrollbar5 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
}

#scrollbar5 .scrollbar
{
    background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    top:0;
    right:0;
    width:3px;
}

#scrollbar5 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:3px;
    position:relative;
}

#scrollbar5 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

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

#scrollbar5 .disable
{
    display:none;
}

.scrollbar5text
{
    display:none;
}

.scrollbar5button
{
    display:block;
    padding:10px 0;
}

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

#scrollbar6
{
    padding:0 25px 0 0;
    overflow:hidden;
    margin:0 0 10px;
    position:relative;
}

#scrollbar6 .viewport
{
    height:200px;
    overflow:hidden;
    position:relative;
}

#scrollbar6 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
}

#scrollbar6 .scrollbar
{
    background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    top:0;
    right:0;
    width:3px;
}

#scrollbar6 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:3px;
    position:relative;
}

#scrollbar6 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

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

#scrollbar6 .disable
{
    display:none;
}

.scrollbar6button
{
    display:block;
    padding:10px 0;
}

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

#scroll6load
{
    display:block;
    float:left;
    padding:0 10px 0 0;
}

#scroll6load2
{
    display:block;
    float:left;
    padding:0 10px 0 0;
}

#scroll6load3
{
    display:block;
    float:left;
    padding:0 10px 0 0;
}