table { 
	width:100%; 
	border-collapse: collapse; 
	margin:5px auto; text-transform:capitalize
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #1a3668; 
	color: white; 
	font-weight: normal;
	}

td, th { 
	padding: 8px; 
	text-align: left; 
	font-size: 14px;
	}
.brd-lft{border-left:1px solid #DDD}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width:733px) {

	table { 
	width:100%; 
	border-collapse: collapse; 
	margin:0 auto;
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #1a3668; 
	color: white; 
	font-weight: normal;
	}

td, th { 
	padding: 2px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 11px; display: table-cell
	}

}