/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0; bottom:0;}
/* force fleXcroll to always display the vertical scrollbase */

@media only screen and (min-width: 768px){
	.vscrollerbase {
		visibility: visible !important;
		position:absolute;
		top:5px;
		bottom:0;
		height: auto !important;
	}
	.vscrollerbasemid{
		height:98% !important;
	}
	.scrollwrapper{
		bottom:5px;
		height:auto !important;
	}
	.mcontentwrapper{
		height:100% !important;
	}
	#mycustomscroll_vscrollerrest, #mycustomscroll_vscrollerfill{
		height: auto !important;
	}
	#mycustomscroll_vscrollerbaseend{
		top:96% !important;
	}
}

@media only screen and (max-width: 380px){
	.mcontentwrapper{
		width:100%;
		position:relative;
	}
	/*.menu-rest #mycustomscroll{
		width:100%;
		
	}*/
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */

/* And style your scrollbar like you normally do */
.vscrollerbase {
	width: 13px;
	background: url(../images/scrollbase.png) repeat-y center top;
}
.vscrollerbar {
	background: none repeat scroll 0 0 #bbb7b2;
    cursor: pointer;
    height: 30px !important;
    margin: 0 3px;
    padding: 15px 0;
    width: 7px;
}
.hscrollerbase {
height: 15px;
/*background: #D7EBDF url(../images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;*/
}
.hscrollerbar {
height: 15px;
/*background: #99CBCB url(../images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;*/
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
/*.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}*/
.hscrollerbarbeg {
/*background: url(../images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;*/
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
/*background: url(../images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;*/
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
/*background: #4E727C url(../images/horizontalbarbody_cornerjog.png) 0px 0px;*/
}
.vscrollerbasebeg {
	background: #f0ece8 url(../images/scrollbar-top.png) no-repeat;
	width: 11px;
	height: 14px !important;
	left:2px;
}
.vscrollerbaseend {
	background: #f0ece8 url(../images/scrollbar-bottom.png) no-repeat;
	height: 17px;
	width: 9px;
	left:2px;
}
.hscrollerbasebeg {
/*background: url(../images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;*/
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
/*background: url(../images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;*/
}
.scrollerjogbox:hover {
/*background: #5E828C url(../images/basebarcaps_verticalbarbody.png) -45px -15px;*/
}
/* Scroll Bar Master Styling Ends Here */