/*
 * 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;
border: 0.1vw solid transparent;

}



.jspVerticalBar

{
	
position: absolute;
	
top: 0;
	
right: 0;
	
width: 1.4vw;
	
height: 100%;
	
background: red;

}



.jspHorizontalBar

{
	
position: absolute;
	
bottom: 0;
	
left: 0;
	
width: 100%;
	
height: 1.6vw;
	
background: red;

}

.jspCap

{
	
display: none;

}



.jspHorizontalBar .jspCap

{
	
float: left;

}



.jspTrack

{
	
background: #dde;
	
position: relative;

}



.jspDrag

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

}

.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{
	
float: left;
	
height: 100%;

}



.jspArrow

{
	
background: #50506d;
	
text-indent: -2000.0vw;
	
display: block;
	
cursor: pointer;
	
padding: 0;
	
margin: 0;

}



.jspArrow.jspDisabled

{
	
cursor: default;
	
background: #80808d;

}



.jspVerticalBar .jspArrow

{
	
height: 1.6vw;

}



.jspHorizontalBar .jspArrow

{
	
width: 1.6vw;
	
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 -.3vw 0 0;
}