/* Styling overrides for lib/jquery.scrollpane.css */

.jspContainer {
	background: transparent;
}

.jspVerticalBar {
	left: 0;
	right: auto;
	background: transparent;
}

.jspPane {
	margin-left: 21px;
}

.jspTrack {
	background-image: url(../img/global/scroll/track.png);
	background-repeat: repeat-y;
	background-color: transparent;	
	cursor: pointer;
}

.jspDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 7px;
	background-image: url(../img/global/scroll/thumb_top.png);	
	background-repeat: no-repeat;
	width: 100%;
}

.jspDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	height: 7px;
	background-image: url(../img/global/scroll/thumb_bottom.png);	
	background-repeat: no-repeat;
	width: 100%;
}

.jspDrag {
	background-image: url(../img/global/scroll/thumb_middle.png);
	background-repeat: repeat-y;
	background-color: transparent;	
}

.jspVerticalBar .jspArrow {
	background-color: transparent;		
	height: 11px;
	background-repeat: no-repeat;
}

.jspArrowUp,
.jspArrow.jspDisabled.jspArrowUp {
	background-image: url(../img/global/scroll/up_arrow.png);
}

.jspArrowDown,
.jspArrow.jspDisabled.jspArrowDown {
	background-image: url(../img/global/scroll/down_arrow.png);
}

.jspArrowUp:hover,
.jspArrow.jspDisabled.jspArrowUp:hover {
	background-image: url(../img/global/scroll/up_arrow_hover.png);
}

.jspArrowDown:hover,
.jspArrow.jspDisabled.jspArrowDown:hover {
	background-image: url(../img/global/scroll/down_arrow_hover.png);
}