.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 is the div that holds the scrollbar (parent of vscrollerbar) */
.vscrollerbase { width:7px; background-color: black; }
.vscrollerbar { width: 7px; height:20px; }
.vscrollerbar {
/* Main body of vertical scrollbar */
background: #FFFFFF url(/img/updown.gif); background-repeat:no-repeat;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 10px;

/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.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: 0px; z-index: 2; }

/* properties for scroller jog box, just in case */
.scrollerjogbox { width: 22px; height: 22px; top: auto; left: auto; bottom: 0px; right: 0px; background:gray; }

#scroll_all { width: 600px; height: 209px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0px; padding-left: 15px; text-align: left; }
