/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
    width:auto;
    margin-right:30px;
    overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}

.mCustomScrollBox {
    position: relative;
    height: 201px !important;
}

.mCustomScrollBox .mCSB_scrollTools{
    width:20px;
    height:100%;
    bottom: 0 !important;
    right:0;
    position: absolute;
}

.mCSB_scrollTools .mCSB_draggerContainer{
    height:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
    padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
    /*
    width:2px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    */

    height: 100%;
    width: 20px;
    background: #454545; /* Old browsers */
    background: -moz-linear-gradient(left,  #454545 0%, #5a5a5a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#454545), color-stop(100%,#5a5a5a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #454545 0%,#5a5a5a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #454545 0%,#5a5a5a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #454545 0%,#5a5a5a 100%); /* IE10+ */
    background: linear-gradient(to right,  #454545 0%,#5a5a5a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#5a5a5a',GradientType=1 ); /* IE6-9 */
}
.mCSB_scrollTools .mCSB_dragger{
    cursor: pointer;
    width: 15px;
    left: 2px;
    /*padding: 6px 0px;
    border: 2px solid white;*/
    box-shadow: #ffffff 0px 0px 0px 2px inset;
    border-radius: 5px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #d0d0d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#d0d0d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#d0d0d0 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#d0d0d0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=1 ); /* IE6-9 */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    left: 2px;
    height: 100%;
    width: 10px;
    margin: 0px;
    background: transparent url('../../../images/design/scroller_dragger_bar_center_vertical.png') center center no-repeat;
}
.mCSB_scrollTools .mCSB_dragger:hover{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: transparent url('../../../images/design/scroller_dragger_bar_center_vertical_hover.png') center center no-repeat;
}
.mCSB_scrollTools .mCSB_dragger:active{
    background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(left,  #e6e6e6 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #e6e6e6 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #e6e6e6 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #e6e6e6 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-position: 3px center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    height:20px;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
    bottom:0;
    margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
    height:auto;
    margin-right:0;
    margin-bottom:30px;
    overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
    margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
    width:100%;
    height:20px;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    overflow:hidden;
    background: #434343;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#5a5a5a');
    background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#5a5a5a));
    background: -moz-linear-gradient(top, #434343, #5a5a5a);
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
    height:100%;
    width: auto;
    margin: 0px 3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
    padding-bottom:0;
    padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
    width: 100%;
    height: 20px;
    background: #434343; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#5a5a5a'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#5a5a5a)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #434343,  #5a5a5a); /* for firefox 3.6+ */
}
.mCSB_horizontal .mCSB_scrollTools:hover .mCSB_draggerRail{
    background: #525252; /* Old browsers */
    background: -moz-linear-gradient(top,  #525252 0%, #5b5b5b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#5b5b5b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #525252 0%,#5b5b5b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #525252 0%,#5b5b5b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #525252 0%,#5b5b5b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #525252 0%,#5b5b5b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#5b5b5b',GradientType=0 ); /* IE6-9 */
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
    height: 14px;
    min-width: 20px;
    margin: 2px auto;
    box-shadow: none;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, white 0%, #CFCFCF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#CFCFCF));
    background: -webkit-linear-gradient(top, white 0%,#CFCFCF 100%);
    background: -o-linear-gradient(top, white 0%,#CFCFCF 100%);
    background: -ms-linear-gradient(top, white 0%,#CFCFCF 100%);
    background: linear-gradient(to bottom, white 0%,#CFCFCF 100%);
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=0 );
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: transparent url('../../../images/design/scroller_dragger_bar_center.png') center center no-repeat;
    width: auto;
    height: 12px;
    border: 2px solid white;
    border-radius: 4px;
    margin: 0px;
    top: auto;
    bottom: auto;
    left: auto;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: transparent url('../../../images/design/scroller_dragger_bar_center_hover.png') center center no-repeat;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger:hover{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-position: center 4px !important;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger:active{
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
    width:20px;
    height:100%;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
    float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
    right:0;
    bottom:auto;
    margin-left:-40px;
    margin-top:-16px;
    float:right;
}

/* default scrollbar colors and backgrounds */
/*
.mCustomScrollBox .mCSB_scrollTools{
        opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
        opacity:1;
}
*/
.mCSB_scrollTools .mCSB_draggerRail{
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.4);
    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
/*
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        background:#fff;
        background:rgba(255,255,255,0.75);
        filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
        background:rgba(255,255,255,0.85);
        filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
        background:rgba(255,255,255,0.9);
        filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)";
}
*/
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-image:url(mCSB_buttons.png);
    background-repeat:no-repeat;
    opacity:0.4;
    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
    background-position:0 0;
    /* 
    sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
    */
}
.mCSB_scrollTools .mCSB_buttonDown{
    background-position:0 -20px;
    /* 
    sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
    */
}
.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:0 -40px;
    /* 
    sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
    */
}
.mCSB_scrollTools .mCSB_buttonRight{
    background-position:0 -56px;
    /* 
    sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
    */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
    opacity:0.75;
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
    opacity:0.9;
    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}