/* CSS Document */
#calendar_display{
	width:100%;
	float:none;	
}
#calendar_display .calendar{
	width:100%;
    float:none; 
    empty-cells: show;
    border-collapse: collapse;
}
#calendar_display td{
	
}
#calendar_display #calHead{
	text-align:center;
	color:#2c78d5;
	padding-bottom:15px;
}
#calendar_display .current.month_lable{
	font-size:1.8em;
	display:inline-block;
	margin-left:4%;
	margin-right:4%;
	color:#2c78d5;
	
}
#calendar_display .prev.month_lable{
	display:inline-block;
	width:1.8em;
	height:1.8em;
	position:relative;
	top:5px;
	
	cursor:pointer;
	
}
#calendar_display .prev.month_lable{
	width:32px;
    height: 32px;
    border-radius: 50%;
    background-color:#999;
	background-size:contain;
}
#calendar_display .next.month_lable{
	display:inline-block;
	width:1.8em;
	height:1.8em;
	position:relative;
	top:5px;
	cursor:pointer;
	
}
#calendar_display .next.month_lable{
	width:32px;
    height: 32px;
    border-radius: 50%;
    background-color:#999;
	background-size:contain;
}
#calendar_display .prev.month_lable:before{content:''; display: block; width:40%; height: 40%; border-top:2px solid #fff; border-left: 2px solid #fff; position: absolute; top:0px; left:0px; right:0px; bottom:0px; margin: auto; transform: rotate(-45deg) translateX(2px); transform-origin: center center;}

#calendar_display .next.month_lable:before{content:''; display: block; width:40%; height: 40%; border-top:2px solid #fff; border-right: 2px solid #fff; position: absolute; top:0px; left:0px; right:0px; bottom:0px; margin: auto; transform: rotate(45deg) translateX(-2px); transform-origin: center center;}


#calendar_display td{
     border:1px solid #ccc;
    border-collapse: collapse;
}

#calendar_display .week td{
	text-align:center;
	padding-bottom:10px;
   
	
}
#calendar_display .date{
	width:14.2857%;
	color:#2c78d5;
    border-bottom-width:0px;
    border-bottom-color:#fff;
}
#calendar_display .date.has_events{background-color:#fff;}
#calendar_display .date_label{
    display:block; padding:4px 0px; width:36px; text-align: center;
}
#calendar_display .date.Saturday{
}

#calendar_display .date.has_events .date_label{
	background-color:#2c78d5;
	color:#fff;
}

#calendar_display .event{
	display: table-cell;
    height: auto;
}
#calendar_display .single{
	display: table-cell;
    height: auto;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
	
}
#calendar_display .span{
	
	
}
#calendar_display .NoEvent{
	
	
}
#calendar_display .single_day_events{min-height: 100px;}
#calendar_display .event .summary{font-size: 14px; font-style: italic; color:#767676; padding:4px 0px 12px 4px;}
#calendar_display .event .eventTime{display: none;}
#calendar_display .event .description{display: none;}

#events_list{
    
	width:100%;
	float:left;
	margin-top:25px;
}
#events_list .date{
	float:left;
	width:10%;
	max-width:60px;
	clear:both;
	background-color: #cc4206;
	border-radius:5px;
	text-align:center;
	margin-top:4px;
}
#events_list .month{
	display:block;	
	padding:2px;
	color:#FFFFFF;
}
#events_list .month_day{
	display:block;
	background-color:#D0CDCD;
	padding:2px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#events_list .event{
	float:right;
	width:85%;
	margin-bottom:35px;
	padding-bottom:25px;
	border-bottom:1px solid #DCDCDC;
	cursor:pointer;
}

#events_list .summary{
	font-size:1.2em;
	color:#2c78d5;
}
#events_list .time {
	color:#666666;
	font-size:.8em;
	
}

#events_list .instructions{display: none;}
#events_list .googlemap{display: none;}

#recurrence_pattern ul{
	list-style:none;
	padding-left:0px;
}

#FREQ{
	
	height:150px;
	border:1px solid #666;
	padding:15px;
	
	margin:5px;
	float:left;

}

#recurrence_pattern .rRule{
	display:inline;
	width:400px;
	border:1px solid #666;
	padding:15px;
	margin:5px;
	float:left;
	height:150px;
	
}

#recurrence_pattern .rRule .DOW li{
	float:left;
	width:8em;
	margin-right:5px;
}


/*#test_button:enabled{
	border:1px solid #F7070B;
	background-color:#F7070B;
}*/
#contextMenu, #library_context, .context_menu{
	position:absolute;
	border:1px solid #000;
	background-color:#FFF;
	padding:0px;
	list-style:none;
	margin:0px;
	z-index:1000;
}
#contextMenu li, #library_context li, .context_menu li{
	list-style:none;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	font-size:0.7em;
	line-height:1.5em;
}
#contextMenu li:hover, #library_context li:hover, .context_menu li:hover{
	background-color:#BFFFFE;	
}
@media (min-width:50px) and (max-width:700px){
	#calendar_display{
		width:100%;
		float:none;
		clear:both;
		
		
	}
#events_list{
	
	width:100%;
		float:none;
		clear:both;
}
	
}
@media (min-width:50px) and (max-width:500px){
#events_list .date{
	width:50px;
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	
}
#events_list .event{
	width:auto;
	float:none;
	clear:both;
	margin-bottom:15px;
	
}
.context_menu li{
	font-size:1.2em;
	line-height:2em;
	
}
#calendar_display .current.month_lable{
	font-size:1.4em;
	
}
#calendar_display .next.month_lable, #calendar_display .prev.month_lable{
	width:2.2em;
	height:2.2em;
	top:10px;
}/* CSS Document */