Using CSS with the Tab Pages weblet

The Tab Pages weblet is constructed using an HTML table. The tabs themselves are constructed using an unordered list. The HTML for a Tab Pages weblet looks something like this:
<table id="TabPagesName" class="std_tab_pages ui-widget">
   <tbody>
      <tr>
         <td class="std_tab_pages_top_tabs">
            <ul class="std_tab_pages_tabs">
               <li class="std_tab_active">
                  <a onclick="return stdTabPagesTabClicked(this, 1)">Organisation</a>
               </li>
               <li>
                  <a onclick="return stdTabPagesTabClicked(this, 2)">Contact</a>
               </li>
               <li>
                  <a onclick="return stdTabPagesTabClicked(this, 3)">Employment</a>
               </li>
            </ul>
         </td>
      </tr>
      <tr>
         <td class="std_tab_pages_content_wrapper">
            <div class="std_tab_pages_content">
               Tab 1 Content
            </div>
            <div class="std_tab_pages_content" style="display:none">
               Tab 2 Content
            </div>
            <div class="std_tab_pages_content" style="display:none">
               Tab 3 Content
            </div>
 
           </td>
      </tr>
   </tbody>
</table>