/* .scrollgeneric is required for proper scrollbar display,
not for user customization, and is mandatory*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
width: 8px;
background-color:#ffffff;
}

.vscrollerbar {
width: 8px;
background-color:#ffffff;
}

.hscrollerbase {
height: 8px;
background-color:#ffffff;
}

.hscrollerbar {
height: 8px;
background-color:#ffffff;
}



/* styles for scrollbar images start here */

.hscrollerbar {
background: url(../elms/scrollparts_h.png) 0px -16px repeat-x;
}

.vscrollerbar {
background: url(../elms/scrollparts_v.png) -40px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
padding-top:4px;
padding-left:4px;
padding-bottom:4px;
padding-right:4px;
z-index: 2;
}

.vscrollerbarbeg {
background: url(../elms/scrollparts_v.png) -8px 0px no-repeat;
width: 8px;
height: 4px !important;
position:relative;
top:-4px;
}

.vscrollerbarend {
background: url(../elms/scrollparts_v.png) -8px -4px no-repeat;
width: 8px;
height: 4px;
}

.hscrollerbarbeg {
background: url(../elms/scrollparts_h.png) -11px 0px no-repeat;
height: 8px;
width: 4px !important;
position:relative;
left:-4px;
}

.hscrollerbarend {

background: url(../elms/scrollparts_h.png) -15px 0px no-repeat;
height: 8px;
width: 4px;
}

.scrollerjogbox {
background: #ffffff url(../elms/scrollparts_v.png) -24px 0px;
width: 8px;
height: 8px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}

.vscrollerbase {
background: url(../elms/scrollparts_v.png) -32px 0px repeat-y;
}

.vscrollerbasebeg {
background: #191919 url(../elms/scrollparts_v.png) 0px 0px no-repeat;
width: 8px;
height: 4px !important;
}

.vscrollerbaseend {
background: #191919 url(../elms/scrollparts_v.png) 0px -4px no-repeat;
height: 4px;
width: 8px;
}

.hscrollerbase {
background: url(../elms/scrollparts_h.png) 0px -8px repeat-x;
}

.hscrollerbasebeg {
background: #191919 url(../elms/scrollparts_h.png) 0px 0px no-repeat;
height: 8px;
width: 4px !important;
}

.hscrollerbaseend {
height: 8px;
width: 4px;
background: #191919 url(../elms/scrollparts_h.png) -4px 0px no-repeat;
}

.scrollerjogbox:hover {
background: #191919 url(../elms/scrollparts_v.png) -16px 0px;
}



/* Scroll Bar Master Styling Ends Here */