/* 

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

/* general styles */

body {
	margin:0;
	padding:0;
	font:70% Arial, Helvetica, sans-serif; 
	color:#555;
	line-height:150%;
	text-align:left;
}

table, td {
	font: 100% Arial, Helvetica, sans-serif; 
	color:#555;
	line-height:150%;
	text-align:left;
}


table{ width:671px;border-collapse:collapse;margin:1em 0 0 20px; }

th, td{ text-align:left;padding: .8em; border:1px solid #fff; }
th{ background: #00315E; color:#fff; font-size: 1.1em;  text-align: right;}
td{ background: #e5f1f4; }

/* tablecloth styles */

tr.even td {background: #eee;}
tr.odd td {background: #ddd;}
tr.even th {background: #00447B;}

th.over, tr.even th.over, tr.odd th.over{background: #00447B;   border-bottom:1px solid #00447B; }
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:#00447B; color: #fff;   border:1px solid #00447B;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774; color: #fff;   border:1px solid #00447B;}
td.selected, tr.even td.selected, tr.odd td.selected {background:#bad0d8; color:#222;}

/* 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; border: 1px solid white;}

#check {
	display: block;
	width: 16px;
	height: 16px;
	background: url('../images/accept.png');
}

h4 {
	font-size: 25px;
	font-color: #777;
	padding-bottom: 3px;
	margin-left: 20px;
	width: 200px;
}

#box {
	display: block;
	width: 250px;
	position: absolute;
	right: 25px;
}