/*************************************************************\
*
* Year styles
*
\*************************************************************/

/* row containing 3 month-calendars (1 quarter) */

.yearQuarterRow {
    height: 100px;
}

/* row containing 1 month-list calendar */

.syListMonthRow {
    height: 50px;
}

/* cell for one 42-cell month-calendar */

.yearMonthCell {
    height: 100px;
    width: 33.33%;
    text-align: center;
    vertical-align: top;
}

/* cell for one month-list calendar */

.syListMonthCell {
    height: 50px;
    width: 100%;
    text-align: center;
    vertical-align: top;
}

/* table bordering entire month calendar */

.yearMonthOuterTable {
    width: 100%;
    height: 130px;
    border: 0px solid #ddd;
    vertical-align: top;
}

/* table containing all rows of calendar, including year, month name and day names */

.yearMonthTable {
    width: 100%;
    vertical-align: top;
    border: 0px;
    font-family: Verdana, Tahoma, Arial;
    font-size: 12px;
    padding: 0px;
}


/* row with month name and year, and previous/next month links */

.yearMonthNameOuterCell {
    width: 100%;
    padding: 0px;
}

/* table and cell containing month name and year */

.yearMonthNameCellTable {
    padding: 0px;
    width: 100%;
    border: 0px solid black;
}
.yearMonthNameCell {
    width: 100%;
    padding: 0px;
    padding-bottom: 3px;
    line-height: 13px;
    text-align: center;
}
.yearMonthNameUrl {
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    color: black;
}
.yearMonthNameUrl:hover {
    color: red;
    text-decoration: underline;
}
.yearMonthNameUrl:visited {
    color: black;
}
.yearMonthNameUrlText {
    color: black;
}
.yearMonthNameUrlText:hover {
    color: red;
}

.syListMonthNameUrl {
    font-size: 1em;
    font-weight: bold;
    color: white;
}
.syListMonthNameUrl:hover {
    text-decoration: underline;
}
.syListMonthNameUrl:visited {
    color: white;
}

/* cell containing Month and Year */

.syListMonthYearCell {
    font-size: 12px;
    text-align: center;
    color: white;
    height: 20px;
    background-color: #00345c;
}

/* SY-List date and title row */

.syListEventDateCell {
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	width: 130px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
}
.syListEventDateUrl {
    color: #bbb;
}
.syListEventDateUrl:hover {
    text-decoration: underline;
}
.syListEventDateUrl:visited {
    color: #bbb;
}
.syListEventDateUrlText {
    color: #FFFFFF;
}

.syListEventDayCell {
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    width: 40px;
    color: #FFFFFF;
    border-bottom: 0px solid #eaeaea;
}

.syListEventTitleCell {
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    width: 500px;
    border-bottom: 0px solid #eaeaea;
}


/*************************************************************\
*
* Month styles
*
\*************************************************************/

/* table bordering entire calendar */

.monthOuterTable {
	width: 100%;
	padding: 0px;
}

/* table containing all rows of calendar, including year, month name and day names */

.monthTable {
	width: 100%;
	vertical-align: top;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	padding: 0px;
	border: 0px solid #333333;
}

/* row with month name and year, and previous/next month links */

.monthNameYearOuterCell {
    height: 35px;
    width: 100%;
    padding: 0px;
}

/* cell containing month name and year */

.monthNameYearCell {
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    width: 60%;
    text-align: center;
}

/* link to previous or next month */

.monthPrevNextLink {
	font-size: 1.25em;
	color: #bbb;
	text-decoration: none;
}
.monthPrevNextLink:hover {
    text-decoration: underline;
}
.monthPrevNextLink:visited {
    color: #bbb;
}
.monthPrevNextLinkText {
    color: #CCCCCC;
}

/* cell containing link to previous or next month */

.monthPrevNextCell {
    font-size: 10px;
    height: 15px;
    width: 20%;
    text-align: center;
}

/* row containing day names, Sun thru Sat */

.monthWeekdayNamesRow {
    height: 15px;
    background-color: #00345C;
    text-align: center;
    color: white;
}
.monthSmallWeekdayNamesRow {
    height: 15px;
    background-color: #00345c;
    font-size: 10px;
    text-align: center;
    color: white;
}

/* first column cells containing the week number */

