
/*****************************/
/*      CALENDAR PANEL       */
/*****************************/

div.CalendarPanel {
	background-color: #FBFBFB;
	background-image: url(/images/calendar_panel_bkd.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: 50px 0 20px 0;
	width: 168px;
}

div.CalendarPanel div.PanelTop {
	background-image: url(/images/calendar_panel_top.gif);
}

div.CalendarPanel div.PanelBtm {
	background-image: url(/images/calendar_panel_btm.gif);
}

div.CalendarPanel div.EventCalendarNav {
	width: 148px;
}

div.CalendarPanel div.EventCalendarNav div.PrevMonth {
	display: block;
	float: left;
}

div.CalendarPanel div.EventCalendarNav div.ThisMonth {
	display: block;
	float: left;
	padding: 0 5px;
	text-align: center;
	width: 93px;
}

div.CalendarPanel div.EventCalendarNav div.NextMonth {
	display: block;
	float: left;
}

div.CalendarPanel table.EventCalendar th {
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	width: 20px;
}

div.CalendarPanel table.EventCalendar td.OffsetDay {
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 20px;
}

div.CalendarPanel table.EventCalendar td.DayOfWeek {
	font-size: 11px;
	background-color: #F0F3F4;
	border: solid 1px #DBE1E6;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 20px;
}

div.CalendarPanel table.EventCalendar td.DayOfWeek a.Event,
div.CalendarPanel table.EventCalendar td.DayOfWeek a.Event:hover {
	background: url(/images/event_bkd.gif) top left no-repeat;
	color: #55707F;
	display: block;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	width: 20px;
}

div.CalendarPanel table.EventCalendar td.Today {
	font-size: 11px;
	background-color: #55707F;
	border: solid 1px #DBE1E6;
	color: #F0F3F4;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 20px;
}

div.CalendarPanel table.EventCalendar td.Today a.Event,
div.CalendarPanel table.EventCalendar td.Today a.Event:hover {
	background: url(/images/today_event_bkd.gif) top left no-repeat;
	color: #55707F;
	display: block;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	width: 20px;
}

#CalendarNav select {
	font-size: 11px;
}


/***************************/
/*   CALENDAR CATEGORIES   */
/***************************/

div.CalendarCategories {
	margin-left: 10px;
}

div.CalendarCategories ul {
	font-size: 10px;
	line-height: 20px;
	list-style-type: none;
	margin: 10px 0;
	padding-left: 0;
} 

div.CalendarCategories a,
div.CalendarCategories a:hover {
	color: #55707F;
	text-decoration: none;
} 

div.CalendarCategories a.SelectedCategory,
div.CalendarCategories a.SelectedCategory:hover {
	color: #052864;
	text-decoration: underline;
}

