body {
        margin:0; padding:0;
        background: #f45816;
        font-family: 'Tahoma', 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
    }
    #player {
        background: url('bg.jpg') top left no-repeat; 
        width: 494px;
        height: 417px;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    #player.lite {
        background: url('bg-lite.jpg') top left no-repeat;
    }
    
    #player-help {
        width: 494px;
        height: 417px;
        position: absolute;
        top: 25px;
        left: 0px;
        background-color: #fff;
        color: #000;
    }
    #player-help p {
        padding: 5px 20px 10px 20px;
        font-size: 0.8em;
    } 
    #player.help p a {
        color: #f45816;
    }
    #menu {
        position: absolute;
        top: 0px;
        width: 494px;
        height: 25px;
        text-align: center;
        background: #3f3f3f;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 0.8em;
    }
    #menu a {
        color: #fff;
        text-decoration: none;
    }
    #menu a.active {
        text-decoration: underline;
    }
    #player-content {
        position: absolute;
        z-index: 1;
        left: 140px;
        top: 10px;
    }
    #player-content-lite {
        position: absolute;
        z-index: 1;
        left: 172px;
        top: 72px;
        width: 150px;
        height: 170px;
    }

       #play {
            width:72px;
            height: 74px;
            position: absolute;
            top: 221px;
            left: 212px;
            display: none;
       }
       #stop {
            width:72px;
            height: 74px;
            position: absolute;
            top: 221px;
            left: 212px;
            display: block;
            background: url('button-stop.gif') no-repeat;   
           
       }


       #banner {
            width: 468px;
            height: 60px;
            position: absolute;
            top: 355px;
            left: 14px;
       }
       #songster {
            color: #000;
            font-family: arial;
            font-size: 12px;
            font-weight: bold;
            font-weight: bold;
            position: absolute;
            top: 80px;
            left: 181px;
            width: 135px;
            height: 95px;
            white-space: nowrap;
            overflow: hidden;
       }
       #timer {
        float: left;
        font-size: 170%;
       }
       #cover {
        float: left;
        display: none;
       }
       #cover img {
        margin: 0px 3px 0px 0px;
       }
       #text {
        position: absolute;
        top: 60px;
        width: 135px;
        left:0;
        text-align: left;
       }
       
       #songstertextwrap2,
       #songstertextwrap {
        width: 130px;
        height: 15px;
        overflow: hidden;
        display: block;
        position: relative;
        float: left;
       }
        #songstertext2, 
        #songstertext {
            white-space: nowrap;
            width: auto;
            position: absolute;
        }   
       #author {
        font-size: 100%;
       }
       
       #volume {
        position: absolute;
        width: 147px;
        height:150px;
        background: url('volume-4.jpg') no-repeat;
        left: 20px;
        top: 114px;
       }
       #bitrate {
        position: absolute;
        width: 146px;
        height:121px;
        background: url('rate-64.jpg') no-repeat;
        left: 327px;
        top:160px;
       }
       .bitrate-32 {
        background: url('rate-32.jpg') no-repeat !important;
       }
       
       #but-bitrate-128 {
        top: 10px;
        right:10px;
       }
       #but-bitrate-64 {
        top: 25px;
        right:60px;
       }
       #but-bitrate-32 {
        bottom: 40px;
        left:20px;
       }
       #but-bitrate-16 {
        bottom: 5px;
        left:5px;
       }
       .bitrate-16 {
        background: url('rate-16.jpg') no-repeat !important;
       }
       .bitrate-64 {
        background: url('rate-64.jpg') no-repeat !important;
       }
       .bitrate-128 {
        background: url('rate-128.jpg') no-repeat !important;
       }
       


       #but-volume-5 { top: 10px; left:10px;  z-index: 0; }
       .volume-100 { background: url('volume-5.jpg') no-repeat !important; }
       #but-volume-4 { top: 25px; left:60px; z-index: 15; }
       .volume-80 { background: url('volume-4.jpg') no-repeat !important; }
       #but-volume-3 { top: 52px; left:90px; z-index: 15; }
       .volume-50 { background: url('volume-3.jpg') no-repeat !important; }
       #but-volume-2 { top: 85px; left:110px;  z-index: 15;}
       .volume-30 { background: url('volume-2.jpg') no-repeat !important; }
       #but-volume-1 { top: 120px; left:120px;  z-index: 15;}
       .volume-10 { background: url('volume-1.jpg') no-repeat !important; }
        
        .button span {
        display: none;
       }
       .button {
            display: block;
            position: absolute;
            width: 30px;
            height: 30px;
            z-index: 20 !important;
       }