/*
* 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;
    display: none;
    right:0;
    width:6px;
    height:100%;
    background:transparent;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    overflow:hidden;
}
.jspHorizontalBar{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:6px;
    background:transparent;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    overflow:hidden;
}
.jspVerticalBar *,
.jspHorizontalBar *{
    margin:0;
    padding:0;
}
.jspCap{
    display:none;
}
.jspHorizontalBar .jspCap{
    float:left;
}
.jspTrack{
    position:relative;
    background:#d8d8d8;
}
.jspDrag{
    position:relative;
    top:0;
    left:0;
    cursor:pointer;
    background:#EE8131;
}
.jspDrag.jspHover{
    background:#da762d;
}
.jspDrag.jspActive{
    background:#c86c2a;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
    float:left;
    height:100%;
}
.jspArrow{
    display:block;
    cursor:pointer;
    text-indent:-20000px;
    background:#50506d;
}
.jspArrow.jspDisabled{
    cursor:default;
    background:#80808d;
}
.jspVerticalBar .jspArrow{
    height:16px;
}
.jspHorizontalBar .jspArrow{
    width:16px;
    float:left;
    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;
}