/*
 * 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{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background-color: transparent;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *{ margin: 0; padding: 0; }
.jspCap{
	display: none;
	visibility: hidden;
	width: 16px;
	height: 10px;
	background-image: url(cap.top.png);
	background-repeat: no-repeat;
}
.jspCapBottom{ background-image: url(cap.bottom.png); }
.jspHorizontalBar .jspCap{ float: left; }
.jspTrack{
	position: relative;
	background: #000000;
	/*background-image: url(jspTrack_bg.jpg);*/
	background-repeat: repeat-y;
}
.jspDrag{
	background: #CCCCCC;
/*	background: transparent;*/
	/*background-image: url(drag.png);*/
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 2px;
	cursor: pointer;
	width: 12px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{ float: left; height: 100%; }
.jspArrow{ background: transparent; text-indent: -20000px; display: block; cursor: pointer; }
	.jspArrowUp{ height: 16px; /*background-image: url(arrow.up.png);*/ }
	.jspArrowDown{ height: 16px; /*background-image: url(arrow.down.png);*/ }
.jspArrow.jspDisabled{ cursor: default; background: transparent; }
	.jspArrow.jspDisabled.jspArrowUp{ height: 16px; /*background-image: url(arrow.up.png);*/ }
	.jspArrow.jspDisabled.jspArrowDown{ height: 16px; /*background-image: url(arrow.down.png);*/ }
.jspVerticalBar .jspArrow{ height: 16px; }
.jspHorizontalBar .jspArrow{ width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus{ outline: none; }
.jspCorner{ background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{ margin: 0 -3px 0 0; }