@import "scripts/codebox.css";
 
/*===================================
        Calendar-Wide Styles
===================================*/
.printonly {
	display: none; }
/* Default calendar font family, size and color */
#CalendarBlock {
	background: #EEE; }
#CalendarBlock, #CalendarBlock td, #CalendarBlock p, #CalendarBlock h2 {
	color: #222222;
}
 
/* Default link color */
#CalendarBlock a {
	color: #410057;
}
 
/* Background color for table headers (may be column or row headers) */
tr.TableHeaderBG td, td.TableHeaderBG {
	color: #000000;
	background-color: #DDDDDD;
}
 
/* Color for the text that notifies users of an error or warning */
#CalendarBlock .WarningText {
	color: #FF0000;
}
 
/* Color for text that notififies the user of a normal or success message */
#CalendarBlock .NotificationText {
	color: #008800;
}
 
/* Background behind messages on update.php */
#CalendarBlock .NotificationTextBG {
	background-color: #FFFFCC;
}
 
/* Second level header used primarily on update.php */
#CalendarBlock h2 {
	color: #000000;
}
 
/* Third level header used primarily on the changeeevent.php form */
#CalendarBlock h3 {
	color: #410057;
	font-size: 16px;
}
 
/* Color used to highlight keywords in search results */
#CalendarBlock .KeywordHighlight {
	background-color: #FFFF99;
}
 
/* Section headers used on various forms */
#CalendarBlock div.FormSectionHeader {
	margin-top: 16px;
	padding: 4px;
	margin-bottom: 6px;
	border-top: 1px solid #666666;
	background-color: #EEEEEE;
}
#CalendarBlock div.FormSectionHeader h3 {
	margin: 0;
	padding: 0;
}
 
#CalendarBlock label {
	cursor: pointer;
}
 
#CalendarBlock .LightCellBG {
	background-color: #EEEEEE;
}
 
/*===================================
             Top Navi Bar
===================================*/

#topNaviBar {
	display: block;
	padding: 10px 0 5px; }
.calendarbutton {
	display: block;
	padding: 0 10px;
	float: left;
	width: 40px;
	text-align: center; }
.calendarbutton img {
	width: 30px; }
.calendarbutton a {
	text-decoration: none;
	font-size: 10px;
	color: #999; }
 
/*===================================
             Page Body
===================================*/
 
#CalendarTable {
	border-top: 1px solid #CCC;
	background-color: #CCC;
}
 
#CalLeftCol {
	padding: 0;
	border-left: 7px solid #CCC;
}
 
/*     Month Selector
--------------------------*/
 
#MonthSelector td {
	padding: 4px;
	font-size: 16px;
}
#MonthSelector a {
	text-decoration: none;
}
#MonthSelector a:hover, #MonthSelector a:focus {
	text-decoration: underline;
}
 
#MonthSelector div#LeftArrowButton, #MonthSelector div#RightArrowButton,
#MonthSelector div#LeftArrowButtonDisabled, #MonthSelector div#RightArrowButtonDisabled {
	font-size: 16px;
}
 
#MonthSelector div#LeftArrowButtonDisabled,
#MonthSelector div#RightArrowButtonDisabled {
	color: #777777;
}
 
/*    Little Calendar
--------------------------*/
 
div#LittleCalendar-Padding {
	padding: 3px;
	background-color: #FFFFFF;
}
 
table#LittleCalendar {
	background-color: #FFFFFF;
}
 
table#LittleCalendar td {
	padding: 0;
	font-size: 11px;
}
table#LittleCalendar a {
	text-decoration: none;
	display: block;
	padding: 3px;
}
 
/* A small line below the S/M/T/W/T/F/S row in the little calendar */
table#LittleCalendar thead td {
	border-bottom: 1px solid #999999;
	padding: 3px;
}
 
/* The background color behind the days currently being displayed */
table#LittleCalendar td.SelectedDay {
	background-color: #CCCCCC;
}
 
