@media print {
	.jScrollPaneContainer {
		height: 100% !important;
		width: auto !important;
	}
	.jScrollPaneContainer .Scrollpane {
		position: relative !important;
	}
	.jScrollPaneTrack {
		display: none;
	}
	.jScrollArrowUp {
		display: none;
	}
	.jScrollArrowDown {
		display: none;
	}
}


@media screen {
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: url("/images/scrollpane_track_bg.gif") repeat-y 50% 0;
	}
	.jScrollPaneDrag {
		position: absolute;
		background: url("/images/scrollpane_drag.gif") no-repeat 50% 50%;
		cursor: move;
		height: 24px !important;
		width: 24px;
		overflow: hidden;
	}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	a.jScrollArrowUp {
		background: url("/images/scrollpane_arrow_up.gif") no-repeat 0px 50%;
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		height: 15px;
		width: 9px !important;
		margin: 0 7px;
	}
	a.jScrollArrowUp:hover {
		background-position: -9px 50%;
	}
	
	a.jScrollArrowDown {
		background: url("/images/scrollpane_arrow_down.gif") no-repeat 0px 50%;
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		height: 15px;
		width: 9px !important;
		margin: 0 7px;
	}
	a.jScrollArrowDown:hover {
		background-position: -9px 50%;
	}
	a.jScrollActiveArrowButton,
	a.jScrollActiveArrowButton:hover {
		background-position: -18px 50%;
	}
}