#pane1, #pane2, #pane3, #pane4  
{
  height: 400px;
  width: 350px;
}

.winXP .jScrollPaneTrack  
{
  background: url(images/windows_track.gif) repeat-y;
  }
.winXP .jScrollPaneDrag  
{
  background: url(images/windows_drag_middle.gif) no-repeat 0 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  
{
  height: 17px;
  background: url(images/windows_arrow_up.gif) no-repeat 0 0;
  }
.winXP a.jScrollArrowUp:hover  
{
  background-position: 0 -20px;
  }
.winXP a.jScrollArrowDown  
{
  height: 17px;
  background: url(images/windows_arrow_down.gif) no-repeat 0 0;
  }
.winXP a.jScrollArrowDown:hover  
{
  background-position: 0 -20px;
  }
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover  
{
  background-position: 0 -40px;
  }


.osX .jScrollPaneTrack  
{
  background: url(images/osx_track.gif) repeat-y;
  }
.osX .jScrollPaneDrag  
{
  background: url(images/osx_drag_middle.gif) repeat-y;
  }
.osX .jScrollPaneDragTop  
{
  background: url(images/osx_drag_top.gif) no-repeat;
  height: 6px;
  }
.osX .jScrollPaneDragBottom  
{
  background: url(images/osx_drag_bottom.gif) no-repeat;
  height: 7px;
  }
.osX a.jScrollArrowUp  
{
  height: 24px;
  background: url(images/osx_arrow_up.png) no-repeat 0 -30px;
  }
.osX a.jScrollArrowUp:hover  
{
  background-position: 0 0;
  }
.osX a.jScrollArrowDown  
{
  height: 24px;
  background: url(images/osx_arrow_down.png) no-repeat 0 -30px;
  }
.osX a.jScrollArrowDown:hover  
{
  background-position: 0 0;
  }

.left .jScrollPaneTrack  
{
  left: 0;
  right: auto;
  }
.left a.jScrollArrowUp  
{
  left: 0;
  right: auto;
  }
.left a.jScrollArrowDown  
{
  left: 0;
  right: auto;
  }


/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom  
{
  bottom: -1px;
  }
/* /IE SPECIFIC HACKED STYLES */