.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
	width: 15px;
	background-image: url(images/scrollbars.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	background-color: #e3e5e7;
}
.vscrollerbar {
	width: 15px;
	background-image: url(images/scrollbars.png);
	background-repeat: repeat-y;
	background-position: -15px 0px;
	background-color: #193244;
}
 
.vscrollerbar, .hscrollerbar {
	padding: 13px;
	z-index: 2;
}
.vscrollerbarbeg {
background: url(images/scrollbars.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(images/scrollbars.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(images/scrollbars.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(images/scrollbars.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
 
.vscrollerbasebeg {
background: url(images/scrollbars.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(images/scrollbars.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(images/scrollbars.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(images/scrollbars.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
	background-color: #2a5777;
	background-image: url(images/scrollbars.png);
	background-position: -45px -15px;
	
}
/* Scroll Bar Master Styling Ends Here */