/* CSS Document */

/* image for the track underneath the slider */
/* usually 1 pixel high and it repeats */

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

.jScrollPaneTrack {
	position:absolute;
	right: 0;
	top: 0;
	height:100%;
	background-image:url(../images/windows_track.gif);
	background-repeat:repeat-y;
}


/* image for the top part of the slider */

.jScrollPaneDrag {
	position:absolute;
	background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
	overflow:hidden;
}


/* image for the middle of the slider */

.jScrollPaneDragTop {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/windows_drag_top.gif) no-repeat;
	height: 4px;
}

/* image for the bottom of the slider */
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0;
	left:0;
	background: url(../images/windows_drag_bottom.gif) no-repeat;
	height: 4px;
}


/* up arrow graphic */
a.jScrollArrowUp {
	height: 4px;
	right: 0;
	top: 0;
	background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
	text-indent: -2000px;
	display:block;
	position:absolute;
}


a.jScrollArrowUp:hover {
	background-position: 0 -20px;
}


/* down arrow graphic */
a.jScrollArrowDown {
	display:block;
	position:absolute;
	height: 4px;
	right: 0;
	background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
	text-indent: -2000px;
}


a.jScrollArrowDown:hover {
	background-position: 0 -20px;
}


a.jScrollActiveArrowButton, .scroll-pane a.jScrollActiveArrowButton:hover {
	background-position: 0 -40px;
}