/* .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: 15px;
display: block !important;
}

/* styles for scrollbar images start here */


.vscrollerbar {
/* Main body of vertical scrollbar */
background-image: url('../images/scrollbarstripe.png');
background-position: top left;
background-repeat: repeat-y;
background-color: red;
}

.vscrollerbarbeg  {
/* Main body of vertical scrollbar */
background-image: url('../images/scrollbar.png');
background-position: top left;
background-repeat: repeat-y;
background-color: white;

}

.vscrollerbar{

padding: 0px;

/* 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;
}

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

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background-color: #D7EBDF;
background-image: url('../images/scrollbarstripe.png');
background-positoin: 0px 0px;
background-repeat: repeat-y;
}