.jScrollPaneContainer {
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 999999;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #AAA;
	z-index: 999999;
}

.jScrollIntervalTrack { 
	position: absolute;
	top: 0px;
}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.jScrollPaneDragText {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: visible;
	width: 100%;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
	line-height: 9px;
	z-index: 9999999;
}
a.jScrollArrowLeft {
	background: url(img/basic_arrow_up.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	height: 5px;
	width: 10px;
	z-index: 999999;
}
a.jScrollArrowLeft:hover {
	background-position: 0 -15px;
}

a.jScrollArrowRight {
	background: url(img/basic_arrow_up.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	height: 5px;
	width: 10px;
	z-index: 999999;
}
a.jScrollArrowRight:hover {
	background-position: 0 -15px;
}

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

a.jScrollArrowRight.disabledArrow,
a.jScrollArrowLeft.disabledArrow {
	background: #666;
}
.disabledExtArrow {
	visibility: hidden !important;
}