/* 

	TableCloth	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* general styles */

table, td{

}
table.two {
	width: 20%;
}

table{
	width:30%;
	border-collapse:collapse;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
th, td{
	text-align:center;
	border:1px solid #fff;
	padding-right: 5px;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
}
th{
	color:#fff;
	background-color: #328aa4;
	background-image: url(../img/bg_table.gif);
	background-repeat: repeat-x;
}
td{background:#e5f1f4;}

/* tablecloth styles */

tr.even td{
	background-color: #f1f1f1;
}
tr.odd td{
	background:#fff;
}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}