/* the following styles are used in the headers that appear above the calendar */
#CalendarHeader {font-family : Arial, Helvetica, sans-serif; font-size : 10px;}
#Calendar, #EventForm, #TaskForm, #TodaysEventsAndTasks {font-family : Arial, Helvetica, sans-serif; font-size : 11px;}

#CalendarHeader .MainTabInFocus {background-color: #369; color: white; text-align: center; padding: 5px; border-left: thin solid #fff; border-top: thin solid #fff; border-right: thin solid #fff;}
#CalendarHeader .MainTabOutOfFocus {background-color: #036; color: white; text-align: center; padding: 5px; border-bottom: thin solid #fff;}
#CalendarHeader .MainTabSpacer {background-color: #369; font-size: 6px; border-left: thin solid #fff;}

.MainTabInFocus A:link, .MainTabInFocus A:hover, .MainTabInFocus A:visited {color: white;}
.MainTabOutOfFocus A:link, .MainTabOutOfFocus A:hover, .MainTabOutOfFocus A:visited {color: white;}

#CalendarHeader .SecondaryTabInFocus {background-color: #69c; color: white; text-align: center; font-weight: bold; padding: 5px; border-left: thin solid #fff; border-top: thin solid #fff; border-right: thin solid #fff;}
#CalendarHeader .SecondaryTabOutOfFocus {background-color: #369; color: white; text-align: center; padding: 5px; border-bottom: thin solid #fff;}
#CalendarHeader .SecondaryTabSpacer {background-color: #69c; color: white; font-size: 4px; border-left: thin solid #fff;}

.SecondaryTabInFocus A:link, .SecondaryTabInFocus A:hover, .SecondaryTabInFocus A:visited {color: white;}
.SecondaryTabOutOfFocus A:link, .SecondaryTabOutOfFocus A:hover, .SecondaryTabOutOfFocus A:visited {color: white;}

#CalendarHeader .TertiaryTabInFocus {background-color: #c1e0ff; color: white; text-align: center; font-weight: bold; padding: 5px; border-left: thin solid #fff; border-top: thin solid #fff; border-right: thin solid #fff;}
#CalendarHeader .TertiaryTabOutOfFocus {background-color: #69c; color: white; text-align: center; padding: 5px; border-bottom: thin solid #fff;}
#CalendarHeader .TertiaryTabSpacer {background-color: #c1e0ff; font-size: 4px; border-left: thin solid #fff;}

.TertiaryTabInFocus A:link, .TertiaryTabInFocus A:hover, .TertiaryTabInFocus A:visited {color: white;}
.TertiaryTabOutOfFocus A:link, .TertiaryTabOutOfFocus A:hover, .TertiaryTabOutOfFocus A:visited {color: white;}

#CalendarHeader .CalendarHeader {background-color: #69c; color: white; font-size:13px; padding: 5px; border-left: thin solid #fff;}
.CalendarHeader A:link, .CalendarHeader A:hover, .CalendarHeader A:visited {color: white;}

#CalendarHeader .SchedulerHeader {background-color: #369; color: white; font-size:13px; padding: 5px; border-left: thin solid #fff;}

#CalendarHeader .row1 {background-color: #eee; border: thin solid silver; padding: 15px; font-size: 12px;}
#CalendarHeader Input.Button {background-color: #ddd; border-left: medium solid ButtonHighlight; border-top: medium solid ButtonHighlight; border-right: medium solid ButtonShadow; border-bottom: medium solid ButtonShadow;}

/* the following styles are used in the Day view */
#Calendar .row0 {background-color: #fff; border: thin solid silver;}
#Calendar .row1 {background-color: #eee; border: thin solid silver;}

/* the following styles are used in the Week, 2-Week and Month calendar views */
#Calendar .Weekday {background-color: #fff; height: 60px; border: 1; border: thin solid silver;}
#Calendar .Weekend {background-color: #eee; height: 60px; border: thin solid silver;}
#Calendar .Today {background-color: #ffc; border: thin solid silver;}
#Calendar .OtherMonth {background-color: #ccc; height: 60px; border: thin solid silver;}

