#portal_event_calendar {background:#FFFFFF;}

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

#portal_event_calendar #calendar #prev,#portal_event_calendar #calendar #next {
	float:left;
	width:14%;
	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:70%;
	text-align:center;
	font-size:16px;
	padding-top:10px;	
}

#portal_event_calendar .cal_date {
	width:10%;
	height:20px;
	padding:8px 2%;
	position:relative;
	float:left;
	background:linear-gradient(#0780D2,#0055AA);	
	border-right:1px solid #0055AA;
	border-bottom:1px solid #0055AA;
	margin:0px;
	color:#CFCFCF;
	font-size:18px;
	font-weight:normal;
	text-align:right;
}

#portal_event_calendar .cal_date:hover {
	background:linear-gradient(#0055AA,#0780D2);	
}

#portal_event_calendar .cal_date_inactive {
	width:10%;
	height:20px;
	padding:8px 2%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;

	position:relative;
	float:left;
	margin:0px;
	background:linear-gradient(#eee,#ccc);
}

#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;	
}