<style type="text/css">
.datagrid 
	table { 
		border-collapse: collapse; 
		text-align: left; 
		width: 100%; } 
.datagrid {
		font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; 
		background: #fff; overflow: hidden; 
		border: 2px solid #0047bb; 
		width: 80%; -webkit-
		border-radius: 3px; -moz-
		border-radius: 3px; 
		border-radius: 3px; 
		}
.datagrid 
	table td, 
.datagrid 
	table th { 
		padding: 9px 10px; 
		}
.datagrid 
	table thead th {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0047bb), color-stop(1, #173b85) );
		background:-moz-linear-gradient( center top, #0047bb 5%, #0047bb 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0047bb', endColorstr='#0047bb');
		background-color:#0047bb; 
		color:#FFFFFF; 
		font-size: 15px; 
		font-weight: bold; 
		border-left: 2px solid #0047bb; 
	} 
.datagrid 
		table thead th:first-child 
	{ 
		border: none; 
	}
.datagrid table tbody td { 
	color: #000000; 
	border-left: 2px solid #0047bb;
	font-size: 12px;
	font-weight: bold; 
	}
.datagrid table tbody .alt td { 
	background: #D9D9D9; 
	color: #000000; 
	}
.datagrid table tbody td:first-child { 
	border-left: none; 
	}
.datagrid table tbody tr:last-child td { 
	border-bottom: none; 
	}
.datagrid 
	table tfoot td div { 
		border-top: 1px solid #0047bb;
		background: #FFFFFF;
	} 
.datagrid table tfoot td { 
	padding: 0; 
	font-size: 12px 
	} 
.datagrid 
	table tfoot td div{ 
		padding: 3px; 
	}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

th, td {
    border: none;
    text-align: left;
    padding: 8px;
}
</style>