#mainContent.scroll-pane {
	margin:0;
	width:505px;
	padding-right:10px;
}
.holder {
	margin:0 140px 0 305px;
	position:relative
}
.jScrollPaneDrag {
	background:transparent url(../img/scroll/drag_middle.gif) repeat-y;
}
a.jScrollArrowUp, a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 20px;
	background:transparent url(../img/scroll/arrow_up.gif) no-repeat 0 -20px;
}
a.jScrollArrowUp {
	top: 0;
	background:transparent url(../img/scroll/arrow_up.gif) no-repeat 0 -20px;
}
a.jScrollArrowDown {
	bottom: 0;
	background:transparent url(../img/scroll/arrow_down.gif) no-repeat 0 -20px;
}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
	background-position: 0 0;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	background:transparent url(../img/scroll/track.gif) repeat-y;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	background:transparent url(../img/scroll/drag_middle.gif) repeat-y;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop, .jScrollPaneDragBottom {
	position: absolute;
	left: 0;
	overflow: hidden;

}
.jScrollPaneDragTop {
	background:transparent url(../img/scroll/drag_top.gif) no-repeat;
	height: 6px;
	top: 0;
}
.jScrollPaneDragBottom {
	bottom: 0;
	height: 7px;
	background:transparent url(../img/scroll/drag_bottom.gif) no-repeat;
}
.jScrollPaneDrag:hover {
	background-position: -16px 50%
}			
.jScrollPaneDrag:hover .jScrollPaneDragTop {
	background-position: -16px top;
}
.jScrollPaneDrag:hover .jScrollPaneDragBottom {
	background-position: -16px 0;
}