/* A border around today on the little calendar */
a.LittleCal-Today, a.LittleCal-TodayGrayedOut {
	padding: 1px !important;
	border: 2px solid #FFCC00;
	background: #FFCC00;
}
 
/* Grayed out days that are not part of the current month */
a.LittleCal-GrayedOut, a.LittleCal-TodayGrayedOut {
	color: #999999 !important;
}
 
/* Other Left Column Stuff
--------------------------*/
 
div#JumpToDateSelectorLabel {
	padding-left: 3px;
	padding-top: 10px;
	font: bold 10px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 2px;
}
table#JumpToDateSelector td {
	padding-bottom: 14px;
}
table#JumpToDateSelector.Split td {
	padding-left: 6px;
}
table#JumpToDateSelector.Combined {
	width: 100%;
}
input#JumpToDateSelector-Button {
	background-color: #FFCC66;
	border: 1px solid #FFFFFF;
}
form#JumpToDateSelectorForm {
	margin: 0; padding: 0;
}
 
td#CalLeftCol table#TodaysDate td {
	background-color: #FFCC00;
	padding: 6px;
	color: #000;
}
 
td#CalLeftCol table#SubscribeLink td {
	padding-top: 12px;
}
 
td#CalLeftCol table#CategoryFilterLink td {
	padding-top: 8px;
}
 
td#CalRightCol {
	padding: 0;
	border-right: 7px solid #FFF;
	border-left: 7px solid #FFF;
	background-color: #FFFFFF;
}
 
td#CalRightCol.TodayHighlighted {
	border-color: #FFCC00 !important;
	border-bottom-style: solid;
	border-bottom-width: 7px;
}
 
/*     Filter Notice
--------------------------*/
 
table#FilterNotice td {
	padding: 4px;
	background-image: images/background-filter.gif;
	background-color: #AD2525;
	color: #FFFFFF;
	font-size: 11px;
}
table#FilterNotice a {
	color: #FFBEBE;
}
table#FilterNotice a:hover {
	color: #FFFFFF;
}
 
/*     Title & Navi
--------------------------*/
 
div#TitleAndNavi {
	background-color: #FFFFFF;
}
 
div#TitleAndNavi table {
	width: 100%; }
div#TitleAndNavi.TodayHighlighted {
	background-color: #FFCC00;
}
 
div#TitleAndNavi td {
	padding: 4px;
}
 
div#TitleAndNavi a {
	text-decoration: none;
}
div#TitleAndNavi a:hover, div#TitleAndNavi a:focus {
	text-decoration: underline;
}
 
td#DateOrTitle {
	padding-left: 8px;
}
td#DateOrTitle h2 {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 28px;
	color: #410057;
	text-transform: none;
}
 
td#NavPreviousNext {
	width: 220px;
	padding-left: 18px !important;
}
td#NavPreviousNext td {
	font-size: 11px;
	padding: 2px;
	padding-top: 0;
	padding-bottom: 0;
}
td#NavPreviousNext b {
	font-size: 16px;
}
 
/*        Content
--------------------------*/
 
td#CalendarContent {
	padding: 3px;
}
 
/*===================================
             Event Table
===================================*/
 
#EventTable {
}
 
#EventTable #EventLeftColumn {
	padding: 6px;
	font-size: 16px;
}
#EventTable #EventRightColumn {
	padding: 6px;
	border-left: 4px solid #CCC;
}
div#EventTitle {
	font-size: 18px;
}
p#EventDescription, div#EventDetailPadding, div#iCalendarLink {
	padding: 0;
	margin: 0;
	padding-top: 14px;
}
table#EventDetail {
	border-collapse: collapse;
}
table#EventDetail td {
	padding: 4px;
	padding-right: 8px;
}
td.EventDetail-Label {
	color: #410057 !important;
}
 
/*===================================
              Day Table
===================================*/
 
#DayTable td.NoAnnouncement {
	padding: 10px;
	font-size: 15px;
}
 
#DayTable td {
	padding: 4px;
}
 
#DayTable tr.BorderTop td {
	border-bottom: 1px dotted #666666;
}
#DayTable div.EventLeftBar {
	height: 40px;
	padding-left: 5px;
	border-left: 5px solid #CCC;
}
 
