.calendar { width: 100%; }
	.calendar table { width: 100%; font-size: 12px;}
	.calendar table > caption { font-size: 12px; font-weight: bolder; color: red; text-align: left; padding: 0px 3px; }
	.calendar table > thead > tr > th.saturday { color: blue; font-size: 12px;}
	.calendar table > thead > tr > th.sunday { color: red; font-size: 12px;}
	.calendar table > tbody > tr > td { padding: 3px 3px; text-align: center; font-size: 12px;}
	.calendar table > tbody > tr > td > span { display: block; padding: 3px 3px; font-size: 12px;}
	.calendar table > tbody > tr > td > span.today { border: 0px solid red; border-radius: 10%; color: white; background-color: red; padding: 3px 0px; font-size: 12px;}

	.calendar table > tbody > tr > td > span.event { border: 0px solid red; border-radius: 10%; color: white; background-color: rgba(51,153,255,0.8); padding: 3px 0px; font-size: 12px;}

	.calendar table > tbody > tr > td > span.saturday { color: blue; font-size: 12px;}
	.calendar table > tbody > tr > td > span.sunday { color: red; font-size: 12px;}
	.calendar table > tbody > tr > td > span.holiday { color: red; font-size: 12px;}
	.calendar > .calendar-header > .calendar-controls > button { float: left; width: 20px; height: 28px; padding: 1px 4px 0 4px; border: 1px solid #cbcbcb; background-color: #fff; font-size: 12px; cursor: pointer; }