table{ font-size:100%; background-color: #FFF; }
ul{
	text-align:left;
	}
h2{
	color:#336699;
	}
div#wrapper{ width:550px; margin-left:auto;/* center it*/ margin-right:auto; text-align:center; background-color: #FFF; margin-top: 10px; padding-top: 20px; padding-right: 10px; padding-left: 10px; }

.side{ text-align:right; padding-right:4px; border-right:6px solid #336699; width:140px; background-color: #F9C; 	}
.data{ border:1px solid #EEEEEE; background-color: #C69; 
	}
/******* END GENERAL LAYOUT STUFF ***********/




/*
CALENDAR
***********/


cal_month{ background-color:#FFF; }
table .cal_month{ border:1px solid #DDDDDD; background-color:#FFF; }
thead td{ text-align:center; font-size: 14px; color:navy; font-weight: bold; background-color: #F93; }
.cal_title{ border:1px solid #DDDDDD; font-size: 14px; background-color:#09F; text-align:center; color:#FFFFFF; }
.cal_data{ text-align:center; background-color: #30F; 	}
.cal_empty{ color: black; text-align: center; font-weight: bold; font-size: 12px; text-transform: none; text-align: center; vertical-align: baseline; white-space: normal; height: 20px; width: 20px; }
.cal_on { background-image: url(demo_on.png); background-repeat: no-repeat; text-align: center; font-weight: bold; font-size: 12px; text-transform: none; vertical-align: baseline; white-space: normal; display: table-cell; height: 20px; width: 20px; color: white; }
.cal_on a {	
	text-transform: none;
	font-weight: bold;
	font-size: 12px;
	
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;	
}
.cal_off {
	background-image: url('demo_off.png');
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: black;
}
.cal_off a {	
	text-transform: none;
	font-weight: bold;
	font-size: 12px;
	
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: black;	
}

.cal_am {
	background-image: url('demo_am.png');
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;
}
.cal_am a {	
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;	
}

.cal_pm {
	background-image: url('demo_pm.png');
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;
}
.cal_pm a {	
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;	
}