/* CSS Document */

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

.jScrollPane2Container {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-top:20px;
}

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


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

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


/* image for the middle of the slider */

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

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


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


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


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


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


a.jScroll2ActiveArrowButton, .scroll-pane2 a.jScroll2ActiveArrowButton:hover {
	background-position: 0 -40px;
}