table{
	font-size:100%; 
}
ul{
	text-align:left;
}

div#wrapper{
	background:#FFFFFF;
	width:100%;
	max-width:900px;
	display:table;
	margin-left:auto;/* center it*/
	margin-right:auto;/* center it*/
	border: 1px solid #66952f;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	text-align:center;
	padding:12px;
	margin-bottom:20px;
	font-size:13px;
}

#calcontainer {
	width:600px;
	display:inline-table;
	margin:12px 0;
}

.side{
	text-align:right;
	padding-right:4px;
	background:#EEEEEE;
	border-right:6px solid #336699;
	width:140px;
	}
.data{
	border:1px solid #EEEEEE;	

	}
/******* END GENERAL LAYOUT STUFF ***********/




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

table .cal_month{
	border:1px solid #DDDDDD;
	background-color:#ffffff;	
	}
thead td{
	text-align:center;
}
.cal_title{
	border:1px solid #DDDDDD;
	background-color:#66952f;
	text-align:center;
	color:#FFFFFF;
	}
.cal_data{
	text-align:center;
	}
.cal_empty{
	text-align:center;
	/*border:1px solid #EEEEEE;*/
	}
	
@media (max-width: 768px)	
{
	#calcontainer {
		width:450px !important		
	}
	
}

@media (max-width: 500px)
{	
	#calcontainer {
		width:300px !important		
	}
}
	
@media (max-width: 320px)
{			
	#calcontainer {
		width:200px !important	
	}
	
	.calitem{
		padding-left:23px;
		float:left; 
		display:block;			
	}
}