.jScrollPaneContainer 
 {
  position: relative;
  overflow: hidden;
  z-index: 100;
 }

.jScrollPaneTrack 
 {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  background-color: transparent;
 }

.jScrollPaneDrag 
 {
  position: absolute;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
 }
 
@media all and (min-width: 0px)
 { 
  .jScrollPaneDrag 
   { background-color: #a0a0a0; } 
 } 

.jScrollPaneDragCenter
 {
  position: absolute;
  top: 6px;
  left: 0;
  bottom: 6px;
  background-color: #a0a0a0;
  overflow: hidden;
  z-index: 2;
 }

.jScrollPaneDragTop 
 { 
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 6px;
  background: url(../pics/dragUp.png) repeat-x 0 0;
  z-index: 2;
  background-color: transparent;
 }

.jScrollPaneDragBottom 
 {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 6px;
  background: url(../pics/dragDown.png) repeat-x 0 0;
  z-index: 2;
  background-color: transparent;
 }

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}



a.jScrollArrowUp 
 {
  display: block;
  position: absolute;
  background: url(../pics/arrowUp.png) repeat-x 0 0;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  height: 9px;
 }
a.jScrollArrowUp:hover 
 {
  /*background-color: #f60;*/
 }

a.jScrollArrowDown 
 {
  display: block;
  position: absolute;
  background: url(../pics/arrowDown.png) repeat-x 0 0;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  height: 9px;
  margin-top: 1px;
 }

a.jScrollArrowDown:hover 
 {
  /*background-color: #f60;*/
 }

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover 
 {
  /*background-color: #f00;*/
 }