/* 

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

/* general styles */

#table1, #table1 td{
	font:120% "Trebuchet MS";
	text-align:center; 
}

#table1{width:612px; border-collapse:collapse;margin:1em 0; margin-left:-36px; margin-top:0px;}
#table1 th,#table1 td{text-align:center;padding:1px;border:1px solid #ccc;}
#table1 th{background:#EDEDEC url(../images/tr_back.gif) left bottom repeat-x; color:#900; width:80px; height: 34px; border: 0px;}
#table1 td{background:#EDEDEC; font-size:12px;}

/* tablecloth styles */

#table1 tr.even td{background:#EDEDEC;}
#table1 tr.odd td{background:#EDEDEC;}

#table1 th.over,#table1 tr.even th.over,#table1 tr.odd th.over{background:#f1f0f1; height:34px;}
#table1 th.down,#table1 tr.even th.down,#table1 tr.odd th.down{background:#404040; color:#fff; height:34px;}
#table1 th.selected div {
	background:transparent url(../images/tabl_thRound.jpg) no-repeat scroll center bottom;
	color:#FFFFFF;
	height:33px;
	margin-left:-2px;
	margin-top:-17px;
	padding-top:7px;
	position:absolute;
	width:83px;
}
#table1 td.over,#table1 tr.even td.over,#table1 tr.odd td.over{background:#EDEDEC;}
#table1 td.down,#table1 tr.even td.down,#table1 tr.odd td.down{background:#404040; color:#fff;}
#table1 td.selected div,#table1 tr.even td.selected,#table1 tr.odd td.selected{
background:#e8b755;
}

/* use this if you want to apply different styleing to empty table cells*/
#table1 td b{color:#900;}
#table1 td div.morning{background:url(../images/morning.gif) left top no-repeat; width:16px; height:50px;}

#table1 td div.afternoon{background:url(../images/afternoon.gif) left top no-repeat; width:16px; height:64px;}

#table1 td div.evening{background:url(../images/evening.gif) left top no-repeat; width:16px; height:50px;}