body
    {
        background-color: black;
        font: bold 11px Arial, sans-serif;
        color: #B1AC82;
    }
.no_border
    {
        border: none;
    }
#scroll_title
    {
        margin: 10px 10px 0px 13px;
    }
#scroll_info_content
    {
        margin: 13px 0px 0px 13px;
    }
#scroll_content
    {
    }
div#scrollbar 
    {
        display:block; /* initially display:none; to hide from incapable */
        float: left;
        margin: 0px 0px 0px 10px;;
    }
div#wn	
    {
        position:relative;
        width:900px;
        height:570px;
        overflow:hidden;
        float: left;
    }
div#scrollbar 
    {
      position:relative;
      width:11px;
      height:570px;
      font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
      }
div#track
    {
        position:absolute;
        left:0;
        top:12px;
        width:11px;
        height:546px;
        background: #a8a37b;
        cursor: pointer;
      }
div#dragBar
    {
        position:absolute; left:1px; top:1px;
        width:9px; height:20px;
        background-color: #4a4847;
    }
div#up
    {
        position:absolute; left:0; top:0;
    }
div#down
    {
            position:absolute; left:0; bottom:0;
    }
/* for safari, to prevent selection problem  */
/*
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}
*/
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img
    {
        display:block;
    }