#portal_event_calendar {background:#FFFFFF;}

#portal_event_calendar #calendar {width:308px;overflow:hidden;clear:both;margin:0px}

#portal_event_calendar #calendar #prev,#portal_event_calendar #calendar #next {
	float:left;
	width:44px;
	height:40px;
	background:url('images/cal-date_bg_mobile.png');
	background-position:0 -120px;
	cursor:pointer;		
}

#portal_event_calendar #calendar #prev {background-position:0 -120px;}
#portal_event_calendar #calendar #next {background-position:0 -80px;}

#portal_event_calendar #calendar #current_month {
	float:left;
	width:220px;
	text-align:center;
	font-size:16px;
	padding-top:10px;	
}

#portal_event_calendar .cal_date {
	width:24px;
	height:20px;
	padding:5px 10px;
	position:relative;
	float:left;
	background:url('images/cal-date_bg_mobile.png') top no-repeat;	
	margin:0px;
	color:#CFCFCF;
	font-size:18px;
	font-weight:normal;
	text-align:right;
}

#portal_event_calendar .cal_date:hover {
	background-position:0px -40px;	
}

#portal_event_calendar .cal_date_inactive {
	width:44px;
	height:30px;
	position:relative;
	float:left;
	margin:0px;
	background:url('images/cal-date_bg_mobile.png') 0px -160px no-repeat;
}

#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;
	background:url('images/event_detail.png') repeat-x;	
	padding:8px 15px;
}

#portal_event_calendar .event_detail .learn_more {font-size:12px;float:right}
#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;	
}