/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */





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

.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 13px;
background-color: white;
}

.vscrollerbar {
width: 13px;
background-color: black;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background: #aaa repeat-y;
}

.vscrollerbar, .hscrollerbar {

padding: 10px;

z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(/system/modules/com.flamegreen.kelloggs/resources/images/handleTop.gif) no-repeat;
width: 13px;

height: 15px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: url(/system/modules/com.flamegreen.kelloggs/resources/images/handleBase.gif) no-repeat;
width: 13px;
height: 11px;
}



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

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background: #ffffff url(/system/modules/com.flamegreen.kelloggs/resources/images/track.gif) repeat-y;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: url(/system/modules/com.flamegreen.kelloggs/resources/images/downBox.gif) no-repeat;
width: 13px;
/* 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 */
/* This may be used for holding the down arrow */
background: url(/system/modules/com.flamegreen.kelloggs/resources/images/downBox.gif) no-repeat;
height: 10px;
width: 13px;
}

/* Scroll Bar Master Styling Ends Here */