A.jScrollArrowUp {BACKGROUND: url(../images/basic_arrow_up.gif) repeat-x 0px 0px}
A.jScrollArrowDown {BACKGROUND: url(../images/basic_arrow_down.gif) repeat-x 0px 0px}
.orange-bar .jScrollPaneTrack {}
.orange-bar .jScrollPaneDrag {BACKGROUND: url(../images/drag_grab.gif)  no-repeat 50% 50%}
.orange-bar .scroll-pane {}
.holder {FLOAT: left; MARGIN:0 10px}
*html .holder {FLOAT: none; MARGIN: 5px}
.scroll-pane {FLOAT: left; OVERFLOW: auto; WIDTH: 255px; HEIGHT: 275px}
.wide {WIDTH: 400px}
.tall {HEIGHT: 400px}


#pane1 {HEIGHT: 275px}
#pane2 {HEIGHT: 300px}

.winXP .jScrollPaneTrack {BACKGROUND: url(../images/windows_track.gif) repeat-y}
.winXP .jScrollPaneDrag {BACKGROUND: url(../images/windows_drag_middle.gif) no-repeat 0px 50%;}
.winXP .jScrollPaneDragTop {BACKGROUND: url(../images/windows_drag_top.gif) no-repeat; HEIGHT: 4px}
.winXP .jScrollPaneDragBottom {BACKGROUND: url(../images/windows_drag_bottom.gif) no-repeat; HEIGHT: 4px}
.winXP A.jScrollArrowUp {BACKGROUND: url(../images/windows_arrow_up.gif) no-repeat 0px 0px; HEIGHT: 12px}
.winXP A.jScrollArrowDown {BACKGROUND: url(../images/windows_arrow_down.gif) no-repeat 0px 0px; HEIGHT: 12px}

.left .jScrollPaneTrack {RIGHT: auto; LEFT: 0px}
.left A.jScrollArrowUp {RIGHT: auto; LEFT: 0px}
.left A.jScrollArrowDown {RIGHT: auto; LEFT: 0px}
 HTML .osX .jScrollPaneDragBottom {BOTTOM: -1px}