.winXP .jScrollPaneTrack        {background: url(../../media/scroll/windows_track.gif) repeat-y;}
.winXP .jScrollPaneDrag         {background: url(../../media/scroll/windows_drag_middle.gif) no-repeat 0 50%;}
.winXP .jScrollPaneDragTop      {background: url(../../media/scroll/windows_drag_top.gif) no-repeat; height: 4px;}
.winXP .jScrollPaneDragBottom   {background: url(../../media/scroll/windows_drag_bottom.gif) no-repeat; height: 4px;}
.winXP a.jScrollArrowUp         {height: 17px; background: url(../../media/scroll/windows_arrow_up.gif) no-repeat 0 0;}
.winXP a.jScrollArrowUp:hover   {background-position: 0 -20px;}
.winXP a.jScrollArrowDown       {height: 17px; background: url(../../media/scroll/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(../../media/scroll/osx_track.gif) no-repeat;}
.osX .jScrollPaneDrag           {background: url(../../media/scroll/osx_drag_middle.gif); height:7px;}
.osX .jScrollPaneDragTop        {background: url(../../media/scroll/osx_drag_top.gif); height:14px;}
.osX .jScrollPaneDragBottom     {background: url(../../media/scroll/osx_drag_bottom.gif); height:14px;}
.osX a.jScrollArrowUp           {height: 24px; background: url(../../media/scroll/osx_arrow_up.png) no-repeat 0 -30px;}
.osX a.jScrollArrowUp:hover     {background-position: 0 0;}
.osX a.jScrollArrowDown         {height: 24px; background: url(../../media/scroll/osx_arrow_down.png) no-repeat 0 -30px;}
.osX a.jScrollArrowDown:hover   {background-position: 0 0;}

.osX3 .jScrollPaneTrack          {background: url(../../media/scroll/osx_track3.gif) no-repeat;}
.osX3 .jScrollPaneDrag           {background: url(../../media/scroll/osx_drag_middle3.gif); height:9px;}
.osX3 .jScrollPaneDragTop        {background: url(../../media/scroll/osx_drag_top3.gif); height:12px;}
.osX3 .jScrollPaneDragBottom     {background: url(../../media/scroll/osx_drag_bottom3.gif); height:12px;}
.osX3 a.jScrollArrowUp           {height: 24px; background: url(../../media/scroll/osx_arrow_up.png) no-repeat 0 -30px;}
.osX3 a.jScrollArrowUp:hover     {background-position: 0 0;}
.osX3 a.jScrollArrowDown         {height: 24px; background: url(../../media/scroll/osx_arrow_down.png) no-repeat 0 -30px;}
.osX3 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 */

/*****************/
.jScrollPaneContainer    {position: relative; z-index: 1;}
/*****************/
.jScrollPaneTrack        {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa;}
.jScrollPaneDrag         {position: absolute; background: #666; 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;*/}