/* FOUR EXAMPLES OF STYLES FOR TABLES */

.contenttable-0 {
	border: 5px solid #f00;
	border-collapse: collapse;
}
.contenttable-0 td {
	border: 1px solid #0c0;
	padding: 5px;
	width: 25%;
	vertical-align: top;
}
.contenttable-0 .tr-0 {
	background-color: #0ff;
	font-family: Georgia, serif;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}


.contenttable-1 {
	border: 0px dotted #000;
}
.contenttable-1 td {
	padding: 2px;
	vertical-align: top;
}
.contenttable-1 .td-0 {
	width: 50%;
}
.contenttable-1 .td-1 {
	width: 50%;
}
.contenttable-1 tr.tr-odd {
	border-bottom: 1px solid #aaa;
	background-color: #333;
	color: #fff;
}
.contenttable-1 tr.tr-even {
	border-bottom: 1px solid #aaa;
	background-color: #333;
}
.contenttable-1 tr.tr-0 {
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #58595b;
	color: #fff;
}



.contenttable-2 {
	border: none;
	border-collapse: collapse;
}
.contenttable-2 td {
	padding: 5px;
	vertical-align: top;
}
.contenttable-2 .td-0 {
	width: 20%;
	background-color: #333;
	color: #fff;
	border-bottom: 1px solid #0f0;
}
.contenttable-2 .td-last {
	border-bottom: 1px solid #a00;
	background-color: #ccc;
}
.contenttable-2 .tr-0 .td-0 {
	border-top: 1px solid #0f0;
}
.contenttable-2 .tr-0 .td-last {
	border-top: 1px solid #a00;
}




.contenttable-3 {
	border: none;
	border-collapse: collapse;
}
.contenttable-3 td {
	padding: 5px;
	vertical-align: bottom;
}
.contenttable-3 .tr-odd .td-0,
.contenttable-3 .tr-odd .td-2,
.contenttable-3 .tr-even .td-1,
.contenttable-3 .tr-even .td-last
{
	background-color: yellow;
}

.contenttable-3 .tr-odd .td-1,
.contenttable-3 .tr-odd .td-last,
.contenttable-3 .tr-even .td-0,
.contenttable-3 .tr-even .td-2
{
	background-color: green;
}


.contenttable-3 .tr-0 .td-0,
.contenttable-3 .tr-0 .td-1,
.contenttable-3 .tr-0 .td-2,
.contenttable-3 .tr-0 .td-last
 {
	color: red;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #000;
	background-color: pink;
}