<style>  
.cbutton {margin-right:5px;display:inline-table;padding:6px 10px;background:#fff;border:2px solid #eee;border-radius:3px;}  
.cbutton:hover {background:#ddd;cursor:pointer;}  
.cbutton.active {background:#217EAC;color:#fff;}  
</style>  
<script>  
$('#ldM57').each(function(){  
        var ohtml = '';  
    $(this).find('table').hide();  
       for(var i=0;i<$('#uCatsMenu9 input').length;i++){  
        ohtml += '<div class="cbutton '+(($("#uCatsMenu9 input").eq(i).is(":checked")) ? "active" : "")+'" onclick="selcat(this, '+$('#uCatsMenu9 input').eq(i).val()+');">'+$('#uCatsMenu9 input').eq(i).next().text()+'</div>';  
        }  
        $(this).append(ohtml);  
});  

function selcat(t, id){  
        $('.cbutton').removeClass('active');  
    $(t).addClass('active');  
        $('#uCatsMenu9 input[value='+id+']').click();  
}  
</script>