/* Scroll Bar Master Styling Starts Here */

/* Basic styling with no images starts here */

/* .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 { /* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 14px; background-color: #98b1d4;
}

.vscrollerbar {
width: 14px; background-color: #266896;
}

.hscrollerbase { /* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
height: 14px; background-color: #98b1d4;
}

.hscrollerbar {
height: 14px; background-color: #266896;
}

/* basic style ends here */


/* styles for scrollbar images start here */
.hscrollerbar {
/* Main body of horizontal scrollbar */
background: #98b1d4 url(graphics/scrolls2.jpg) 0px 0px repeat-x;
}
.vscrollerbar { /* Main body of vertical scrollbar */
background: #98b1d4 url(graphics/scroll.jpg) 0px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
/*padding to provide space for our "faux" arrow heads.*/
padding: 10px;
z-index: 2;
}

.vscrollerbarbeg { /* Top image holder for vertical scrollbar*/
background: url(graphics/scrolltop.jpg) 0px 0px no-repeat;
width: 14px;
/* Height set with !important decleration to fix Safari's bug */
height: 10px !important;
}

.vscrollerbarend { /* Bottom image holder for vertical scrollbar */
background: url(graphics/scrollbot.jpg) 0px 0px no-repeat;
width: 14px; height: 12px;
}
.hscrollerbarbeg {/* Left image holder for horizontal scrollbar */
background: url(graphics/scroleft.jpg) 0px 0px no-repeat;
height: 14px; width: 10px !important;
}

.hscrollerbarend { /* Right image holder for horizontal scrollbar */
background: url(graphics/scroright.jpg) 0px 0px no-repeat;
height: 14px; width: 10px;
}


.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
background: #4E727C url(graphics/jogbox.jpg) 0px 0px;
width: 14px; height: 14px; top: auto; left: auto; bottom: 0px; right: 0px;
}


/* Following are for scrollbase images, may not always be required */

.vscrollerbase { /* Vertical scrollbar's base body */ 
 background-color: #98b1d4;
}

.vscrollerbasebeg { /* Vertical scrollbar's base top-cap - up arrow */
background: url(graphics/scrollarrowup.jpg) 0px 0px no-repeat;
width: 14px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend { /* Vertical scrollbar's base bottom-cap - down arrow */
background: url(graphics/scrollarrowdown.jpg) 0px 0px no-repeat;
height: 15px; width: 14px;
}

.hscrollerbase { /* Horziontal scrollbar's base body */ 
background-color: #98b1d4;
}

/* Scroll Bar Master Styling Ends Here */