/* 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: 16px;
height: 280px !important;
border:inset;
border-color:#62cae3;
border-width: 1px;
border-style:solid;
}
.vscrollerbar {
width: 8px;
margin-left:4px;
background-color:#62cae3;
}
.hscrollerbase {
width: 16px;
height: 280px !important;
border:inset;
border-color:#62cae3;
border-width: 1px;
border-style:solid;
}
.hscrollerbar {
width: 8px;
margin-left:4px;
background-color:#62cae3;
}

.hscrollerbasebeg {
width: 16px;
height: 280px !important;
border:inset;
border-color:#62cae3;
border-width: 1px;
border-style:solid;
}
.hscrollerbaseend {
width: 16px;
height: 280px !important;
border:inset;
border-color:#62cae3;
border-width: 1px;
border-style:solid;
}

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

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 4px 4px 6px 4px;
z-index: 2;
}