/* 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;}

/* 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;
}
.vscrollerbar {
width: 5px;
cursor: pointer;
margin:0px 5px;
}
.hscrollerbase {
height: 15px;
background:0px -15px repeat-x;
}
.hscrollerbar {
height: 5px;
background: 0px -30px repeat-x;
margin:3px 0px 8px;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
background:#ffffff;
}

.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
.vscrollerbasebeg {
background: url(/images/bt-arrowup.jpg) 0px 0px no-repeat;
cursor: pointer;
width: 15px;
height: 15px !important;
}

.vscrollerbasebeg:hover {
background: url(/images/bt-arrowuphover.jpg) 0px 0px no-repeat;
cursor: pointer;
width: 15px;
height: 15px !important;
}

.vscrollerbaseend {
background: url(/images/bt-arrowdown.jpg) 0px 0px no-repeat;
cursor: pointer;
height: 15px;
width: 15px;
}

.vscrollerbaseend:hover {
background: url(/images/bt-arrowdownhover.jpg) 0px 0px no-repeat;
cursor: pointer;
height: 15px;
width: 15px;
}

.hscrollerbasebeg {
background: url(/images/bt-arrowleft.jpg) 0px 0px no-repeat;
cursor: pointer;
width: 15px;
height: 15px !important;
}

.hscrollerbasebeg:hover {
background: url(/images/bt-arrowleft.jpg) 0px 0px no-repeat;
cursor: pointer;
width: 15px;
height: 15px !important;
}

.hscrollerbaseend {
background: url(/images/bt-arrowright.jpg) 0px 0px no-repeat;
cursor: pointer;
height: 15px;
width: 15px;
margin:0px 2px;
}

.hscrollerbaseend:hover {
background: url(/images/bt-arrowright.jpg) 0px 0px no-repeat;
cursor: pointer;
height: 15px;
width: 15px;
}
/* Scroll Bar Master Styling Ends Here */