/* Basic styles for data tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #555;
	border-width: 1px 0 0 1px;
	margin: 1em 0;
}
table th, table td {
	border: 1px solid #555;
	border-width: 0 1px 1px 0;
	padding: 2px 6px;
}

table th {
	background-color: #EEEEEE;
	font-weight: bold;
}

table th p, table td p {
	line-height: normal;
	margin: 0px;
	padding: 0px;
}



/* now attempt to remove all the CSS styling for tables of class 'layout' */
/* this works in Firefox, but not IE (surprise surprise) */
table.layout {
	border-collapse: inherit;
	border-spacing: inherit;
	border: none;
	border-width: 0px;
}

table.layout th, table.layout td {
	background: none;
	font-weight: normal;
	border: none;
	border-width: auto;
	padding: 0;
}

table.layout th p, table.layout td p {
	line-height: normal;
	margin: auto;
	padding: auto;
}