/* basic scrollbar styling */
/* vertical scrollbar */

.mCSB_container { width: auto; margin-right: 30px; overflow: hidden; }
	.mCSB_container.mCS_no_scrollbar { margin-right: 0; }

.mCustomScrollBox .mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; }
.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; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 9px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: 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: 16px; top: auto; right: auto; bottom:0; left: 0; overflow: hidden; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer { height: 100%; width: auto; -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: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.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 {  }
.mCustomScrollBox:hover .mCSB_scrollTools { }
.mCSB_scrollTools .mCSB_draggerRail {  }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 9px; height: 9px; background: url(../images/dragger.png) no-repeat; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {  }
.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)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {  }
.mCSB_scrollTools .mCSB_buttonUp { background: url(../images/mcs_btnUp.png) center center no-repeat; }
.mCSB_scrollTools .mCSB_buttonDown { background: url(../images/mcs_btnDown.png) center center no-repeat; }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { }
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {  }