
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneTrack .bgMainWrapper {
	display:block;
	height:100%;
	background:url(../../tpl/img/scroll/bg/track.png) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDrag .bgWrapper {
	display:block;
	height:100%;width:100%;
	background:url(../../tpl/img/scroll/bg/drag.gif) repeat-y;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	position: absolute;top: 0;right: 0;z-index: 1;
	overflow: hidden;
	display: block;
	height: 7px;
	text-indent: -2000px;
}
a.jScrollArrowUp .bgWrapper {
	display:block;
	height:100%;
	background:url(../../tpl/img/scroll/bg/arrow-top.png) no-repeat;
	cursor:pointer;
}

a.jScrollArrowDown {
	position: absolute;bottom: 0;right: 0;z-index: 1;
	overflow: hidden;
	display: block;
	height: 7px;
	text-indent: -2000px;
	cursor:pointer;
}
a.jScrollArrowDown .bgWrapper {
	display:block;
	height:100%;
	background:url(../../tpl/img/scroll/bg/arrow-bottom.png) no-repeat;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}