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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	height: 100%;
	background: url('../img/scroll-track.gif') repeat-y;
}
.jScrollPaneDrag, .jScrollPaneDrag:hover{
	position: absolute;
	background: #f0f0f0;
	width: 9px;
	cursor: pointer;
	overflow: hidden;
	left: 1px;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0px;
	width: 9px;
	overflow: hidden;
	background: url('../img/scroll-track-top.gif') no-repeat top left;
	height: 7px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 9px;
	overflow: hidden;
	background: url('../img/scroll-track-bottom.gif') no-repeat 1px left;
	height: 7px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0; 
	text-indent: -2000px; 
	overflow: hidden;
	background: url('../img/scroll-arrow-up.gif') top left no-repeat;
	height: 14px;
}
a.jScrollArrowUp:hover {
	background: url('../img/scroll-arrow-up-hover.gif') top left no-repeat;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/scroll-arrow-down.gif') top left no-repeat;
	height: 14px;
}
a.jScrollArrowDown:hover {
	background: url('../img/scroll-arrow-down-hover.gif') top left no-repeat;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*	background-color: #f00; */
}