.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #8e3900; }
.jScrollPaneDrag { position: absolute; background: #f60 url(../images/drag_grab.gif) center no-repeat; cursor: pointer; overflow: hidden; }
.jScrollPaneDrag:hover { background: #c60 url(../images/drag_grab.gif) center no-repeat; }
	
.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;*/ }

#eventContent .jScrollPaneTrack { background-color: #4f74ff; }
#eventContent .jScrollPaneDrag { background-color: #ff3; background-image: url(../images/drag_grab2.gif); }
#eventContent .jScrollPaneDrag:hover { background-color: #cc0; background-image: url(../images/drag_grab2.gif); }

#menuContent .jScrollPaneTrack { background-color: #099; }
#menuContent .jScrollPaneDrag { background-color: #fff; background-image: url(../images/drag_grab1.gif); }
#menuContent .jScrollPaneDrag:hover { background-color: #ccc; background-image: url(../images/drag_grab1.gif); }

#archiveContent .jScrollPaneTrack { background-color: #db7d0f; }
#archiveContent .jScrollPaneDrag { background-color: #fbed20; background-image: url(../images/drag_grab2.gif); }
#archiveContent .jScrollPaneDrag:hover { background-color: #ebb518; background-image: url(../images/drag_grab2.gif); }