/*

 * 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: -7px;

	width: 14px;

	height: 90%;

	/*background: #e7cb77;*/

}



.jspHorizontalBar

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 16px;

	/*background: #c39f3e;*/

	background: #fff;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}



.jspCap

{

	display: none;

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	position: relative;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	width:1px;



	/*background-image:url(../static/images/track1.png);

	background-position:center;

	background-repeat:no-repeat;*/

	

	background-color:#4D4D4F;

}



.jspDrag

{

/*	background-color: #f6f5e7;*/

	

	background-image:url(../images/dragger.png);

	background-position:center;

	background-repeat:no-repeat;

	

	position: relative;

	top: -5px;

	left: -6px;

/*

	cursor: pointer;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;*/

	width:14px;



	

}









.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow

{



	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



.jspArrow.jspDisabled

{

	cursor: default;

	background: ;

}



.jspVerticalBar .jspArrow

{

	height: 16px;

	

}

.jspArrowUp{background-image:url(../images/scroll_up_off.png);	background-position:center;	background-repeat:no-repeat;}

.jspArrowDown{background-image:url(../images/scroll_down_off.png);	background-position:center;	background-repeat:no-repeat;}



.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;

}