Website: HTML - dottet border

Hvordan ændrer jeg afstanden på prikkerne i dottet border:

<tr valign=top>
<td colspan=12>
  <table width="945" height="100%">
            <tr valign=top height="10">
                <td align="left" valign="top" style="padding: 0px 0px 0px 0px; border-right: 1px dotted #666666" bgcolor="white" width="186" height="10"></td>
                <td align="left" valign="top" style="padding: 0px 20px 0px 10px" bgcolor="white" height="10"></td>
                <td align="left" valign="top" style="padding: 0px 0px 0px 0px" width="187" height="10"></td>
            </tr>
            <tr valign=top height="100%">
                <td align="left" valign="top" style="padding: 0px 0px 0px 0px; border-right: 1px dotted #666666" bgcolor="white" width="186" height="100%">
                    <table>
                        <!--@TemplateParagraph1-->
                    </table>
                </td>
                <td align="left" valign="top" style="padding: 0px 30px 0px 10px" bgcolor="white" height="100%">
                    <table>
                        <!--@TemplateParagraphN-->
                    </table>
                </td>
                <td align="left" valign="top" style="padding: 0px 0px 0px 0px" width="187" height="100%">
                    <table>
                        <!--@TemplateParagraph2-->
                    </table>
                </td>
            </tr>
            <tr valign=top height="15">
                <td colspan="2" height="15"></td>
                <td width="187" height="15"></td>
            </tr>
        </table>
</td>
</tr>