table.green_table {}

table.green_table td.top_left, 
table.green_table td.top_right, 
table.green_table td.bottom_left, 
table.green_table td.bottom_right {
    width: 10px;
    height: 10px;
    font-size: 0 !important;
}

table.green_table td.top, 
table.green_table td.bottom {
    height: 10px;
    background-color: #deedcc;
    font-size: 0 !important;
}

table.green_table td.left, 
table.green_table td.right {
    width: 10px;
    background-color: #deedcc;
    font-size: 0 !important;
}

table.green_table td.top_left { background: url(/musor/i/u1.gif) no-repeat; }
table.green_table td.top_right { background: url(/musor/i/u2.gif) no-repeat; }
table.green_table td.bottom_left { background: url(/musor/i/u4.gif) no-repeat; }
table.green_table td.bottom_right { background: url(/musor/i/u3.gif) no-repeat; }

table.green_table td.center {
    background-color: #deedcc;
}

/* 2 */

table.green_table_2 {}

table.green_table_2 td.top_left, 
table.green_table_2 td.top_right, 
table.green_table_2 td.bottom_left, 
table.green_table_2 td.bottom_right {
    width: 10px;
    height: 10px;
    font-size: 0 !important;
}

table.green_table_2 td.top, 
table.green_table_2 td.bottom {
    height: 10px;
    background-color: #B4EF8A;
    font-size: 0 !important;
}

table.green_table_2 td.left, 
table.green_table_2 td.right {
    width: 10px;
    background-color: #B4EF8A;
    font-size: 0 !important;
}

table.green_table_2 td.top_left { background: url(/musor/i/u1_2.jpg) no-repeat; }
table.green_table_2 td.top_right { background: url(/musor/i/u2_2.jpg) no-repeat; }
table.green_table_2 td.bottom_left { background: url(/musor/i/u4_2.jpg) no-repeat; }
table.green_table_2 td.bottom_right { background: url(/musor/i/u3_2.jpg) no-repeat; }

table.green_table_2 td.center {
    background-color: #B4EF8A;
}


/* 
<table width="300" class="green_table">
    <tr>
        <td class="top_left"></td>
        <td class="top"></td>
        <td class="top_right"></td>
    </tr>
    <tr>
        <td class="left"></td>
        <td class="center"></td>
        <td class="right"></td>
    </tr>
    <tr>
        <td class="bottom_left"></td>
        <td class="bottom"></td>
        <td class="bottom_right"></td>
    </tr>
</table>
*/