/*
CSS STYLING FOR A STANDARDISED DATA TABLE WITH THE FOLLOWING STRUCTURE:

<table class="data-table>
	<thead>
		<tr>
			<th class="origin"></th>
			{row header repeater}
				<th></th>
			{/row header repeater}
		</tr>
	</thead>
	{row header repeater}
		<tbody>
			<tr>
				<td class="header"></td>
				{cell content repeater}
					<td class="data"></td>
				{/cell content repeater}
			</tr>
		</tbody>
	{/row header repeater}
</table>

*/

/* OUTER TABLE ELEMENT */
table.data-table
{
	width: 500px;
	margin-top: 40px;
	background: #6fba1d;
}

/* TABLE HEAD ELEMENT */
table.data-table thead
{
}

/* TABLE HEAD ROW */
table.data-table thead tr
{
	background: white;
}

/* ALL COLUMN HEADER CELLS */
table.data-table th
{
	padding: 5px 0px;
	text-align: center;
	background: #6fba1d;
	vertical-align: bottom;
	font-size: 14pt;
	font-weight: normal;
	color: white;
}

/* ORIGIN COLUMN HEADER CELL */
table.data-table th.origin
{
	width: 150px;
	text-align: left;
	padding-left: 10px;
}

/* ANCHORS IN COLUMN HEADER CELLS */
table.data-table th a
{
	color: white;
}


/* TABLE BODY ELEMENT */
table.data-table tbody
{
}

/* TABLE BODY ROWS */
table.data-table tbody tr
{
	background: white;
}

/* ROW HEADER CELLS */
table.data-table tbody tr td.header
{
	padding: 5px 10px;
	text-align: left;
}

/* ROW DATA CELLS */
table.data-table tbody tr td.data
{
	padding: 5px 0px;
	text-align: center;
}