#DayTable tr#FirstDateRow td.DateRow {
	padding: 0;
}
 
#DayTable td.DateRow div#TodayDateRow {
	background-color: #FFCC00;
}
 
#DayTable td.DateRow {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	padding-top: 8px;
}
 
#DayTable td.DateRow a {
	text-decoration: none;
	color: #FFF;
}
 
#DayTable td.DateRow a:hover {
	text-decoration: underline;
}
 
#DayTable td.DateRow div {
	padding: 4px 8px;
	background: #FFF url('../images/gradients.png') repeat-x top;
}

#DayTable td.TimeColumn, #DayTable td.TimeColumn-Past {
	width: 70px; 
	color: #410057;
	font-size: 12px;
	font-weight: bold; }
#DayTable td.TimeColumn i, #DayTable td.TimeColumn-Past i {
	font-style: italic;
	font-size: 11px;
	font-weight: normal;
	color: #222; 
}
.SearchResults td.TimeColumn {
	width: 100px !important; }


/* Cell used to display the time and duration of the event in 'day' view for events that have passed. */
#DayTable td.TimeColumn, #DayTable td.TimeColumn-Past { }
 
/* Cell used to display the event title and description in 'day' view for events that have passed */
#DayTable td.DataColumn, #DayTable td.DataColumn-Past { }
 
#DayTable td.TimeColumn-Past, #DayTable td.DataColumn-Past {
	color: #777777;
}
#DayTable td.DataColumn-Past a {
	color: #777777;
}
#DayTable td.DataColumn-Past div.EventLeftBar {
	border-left-color: #CCCCCC;
	height: 40px;
}
#DayTable td.DataColumn .eventdesc {
	font-size: 12px;
	color: #333; }

.DateRow-homepage {
	letter-spacing: 2px;
	padding: 5px 10px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; }

/*===================================
           Weekday Table
===================================*/
 
#WeekdayTable {
	border-collapse: collapse;
}
 
#WeekdayTable td {
	padding: 4px;
	border: 1px solid #666666;
	background: #FFF;
}
 
#WeekdayTable td td {
	padding: 0;
	border: 0 none #000000;
	background-color: transparent !important;
}
 
/*  Weekday Header Styles
--------------------------*/
 
#WeekdayTable thead td {
	color: #FFF !important;
	background: #410057 url('../images/gradients.png') repeat-x top center;
	font: bold 10px Arial Narrow, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px 0;
	height: 22px;
	width: 14%;
	line-height: 100%;
}
#WeekdayTable thead td a {
	color: #888;
	text-decoration: none; }
 
 
/*   Weekday Body Styles
--------------------------*/
 
#WeekdayTable tbody td.Weekday-Today {
	background-color: #FFCC00;
}
#WeekdayTable tbody td.Weekday-Past {
	background: #DDD; }
 
#WeekdayTable tbody div.WeekEvent,
#WeekdayTable tbody div.WeekEvent-Past {
	padding-top: 2px;
	padding-bottom: 9px;
}
#WeekdayTable tbody div.WeekEvent-Past {
	color: #777777;
}
#WeekdayTable tbody div.WeekEvent-Past a {
	color: #777777;
}
#WeekdayTable tbody div.WeekEvent-Time {
	font-size: 11px;
	color: #555;
}
#WeekdayTable tbody div.WeekEvent-Title,
#WeekdayTable tbody div.WeekEvent-Category {
}
#WeekdayTable tbody td.Weekday-Today div.WeekEvent-Title,
#WeekdayTable tbody td.Weekday-Today div.WeekEvent-Category {
	border-left-color: #9292FB;
}
#WeekdayTable tbody div.WeekEvent-Past div.WeekEvent-Title,
#WeekdayTable tbody div.WeekEvent-Past div.WeekEvent-Category {
	border-left-color: #CCCCCC;
}
#WeekdayTable tbody div.WeekEvent-Title a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#WeekdayTable tbody div.WeekEvent-Title a:hover,
#WeekdayTable tbody div.WeekEvent-Title a:focus {
	text-decoration: underline;
}
#WeekdayTable tbody div.WeekEvent-Category {
	font-size: 11px;
	font-style: italic;
}
 
