/*
 * 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.
 */


/* Custom Style */

.jspContainer {
        overflow: hidden;
        position: relative;
}

.jspPane {
        position: absolute;
        width: 100% !important;
        left: 0 !important;
}

.jspVerticalBar {
        position: absolute;
        top: 0px;
        right: 1%;
        width: 1px;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.2s linear;
}

.jspContainer:hover .jspVerticalBar {
        opacity: 1;
}

.jspCap {
        background: #333333;
}

.jspVerticalBar .jspCap {
        height: 5px;
}

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

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

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

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