.formlist, .text .formlist,
.formlist li, .text .formlist li {	
	list-style: none;
	margin: 0;	
	}	

.flex_calendar_table {
	padding: 10px 0;
	clear: both;
	border-width: 1px;
	border-style: solid;
	}
	/* POPUP HOVER */
	.calnk a { 
       	 	display: block;
    		}
    	.calnk a span.hover { 
       	 	display:none; 
    		}
    	.calnk a:hover span.hover {
			display: block;
			position: absolute; 
			margin: 1px 0 0 25px; 
			padding: .5em; 
			width: 200px; 
			z-index: 100;
        	font-size: .9em;
        	font-weight: 500;
			line-height: 1.6em;
			background: #f9f9f9; 
			border: 1px solid #ccc;
			z-index: 99;
			}
    	.calnk a:hover span.event-title {
        	font-weight: 600;
        	font-size: 1.2em;
        	margin-left: 0;
    		}
			
	.flex_calendar_table .calendar-heading {
        text-align: center;
		vertical-align: middle; 
    	}
	    .calendar-heading .calendar-next, 
	    .calendar-heading .calendar-prev {
	        width: 25%;
			}
	    .calendar-heading .calendar-month {
	        width: 50%;
	        text-align: center;
	        font-weight: bold;
			}
	    .flex_calendar_table td {
		    border-left-width: 1px;
		    border-left-style: solid;
		    }
	    .flex_calendar_table .normal-day-heading, 
	    .flex_calendar_table .weekend-heading {
	        text-align:center;
	        width: 25px;
			height: 0;
			}
	    .flex_calendar_table td.day-with-date,
	    .flex_calendar_table td.current-day {
	        vertical-align: text-top;
	        text-align: left;
	        width: 14.26%;
	        min-height: 60px;
			}
	    .flex_calendar_table td.day-without-date {
	        width:60px;
	        height:60px;
	    	}
    .flex_calendar_table span.weekend {
        color:#FF0000;
    	}
    .flex_calendar_table .current-day {
    	}
    .flex_calendar_table .kjo-link {
        font-size: 1em;
        text-align:center;
		}

    .calendar-date-switcher {
        text-align: center;
		display: block;
    	}
	    .calendar-date-switcher input {
	        border: 1px #eee solid;
	        margin: 0;
	    	}
	    .calendar-date-switcher select {
	        border: 1px #eee solid;
	        margin: 0;
	    	}

		.flex_calendar_table span.event span.calnk {
		    padding: .2em 0;
		    display: block;
			}
	    .calnk a:hover span span.event-title {
			width: 100%;
			display: block;
	        padding: 0;
	        font-weight: bold;
	        font-size: 1.2em;
	    	}
	    .calnk a:hover span span.event-date {
			width: 100%;
			display: block;
		    padding: .2em 0;
	    	}
	    .calnk a:hover span span.event-content {
			width: 100%;
			display: block;
			}

	.flex_calendar_table table,
	.flex_calendar_table tbody,
	.flex_calendar_table tr,
	.flex_calendar_table td {
		margin: 0;
		padding: 5px;
		}
	.flex_calendar_table td .daycount {
		display: block;
		font-size: 1.1em;
		font-weight: 600;
		text-align: right;
		}
	.flex_calendar_table td .day_event {
		display: block;
		/*
		padding: 5px;
		background-color:#1e85be;
		color: #fff;
		*/
		font-size: .9em;
		}	
		.flex_calendar_table td .day_event .title {
			display: block;
			font-weight: 600;
			}
	.flex_calendar_table td.yes-events,
	.flex_calendar_week ul li.weekly_event {
   		box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    	transition: box-shadow 0.25s, transform 0.25s;
   	 	}				
	.flex_calendar_table td.yes-events:hover,
	.flex_calendar_week ul li.weekly_event:hover {
    	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    	transform: translateY(-3px);
   	 	}				
						
/* new list weekly calendar */

.flex_calendar_week {
	list-style: none;
	margin: 0;
	min-width: 100% !important;
	width: 100% !important;
	display: table;
	border: 1px solid #dad9d9;
	background-color: #f9f9f9;
	}
.text .flex_calendar_week ul { 
	list-style: none; 
	margin: 0;
	} 
	.flex_calendar_week ul > li {
		list-style: none !important;
		margin: 0 !important;
		padding: 0;
		}
	.flex_calendar_week ul li.daylist {
    	width: 14.285%;
    	border-right-width: 1px;
    	border-right-style: solid;
		}
		.flex_calendar_week .dayname {
			display: block;
			padding: 5px 4px;
    		text-align: center;
			font-weight: bold;
			font-size: 1em;
			border-bottom: 1px solid #dad9d9;
			background-color: #eee;
			}
		ul.weekly_events {
			padding: 2px;
			}
			ul.weekly_events li {
				list-style: none;
				line-height: 1.3em;
				margin: 2px 0;
				padding: 12px 8px;
				}
			.weekly_event {
				background: #fff;
				}
 				ul.weekly_events li span {
					display: block;
					width: 100%;
					padding-bottom: 5px;
					}
 				ul.weekly_events li span.title {
					font-size: 1.1em;
					font-weight: bold;
					letter-spacing: -0.05em;
					}
 				ul.weekly_events li span.time {
					font-style:italic;
					}
	
	.page-upcoming-events {
		font-size: 80%;
		}
	.page-todays-events {
		font-size: 80%;
		}

	ul.pageevents {
		padding: 0 5px;
		margin: 0 !important;
		}
		ul.pageevents li {
			list-style: none;
			line-height: 1.5em;
			margin: 0;
			padding: 3px 2px !important;
			}
			ul.pageevents li .event_title { 
				}
			
		ul.pageevents.standard li {
			border: 0px solid #555 !important;
			}
			ul.pageevents.standard li .event_marker {
				clear: left;
				float: left;
				display: block;
				font-weight: bold;
				min-width: 30%;
				}
			ul.pageevents.standard li .event_desc {
				clear: left;
				display: block;
				}

		ul.pageevents.list li {
			width: 100%;
			clear: both;
			padding: 1em 0 !important;
			border-bottom: 1px solid #eee !important;
			}
		ul.pageevents.list li:before {
			content: no-close-quote;
			}
			ul.pageevents.list li .event_title { 
				display: block; 
				font-size: 1.2em;
				}
			.text ul.pageevents.list li p {
				margin: .2em 0;
				}				
				ul.pageevents.list li .event_date { 
					font-weight: 600;
					}
					ul.pageevents.list li .event_date .event_subtitle {
						display: inline; 
						}
					ul.pageevents.list li .event_date .dayonweek { 
						}
				ul.pageevents.list li .event_desc { 
					}
	
					
/* Tablet (Portrait) : 768px Width  ----------------------------------------- */


@media only screen and (min-width: 787px) and (max-width: 999px) {
}

@media only screen and (max-width: 786px) {
	.flex_calendar_week ul li.daylist {
		width: 100%;
		*width: 100%;
		}
		
	.flex_calendar_table th.week_day {
	    display: none;
		}	
	.flex_calendar_table td, 
	.flex_calendar_table th {
	    display: block;
	    width: 100%;
		}	
	.flex_calendar_table .week_day {
	    display: none;
		}	
				
}	

#sidebar .flex_calendar_week ul li.daylist {
		width: 100%;
		*width: 100%;
		}

#sidebar .flex_calendar_table th.week_day {
	display: none;
	}	
#sidebar .flex_calendar_table td, 
#sidebar .flex_calendar_table th {
	    display: block;
	    width: 100%;
		}	
#sidebar .flex_calendar_table .week_day {
	    display: none;
		}