/*===================================
             Month Table
===================================*/
 
#MonthTable {
	border-collapse: collapse;
	background-color: #FFFFFF;
}
#MonthTable td {
	border: 1px solid #AAA;
	padding: 0;
}
#MonthTable thead td {
	color: #FFF !important;
	background: #CCC url('../images/gradients.png') repeat-x top center;
	font: bold 10px Arial Narrow, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px;
	width: 14%;
}
#MonthTable tbody td td {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}
 
#MonthTable div.DayNumber a {
	font-size: 18px;
	text-decoration: none !important;
	padding: 3px;
	padding-left: 4px;
	padding-bottom: 5px;
	line-height: 1;
	display: block;
	color: #444;
	font-weight: bold;
}
 
#MonthTable p.EventItem,
#MonthTable p.EventItem-Past {
	font-size: 12px;
	padding: 0;
	margin: 0;
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-image: url("http://www.tallwoodband.com/calendar/images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 8px;
}
 
/* Hover color for the 'day number'. */
#MonthTable div.DayNumber a:hover,
#MonthTable div.DayNumber a:focus {
	background-color: #DDDDFF;
}
 
/* Background color for today. */
#MonthTable tbody td.MonthDay-Today {
	background-color: #FFCC00;
}
/* Background color for the 'day number' for today. */
#MonthTable tbody td.MonthDay-Today div.DayNumber {
	background-color: #FFCC00 !important;
}
#MonthTable tbody td.MonthDay-Today div.DayNumber a {
	color: #FFF; }
 
/* Link color for the 'day number' and events of past days. */
#MonthTable td.MonthDay-Past div.DayNumber a,
#MonthTable p.EventItem-Past a {
	color: #999;
}
 
/* Hover color for the 'day number' for past days. */
#MonthTable td.MonthDay-Past div.DayNumber a:hover,
#MonthTable td.MonthDay-Past div.DayNumber a:focus {
	background-color: #DDDDDD;
}
 
/* Hover color for the 'day number' for today. */
#MonthTable td.MonthDay-Today div.DayNumber a:hover,
#MonthTable td.MonthDay-Today div.DayNumber a:focus {
	background-color: #FFCC00;
}
 
#MonthTable td.MonthDay-OtherMonth {
	background-color: #E8E8E8 !important;
}
 
#MonthTable a {
	text-decoration: none;
}
#MonthTable a:hover, #MonthTable a:focus {
	text-decoration: underline
}
#MonthTable td.MonthDay-Today, #MonthTable td.MonthDay-Past, #MonthTable td.MonthDay-Future, #MonthTable td.MonthDay-OtherMonth {
	height: 60px; }

#MonthTable td .birthday {
	background: none;
	padding: 0;
	margin: 0;
	position: relative;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #DDD;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	text-align: center;
	font-size: 10px; }
#MonthTable td .birthday a {
	color: #444; }
	
/*===================================
             Export View
===================================*/
 
#ExportForm.HideHTML .HTMLOnly {
	display: none;
}
 
#ExportForm p.FormError {
	padding: 4px;
	background-color: #EEEEEE;
	border-top: 2px solid #FF0000;
}
 
/*===================================
            Misc Styles
===================================*/
 
#PoweredBy td {
	background-color: #FFFFFF;
	font-size: 11px;
	padding-right: 16px;
}
#PoweredBy td a {
	text-decoration: none;
}
 
#UpdateMainMenu h2 {
	font-size: 15px;
}
 
