#scroll {
height: 247px;
position: relative;
overflow: auto;
}



/* 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: 12px;
background-color: #4f7aae;
}
.vscrollerbar {
width: 10px;
background-color: #d6e7ff;
margin-left: 1px;
}
.hscrollerbase {
height: 12px;
background-color: #4f7aae;
}
.hscrollerbar {
height: 10px;
background-color: #d6e7ff;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
width: 12px;
height: 12px !important;
}
.vscrollerbarend {
width: 12px;
height: 12px;
}
.hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 12px;
height: 12px;
top: auto; left: auto;
bottom: -1px; right: -1px;
background-color: #4f7aae;
}
.vscrollerbasebeg {
background-image: url(../../images/arrow-scroll-v-top.gif);
width: 12px;
height: 12px !important;
}
.vscrollerbaseend {
background-image: url(../../images/arrow-scroll-v-bottom.gif);
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */