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

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 15px;
height: 15px !important;
background-color: white;
padding: 12px;
z-index: 2;
}

.vscrollerbase {
width: 15px;
background: #ffe093 url(pics/scrollbar_bg.gif) 0px 0px repeat-y;
}
.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 15px;
height: 13px !important; /*Again, the safari fix, normally this line is not needed.*/
background: url(pics/scrollbar_bg_top.gif) 0px 0px no-repeat;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 13px;
width: 15px;
background: url(pics/scrollbar_bg_bottom.gif)  0px 0px no-repeat;
}

#content {
width: 400px;
height: 400px;
overflow: auto;
position: relative;
background-color: #f5cf72;
margin: 0.3em auto;
padding: 15px;
}

#contentshort {
width: 500px;
height: 200px;
overflow: auto;
position: relative;
background-color: #f5cf72;
margin: 0.3em auto;
padding: 0px;
}

/* Scroll Bar Master Styling Ends Here */