/*
 * 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: 0;
   width: 35px;
   
   
   
}

.jspTrack { background: #004a93; border-radius:15px; }


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

.jspVerticalBar *,
.jspHorizontalBar *
{
   margin: 0;
   padding: 0;
}



.jspCap
{
   display:block; 
   height:4px;
   
}

.jspHorizontalBar .jspCap
{
   float: left;
}

.jspTrack
{
   
   position: relative;
   
}

.jspDrag
{background:url('/images/uploads/drag-hand.png') no-repeat 0 0;
   position: relative;
   top: 0;
   left: 0;
   width:95px; height:71px;   
   display:block; 
}

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

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

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

.jspVerticalBar .jspArrow
{
   height: 16px;
}

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

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

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

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

.jspVerticalBar .jspCapBottom {
    height: 333px;
    display: block;
}