#portal_event_calendar {}

#portal_event_calendar #calendar {
	width:100%;
	overflow:hidden;
	clear:both;
	text-align:center;
}

#portal_event_calendar #calendar #calendar_nav {
	display:inline-block;
	width: 98%;
	position: relative;
	text-align: center;
	background-color: #eee;
	border-bottom: 1px solid #e0e0e0;
}

#portal_event_calendar #calendar #prev,#portal_event_calendar #calendar #next {
	position: absolute;
	top: 10px;
	width:40px;
	height:40px;
	background-position: center;
	background-repeat: no-repeat;
}
#portal_event_calendar #calendar #prev:hover,#portal_event_calendar #calendar #next:hover {
	background-color: rgba(0,0,0,.2);
	cursor:pointer;
}
#portal_event_calendar #calendar #prev {
	left: 10px;
	background-image: url(images/left_carret.png);
}
#portal_event_calendar #calendar #next {
	right: 10px;
	background-image: url(images/right_carret.png);
}

#portal_event_calendar #calendar #current_month {
	text-align:center;
	font-size:2em;
	padding: 10px 0px;
	font-weight:700;
	line-height:1.3em;
}

#portal_event_calendar .cal_date, #portal_event_calendar .cal_date_inactive {
	width:14%;
	height:100px;
	padding:5px 10px;
	margin:0px;
	color:#000;
	font-size:18px;
	font-weight:normal;
	text-align:right;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#portal_event_calendar .cal_date.has_event {
	background-color: #eee;
	font-weight: 700;
}

#portal_event_calendar .cal_date.has_event:hover {
	background-color: #ccc;
	cursor: pointer;	
}

#portal_event_calendar .cal_date ul {
	font-weight:400;
	font-size: 12px;
	margin:0px;
	padding: 0px;
	text-align: left;
	list-style: none;
}

#portal_event_calendar #date_view {
	background-color: #fff;
}
#portal_event_calendar #event_date {font-size:20px;color:#65ADE0;padding:6px 15px;float:left}
#portal_event_calendar #cal_icon {float:right;border-left:1px solid #D7D7D7}
#portal_event_calendar #cal_icon img {margin:5px;cursor:pointer}

#portal_event_calendar .event_detail,#portal_event_calendar .event_attending {
	clear:both;
	border-top:1px solid #D7D7D7;
	padding:8px 15px;
}

#portal_event_calendar .event_detail .learn_more {font-size:12px;float:right;padding-left:10px;}
#portal_event_calendar .event_detail .title {font-size:18px;color:#5F5F5F}
#portal_event_calendar .event_detail .cat {font-size:16px;color:#0A5FBB}
#portal_event_calendar .event_detail .time {font-size:14px;color:#65ADE0}

#portal_event_calendar .event_attending .event_checkbox {
	width:31px;
	height:24px;
	background:url('images/attending_checkbox.png') no-repeat;
	float:left;	
	cursor:pointer;
	margin-right:10px;
}

#portal_event_calendar .event_attending span {
	font-size:13px;
	display:block;
	float:left;
	margin-top:4px;	
}