.monthWeekLeadCell {
    background-color: #2d4b9b;
    width: 1px;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

/* cell containing a day name, Sun thru Sat */

.monthWeekdayNameCell {
    width: 200px;
}

/* row containing dates Sun thru Sat */

.monthWeekdayDatesRow {
    vertical-align: top;
    height: 80px;
    text-align: left;
}
.monthSmallWeekdayDatesRow {
    text-align: middle;
    vertical-align: center;
}

/* calendar placeholder cell, usually blank, for days from previous or next month */

.monthCellNotThisMonth {
}

/* calendar cell for a day when nothing has been scheduled */

.monthCellNoEvents {
}

/* calendar cell for the currently selected day */

.monthCellSelectedDay {
    background-color: #20A6FF;
}
.monthCellSelectedDayUrl {
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial;
	font-size: 1em;
}
.monthCellSelectedDayUrl:hover {
    font-weight: bold;
    font-size: 11px;
    color: #2d4b9b;
    text-decoration: underline;
}
.monthCellSelectedDayUrl:visited {
    color: #2d4b9b;
}

/* calendar cell for a day not currently selected */

.monthCellUnSelectedDay {
	border: 1px solid #333333;
}
.monthCellUnSelectedDayUrl {
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial;
	font-size: 0.9em;
}
.monthCellUnSelectedDayUrl:hover {
    font-weight: bold;
    font-size: 11px;
    color: #2d4b9b;
    text-decoration: underline;
}
.monthCellUnSelectedDayUrl:visited {
    color: #2d4b9b;
}

/* calendar cell date link to day-view */

.monthCellDayViewUrl {
    text-decoration: none;
}
.monthCellDayViewUrl:hover {
    text-decoration: underline;
}
.monthCellDayViewUrl:visited {
    color: black;
}

/*************************************************************\
*
* Day styles
*
\*************************************************************/

/* table bordering entire day */

.dayOuterTable {
    width: 100%;
    height: 80%;
    border: 1px solid #333333;
}

/* table containing all rows of calendar day */

.dayTable {
    width: 100%;
    height: 100%;
    font-family: Verdana, Tahoma, Arial;
    font-size: 12px;
}

/* row with full date, and previous/next day links */

.dayFullDateOuterCell {
    height: 15px;
    width: 100%;
    background-color: #2d4b9b;
    padding: 0px;
}

/* cell containing full alphanumeric date */

.dayFullDateCell {
    font-size: 12px;
    text-align: center;
    color: white;
    width: 60%;
    height: 15px;
    background-color: #00345c;
}

/* cell containing link to previous or next day */

.dayPrevCell {
    height: 15px;
    width: 20%;
    text-align: left;
    background-color: #00345c;
}
.dayNextCell {
    height: 15px;
    width: 20%;
    text-align: right;
    background-color: #00345c;
}

/* link to previous or next day */

.dayPrevNextLink {
    font-size: 1em;
    color: white;
}
.dayPrevNextLink:hover {
    text-decoration: underline;
}
.dayPrevNextLink:visited {
    color: white;
}

/* cell containing schedule of events for one specific date */

.dayScheduleCell {
    vertical-align: top;
    height: 100%;
    text-align: left;
}

/* cell for a day when nothing has been scheduled */

.dayCellNoEvents {
}

/* cell for the currently selected day */

.dayCellSelectedDay {
    background-color: #ccc;
}

/* cell for a day not currently selected */

.dayCellUnSelectedDay {
    background-color: #eee;
}

/*************************************************************\
*
* Event styles
*
\*************************************************************/

/* table bordering entire event pane */

.eventOuterTable {
    width: 100%;
    height: 80%;
    border: 1px solid #333333;
}

/* inner table containing event pane */

.eventTable {
    width: 100%;
    height: 100%;
    font-family: Verdana, Tahoma, Arial;
    font-size: 12px;
}

/* row header */

.eventHeaderRow {
    height: 15px;
    width: 100%;
    background-color: #00345c;
    padding: 0px;
}

/* cell containing title in header row */

.eventTitleCell {
    font-size: 12px;
    text-align: center;
    color: white;
    width: 60%;
    height: 15px;
    background-color: #00345c;
}

/* cell containing details of one specific event */

.eventDetailsCell {
    vertical-align: top;
    height: 100%;
    text-align: left;
}

/*************************************************************\
*
* Go-to styles
*
\*************************************************************/

/* table bordering row of go-to links */

.goToOuterTable {
	padding: 0px;
	border: 0px solid #ccc;
}

/* row with today, day, month and year go-to links */

.goToDmyOuterCell {
    height: 15px;
    width: 100%;
    padding: 0px;
    color: #FFFFFF;
    font-size: 10px;
}

/* row cell for today, day, month and year */

.goToDmyCell {
	height: 15px;
	width: 70px;
	font-family: Verdana, Tahoma, Arial;
	padding: 0px;
	font-size: 1.25em;
}

/* inner table containing link for today, day, month or year */

.goToDmyTable {
	width: 80px;
	background-color: #A57932;
	border: 1px solid #000000;
	font-size: .8em;
	padding: 0px;
}

/* non-link text styles for today, day, month and year */

.goToDmyTextNoLink {
    padding: 0px;
    font-size: 1.3em;
    color: #FFFFFF;
    text-decoration: none;
}

/* link text styles for today, day, month and year */

.goToDmyText {
	font-size: 1.25em;
	color: #000;
	text-decoration: underline;
	padding: 0px;
}
.goToDmyText:hover {
    text-decoration: underline;
}
.goToDmyText:visited {
    color: #000;
}

/*************************************************************\
*
* Edit styles
*
\*************************************************************/

/* inner table containing link for add, edit, delete or how */

.editOptTable {
	height: 15px;
	width: 100px;
	padding: 0px;
	border: 1px outset #000000;
	font-size: 10px;
	background-color: #950401;
}

/*************************************************************\
*
* Listing styles
*
\*************************************************************/

/* holiday name */

.listingHoliday {
	color: #000000;
	font-family: Verdana, Tahoma, Arial;
	font-size: 1em;
	line-height: 1em;
}

/* event title listing 1 */

.listingEventTitle1 {
	font-family: Verdana, Tahoma, Arial;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 1em;
}
.listingEventLinks1 {
	color: #fff;
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial;
	font-size: .9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* event title listing 2 */

.listingEventTitle2 {
	font-family: Verdana, Tahoma, Arial;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 1em;
}
.listingEventLinks2 {
	color: #888;
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* event link properties */

.listingAnchor {
    font-size: 10px;
    text-decoration: none;
}
.listingAnchor:hover {
    text-decoration: underline;
}
.listingAnchor:visited {
    color: black;
}

/* event link properties 2 */

.listingAnchor2 {
    font-size: 12px;
    color: #ccc;
}
.listingAnchor2:hover {
    text-decoration: underline;
}
.listingAnchor2:visited {
    color: #ccc;
}

/* SY List event link properties */

.syListingAnchor {
    color: #bbb;
    font-size: 12px;
}
.syListingAnchor:hover {
    text-decoration: underline;
}
.syListingAnchor:visited {
    color: #bbb;
}

/*************************************************************\
*
* Event-class styles
*
\*************************************************************/

/* table row */

.eventClassTr {
}

/* table label cell */

.eventClassTdLabel {
	color: #000;
	width: 75px;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	font-family: Verdana, Tahoma, Arial;
	font-size: .9em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* table value cell */

.eventClassTdValue {
    font: normal 12px Verdana,Tahoma,Arial;
    color: #FFFFFF;
    text-align: left;
}

/* table cell link */

.eventClassTdLink {
	color: #fff;
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/*************************************************************\
*
* Sign-in styles
*
\*************************************************************/

/* table bordering entire sign-in pane */

.loginOuterTable {
	width: 100%;
	height: 100%;
	border: 1px solid #333333;
}

/* inner table containing sign-in pane */

.loginTable {
	width: 100%;
	height: 100%;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #FFFFFF;
}

/* cell containing header and title */

.loginTitleCell {
	width: 100%;
	height: 20px;
	padding: 0px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: white;
	background-color: #00345c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* cell containing main sign-in form */

.loginDetailsCell {
    vertical-align: top;
    height: 100%;
    text-align: center;
}

/* label for text box input elements */

.loginTdLabelCell {
    vertical-align: middle;
    text-align: right;
}
.loginTdLabel {
    font-size: 12px;
}

/* Text box input element */

.loginTdTextBoxCell {
	vertical-align: middle;
	text-align: left;
	color: #FFFFFF;
}
.loginTdTextBox {
	font-family: 'Lucida Console', FixedSys, 'Courier New';
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
}
.loginTdTextBox2 {
    font: normal 12px FixedSys,'Lucida Console','Courier New';
}

/* Button input element */

.signInFormButton {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* Sign-in error message */

.signInTdErrorMsg {
    text-align: center;
    font: normal 10px Verdana;
    color: red;
}

.signInAuthOnlyMsg {
    font-size:12px;
    color:#aaa;
}

/*************************************************************\
*
* Admin page styles
*
\*************************************************************/

/* Menu links */

.adminMenuLink {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
.adminMenuLink:hover {
    text-decoration: underline;
}
.adminMenuLink:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

/*************************************************************\
*
* Edit page styles
*
\*************************************************************/

.editOuterTable {
    width: 80%;
    border: 1px ridge #ccc;
}
.formLabel {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
}
.formLabelCell {
    width: 100px;
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
}
.formFileNote {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
}
.inputCell {
    text-align: left;
}
.inputText {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
}
.inputTextarea {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
}
.inputFile {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
}
.buttonCell {
    text-align: left;
    padding-top: 5px;
}
.saveResetButton {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    width: 100px;
}