.cal_link {
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
}

.cal_link:hover {
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #FF0000;
}


.log_link {
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
}

.log_link:hover {
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #FF0000;
}

.log_link_hide {
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
}

.log_link_hide:hover {
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #CCCCCC;
}

.jump_link {
	font-size: 11px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	padding: 2px 5px 2px 5px;
	border: 1px solid #000000;
	background: #CCFFCC;
}

.jump_link:hover {
	font-size: 11px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	border: 1px solid #000000;
	background: #339933;
}

.sel {
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: $selBGColor;
}

.no_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
}

.no_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color:	#000000;
	background-color: #99CC99;
}

.event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FFCC00;
}

.event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
}

/*
.post_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FFCC00;
}

.post_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
}
*/

.post_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FFCC00;
}

.post_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
}

.al_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FF9933;
}

.al_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
}

.other_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FF66CC;
}

.other_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
}

.special_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #3399FF;
}

.special_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
}

.holiday_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #00CC00;
}

.holiday_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
}

.empty {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.todayevent {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FFCC00;
	border: 2px solid #FF0000;
}

.todayevent:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
	border: 2px solid #FF0000;
}

.today_post_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FFCC00;
	border: 2px solid #FF0000;
}

.today_post_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
	border: 2px solid #FF0000;
}

.today_al_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FF9933;
	border: 2px solid #FF0000;
}

.today_al_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
	border: 2px solid #FF0000;
}

.today_other_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FF66CC;
	border: 2px solid #FF0000;
}

.today_other_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
	border: 2px solid #FF0000;
}

.today_special_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #3399FF;
	border: 2px solid #FF0000;
}

.today_special_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
	border: 2px solid #FF0000;
}

.today_holiday_event {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #00CC00;
	border: 2px solid #FF0000;
}

.today_holiday_event:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
	border: 2px solid #FF0000;
}

.today {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	border: 2px solid #FF0000;
}

.today:hover {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	background-color: #99CC99;
	border: 2px solid #FF0000;
}

/*---------- Add Event ----------*/

/*
table {
	width: 300px; 
	border-style: none;
	padding:0px;
	margin:0px;
	vertical-align: middle;
}

td {
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	vertical-align: middle;
}
*/
/*---------- Calendar ----------*/
.table {
	border-style: none;
	border-collapse: $spacing;
	empty-cells: hide;
}

/*
tr {
	height: 30px;
}
*/
.weekday {
	width: 40px;
	height: 30px;
	font-size: 24px;
	text-align: center;
	vertical-align: middle; 
}

