title: <tr> removing border on left and right only
body: <p>Is it possible to remove these areas? (marked with black)</p>
  
  <p><img src="https://i.imgur.com/v3589js.png" alt="a busy cat"></p>
  
  <p>Here is my current CSS:</p>
  
  <pre><code>table.report { 
      border-collapse:collapse; 
  }
  
  table.report td, table.report th { 
      border:1px solid rgb(150, 150, 150);
      padding:5px; 
  }
  
  tr.title {
      border-left: 0px solid;
      border-right: 0px solid;
  }
  
  td.normal {
      min-width: 200px;
  }
  
  td.extended {
      min-width: 400px;
  }
  
  p.center {
      padding-top: 5px;
      text-align: center;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table class="report"&gt;
      &lt;tr class="title"&gt;
          &lt;td colspan="4"&gt;&lt;p class="center"&gt;Solution 1&lt;/p&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="normal"&gt;Assured Load&lt;/td&gt;
          &lt;td class="normal"&gt;{PHP Returns}&lt;/td&gt;
          &lt;td class="extended" colspan="2"&gt;{PHP Returns}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/JqqmZ/" rel="noreferrer">FIDDLE</a></strong></p>