.holder { float: left; }
.scroll-pane { width: 300px; overflow: auto; float: left; height:740px; }
#pane1 { height: 300px; }
#pane12 { height: 300px; }
a.jScrollArrowUp { background: url(basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url(basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; width:50px; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; width: 30px; height: 100%; background: #E2E2E2; color: #939088; }
.jScrollPaneDrag { position: absolute; background:#AAAAAA; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/
}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/
}