#availabilityCalendar				{ font-size: 13px; width: 880px; margin: 0 auto; }
ul					{ text-align: left; }
.side				{ text-align:right; padding-right:4px; background:#EEEEEE; border-right:6px solid #336699; width:140px; }
.data				{ border:1px solid #EEEEEE; }
.calBox				{ padding: 5px; background-color: #FFF; border: solid 6px #FBFBFB; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; width: 180px; height: 184px; float: left; margin: 10px 9px; }
thead td			{ text-align:center; }
.cal_title			{ border: 1px solid #DDDDDD; background-color:#0f62be; text-align:center; color:#FFFFFF; }
.cal_data			{ text-align:center; }
.cal_empty			{ text-align:center; }



/* IPHONE 4 < MOBILE SCREENS /////////////////////////////////////// */
@media screen and (max-width: 479px) {
	.calBox				{ width: 53%; float: none; }

}


/*  < TABLET SCREENS /////////////////////////////////////// */
@media screen and (min-width: 480px) and (max-width: 567px) {
	.calBox				{ width: 43%; }
	

}


/* TABLET SCREENS /////////////////////////////////////// */
@media screen and (min-width: 568px) and (max-width: 959px) {
	.calBox				{ width: 27%; }
}					


/*  < TABLET SCREENS /////////////////////////////////////// */
@media screen and (max-width: 959px) {
	#availabilityCalendar	{ width: 92%; margin: 0 4%; }
	.calBox				{ margin: 10px 1%; }

}


.cancellations		{ padding: 50px; }