div.CalendarCategories li {
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

div.CalendarCategories li.CalendarCategory-0 {
	background-image: url(/images/category_icon-0.gif);
}

div.CalendarCategories li.CalendarCategory-1 {
	background-image: url(/images/category_icon-1.gif);
} 

div.CalendarCategories li.CalendarCategory-2 {
	background-image: url(/images/category_icon-2.gif);
} 

div.CalendarCategories li.CalendarCategory-3 {
	background-image: url(/images/category_icon-3.gif);
} 

div.CalendarCategories li.CalendarCategory-4 {
	background-image: url(/images/category_icon-4.gif);
} 

div.CalendarCategories li.CalendarCategory-5 {
	background-image: url(/images/category_icon-5.gif);
} 

div.CalendarCategories li.CalendarCategory-6 {
	background-image: url(/images/category_icon-6.gif);
} 

div.CalendarCategories li.CalendarCategory-7 {
	background-image: url(/images/category_icon-7.gif);
} 

div.CalendarCategories li.CalendarCategory-8 {
	background-image: url(/images/category_icon-8.gif);
} 

div.CalendarCategories li.CalendarCategory-9 {
	background-image: url(/images/category_icon-9.gif);
} 


/***************************/
/*     SEARCH RESULTS      */
/***************************/

div.CalendarNav {
	float: left;
	margin-bottom: 5px;
	margin-top: 1px;
}

div.CalendarNav div.PrevMonth {
	display: block;
	margin-right: 5px;
	float: left;
}

div.CalendarNav div.ThisMonth {
	/*
	background-color: #061E41;
	background-image: url(/images/calendar_month_bkd.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	*/
	float: left;
	/*
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 150px;
	*/
}

div.CalendarNav div.ThisMonth select {
	margin-top: 2px;
}

div.CalendarNav div.NextMonth {
	display: block;
	margin-left: 5px;
	float: left;
}

div.SearchResults div.ResultsItem {
	border-left: solid 5px #E2E4E5;
	float: left;
	margin: 3px 0;
	padding: 10px 0 10px 10px;
}

div.SearchResults div.ResultsItem.Category-1 {
	border-left: solid 5px #4877A4;
}

div.SearchResults div.ResultsItem.Category-2 {
	border-left: solid 5px #5E9D9A;
}

div.SearchResults div.ResultsItem.Category-3 {
	border-left: solid 5px #E96426;
}

div.SearchResults div.ResultsItem.Category-4 {
	border-left: solid 5px #69B1D2;
}

div.SearchResults div.ResultsItem.Category-5 {
	border-left: solid 5px #92932E;
}

div.SearchResults div.ResultsItem.Category-6 {
	border-left: solid 5px #6A2348;
}

div.SearchResults div.ResultsItem.Category-7 {
	border-left: solid 5px #374A38;
}

div.SearchResults div.ResultsItem.Category-8 {
	border-left: solid 5px #BEA313;
}

div.SearchResults div.ResultsItem.Category-9 {
	border-left: solid 5px #5C235B;
}

div.SearchResults div.ResultsItem div.ItemDate {
	font-weight: bold;
	height: 2em;
}

div.SearchResults div.ResultsItem div.ItemTitle {
	float: left;
	font-weight: bold;
	padding-bottom: 10px;
	width: 380px;
}

	div.SearchResults div.ResultsItem.Category-1 div.ItemTitle {
		color: #4877A4;
	}
	
	div.SearchResults div.ResultsItem.Category-2 div.ItemTitle {
		color: #5E9D9A;
	}
	
	div.SearchResults div.ResultsItem.Category-3 div.ItemTitle {
		color: #E96426;
	}
	
	div.SearchResults div.ResultsItem.Category-4 div.ItemTitle {
		color: #69B1D2;
	}
	
	div.SearchResults div.ResultsItem.Category-5 div.ItemTitle {
		color: #92932E;
	}
	
	div.SearchResults div.ResultsItem.Category-6 div.ItemTitle {
		color: #6A2348;
	}
	
	div.SearchResults div.ResultsItem.Category-7 div.ItemTitle {
		color: #374A38;
	}
	
	div.SearchResults div.ResultsItem.Category-8 div.ItemTitle {
		color: #BEA313;
	}
	
	div.SearchResults div.ResultsItem.Category-9 div.ItemTitle {
		color: #5C235B;
	}

div.SearchResults div.ResultsItem div.ItemOverview {
	clear: both;
	float: left;
	width: 380px;
}

div.SearchResults div.ResultsItem div.ItemDetails {
	float: left;
	margin-left: 20px;
	padding-right: 10px;
	padding-top: 2em;
	width: 170px;
}

div.SearchResults div.ResultsItem div.ItemOptions {
	float: left;
	margin-left: 20px;
	padding-right: 10px;
	width: 170px;
}

div.SearchResults div.ResultsItem div.CloseBtn {
	margin: 1em;
	text-align: center;
}

div.SearchResults div.ResultsItem div.CloseBtn a {
	text-decoration: none;
}

div.SearchResults div.ResultsItem div.CloseBtn a:hover {
	text-decoration: underline;
}

div.SearchResults div.ResultsItem div.ItemClosed,
div.SearchResults div.ResultsItem div.ItemOpened {
	float: left;
	width: 380px;
}

div.PageTitle.CalendarPageTitle.Category-1 h1 {
	color: #4877A4;
}

div.PageTitle.CalendarPageTitle.Category-2 h1 {
	color: #5E9D9A;
}

div.PageTitle.CalendarPageTitle.Category-3 h1 {
	color: #E96426;
}

div.PageTitle.CalendarPageTitle.Category-4 h1 {
	color: #69B1D2;
}

div.PageTitle.CalendarPageTitle.Category-5 h1 {
	color: #92932E;
}

div.PageTitle.CalendarPageTitle.Category-6 h1 {
	color: #6A2348;
}

div.PageTitle.CalendarPageTitle.Category-7 h1 {
	color: #374A38;
}

div.PageTitle.CalendarPageTitle.Category-8 h1 {
	color: #BEA313;
}

div.PageTitle.CalendarPageTitle.Category-9 h1 {
	color: #5C235B;
}

a.NextPage {
	background: url("/images/next_active.gif") no-repeat right;
	color: #55707F;
	display: block;
	float: right;
	font-weight: bold;
	line-height: 19px;
	padding: 10px 30px 8px 0;
	text-align: right;
	white-space: nowrap;
	width: 150px;
}

a.PrevPage {
	background: url("/images/prev_active.gif") no-repeat left;
	color: #55707F;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 19px;
	padding: 10px 0 10px 30px;
	text-align: left;
	white-space: nowrap;
	width: 150px;
}


/***************************/
/*  CALENDAR SEARCH FORM   */
/***************************/

form.CalendarSearchForm table td {
	padding: 5px;
}


/***************************/
/*       EVENT PANEL       */
/***************************/

div.EventPanel div.PanelTop {
	background-image: url(/images/event_panel_top.gif);
}

div.EventPanel div.PanelContent {
	background-color: #FBFBFB;
	background-image: url(/images/event_panel_bkd.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding: 10px 20px;
}

div.EventPanel div.PanelBtm {
	background-image: url(/images/event_panel_btm.gif);
}

div.EventPanels {
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	width: 100%;
}

div.EventPanels ul.EventPanelsTabGroup {
	background-image: url(/images/event_tab_bkd.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 23px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
	width: 600px;
}

div.EventPanels li.EventPanelsTab {
	background-repeat: no-repeat;
	color: #001F42;
	cursor: pointer;
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	list-style-type: none;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 140px;
	-moz-user-select: none;
	-khtml-user-select: none;
}

div.EventPanels li.EventPanelsTab.EventPanelsTabSelected {
	cursor: default;
}

div.EventPanels li.EventPanelsTab a {
	color: #001F42;
	text-decoration: none;
}

div.EventPanels li#EventPanelsTab-EventDetail {
	background-image: url(/images/event_tab_first.gif);
}

div.EventPanels li#EventPanelsTab-Register {
	background-image: url(/images/event_tab_last.gif);
}

div.EventPanels li#EventPanelsTab-EventDetail.EventPanelsTabSelected {
	background-image: url(/images/event_tab_first_on.gif);
}

