#scrollbar1 {  height:400px; margin-top:20px;  position:relative; *width:100%;  z-index:1000; width:317px; }
#scrollbar1 .viewport { width:317px; height:400px; overflow:hidden; position: absolute; top:-5px; z-index:20; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; border:0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar {background: transparent; position: relative; float: right; width: 15px; z-index:2500;  left:15px;}
#scrollbar1 .track {background: #494949; height: 250px; width:1px; position: relative; padding: 0 0px; margin-right:-2px; }
#scrollbar1 .thumb { background: transparent url(../../imgs/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 99%; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-5px; z-index:90;  }
#scrollbar1 .disable{ display: none;}


#scrollbar2 {width:305px; height:260px; margin: 20px auto; position:relative; *width:100%;}
#scrollbar2 .viewport { width:277px; height:100%; overflow:hidden; position: relative; top:-5px; z-index:20; margin-left:10px;}
#scrollbar2 .overview {  width:277px; list-style: none; position: absolute; left: 0; top: 0; border:0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar {background: transparent; position: relative; float: right; width: 15px; z-index:2500;  left:15px;}
#scrollbar2 .track {background: #000000; height: 250px; width:8px; position: relative; padding: 0 0px; margin-left:10px; }
#scrollbar2 .thumb { background: transparent url(../../imgs/bg-scrollbar-thumb-y.jpg) no-repeat 50% 100%; height: 99%; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:2px; z-index:90; }
#scrollbar2 .disable{ display: none;}


#scrollbar3 {width:980px; margin-top:40px; height:550px; position:relative; *width:100%;  z-index:1000; margin-left:55px;}
#scrollbar3 .viewport { width:980px; height:550px; overflow:hidden; position: absolute; top:0px; z-index:20;}
#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; border:0; padding: 0; margin: 0; }
#scrollbar3 .scrollbar {background: transparent; position: relative; float: right; width: 15px; z-index:2500;  left:-100px;}
#scrollbar3 .track {background: #494949; height: 250px; width:1px; position: relative; padding: 0 0px; margin-right:-2px; }
#scrollbar3 .thumb { background: transparent url(../../imgs/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 99%; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-5px; z-index:90;  }
#scrollbar3 .disable{ display: none;}


.scrollbar4 {width:570px; margin-top:0px; height:450px; position:relative; *width:100%;  z-index:1000; margin-left:15px; }
.scrollbar4 .viewport { width:570px; height:450px; overflow:hidden; position: absolute; top:0px; z-index:20;}
.scrollbar4 .overview { list-style: none; position: absolute; left: 0; top: 0; border:0; padding: 0; margin: 0; }
.scrollbar4 .scrollbar {background: transparent; position: relative; float: right; width: 15px; z-index:2500;  left:-100px;}
.scrollbar4 .track {background: #494949; height: 250px; width:1px; position: relative; padding: 0 0px; margin-right:-2px; }
.scrollbar4 .thumb { background: transparent url(../../imgs/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 99%; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-5px; z-index:90;  }
.scrollbar4 .disable{ display: none;}