a.jspArrow:hover{

	background:none;

}



.jspContainer{

	overflow: hidden;

	position: relative;

}



.jspPane{

	position: absolute;

}



.jspVerticalBar{

	position: absolute;

	top: 0;

	right: 0;

	width: 12px;

	height: 100%;

}



.jspHorizontalBar{

	position: absolute;

	bottom: 2px;

	left: 0;

	width: 100%;

	height: 10px;

}



.jspVerticalBar *,.jspHorizontalBar *{

	margin: 0;

	padding: 0;

}



.jspCap{

	display: none;

}



.jspHorizontalBar .jspCap{

	float: left;

}



.jspVerticalBar .jspArrow{

	height: 16px;

}



.jspHorizontalBar .jspArrow{

	width: 16px;

	float: left;

	height: 100%;

}



.jspVerticalBar .jspArrow:focus{

	outline: none;

}



.jspCorner{

	float: left;

	height: 100%;

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner{

	margin: 0 -3px 0 0;

}



.horizontal-only {

    height: auto;

    max-height: 200px;

}





.jspArrowUp{

	background: url("../images/up.png") no-repeat scroll center 0 transparent;

}

a.jspArrowUp:hover {

	background: url("../images/up.png") no-repeat scroll center 0 transparent;

	opacity: 0.3;

}





.jspArrowDown{

	background: url("../images/down.png") no-repeat scroll center 0 transparent;

}

a.jspArrowDown:hover {

	background: url("../images/down.png") no-repeat scroll center 0 transparent;

	opacity: 0.3;

}





.jspArrowRight{

	background: url("../images/right.png") no-repeat scroll 0 center transparent;

}

a.jspArrowRight:hover {

	background: url("../images/right.png") no-repeat scroll 0 center transparent;

	opacity: 0.3;

}





.jspArrowLeft {

	background: url("../images/left.png") no-repeat scroll 0 center transparent;

}

a.jspArrowLeft:hover {

	background: url("../images/left.png") no-repeat scroll 0 center transparent;

	opacity: 0.3;

}



.jspTrack{

	position: relative;

	padding:1px;
	background:#eaeaea

}



.jspDrag{

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;
	background: #858585;
}



.jspHorizontalBar .jspDrag{

	float: left;

	height: 100%;

}



.jspHorizontalBar .jspTrack{

	float: left;

	height: 100%;

}



.jspDisabled{

	opacity: 0.3;

}



.jspArrow{

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}