/*
 * jScrollPane
 */

.jspContainer{overflow:hidden; position:relative;}
.jspPane{position:absolute}
.jspVerticalBar{
	position:absolute;
	top:0;
	right:3px;
	width:12px;
	height:100%;
}
.jspVerticalBar * {margin: 0;padding: 0;}
.jspCap{display: none;}
.jspTrack{position:relative;}
.jspDrag{
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background-image:url(../_img/tools/scrollPane/scrollbarSlider.png);
}
.jspArrow{
	background: url(../_img/tools/scrollPane/scrollbarArrows.png) no-repeat;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled{cursor:default; background:transparent;}
.jspVerticalBar .jspArrow{height:13px;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{
	background:transparent;
	float:left;
	height:100%;
}
/* CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}

.jspVerticalBar,
.jspTrack{
	background-image:url(../_img/tools/scrollPane/scrollbarTrack.png);
	background-repeat:no-repeat;
	height:100%;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover{
	background-image: url(../_img/tools/scrollPane/scrollbarSlider_hover.png)
}

.jspVerticalBar>.jspActive,
.jspArrow:hover {}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover {
	background-color: transparent;
	background-image: url(../_img/tools/scrollPane/scrollbarArrows.png);
}
.jspArrowUp{background-position: 0 0;}
.jspArrowDown{background-position:0 -13px !important; }