<!-- Begin Body -->
<div class="container-fluid" style="padding-top:100px; height:550px">
	<div class="row"><br/></div>
	<div class="row">
      		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
				   <table id="contractor_table" class="cell-border order-column compact hover"  style="width:100%;">  
					<thead>
						<tr>
							<th style="min-width:70px; text-align:center">&nbsp;</th>
							<th style="min-width:50px; text-align:center">#</th>
							<th style="min-width:300px; text-align:center"><small>Contractor</small></th> 
							<th style="min-width:300px; text-align:center"><small>Contact Person</small></th> 
							<th style="min-width:150px; text-align:center"><small>Contact No.</small></th>
							<th style="min-width:200px; text-align:center"><small>Email</small></th>
							<th style="min-width:200px; text-align:center"><small>Address</small></th> 
						</tr>
					</thead>
					<tfoot>
						<tr>
							<th style="min-width:70px; text-align:center">&nbsp;</th>
							<th style="min-width:50px; text-align:center">#</th>
							<th style="min-width:300px; text-align:center"><small>Contractor</small></th> 
							<th style="min-width:300px; text-align:center"><small>Contact Person</small></th> 
							<th style="min-width:150px; text-align:center"><small>Contact No.</small></th>
							<th style="min-width:200px; text-align:center"><small>Email</small></th>
							<th style="min-width:200px; text-align:center"><small>Address</small></th> 
						</tr>
					</tfoot>
				</table> 
				 
      		</div>
  	</div>
</div>