/* ************************** 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: 25%;
	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: normal;	
	}    
}

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

.CalendarPlannerDay
{
	border-color: white;
}

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


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


div.CalendarPlannerDayTextBlock > table > tbody > tr > th,div.CalendarPlannerDayTextBlock > table > tbody > tr > td
{
}

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

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


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

.CalendarPlannerDayTextBlock h1
{
	text-align:center;
}

.CalendarPlannerDay
{
	outline:1px solid white;
	margin-right:1%;
	width: 13.28%;
	height: 80px;
	float:left;
	margin-bottom: 5px;
}

.CalendarPlannerHeader h1
{
	display: inline;
}

.CalendarPlannerHeader a
{
	color:black !important;
}

.CalendarPlannerDayList
{
	height:auto;
}

.CalendarPlannerDayHeader
{
	text-align:left;
	width:96%;
	padding-left:4%;
}

div.CalendarPlannerDay h2,
.CalendarPlannerDayHeader
{
	line-height:2em;
}


.CalendarPlannerDayHeaderDayName
{
	
}

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

.CalendarPlannerDay h1
{
}

.CalendarPlannerDay h2
{
}

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

	.CalendarPlannerDay
	{
		outline:1px solid white;
		margin-right:1%;
		width: 32%;
		float:left;
		margin-bottom: 2px;
	}

	.CalendarPlannerDayTextBlock
	{
		padding:0 1% 0 1%;
		width:98%;
		float:right;
	}

	
}


div#EventList > div.Event > div.EventContent > h1
{
	word-wrap: normal;	
    text-shadow:
    -1px -1px 0 rgb(143,153,205),
    1px -1px 0 rgb(143,153,205),
    -1px 1px 0 rgb(143,153,205),
    1px 1px 0 rgb(143,153,205);	
}

/* ************************** End of Events ****************************** */

p#AdminDynamicCSSAlert
{
         display:none;
}