#eventsCalendarCntrl{width: 100%;}
#eventsCalendarCntrl .control{
	float: left;
	text-align: center;
	padding: 5px;
	width: 50px;
	width: 40px !important;
}
#eventsCalendarCntrl #prevCntrl{display: block; font-size: 20px;}
#eventsCalendarCntrl #nextCntrl{display: block; font-size: 20px;}
#eventsCalendarCntrl .monthHeading{
	float: left;
	text-align: center;
	padding: 5px;
	width: 200px;
	width: 190px !important;
}
#eventsCalendar{
	clear: left;
	border-bottom: #DDD 1px solid;
	border-right: #DDD 1px solid;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
#eventsCalendar caption{
	border-left: #DDD 1px solid;
	border-right: #DDD 1px solid;
	border-top: #DDD 1px solid;
	padding-bottom: 5px;
}
#eventsCalendar th{
	background: #EEE;
	border-left: #DDD 1px solid;
	border-top: #DDD 1px solid;
	font-weight: normal;
	padding: 5px;
	text-align: right;
	width: 35px;
	width: 30px !important;
}
#eventsCalendar td{
	border-left: #DDD 1px solid;
	border-top: #DDD 1px solid;
	font-weight: normal;
	height: 44px;
	padding: 2px;
	text-align: center;
	vertical-align: top;
}
#eventsCalendar td.prevMonthDay, #eventsCalendar td.nextMonthDay{color: #CCC;}
#eventsCalendar td.currentDay{background:#EEE;}
#eventsCalendar td span.date{
	display: block;
	float: right;
	font-size: 10px;
	padding: 3px 0px;
	text-align: right;
	width: 15px;
}
#eventsCalendar td span.dateHidden{display: none;}
#eventsCalendar td a.numOfEvents{
	cursor: pointer;
	color: #FFF;
	display: block;
	font-size: 8px;
	float: left;
	margin-right: 2px;
	padding: 3px 0px;
	text-align: center;
	width: 15px;
}


#eventsCalendar td a.selfEvents{background: url(../images/badge-red.gif) no-repeat center 5px;}
#eventsCalendar td a.nationalEvents{background: url(../images/badge-gold.gif) no-repeat center 5px;}
#eventsCalendar td a.otherEvents{background: url(../images/badge-purple.gif) no-repeat center 5px;}

#eventsCalendarLegend{border: 0px; border-bottom: #CCC 1px dashed; padding: 5px 0px;}
#eventsCalendarLegend .badge{height: 15px; width: 15px;}
#eventsCalendarLegend .legendText{
	color: #666;
	padding-left: 3px;
	padding-right: 10px;
	vertical-align: top;
	font-size: 10px;
}

.pagingControl{
	color: #666;
	font-size: 10px;
	font-style: italic;
	padding: 3px 0px;
	text-align: right;
	vertical-align: center;
}
.pagingControl span{padding-right: 10px;}
.pagingControl .prev{font-size: 20px;}
.pagingControl .next{font-size: 20px;}

.selfEventsTip, .nationalEventsTip, .otherEventsTip{
	color: #FFF;
	font-size: 11px;
	padding: 5px;
	width: 290px !important;
	width: 300px;
}
.selfEventsTip{background: #C00036; border: #99002B 1px solid;}
.nationalEventsTip{background: #BE803D; border: #A16C33 1px solid;}
.otherEventsTip{background: #5B5A91; border: #4D4C7C 1px solid;}

.selfEventsTip .tip-text, .nationalEventsTip .tip-text, .otherEventsTip .tip-text{display: none;}

#searchEventForm{margin-top: 10px; text-align: right;}
#searchEventForm .searchEventText{
	background: #FFF;
	border: #DDD 1px solid;
	margin-right: 5px;
	margin-top: 1px;
	margin-top: 2px !important;
	padding: 1px 2px 2px;
}
#searchEventForm .searchEventText:hover{border: #999 1px solid;}
#searchEventForm #searchEventSubmit{
	background: #FFF;
	border: #DDD 1px solid;
	padding: 0px 5px;
	
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	border-radius: 10px;
	
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	
	box-sizing: content-box;
}
#searchEventForm #searchEventSubmit:hover{border: #999 1px solid;}
#searchEventForm .searchEventFormError, #searchEventForm .searchEventFormError:hover{background: #FFDFDF;}