<style type="text/css">    
    .zp-b-pane {    
    width:195px;    
    height:50px;    
    background:url('http://webo4ka.ru/Ucoz5/black-pane_chaci_ucoz.png') no-repeat #2F2F2F;    
    border-radius:3px;    
    -moz-border-radius:3px;    
    -webkit-border-radius:3px;    
    color:#fff;    
    position:relative;    
    margin-bottom:8px;    
    }    

    .number-display {    
    width:8px;    
    height:12px;    
    display:block;    
    float:left;    
    margin:0px 1px;    
    background:url('http://webo4ka.ru/Ucoz5/nims-display_chaci_ucoz.png?746') no-repeat;    
    }    
    .number-display.num0 {background-position:0px 0px;}    
    .number-display.num1 {background-position:-10px 0px;}    
    .number-display.num2 {background-position:-20px 0px;}    
    .number-display.num3 {background-position:-30px 0px;}    
    .number-display.num4 {background-position:-40px 0px;}    
    .number-display.num5 {background-position:-50px 0px;}    
    .number-display.num6 {background-position:-60px 0px;}    
    .number-display.num7 {background-position:-70px 0px;}    
    .number-display.num8 {background-position:-80px 0px;}    
    .number-display.num9 {background-position:-90px 0px;}    
    .number-display.num0e {background-position:-104px 0px;}    
    .number-display.sep {background-position:-98px 0px; width:6px;}    
    </style>    

    <div class="zp-b-pane">    
    <div style="position:absolute; top:18px; left:8px;"><img src="http://webo4ka.ru/Ucoz5/label_server-time_chaci_ucoz.png" alt=""></div>    
    <div style="position:absolute; top:29px; right:106px; width:86px; text-align:center;">$TIME$ </div>    
    <div style="position:absolute; top:29px; left:106px; width:86px; text-align:center;">$DATE$ </div>    
    <div id="zpclock" style="position:absolute; top:10px; left:111px;"></div>    
    </div>