<table class="table table-bordered table-hover table-condensed data_table">

    <tbody data-bind="foreach: outboundFaxLogs">
        <tr>
        </tr>
        <tr>
            <td></td>
              <td colspan="8">
                <table>
                     <tr style="border:none">
                        <td>ReFax Status</td>
                        <td>FaxTo</td>
                        <td>Completion</td>
                        <td>FaxID</td>
                      </tr>
                    <tbody data-bind="foreach: ResubmissionHistory"">
                    <tr style="border:none">
                        <td data-bind="text: Status" ></td>
                        <td data-bind="text: FaxToNbr"></td>
                        <td data-bind="text: $root.formatDateTime(CompletionTime)"></td>
                        <td data-bind="text: OutboundFaxLogId"></td>
                    </tr>

                  </tbody>

                </table>
            </td>

         </tr>


    </tbody>
</table>

The parent table has a css class applied to it which is table-bordered. Its a twitter bootstrap style element. I don't want that style to be applied to the child table. How can I do this ? I do not want the lines that appear in between the table cells for the child table.