
.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;
background-color: white;
}

.vscrollerbar {
width: 15px;
background-color: black;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background: #99CBCB url(../grafikk/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(../grafikk/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 14px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: url(../grafikk/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 14px !important;
}

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background: #D7EBDF url(../grafikk/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: url(../grafikk/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
/* 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(../grafikk/basebarcaps_verticalbarbody.png) -60px -29px no-repeat;
height: 15px;
width: 15px;
}

