/*
 * 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.
 */
.scroll-pane
{
    width:100%;
   /* max-width:300px; */
    height: 100%; 
    overflow: auto;
    margin-top: -1px;
   /* margin-left: 0px;*/
    border: 0;
    outline: none;
}
.collapsedMenu .scroll-pane {width:70px;}

.scroll-pane_sm_search
{
    width:550px;
   /* max-width:300px; */
    height: 245px; 
    overflow: auto;
    margin-top: -1px;
   /* margin-left: 0px;*/
    border: 0;
    outline: none;
}

.horizontal-only
{
 /*   height: auto;*/ /*  max-height: 196px;*/
}

.jspContainer
{
    /*  margin-top:16px;*/
    overflow: hidden;
    position: relative;
}
.scroll-pane_sm_search .jspContainer {background-color: #f5f5f5; }
.jspPane
{
    position: absolute;
    z-index: 11;
}

.jspVerticalBar
{
   background-color:rgba(60,61,81,0.3);
  /* background-image:url('../img/scroller.png');
   background-repeat:no-repeat;*/
    position: absolute;
    right:7px;
    top:2px;
    width:12px;
    height:99%;
    z-index: 11;
}

.scroll-pane_sm_search .jspVerticalBar {background-color:#d6d6d6; height:245px !important; right:2px !important;}
.scroll-pane_sm_search .jspCap.jspCapBottom {height:5px;}

.jspHorizontalBar
{
    /*	position: absolute; 	bottom: 0; 	left: 0; 	width: 100%; 	height: 16px; 	background: #f5f4f0;*/
}

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

.jspDragBottom
{
    margin-top:0px;
}
.jspDragTop
{
    margin-top:0px  ;
}
.jspCap
{
   height:0px;
    display: block;
}
/*.jspVerticalBar .jspCap {
    height: 5px;
}*/
.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    height:245px;
    /* background: #01104b;  */
    position: relative;
}

.jspDrag
{
    background-color:#6A8CBF;
    opacity:0.5;
    position: relative;
    top: 0;
    left: 0px;
    cursor: pointer;
    width:12px;
    height:86px;
    margin-top:0px;
}

.jspHover
{
    background-color:#6A8CBF;
    opacity:1;
    position: relative;
    top: 0;
    left: 0px;
    cursor: pointer;
    width:12px;
    height:86px;
    margin-top:0px;
}

.scroll-pane_sm_search .jspDrag, .scroll-pane_sm_search .jspHover
{
    background-color:#ebebeb;
    height:30px !important;
    border-radius: 15px;
    border:2px solid #d6d6d6;
    opacity:1 !important;
}

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

.jspArrow
{
    /*background: #50506d;*/
    /* background: url(../images/scroll_down.png) no-repeat 0 0;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    margin-left: 3px;
    width:12px;
    height:5px;
    margin-top:-18px; */
}

.jspArrowUp
{
    /* background: url(../images/scroll_up.png) no-repeat 0 0;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    margin-top: 4px;
    margin-left: 3px;
    width:12px;
    height:5px; */
}
.jspArrowUp.jspDisabled
{
    /* background: url(../images/scroll_up.png) no-repeat 0 0;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    margin-top: 4px; */
}

.jspArrow.jspDisabled
{
    cursor: pointer; /*background: #80808d;*/
}

.jspVerticalBar .jspArrow
{
    height: 5px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    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 -3px 0 0;
}