@charset "utf-8";
#calendar-container {
	width: 100%;
}
#calendar {
	background-color:#333333;
	min-width:900px;
	border-spacing: 2px !important;
	border-collapse: separate;
}
#calendar .category a {
	display:block;
	text-decoration: none;
}
#calendar .dow_head {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	width:14%;
	float:left;
}
#calendar .dow {
	width:26px;
	text-align:center;
	border-right:1px solid #7B918E;
	border-bottom:1px solid #7B8F8D;
	margin:0;
	padding: 0;
	float:left;
}
#calendar .day_num {
	width:16px;
	height:11px;
	margin-left:6px;
}
#calendar .category {
	text-align:left;
	margin:0;
	padding:10px 4px;
}
#calendar .category p {
	font-size:11px !important;
	line-height:14px;
	margin:5px 0;
	padding:0;
}
#calendar .dow_cell {
	min-height:190px;
}
#calendar .off_cell {
	min-height:190px;
}
#calendar #header {
	background-color:#FFFFFF;
	width:100%;
	padding:10px 0;
	margin:0;
}
#calendar #month_head {
	font-size:18px;
	font-weight:bold;
	color: #713614;
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
}
#calendar tbody tr td {
	background-color:#FFFFFF;
	width:14%;
	margin:5px;
	padding:0;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.cat_head {
	width:105px;
	margin:5px 0;
}
.month_selector {
	padding:0 15px;
}
.year_num {
	padding-right:2px;
}
@media screen and (max-width: 768px) {
	#calendar tbody tr td {
		white-space: normal;
	}
}