How do I best style this JQuery-ui dialog

Below is the markup html code. As you can see I base the dialog on the table element.
Here is how I start the JQuery-UI dialog
 $("#dlgPassage").dialog({
            width: 600
        });

At the end I have a print screen of the dialog.
So how do I best style this dialog ?

<div id="dlgPassage" title="Passage" style="display:none">
     <table>
         <tr><td>Opening</td></tr>
         <tr>
            <td><input id="Text1" type="text" style="width:170px" /></td>
            <td>&nbsp</td>
            <td><input id="Text2" type="text"  style="width:170px" /></td>
         </tr>

         <tr><td>&nbsp;</td></tr>
         <tr><td>Passage</td></tr>

         <tr>
            <td><input id="Text3" type="text"  style="width:170px" /></td>
            <td>&nbsp</td>
            <td><input id="Text4" type="text"  style="width:170px" /></td>
         </tr>
       
        <tr><td>&nbsp;</td></tr>
         <tr><td>Closing</td></tr>
     
        <tr>
            <td><input id="Text5" type="text"  style="width:170px" /></td>
            <td>&nbsp</td>
            <td><input id="Text6" type="text"  style="width:170px" /></td>
            <td>&nbsp</td>
            <td><input id="Button1" type="button" value="Confirm" /></td>
         </tr>
       </table>
    </div>

• Topic Participants

• tony.johansson

• kbwood.au