.flexcroll{
	overflow: auto;
	position: relative;
}
.innerflexcroll  .mcontentwrapper{
	height: 100%!important;
}
.innerflexcroll .scrollwrapper{
	margin: 1% 0 0 1%;
	width: 97%!important;
	height: 97%!important;
}
.innerflexcroll .vscrollerbase, .innerflexcroll .hscrollerbase, .innerflexcroll .scrollerjogbox{
	z-index: 10;
}

/* 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;
}
.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 12px;
background: transparent url(images/flexcroll_vslider.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 12px;
background: transparent url(images/flexcroll_vslider.png) -12px 0px repeat-y;
}
.hscrollerbase {
height: 12px;
background: transparent url(images/flexcroll_hslider.png) 0px 0px repeat-x;
}
.hscrollerbar {
height: 12px;
background: transparent url(images/flexcroll_hslider.png) 0px -12px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 18px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(images/flexcroll_vslider.png) -72px 0px repeat-y;
width: 12px;
height: 12px !important;
}
.vscrollerbarend {
background: url(images/flexcroll_vslider.png) -72px -24px repeat-y;
width: 12px;
height: 24px;
}
.hscrollerbarbeg {
background: url(images/flexcroll_hslider.png) 0px -72px repeat-y;
height: 12px;
width: 24px !important;
}
.hscrollerbarend {
background: url(images/flexcroll_hslider.png) -24px -72px repeat-y;
height: 12px;
width: 24px;
}
.scrollerjogbox {
width: 12px;
height: 12px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: url(images/flexcroll_hslider.png) -18px -24px;
}
.vscrollerbasebeg {
background: url(images/flexcroll_vslider.png) -24px 0px no-repeat;
width: 12px;
height: 18px !important;
}
.vscrollerbaseend {
background: url(images/flexcroll_vslider.png) -36px -30px no-repeat;
height: 18px;
width: 12px;
}
.hscrollerbasebeg {
background: url(images/flexcroll_hslider.png) 0px -36px no-repeat;
height: 12px;
width: 18px !important;
}
.hscrollerbaseend {
height: 12px;
width: 18px;
background: url(images/flexcroll_hslider.png) -30px -24px no-repeat;
}
.vscrollerbasebeg:hover{
	background-position: -48px 0;
}
.vscrollerbaseend:hover{
	background-position: -60px -30px;
}
.hscrollerbasebeg:hover{
	background-position: 0 -60px;
}
.hscrollerbaseend:hover{
	background-position: -30px -48px;
}
.scrollerjogbox:hover {
background: url(images/flexcroll_hslider.png) -18px -48px;
}
/* when it has flexcroll-invalid class */
.flexcroll-invalid.vscrollerbasebeg{
	background-position: -36px 0;
}
.flexcroll-invalid.vscrollerbaseend{
	background-position: -24px -30px;
}
.flexcroll-invalid.hscrollerbasebeg{
	background-position: 0 -24px;
}
.flexcroll-invalid.hscrollerbaseend{
	background-position: -30px -36px;
}
.flexcroll-invalid.vscrollerbasebeg:hover{
	background-position: -60px 0;
}
.flexcroll-invalid.vscrollerbaseend:hover{
	background-position: -48px -30px;
}
.flexcroll-invalid.hscrollerbasebeg:hover{
	background-position: 0 -48px;
}
.flexcroll-invalid.hscrollerbaseend:hover{
	background-position: -30px -60px;
}


/* Scroll Bar Master Styling Ends Here */