CSS Tables: Simple table

HTML

<table class="zui-table">
  <thead>
    <tr>
      <th>LOOOOOOOOOOOOOOOOOOONG HEADER</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div class="postCell">
          <input class="checkbox" name="isPosted" id="isPosted1" type="checkbox">
          <label for="isPosted" class="postLink"> 
          <a href="@activity.PostUrl">Link</a>
                            </label>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="postCell">
          <input class="checkbox" name="isPosted" id="isPosted2" type="checkbox">
        </div>
      </td>
    </tr>
  </tbody>
</table>

CSS

.zui-table {
  border: solid 1px #DDEEEE;
  border-collapse: collapse;
  border-spacing: 0;
  font: normal 13px Arial, sans-serif;
}

.zui-table thead th {
  background-color: #DDEFEF;
  border: solid 1px #DDEEEE;
  color: #336B6B;
  padding: 10px;
  text-align: left;
  text-shadow: 1px 1px 1px #fff;
}

.zui-table tbody td {
  border: solid 1px #DDEEEE;
  color: #333;
  padding: 10px;
  text-shadow: 1px 1px 1px #fff;
}

.checkbox {
  transform: scale(1.5);
  vertical-align: middle;
  display: inline;
}

.postLink {
  vertical-align: middle;
  display: inline;
}

.postCell {
  text-align: center;
}