<style type="text/css">
		h2 {
  		text-transform: uppercase;
		color: salmon;
  		font-family: "Trebuchet MS";
  		}
		h1 {
			text-transform: uppercase;
			color: salmon;
			font-family: "Trebuchet MS";
			text-shadow: 2px 2px 5px green;
		}
		body {l
			font-family: "Arial", "Helvetica", "sans-serif";
		}
		
		/* Table */
		.demo-table {
			border-collapse: collapse;
			font-family: "Arial", "Helvetica", "sans-serif";
			font-size: 13px;
		}
		.demo-table th, 
		.demo-table td {
			border: 1px solid #e1edff;
			padding: 2px 5px;
		}
		.demo-table .title {
			caption-side: bottom;
			margin-top: 6px;
		}
		
		/* Table Header */
		.demo-table thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}
		
		/* Table Body */
		.demo-table tbody td {
			color: #353535;
		}
		.demo-table tbody td:first-child,
		.demo-table tbody td:last-child,
		.demo-table tbody td:nth-child(4) {
			text-align: left;
		}
		.demo-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.demo-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
			transition: all .2s;
		}
		
		/* Table Footer */
		.demo-table tfoot th {
			background-color: #e5f5ff;
		}
		.demo-table tfoot th:first-child {
			text-align: left;
		}
		.demo-table tbody td:empty
		{
			background-color: #FFFFFF;
		}
	</style>