/*
 * 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; margin:10px 0 0 0;}
.jspVerticalBar *,
.jspHorizontalBar *{margin: 0; padding: 0;}

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

.jspVerticalBar .jspArrowUp,
.jspVerticalBar .jspArrowDown {
	height: 16px; width: 16px; background-image: url(images/ui-icons_fccf9c_256x240.png);}

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

.jspDrag{
	background:#600;
	/*background-image: url(images/ui-icons_fccf9c_256x240.png);
	background-position: -128px -48px;*/
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspDrag:hover{
	background: #000;
	/*background-image: url(images/ui-icons_fccf9c_256x240.png);
	background-position: -128px -48px;*/
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer; z-index:10;
}
.jspVerticalBar .jspArrowUp:focus, .jspVerticalBar .jspArrowDown: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;}

/*.jspArrow{
	background: #336699;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}*/
.jspArrowUp{
	background: #000;
	background-image: url(images/ui-icons_fccf9c_256x240.png);
	background-position: 0 -48px; 
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrowUp:hover {
	background:#600;
	background-image: url(images/ui-icons_fccf9c_256x240.png);
	background-position: 0 -48px;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrowDown {
	background: #000;
	background-image: url(images/ui-icons_fccf9c_256x240.png);
	background-position: -64px -48px;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrowDown:hover {
	background:#600;
	background-image: url(images/ui-icons_fccf9c_256x240.png);
	background-position: -64px -48px;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

/*.jspArrow.jspDisabled{cursor: default; background: #0F3;}*/
/*.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float: left; height: 100%;}
.jspHorizontalBar .jspArrow{width: 16px; float: left; height: 100%;}*/