/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {overflow: hidden; position: relative;}

.jspPane {position: absolute;}

.jspVerticalBar {
	width: 8px; height: 100%;
	position: absolute; right: 0; top: 0;
}

.jspHorizontalBar {
	position: absolute; left: 0; bottom: 0;
	width: 100%; height: 8px;
}

.jspCap {display: none;}

.jspHorizontalBar .jspCap {float: left;}

.jspTrack {position: relative; background: #dde;}

.jspDrag {
	cursor: pointer; left: 0; position: relative; top: 0;
	background: #bbd;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left; height: 100%;
}

.jspArrow {
	background: #50506d;
	cursor: pointer; direction: ltr;
	display: block; margin: 0; padding: 0;
	text-indent: -20000px;
}

.jspDisabled {background: #80808d; cursor: default;}

.jspVerticalBar .jspArrow {height: 16px;}

.jspHorizontalBar .jspArrow {float: left; height: 100%; width: 16px;}

.jspVerticalBar .jspArrow:focus {border: 1px solid red; outline: none;}

.jspCorner {background: #eeeef4; float: left; height: 100%;}