div#AdminButtons-Padding {
	padding: 5px;
}
table#AdminButtons td {
	border-style: none;
	border-width: 0;
	padding: 0;
}
div#AdminButtons-Padding td, div#AdminButtons-RightPadding td {
	padding-right: 8px;
}
table#AdminButtons a {
	text-align: center;
	display: block;
	padding: 5px;
	color: #222222;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #666666;
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	background-position: center left;
}
div#AdminButtons-Small table#AdminButtons a {
	padding: 2px;
	padding-left: 20px !important;
	font-weight: normal;
	font-size: 11px;
}
table#AdminButtons a#AdminButtons-New {
	text-align: left;
	padding-left: 25px;
	background-color: #FFFFCC;
	border-color: #999933;
	background-image: url("http://www.tallwoodband.com/calendar/images/new-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-New {
	background-image: url("http://www.tallwoodband.com/calendar/images/new-small-button.gif");
}
table#AdminButtons a#AdminButtons-Edit {
	text-align: left;
	padding-left: 25px;
	background-color: #FFFFCC;
	border-color: #999933;
	background-image: url("http://www.tallwoodband.com/calendar/images/edit-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Edit {
	background-image: url("http://www.tallwoodband.com/calendar/images/edit-small-button.gif");
}
table#AdminButtons #AdminButtons-Copy {
	text-align: left;
	padding-left: 25px;
	background-color: #DDDDFF;
	border-color: #555599;
	background-image: url("http://www.tallwoodband.com/calendar/images/copy-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Copy {
	background-image: url("http://www.tallwoodband.com/calendar/images/copy-small-button.gif");
}
table#AdminButtons #AdminButtons-Delete, table#AdminButtons #AdminButtons-Reject {
	text-align: left;
	padding-left: 25px;
	background-color: #FFDDDD;
	border-color: #995555;
	background-image: url("http://www.tallwoodband.com/calendar/images/delete-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Delete, div#AdminButtons-Small table#AdminButtons a#AdminButtons-Reject {
	background-image: url("http://www.tallwoodband.com/calendar/images/delete-small-button.gif");
}
table#AdminButtons a#AdminButtons-Approve {
	text-align: left;
	padding-left: 25px;
	background-color: #CCFFCC;
	border-color: #339933;
	background-image: url("http://www.tallwoodband.com/calendar/images/ok-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Approve {
	background-image: url("http://www.tallwoodband.com/calendar/images/ok-small-button.gif");
}
 
dd {
	margin-left: 20px;
}
 
div#UpdateBlock {
	background-color: #FFFFFF;
	border-top-style: none;
	border-top-width: 0;
}
div#UpdateBlock h2 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}
 
div#MenuButton {
	background-color: #FFFFFF;
	padding-left: 8px;
}
div#MenuButton td {
	padding: 0;
}
div#MenuButton a {
	text-decoration: none;
	font-weight: bold;
	padding: 6px;
	display: block;
	padding-left: 28px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("http://www.tallwoodband.com/calendar/images/arrow-doubleback.gif");
}
div#MenuButton a:hover, div#MenuButton a:focus {
	background-color: #FFCC00;
}
 
/* The following two styles are for manageevents.php */
.DefaultCalendarEvent {
	padding-left: 8px;
}
.DefaultCalendarEvent div {
	padding-left: 15px;
	background-image: url("http://www.tallwoodband.com/calendar/images/subeventdoublearrow.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.admininfo {
	float: right; }

#tooltip {
	position:absolute;
	display:none;
	width: 200px;
	border:1px solid #410057;
	background:#EEE;
	padding:0;
	color:#333; }	
#tooltip .tipdate {
	display: block;
	background: url('../images/gradients.png') repeat-x top left;
	color: #FFF;
	font-size: 10px;
	padding: 3px 5px; }
#tooltip .tiptitle {
	display: block;
	font-weight: bold;
	color: #410057;
	padding: 0 5px 0; }
#tooltip .tiptime {
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #555;
	padding: 0 5px 10px; }
#tooltip .tipdesc {
	display: block;
	font-size: 12px;
	padding: 0 5px 10px; }

.printlink {
	display: block;
	width: auto;
	padding: 0 10px 0 0;
	float: right;
	font-family: 'Century Gothic',Arial, sans-serif;
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none; }
.printlink img {
	vertical-align: middle;
	width: 20px; }