#modcalendar {
	float:right;
	background-color:#fff;
	padding:10px;
	box-sizing:border-box;
}

#modcalendar > div {
	float:left;
	width:100%;
	text-align:center;
}

#modcalendar > div > span.prev, #modcalendar > div > span.next {
	width:16px;
	height:16px;
	line-height:16px;
	border-radius:8px;
	display:block;
	background-color:#ecebe9;
	cursor:pointer;
	text-align:center;
}

#modcalendar > div > span.prev {
	float:left;
}

#modcalendar > div > span.next {
	float:right;
}

#modcalendar th, #modcalendar td {
	text-align:center;
}

#modcalendar th.now, #modcalendar td.now {
	color:#08AA0B;
}

#modcalendar th.weekend, #modcalendar td.weekend {
	font-weight:bold;
}

#modcalendar .modalcontent {
	display:none;
}

#modcalendar  table {
	table-layout:fixed;
	border-top:1px solid #dddbd8;
	border-right:1px solid #dddbd8;
}

#modcalendar > table td, #modcalendar > table th {
	border-bottom:1px solid #dddbd8;
	border-left:1px solid #dddbd8;
	width:25px;
	height:25px;
	text-align:center;
	vertical-align:middle;
}

#modcalendar > table > thead td, #modcalendar > table > thead th {
	background-color:#ecebe9;
}