@import url("/surveys/surveys.css");

body { 
	font-family: Arial; 
	font-size: 12; 
	padding: 0; 
	background-color: #fff; 	
}
/*
#sitePage
{
	width: 1024px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	position: relative;
}*/

.text-replacement {
  text-indent:                -9999em;  
  text-decoration:            none !important;  
}

#branding 
{ 
}

#logo 
{ 
	padding: 0; 
}

h1#logo
{
	border-bottom: none;
	padding: 0px;
	margin: 0px;
}

.hidden {
	display: none;
}

h1#logo a
{
	display: block;
	width: 310px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	background: #2c55a6; 
	background-image: url(/images/widelogo.png);
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
	left: 5px;
}

#branding, #branding-container {
  padding:                      0;
  margin:                       0;
  text-align:                   left;   
}

td { font-family: Arial; font-size: 12; }

a:link { color: #4f53be } 
a:visited { color: #4f53be} 
a:hover { color: red } 

.mainBody { padding-top: 10px; padding-bottom: 10px; }
.indexMainBody { }

.topLink:link { text-decoration: none; color: white; font-size: 12; }
.topLink:visited { text-decoration: none; color: white; font-size: 12; }
.topLink:hover  { text-decoration: none; color: yellow; font-size: 12; }

.indexNewsLink:link { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold }
.indexNewsLink:visited { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold }
.indexNewsLink:hover  { text-decoration: underline; color: red; font-size: 12; font-weight: bold }

.newsHSpacer { width: 10px; height: 1 }
.newsVSpacer { width: 1px; height: 10 }

.indexEventsLink:link { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold }
.indexEventsLink:visited { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold  }
.indexEventsLink:hover  { text-decoration: underline; color: red; font-size: 12; font-weight: bold  }

.indexEventDateText { font-size: 9 }

.eventsHSpacer { width: 10px; height: 1 }
.eventsVSpacer { width: 1px; height: 10 }

.eventDateTimeText { font-size: 12; font-style: italic }

.newsDateText { font-size: 12; font-style: italic }

.indexPublicationsLink:link { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold }
.indexPublicationsLink:visited { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold }
.indexPublicationsLink:hover  { text-decoration: underline; color: red; font-size: 12; font-weight: bold }

.publicationsHSpacer { width: 10px; height: 1 }
.publicationsVSpacer { width: 1px; height: 10 }

.indexQuickLinksLink:link { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold }
.indexQuickLinksLink:visited { text-decoration: none; color: #4f53be; font-size: 12; font-weight: bold }
.indexQuickLinksLink:hover  { text-decoration: underline; color: red; font-size: 12; font-weight: bold }
.quickLinksHSpacer { width: 10px; height: 1 }
.quickLinksVSpacer { width: 1px; height: 10 }

.moreText { font-size: 9; text-align: right }
.moreLink:link { text-decoration: none; color: #4f53be; font-size: 9; }
.moreLink:visited { text-decoration: none; color: #4f53be; font-size: 9; }
.moreLink:hover  { text-decoration: underline; color: red; font-size: 9; }

.showAllEventsText { font-size: 9; }
.showAllEventsLink:link { text-decoration: none;  }
.showAllEventsLink:visited { text-decoration: none;  }
.showAllEventsLink:hover  { text-decoration: underline;  }

.areaLink:link { text-decoration: none; color: white; font-size: 18; }
.areaLink:visited { text-decoration: none; color: white; font-size: 18; }
.areaLink:hover  { text-decoration: underline; color: yellow; font-size: 18; }

.areaHSpacer { width: 15px; height: 1 }
.areaVSpacer { width: 1px; height: 7 }
.sectionSpacer { width: 10px; height: 1 }
.subSectionSpacer { width: 10px; height: 1 }

.sidebarSpacer { width: 10px; }

.sidebarSectionText:link { text-decoration: none; color: white; font-size: 12; }
.sidebarSectionText:visited { text-decoration: none; color: white; font-size: 12; }
.sidebarSectionText:hover  { text-decoration: underline; color: yellow; font-size: 12; }

.sidebarSelectedSectionText:link { text-decoration: none; color: white; font-size: 12; font-weight: bold }
.sidebarSelectedSectionText:visited { text-decoration: none; color: white; font-size: 12; font-weight: bold }
.sidebarSelectedSectionText:hover  { text-decoration: underline; color: yellow; font-size: 12; font-weight: bold }

.sidebarSubSectionText:link { text-decoration: none; color: white; font-size: 10; }
.sidebarSubSectionText:visited { text-decoration: none; color: white; font-size: 10; }
.sidebarSubSectionText:hover { text-decoration: underline; color: yellow; font-size: 10; }

.sidebarSelectedSubSectionText:link { text-decoration: none; color: white; font-size: 12; font-style: italic }
.sidebarSelectedSubSectionText:visited { text-decoration: none; color: white; font-size: 12; font-style: italic }
.sidebarSelectedSubSectionText:hover { text-decoration: underline; color: yellow; font-size: 12; font-style: italic }

.titleBackground { background-color: #2c55a6 }
.sidebarBackground { background-color: #2c55a6; width: 212px }
.titleLinkBar { color: white; background-color: #6e77b9 }
.footer { padding-right: 10px; text-align: right; background-color: #2c55a6; color: white; font-size: 10; font-style: italic }

.missionStatement {font-size: 12; font-style: italic; text-align: justify; padding: 10px 5px 5px 5px }
.indexBottomTitle { background-color: #6e77b9; color: white; font-size: 20; }
.indexBottomTitleLink:link { text-decoration: none; background-color: #2c55a6; color: white; font-size: 20; }
.indexBottomTitleLink:visited { text-decoration: none; background-color: #2c55a6; color: white; font-size: 20; }
.indexBottomTitleLink:hover { text-decoration: underline; background-color: #2c55a6; color: yellow; font-size: 20; }
.indexBottomBox { padding: 10px 5px 5px 5px; vertical-align: top }
.noneRightNowText { font-size: 12; font-style: italic; text-align: left }

a img { border: 0; }

.pageTitle { color: black; font-size: 26; font-weight: bold }

.pageTitleLink:link { text-decoration: none }
.pageTitleLink:visited { text-decoration: none }
.pageTitleLink:hover { text-decoration: none }

.pageTitleVSpacer { height: 5px }

.areaImage { padding: 10px 10px 5px 10px }
.sectionImage { padding: 10px 10px 5px 10px }
.subsectionImage { padding: 10px 10px 5px 10px }
.tabImage { padding: 10px 10px 5px 10px }

.sidebarSpacer { width: 10px }

.imageCaption { font-size: 9; font-style: italic }
.galleryCaption { font-size: 12; font-style: italic }

.tabBorder { background-color: #1318A6 }
.tabSpacer { width: 5px }
.tabTopRow { height: 1px }
.tabMiddleRow { height: 25px }
.tabSpacerRow { height: 26px }
.tabText:link {  text-decoration: none; font-family: Arial;color: #1318A6; font-weight: bold }
.tabText:visited {  text-decoration: none; font-family: Arial;color: #1318A6; font-weight: bold }
.tabText:hover {  text-decoration: underline; font-family: Arial;color: #1318A6; font-weight: bold }
.tabTextSpace { text-align: center }

.selectedTabTextSpace { text-align: center; background-color: #1318A6 }
.selectedTabText:visited { text-decoration: none; color: white; font-weight: bold }
.selectedTabText:link { text-decoration: none; color: white; font-weight: bold }
.selectedTabText:hover { text-decoration: underline; color: white; font-weight: bold }
.selectedTabSpacer { background-color: #1318A6; width: 5px }

.aboutPdfHeading { font-size: 12; font-weight: bold }
.aboutPdfText { font-size: 12; font-style: italic }
.aboutPdfLink:link { text-decoration: underline; font-size: 12; font-style: italic }
.aboutPdfLink:visited { text-decoration: underline; font-size: 12; font-style: italic }

.documentTitle { font-size: 18; font-weight: bold }

.documentRow1 { background-color: #dedede; height: 25px }
.documentRow0 { height: 25px }
.documentHeading { font-size: 12; font-weight: bold }

.requiredFieldHeader { font-size: 12; font-style: italic }
.requiredField { color: red; font-size: 12 }

.formTitle { font-size: 24; font-weight: bold }
.formSubTitle { font-size: 18; font-weight: bold }
.formLabel { font-size: 12; font-weight: bold }
.formLabelError { color: red; font-size: 12; font-weight: bold }
.formQuestion { font-size: 12; font-style: italic }
.formQuestionError { color: red; font-size: 12; font-style: italic }
.formText { font-size: 12 }
.formTextError { color: red; font-size: 12 }
.formNote { font-size: 9; font-style: italic }
.formTableHeader { font-size: 9; }

.topLine { background-color: #000000 }
.topLineImage { height: 1px; border: 0px }

.titleLineSpacer { height: 3px; border: 0px }
.titleLine { background-color: #000000 }
.titleLineImage { height: 1px; border: 0px }

.newsListVSpacer { height: 5px; border: 0px }
.newsListHeadline:link { text-decoration: none; font-size: 14; font-weight: bold }
.newsListHeadline:visited { text-decoration: none; font-size: 14; font-weight: bold }
.newsListHeadline:hover { text-decoration: underline; font-size: 14; font-weight: bold }
.newsListDate { color: black; font-size: 10; font-style: italic }

.eventListVSpacer { height: 5px; border: 0px }
.eventListHeadline:link { text-decoration: none; font-size: 14; font-weight: bold }
.eventListHeadline:visited { text-decoration: none; font-size: 14; font-weight: bold }
.eventListHeadline:hover { text-decoration: underline; font-size: 14; font-weight: bold }
.eventListDateTime { color: black; font-size: 10; font-style: italic }

.searchResultText { font-size: 12; }
.searchResultRank { font-size: 12; font-weight: bold }
.searchResultExcerpt { font-style: italic; font-size: 12; }
.searchResultFooter { font-size: 12; text-align: center }
.searchResultFooterCurrentPage { font-size: 12; font-weight: bold }
.searchResultHSpacer { border: 0px; height: 1px; width: 10px; }
.searchResultVSpacer { border: 0px; height: 15px; width: 1px; }

.searchResultLink:link { text-decoration: none; font-size: 14; font-weight: bold }
.searchResultLink:visited { text-decoration: none; font-size: 14; font-weight: bold }
.searchResultLink:hover { text-decoration: underline; font-size: 14; font-weight: bold }

.searchResultFooterPageLink:link { text-decoration: underline; font-size: 12;  }
.searchResultFooterPageLink:visited { text-decoration: underline; font-size: 12;}
.searchResultFooterPageLink:hover { text-decoration: underline; font-size: 12; }

.searchResultFooterLink:link { text-decoration: none; font-size: 12; font-weight: bold }
.searchResultFooterLink:visited { text-decoration: none; font-size: 12; font-weight: bold }
.searchResultFooterLink:hover { text-decoration: none; font-size: 12; font-weight: bold }

.htdig { font-size: 9; text-align: center }
.htdigLink:link { text-decoration: none; font-size: 9 }
.htdigLink:visited { text-decoration: none; font-size: 9 }
.htdigLink:hover { text-decoration: underline; font-size: 9 }

.topRightLink:link { text-decoration: none; color: white; font-size: 14;  }
.topRightLink:visited { text-decoration: none; color: white; font-size: 14;  }
.topRightLink:hover { text-decoration: none; color: white; font-size: 14;  }
.topRightTopSpacer { border: 1px; width: 1px; height: 5px; }
.topRightVSpacer { border: 1px; width: 1px; height: 6px; }
.topRightHSpacer { border: 1px; width: 10px; height: 1px; }

.signupThankyouText { color: white; font-size: 9; }

.bodyCell { padding: 0 }

TH { font-size: 12 }

.eventTooltip { position: absolute; display: none; border-style: solid; border-width: 2px; max-width: 400px; background-color: #4f53be; border-color: #1318A6 }
.eventTooltip td { text-align: left; color: white; font-size: 10; }
.eventTooltipName { }
.eventTooltipTime { padding-left: 10px }
.eventTooltipDivider { background-color: white; max-height: 1px; padding: 0px 0px 0px 0px; empty-cells: show }
.eventDay { text-align: center; border-width: 1; border-style: solid; padding: 2px 2px 2px 2px; border-color: black }
.eventDayWithEvents { background-color: #eeeeff; text-align: center; border-width: 1; border-style: solid;  padding: 2px 2px 2px 2px; border-color: black }
.eventDayLink { text-decoration: none }
td .eventTooltipFooter { text-align: center; font-size: 9 }

.eventDayNoCategory { background-color: #eeeeff; text-align: center; border-width: 1; border-style: solid;  padding: 2px 2px 2px 2px; border-color: black }
.eventDayHoliday { background-color: #ffffdd; text-align: center; border-width: 1; border-style: solid;  padding: 2px 2px 2px 2px; border-color: black }
.eventDayConference { background-color: #ddffdd; text-align: center; border-width: 1; border-style: solid;  padding: 2px 2px 2px 2px; border-color: black }
.eventDayMixed { background-color: #ffdddd; text-align: center; border-width: 1; border-style: solid; padding: 2px 2px 2px 2px; border-color: black }

.calendarTable { border-width: 1px; border-style: solid; border-collapse: collapse; ; border-color: black; }
.calendarWeekdayHeader { text-align: center; font-weight: bold; }
.calendarTitleRow { border-bottom-style: double; border-bottom-width: 3; }

.calendarPanel { float: right; padding: 5px 20px 20px 20px; text-align: center; }

.eventMonthName { color: black; font-size: 24; font-weight: bold; padding-left: 8px; padding-right: 8px }

.eventPreviousMonthLinkPlaceholder { background: transparent; border-style: none; font-size: 24; text-decoration: none; }
.eventPreviousMonthLink:link { background: transparent url(../images/left.png) no-repeat left; font-size: 24; text-decoration: none; }
.eventPreviousMonthLink:visited { background: transparent url(../images/left.png) no-repeat left;font-size: 24; text-decoration: none; }
.eventPreviousMonthLink:hover { background: transparent url(../images/left_hilite.png) no-repeat left;font-size: 24; text-decoration: none; }

.eventNextMonthLinkPlaceholder { background: transparent; border-style: none; font-size: 24; text-decoration: none; }
.eventNextMonthLink:link { border-style: none; min-width: 16px; background: transparent url(../images/right.png) no-repeat right;font-size: 24; text-decoration: none; }
.eventNextMonthLink:visited { border-style: none; min-width: 16px; background: transparent url(../images/right.png) no-repeat right;font-size: 24; text-decoration: none; }
.eventNextMonthLink:hover { border-style: none; min-width: 16px; background: transparent url(../images/right_hilite.png) no-repeat right;font-size: 24; text-decoration: none; }

.eventYear { color: black; font-size: 12; font-weight: bold; padding-left: 8px; padding-right: 8px }
.eventYear a:link { text-decoration: none; }
.eventYear a:visited { text-decoration: none; }
.eventYear a:hover { text-decoration: none;  }


.upcomingEventSet td { font-size: 12; }
td .ongoingEventsTitle { font-size: 16; font-weight: bold;}
td .todaysEventsTitle { font-size: 16; font-weight: bold; padding-top: 10px }
td .comingSoonEventsTitle { font-size: 16; font-weight: bold; padding-top: 10px }
.ongoingEvent { font-style: italic; }
td .todaysEventName { font-style: italic; padding-top: 10px;  }
td .todaysEventDuration { padding-top: 10px; }
td .comingSoonEventName { font-style: italic; padding-top: 10px; }
td .comingSoonEventDuration { padding-top: 10px;  }
td .upcomingEventDescription { margin-bottom: 18px; border-bottom-style: solid; border-bottom-color: black; border-bottom-width: 1px; font-style: italic; font-size: 10 }
.upcomingEventNameCell { }


.eventBody { width: 100%; }
.eventImageFrame { margin: 5px 10px 5px 10px }
.eventImageFrame table { border-style: none; }
.eventImage { border-style: none; }
.eventImageCaption { text-align: left; padding: 0px 5px 0px 5px; font-size: 9; font-style: italic; }

.moreEventsText { font-size: 9; text-align: left }
.moreEventsText a:link { text-decoration: none; color: #4f53be; font-size: 9; }
.moreEventsText a:visited { text-decoration: none; color: #4f53be; font-size: 9; }
.moreEventsText a:hover  { text-decoration: underline; color: red; font-size: 9; }


.eventDetailsTitleLink { font-size: 9; }
.eventDetailsTitleLink a { text-decoration: none; }

.eventMonthDropdown { background-color: #4f53be; font-family: Arial; color: white; font-size: 16; font-weight: bold; }
.eventYearDropdown { background-color: #4f53be; font-family: Arial; color: white; font-size: 9; }

.facultyDescription { border-style: dashed; border-width: 1px; display: none; padding: 5px }
.facultyDetailsText { font-size: 9; font-family: Arial; }
.facultyDetailsText:link { text-decoration: none; font-size: 9; font-family: Arial; }
.facultyDetailsText:visited { text-decoration: none; font-size: 9; font-family: Arial; }
.facultyDetailsText:hover { text-decoration: underline; font-size: 9; font-family: Arial; }

.vacancyTable { padding: 0px;  border-collapse: collapse; }
.vacancyTable th { text-decoration: underline; margin: 0px; padding: 5px; }
.vacancyTable td { text-align: center; margin: 0px; padding: 5px; border-spacing: 0px }

.greyRow { background: #dedede; }
.whiteRow { }

.publicationDescription { width: 250px; font-size: 60%; text-align: justify; }

.eventTable { border-color: #000000; border-style: solid; border-width: 1px; border-spacing: 0px; padding: 0px }
.eventTableHeaderLine { border-top-style: double; border-top-width: 3px}
.eventTableLine { border-bottom-style: dotted; border-bottom-width: 1px; height: 1px }
