/*body{
        margin:0px;
        height:100%;
    }*/
    ol{
        margin:0px;
    }
    .control{ /* Used by buttons */
        float:left;
        height: 25px;
        width: 25px;
        margin: 2px 0px;
        cursor:pointer;
    }
    .reset{ /* Clears floats */
        height:0px;
        width:0px;
        clear:both;
    }
    .info { /* Used by text in the controls area */
        float:left;
        height: 25px;
        margin: 2px 2px;
        color: #386496;
        font-size: 10pt;
        font-weight: bold;
    }
    /*li {  FUTURE ISSUE, If mroe lists are added this will need seperating; TODO Fix before becomes a issue 
        color: #386496;
        font-size:13px;
        line-height:14px;
    }*/
    
    #volContainer {
        width: 69px;
        height: 25px;
        margin: 2px 3px;
        background:url('v0.8_files/volume_2.gif');
        float:left;
        cursor:w-resize;
    }
    #volBar {
        width: 27px;
        height: 25px;
        background:url('v0.8_files/volume_1.gif');
        position:relative;
        top:0px;
        left:0px;
        cursor:w-resize;
    }