<table class="procedureTable ng-scope" style="width: 95%; height: 515px;">
<tbody>
<tr style="height: 49px;">
<th style="width: 264px; text-align: center; height: 49px;">Record</th>
<th style="width: 204px; text-align: center; height: 49px;">Document Owner</th>
<th style="width: 316px; text-align: center; height: 49px;">Form</th>
<th style="width: 699px; height: 49px;">Notes</th>
</tr>
<tr style="height: 41px;">
<td class="cellEmphasized1" style="width: 264px; text-align: center; height: 41px;"><a id="DeliverableProjectScope"></a>Project Scope</td>
<td class="cellEmphasized2" style="width: 204px; text-align: center; height: 41px;">Product Manager</td>
<td style="width: 316px; text-align: center; height: 41px;"><a href="http://google.com">Lovely Form Project Scope</a></td>
<td style="width: 699px; height: 41px;">Love Project Scope</td>
</tr>
</tbody>
</table>
.procedureTable {
    width: auto;
    margin: 2em;
    border: 1px solid #fff;
}

    .procedureTable td {
        background-color: #e4ebf5 !important;
        vertical-align: middle;
        font-size: 90%;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        border: 1px solid #fff;
    }

    .procedureTable th {
        vertical-align: top;
        font-size: 90%;
        background-color: #7386a4 !important;
        color: #fff !important;
        padding: 14px 10px 8px 10px;
        border: 1px solid #fff;
    }

@media print {
 * {
  color:#000!important;
  text-shadow:none!important;
  background:transparent!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important
 }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.