/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */


a.jScrollArrowUp {  border: 1px solid #066; background-image: url(/images/basic_arrow_up.gif); background-repeat: no-repeat; background-position: 0px 0px; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url(/images/basic_arrow_down.gif) repeat-x 0 0; border: 1px solid #066; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.orange-bar .jScrollPaneTrack { background: #000; }
.orange-bar .jScrollPaneDrag { background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #69f; }
.holder { float: left; margin: 10px 10px 10px 0px; }
.scroll-pane { width: 493px; height: 266px; overflow: auto; float: left; margin-top: 5px; }
.wide { width: 400px; }
.super-wide { width: 700px; }
.tall { height: 400px; }
#pane1 { }
#pane2 { height: 250px; }
#pane3 { height: 190px; }
#pane4 { height: 190px; }