/*Page related styles for you to view*/
#mycustomscroll
{
    /* Typical fixed height and fixed width example */
    width: 480px;
    /*height: 340px;*/
    height:390px;
    overflow: auto; /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 1.3em auto;
    padding: 10px;
}

.fixedwidth
{
    /* a wide div is used for creating horizontal scrollbars for demonstration purposes */
    width: 480px;
    height: auto;
    position: relative;
    padding: 1px;
}

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

/* scrollbar stick */
.vscrollerbar
{
    width: 7px;
    background: url(../images/scrollbar.gif) -11px 0px repeat-y; ;
cursor:hand;
cursor:pointer;
padding:10px;
z-index:4;

}

/* start n end of the scrollbar head */
.vscrollerbarbeg
{
    height: 9px !important;
    width: 7px;
    background: url(../images/scrollbar.gif) -21px -9px no-repeat;
    cursor: hand;
    cursor: pointer;
}
.vscrollerbarend
{
    height: 9px;
    width: 7px;
    background: url(../images/scrollbar.gif) -21px 0px no-repeat;
    cursor: hand;
    cursor: pointer;
}

/* scrollbar base */
.vscrollerbase
{
    width: 7px;
    background: url(../images/scrollbar.gif) 0px 0px repeat-y;
}

/* scrollbar black arror*/
.vscrollerbasebeg
{
    width: 9px;
    height: 8px !important;
    background: url(../images/scrollbar.gif) -32px -12px no-repeat;
    cursor: hand;
    cursor: pointer;
}
.vscrollerbaseend
{
    width: 9px;
    height: 6px;
    background: url(../images/scrollbar.gif) -32px 0px no-repeat;
    cursor: hand;
    cursor: pointer;
}

.scrollerjogbox
{
    width: 7px;
    height: 15px;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
}

/* Scroll Bar Master Styling Ends Here */