/* the following styles are used in the Year view */
#Calendar .WeekHeader {text-align: center;}
#Calendar .WeekHeader A {color: black}
#Calendar .MonthHeader {text-align: center;}
#Calendar .MonthHeader A {color: black}

/* the following styles are used in the Overview */
#Calendar .Overview {background-color: #eee; height: 60px; border: thin solid silver;}

/* the following styles are used to display event and task info */
#Calendar .CompletedTask {text-decoration: line-through;}

/* the following are misc. styles used regardless of the calendar view */
#Calendar .Date {text-align: right; font-weight: bold; color: 666666;}
#Calendar .Date A {color: 666666; text-decoration: underline;}
#Calendar .AddEvent {float: right; font-weight: bold; color: 666666;}
#Calendar .AddEvent A {color: 666666;}
#Calendar .DayOfWeek {background-color: #ddd; text-align: center; border: thin solid silver;}
#Calendar .DayOfWeek A {color: black; text-decoration: underline;}

#Calendar .DeclinedInvite {color: #999;}
#Calendar .DeclinedInvite A {color: #333;}

/* set up styles used to create look of the calendar forms */
#Calendars .tableHeader {background-color: #ddd; text-align: left; border: thin solid silver; padding: 3px;}
#Calendars .row0 {background-color: #fff; border: thin solid silver;}
#Calendars .row1 {background-color: #eee; border: thin solid silver;}
#Calendars .rowSelected {background-color: #FF0; border: thin solid silver;}

#Calendars Select {line-height: 12px;}
#Calendars Input {line-height: 12px;}
#Calendars Input.Button {background-color: #ddd; border-left: medium solid ButtonHighlight; border-top: medium solid ButtonHighlight; border-right: medium solid ButtonShadow; border-bottom: medium solid ButtonShadow;}

.visibleFrame {display: block;}
.hiddenFrame {display: none;}

/* set up styles used to create look of the event form */
#eventForm .tableHeader {background-color: #ddd; border: thin solid silver; padding: 3px;}
#eventForm .row0 {background-color: #fff; border: thin solid silver;}
#eventForm .row1 {background-color: #eee; border: thin solid silver;}
#eventForm .row1 A {color: black;}

#eventForm Select, #eventForm Input {line-height: 12px;}
#eventForm Input.Button {background-color: #ddd; border-left: medium solid ButtonHighlight; border-top: medium solid ButtonHighlight; border-right: medium solid ButtonShadow; border-bottom: medium solid ButtonShadow;}

.busyCell {background-color: #f00; color: #f00; border: thin solid silver; text-align: center;}
.freeCell {background-color: #fff; border: thin solid silver; text-align: center;}
.busyGreenCell {background-color: #008000; color: #008000; border: thin solid silver; text-align: center;}
.unknownCell {background-color: #fff; border: thin solid silver; text-align: center; font-style: italic;}

/* set up styles used to create look of the task form */
#taskForm .tableHeader {background-color: #ddd; border: thin solid silver; padding: 3px;}
#taskForm .row0 {background-color: #fff; border: thin solid silver;}
#taskForm .row1 {background-color: #eee; border: thin solid silver;}

#taskForm Select, #taskForm Input {line-height: 12px;}
#taskForm Input.Button {background-color: #ddd; border-left: medium solid ButtonHighlight; border-top: medium solid ButtonHighlight; border-right: medium solid ButtonShadow; border-bottom: medium solid ButtonShadow;}

/* Stuff for scheduler */
#CalendarHeader .SchedulerHeader {background-color: #369; color: white; font-size:13px; padding: 5px; border-left: thin solid #fff;}
.SchedulerHeader A:link, .SchedulerHeader A:hover, .SchedulerHeader A:visited {color: white;}
#CalendarHeader .SchedulerRight {background-color: #369; color: white; font-size:13px; padding: 5px;}