/*
 * 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
 {
   position: relative;
   overflow: hidden;
 }

 .jspPane
 {
   position: absolute;
 }

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

 .jspHorizontalBar
 {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 16px;
   background: red;
 }

 .jspCap
 {
   display: none;
 }

 .jspHorizontalBar .jspCap
 {
   float: left;
 }

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

 .jspDrag
 {
   position: relative;
   top: 0;
   left: 0;
   background: #111;
   cursor: pointer;
 }

 .jspHorizontalBar .jspTrack,
 .jspHorizontalBar .jspDrag
 {
   float: left;
   height: 100%;
 }

 .jspArrow
 {
   display: block;
   margin: 0;
   padding: 0;
   background: #50506d;
   text-indent: -20000px;
   cursor: pointer;
 }

 .jspArrow.jspDisabled
 {
   background: #80808d;
   cursor: default;
 }

 .jspVerticalBar .jspArrow
 {
   height: 16px;
 }

 .jspHorizontalBar .jspArrow
 {
   float: left;
   width: 10px;
   height: 100%;
 }

 .jspVerticalBar .jspArrow:focus
 {
   outline: none;
 }

 .jspCorner
 {
   float: left;
   height: 100%;
   background: #eeeef4;
 }

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

 /*======================*/