/* ************************** Events ****************************** */

div#EventCategoryList a
{
	padding: 2px;
	margin-right: 3px;
}

div#EventCategoryList .selected
{
	background-color: white;
}

div#EventCategoryList
{
    text-align:center;
}
div#EventCategoryList, div#EventList > div.Event
{
/*
    margin: 0 auto; 
*/
	width: 98%;
	padding:5px 1% 5px 1%;
	margin-bottom: 10px;
}    

div#EventList
{
    padding:5px 1% 5px 1%;
    width:98%;
}

div#EventList > div.Event
{
	border: 1px solid #666464;
}

div#EventList > div.Event > div.EventImage
{
	width: 33%;
	padding-left:2%;
	float:right;
}

div#EventList > div.Event > div.EventImage > a > img
{
    width: 100%;
    height:auto;
}



.Event h2, .Event h4
{
	font-size:12px;
	font-weight: bold;
}



@media screen and (max-width: 360px) 
{
	div#EventCategoryList, div#EventList > div.Event
	{
		word-break: break-all;	
	}    
}

.EventCalendar h1
{
	color: #004e00;
	background-color: #a3bf2a;
}

.CalendarPlannerDay
{
	border-color: white;
}

.CalendarPlannerDay:hover
{
	background-color: white;
	color: black;
	cursor: pointer;
}


div.CalendarPlannerDayTextBlock > table > tbody > tr > td > a,
.CalendarPlannerDayHeader
{
	border-color: white;
	color: black;
}


div.CalendarPlannerDayTextBlock > table > tbody > tr > th,div.CalendarPlannerDayTextBlock > table > tbody > tr > td
{
	padding:1px 1% 2px 1%;
}

div.CalendarPlannerDayTextBlock > table > tbody > tr > th
{
	text-align:left;
	background-color:#555;	
}
div.CalendarPlannerDayTextBlock > table > tbody > tr > td,
.CalendarPlanner
{
	background-color:#999999;
}

div.CalendarPlannerDayTextBlock > table > tbody > tr > td
{
	width:31%;
	vertical-align:top;
}


.CalendarPlanner
{
	width:58%;
	float: left;
	border-width: 0;
	border-style: solid;
	text-align: center;
	/*width: 950px;*/
	font-size:9px;
}

.CalendarPlannerDayTextBlock
{
	padding-left:2%;
	width:40%;
	float:right;
}

.CalendarPlannerDayTextBlock h1
{
	margin-top:5px;
	font-size:16px;
	text-align:center;
}

.CalendarPlannerDay
{
	outline-style: double;
	outline-color: green;
	outline-width: 1px;
	margin-right:1%;
	width: 12.7%;
	height: 80px;
	float:left;
	margin-bottom: 5px;
}

.CalendarPlannerHeader
{
	padding-top:10px;
}
.CalendarPlannerHeader h1
{
	font-size: 20px;
	margin-top:25px;
	line-height: 1.0em;
	width:80%;
	display: inline;
}

.CalendarPlannerHeader a
{
	font-size:1.6em;
	color:black !important;
	margin:0 2% 0 2%;
}

.CalendarPlannerDayList
{
	height:auto;
}


.CalendarPlannerDayHeader
{

	text-align:left;
	padding-left:5%;
}

.CalendarPlannerDayHeaderDayName
{
	
}

.CalendarPlannerDayHeaderCount
{
	border-color: #004e00;
	float: right;
}

.CalendarPlannerDay h1
{
	font-size: 20px;
	margin-top:5px;
	padding-top:0;
	line-height: 1.0em;
}

.CalendarPlannerDay h2
{
	font-size: 16px;
	margin-top:5px;
	padding-top:0;
	line-height: 1.0em;
}

@media screen and (max-width: 360px) 
{
	.CalendarPlanner
	{
		width:100%;
		float: inherit;
		border-width: 0;
		border-style: solid;
		text-align: center;
		/*width: 950px;*/
	}

	.CalendarPlannerDayTextBlock
	{
		padding:0 1% 0 1%;
		width:98%;
		float:right;
	}
	.CalendarPlannerDay
	{
		outline-style: dotted;
		outline-color: green;
		outline-width: 1px;
		width: inherit;
		min-width:12.7%;
		margin-right:1%;
		height: 80px;
		float:left;
		font-size:0.9em;
	}
	div.CalendarPlanner > div.CalendarPlannerDayList > div.CalendarPlannerDay > h2.ColorRed
	{
		font-size:1.4em;
	}

	
}

/* ************************** End of Events ****************************** */
p#AdminDynamicCSSAlert
{
         display:none;
}