#custom-scroll {
width:730px;
height:350px;
overflow:auto;
position:relative;
margin:0.3em auto;
padding:0px;
outline:none;
cursor:text;
}
.flexcroll { cursor:text; }

/* 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 {
height:10px !important;
/*visibility:hidden !important;*/
/*hesido: if you hide the scrollbar using height 0, there may be divide by 0 issues on IE or someplace
so you can hide using visibility */
/*hesido: on a second note, why don't you try not hiding the scrollbar?
It is good for the user to at least have some idea on how much they have
scrolled. Please also try without hiding the scrollbar.*/
width:10px;
background:url(scrollba.png) -14px 0px repeat-y;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}
.vscrollerbarbeg {
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
height:5px !important;
/* hesido: No 0 px allowed, again */
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
width:10px;
background:url(scrollbar.png) -10px 0px no-repeat;
}
.vscrollerbarend {
/* height of this element should be set */
height:5px !important;
/* hesido: No 0 px allowed, again */
width:10px;
background:url(scrollbar.png) -10px -11px no-repeat;
}

.vscrollerbase {
width:10px;
background:url(scrollbar.png) -20px 0px repeat-y;
height:295px !important;
/*margin-top:238px;*/
cursor:default;
/*hesido: since the scrollbar design is very far away from normal ones,
 you can at least change the cursor style so people would have a better
 idea */

}
.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:10px;
height:8px !important; /*Again, the safari fix, normally this line is not needed.*/
background: url(scrollbar.png) 0px 0px no-repeat;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
width:10px;
height:8px !important;
background: url(scrollbar.png) 0px -8px no-repeat;
}

.vscrollerbar {
/* 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:8px 0px;
/* hesido: These paddings are not actually used for the style padding of the element,
but it is used for how many pixels away the scrollbar will start from top and end on bottom
If you make this too big, perhaps when bigger than half of the scrollbase itself,
fleXcroll screws up. Since you do not have the scrollbar visible, this
setting is not required, but I've lowered it from your value to 8px, in case
you decide to give your users a small scrollbar to see how much they have scrolled.
*/
z-index:2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width:10px;
height:8px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #37917A;
}


/* Scroll Bar Master Styling Ends Here */