div.EventPanels li#EventPanelsTab-Register.EventPanelsTabSelected {
	background-image: url(/images/event_tab_last_on.gif);
}

div.EventPanelsContentGroup {
	clear: both;
}


/*****************************/
/*     REGISTRATION FORM     */
/*****************************/

div.EventRegisterForm form {
	display: block;
	margin-top: 1.5em;
}
 
div.EventRegisterForm form br {
	clear: both;
	display: block;
	margin-bottom: 5px;
}
 
div.EventRegisterForm form input,
div.EventRegisterForm form select {
	display: block;
	float: left;
	margin: 2px 5px;
	width: 330px;
}

div.EventRegisterForm form select.PickList.EventRegisterPrefix {
	width: 6em;
}

div.EventRegisterForm form input.SubmitBtn {
	margin-top: 10px;
	width: auto;
}

div.EventRegisterForm form input#EventRegisterPermitEmail {
	display: block;
	float: left;
	/*margin: 1px 7px 5px 5px;*/
	width: auto;
}

div.EventRegisterForm form label {
	display: block;
	float: left;
	line-height: 20px;
	white-space: nowrap;
	width: 8em;
}

div.EventRegisterForm form label.EventRegisterPermitEmail {
	width: 430px;
}

div.EventRegisterForm form label.EventRegisterRefSource {
	width: 13em;
}

div.EventRegisterForm form label.EventRegisterRefEvent {
	background-image: url(/images/ref_arrow.gif);
	background-position: 0 -13px;
	background-repeat: no-repeat;
	height: 30px;
	left: 14em;
	padding-left: 2em;
	position: relative;
	width: 7em;
}

div.EventRegisterForm form label.CaptchaImg,
div.EventRegisterForm form label.EventRegisterSecret {
	width: 13em;
}

div.EventRegisterForm form select.PickList.EventRegisterRefSource {
	width: 280px;
}

div.EventRegisterForm form input.TextField.EventRegisterRefEvent {
	left: 14em;
	position: relative;
	width: 160px;
}

div.EventRegisterForm div.LtCol,
div.EventRegisterForm div.RtCol,
div.EventRegisterForm div.LtCol,
div.EventRegisterForm div.RtCol {
	float: left;
	width: 150px;
}

div.EventRegisterForm form input#EventRegisterSecret {
	margin-left: 0;
	width: 50px;
}


/*****************************/
/*       EVENT DETAIL        */
/*****************************/

table.EventDetail td {
	padding: 0 10px 10px 0; 
	vertical-align: top;
}


/*****************************/
/*     REGISTRATION INFO     */
/*****************************/

table.EventRegisterInfo td {
	padding: 0 10px 5px 0;
	vertical-align: top;
}


.SectionLabel {
	padding-bottom: 10px;
	vertical-align: top;
	width: 75px;
}

.SectionValue {
	padding-bottom: 10px;
	vertical-align: top;
}
