.jScrollPaneContainer {
	/*position: relative;
	overflow: hidden;*/
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scroll/back.gif) repeat-y 0 0;
    z-index:999;
}
.jScrollPaneDrag {
	position: absolute;
	/* background: #666; */
	cursor: pointer;
	/* overflow: hidden;*/
    background: url(../images/scroll/tracker.png) repeat-y 0 0;
    z-index:999;
}
.jScrollPaneDragTop {
	position: absolute;
	top: -6px;
	left: 0;
	overflow: hidden;
    width:12px;
    height:6px;
    background:  url(../images/scroll/tracker-top.png) no-repeat 0 0;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: -6px;
	left: 0;
	overflow: hidden;
    width:12px;
    height:6px;
    background:  url(../images/scroll/tracker-bottom.png) no-repeat 0 0;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1; 
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/scroll/top.gif) no-repeat 0 0;
	height: 12px;
}
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: url(../images/scroll/bottom.gif) no-repeat 0 0;
	height: 10px;
}
a.jScrollArrowDown:hover {
	/* background-color: #f60; */
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/* background-color: #f00; */
}

* html .jScrollPaneDrag { background: url(../images/scroll/tracker.gif) repeat-y 0 0;}
* html .jScrollPaneDragTop { background: url(../images/scroll/tracker-top.gif) no-repeat 0 0;}
* html .jScrollPaneDragBottom { background: url(../images/scroll/tracker-bottom.gif) no-repeat 0 0;}


