@import "scripts/codebox.css";



/*===================================

        Calendar-Wide Styles

===================================*/



/* Default calendar font family, size and color */

#CalendarBlock, #CalendarBlock td, #CalendarBlock p, #CalendarBlock h2 {

	font-family: Arial,"Trebuchet MS",Verdana,sans-serif;

	font-size: 13px;

	color: #000000;

}



/* Default link color */

#CalendarBlock a {

	color: #000099;

}



/* 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: #0066CC;

	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

===================================*/



table#TopNaviTable {

	border-bottom: 6px solid #D8E2FD;

}

table#TopNaviTable td {

	padding: 0;

}

td.TopNavi-ColorPadding {

	border-bottom: 8px solid #D8E2FD;

}

table#TopNaviTable td.TopNavi-ColorPadding td {

	padding-top: 8px;

}



/* The font style for the calendar title */

table#TopNaviTable td#NaviBar-CalendarTitle {

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	padding-bottom: 2px;

	padding-left: 4px;

	padding-right: 8px;

}

/* The color for the calendar title link */

table#TopNaviTable td#NaviBar-CalendarTitle a {

	color: #000000;

	text-decoration: none;

}

.NaviBar-Tab div {

	margin-left: 2px;

	margin-right: 2px;

	font-weight: bold;

	padding: 4px;

	padding-left: 12px;

	padding-right: 12px;

	background-color: #CCCCCC;

}

#CalendarBlock .NaviBar-Tab a {

	color: #000099;

}

#CalendarBlock #NaviBar-Selected div {

	background-color: #D8E2FD;

}

#CalendarBlock #NaviBar-Selected a {

	color: #000099;

}



/*===================================

             Page Body

===================================*/



#CalendarTable {

	background-color: #D8E2FD;

}



#CalLeftCol {

	padding: 0;

}



/*     Month Selector

--------------------------*/



#MonthSelector td {

	padding: 4px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	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-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

}



#MonthSelector div#LeftArrowButtonDisabled,

#MonthSelector div#RightArrowButtonDisabled {

	color: #666666;

}



/*    Little Calendar

--------------------------*/



div#LittleCalendar-Padding {

	padding: 3px;

	background-color: #FFFFFF;

}



table#LittleCalendar {

	background-color: #FFFFFF;

}



table#LittleCalendar td {

	padding: 0;

	font-family:  Arial, Helvetica, sans-serif;

	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 #000099;

}



/* 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: 8px;

	padding-top: 10px;

	font-weight: bold;

	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: #CBD3F8;

	padding: 6px;

}



td#CalLeftCol table#SubscribeLink td {

	padding-top: 12px;

}



td#CalLeftCol table#CategoryFilterLink td {

	padding-top: 8px;

}



td#CalRightCol {

	padding: 0;

	border-color: #D8E2FD;

	border-left-style: solid;

	border-left-width: 7px;

	border-right-style: solid;

	border-right-width: 7px;

	background-color: #FFFFFF;

	font-size: 69%;
}



td#CalRightCol.TodayHighlighted {

	border-color: #CBD3F8 !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-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}

table#FilterNotice a {

	color: #FFBEBE;

}

table#FilterNotice a:hover {

	color: #FFFFFF;

}



/*     Title & Navi

--------------------------*/



div#TitleAndNavi {

	background-color: #D8E2FD;

}



div#TitleAndNavi.TodayHighlighted {

	background-color: #CBD3F8;

}



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-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

}



td#NavPreviousNext {

	padding-left: 18px !important;

}

td#NavPreviousNext td {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	padding: 2px;

	padding-top: 0;

	padding-bottom: 0;

}

td#NavPreviousNext b {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

}



/*        Content

--------------------------*/



td#CalendarContent {

	padding: 3px;
	min-width: 500px;

}



/*===================================

             Event Table

===================================*/



#EventTable {

	background-color: #FFFFFF;

}



#EventTable #EventLeftColumn {

	padding: 6px;

	font-size: 16px;

}

#EventTable #EventRightColumn {

	padding: 6px;

	border-left: 4px solid #000099;


}

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 {

	border: 1px solid #666666;

	padding: 4px;

	padding-right: 8px;

}

td.EventDetail-Label {

	color: #000000 !important;

	background-color: #DDDDDD;

}



/*===================================

              Day Table

===================================*/



#DayTable td.NoAnnouncement {

	padding: 10px;

	font-size: 15px;

}



#DayTable td {

	padding: 4px;

}



#DayTable tr.BorderTop td {

	border-top: 1px solid #666666;

}

#DayTable div.EventLeftBar {

	padding-left: 5px;

	border-left: 5px solid #000099;

}



#DayTable tr#FirstDateRow td.DateRow {

	padding: 0;

}



#DayTable td.DateRow div#TodayDateRow {

	background-color: #CBD3F8;

}



#DayTable td.DateRow {

	font-size: 14px;

	font-weight: bold;

	padding: 0;

	padding-top: 8px;

}



#DayTable td.DateRow a {

	text-decoration: none;

}



#DayTable td.DateRow a:hover {

	text-decoration: underline;

}



#DayTable td.DateRow div {

	padding: 8px;

	background-color: #D8E2FD;

}



#DayTable td.TimeColumn i, #DayTable td.TimeColumn-Past i {

	font-style: normal;

	font-size: 11px;

}



/* 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: #666666;

}

#DayTable td.DataColumn-Past a {

	color: #666666;

}

#DayTable td.DataColumn-Past div.EventLeftBar {

	border-left-color: #CCCCCC;

}



/*===================================

           Weekday Table

===================================*/



#WeekdayTable {

	border-collapse: collapse;

}



#WeekdayTable td {

	padding: 4px;

	border: 1px solid #666666;

}



#WeekdayTable td td {

	padding: 0;

	border: 0 none #000000;

	background-color: transparent !important;

}



/*  Weekday Header Styles

--------------------------*/



#WeekdayTable thead td {

	color: #000000 !important;

	background-color: #DDDDDD;

}



#WeekdayTable thead td.Weekday-Today {

	background-color: #CBD3F8 !important;

}



/*   Weekday Body Styles

--------------------------*/



#WeekdayTable tbody td.Weekday-Today {

	background-color: #C7CFF4;

}



#WeekdayTable tbody div.WeekEvent,

#WeekdayTable tbody div.WeekEvent-Past {

	padding-top: 2px;

	padding-bottom: 9px;

}

#WeekdayTable tbody div.WeekEvent-Past {

	color: #666666;

}

#WeekdayTable tbody div.WeekEvent-Past a {

	color: #666666;

}

#WeekdayTable tbody div.WeekEvent-Time {

	font-size: 11px;

}

#WeekdayTable tbody div.WeekEvent-Title,

#WeekdayTable tbody div.WeekEvent-Category {

	border-left: 3px solid #A7A7FB;

	padding-left: 3px;

}

#WeekdayTable tbody td.Weekday-Today div.WeekEvent-Title,

#WeekdayTable tbody td.Weekday-Today div.WeekEvent-Category {

	border-left-color: #000099;

}

#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;

}

#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 #666666;

	padding: 0;

}

#MonthTable thead td {

	color: #000000 !important;

	background-color: #DDDDDD;

	padding: 5px;

}

#MonthTable tbody td {

	padding-bottom: 8px;

}

#MonthTable tbody td td {

	padding: 0 !important;

	margin: 0 !important;

	border: 0 !important;

}



#MonthTable div.DayNumber a {

	text-decoration: none !important;

	padding: 3px;

	padding-left: 4px;

	padding-bottom: 5px;

	line-height: 1;

	display: block;

}



#MonthTable p.EventItem,

#MonthTable p.EventItem-Past {

	padding: 0;

	margin: 0;

	margin-left: 3px;

	margin-right: 3px;

	padding-top: 2px;

	padding-bottom: 5px;

	padding-left: 8px;

	background-image: url("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: #C7CFF4;

}

/* Background color for the 'day number' for today. */

#MonthTable tbody td.MonthDay-Today div.DayNumber {

	background-color: #CBD3F8 !important;

}



/* Link color for the 'day number' and events of past days. */

#MonthTable td.MonthDay-Past div.DayNumber a,

#MonthTable p.EventItem-Past a {

	color: #666666;

}



/* 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: #FFD839;

}



#MonthTable td.MonthDay-OtherMonth {

	background-color: #EEEEEE !important;

}



#MonthTable a {

	text-decoration: none;

}

#MonthTable a:hover, #MonthTable a:focus {

	text-decoration: underline

}



/*===================================

             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: #000099;

	font-size: 11px;

	padding-right: 16px;

	color:#FFFFFF;

}

#PoweredBy td a {

	text-decoration: none;

	color:#DBE2FE;

}



#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: #000000;

	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("images/new-button.gif");

}

div#AdminButtons-Small table#AdminButtons a#AdminButtons-New {

	background-image: url("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("images/edit-button.gif");

}

div#AdminButtons-Small table#AdminButtons a#AdminButtons-Edit {

	background-image: url("images/edit-small-button.gif");

}

table#AdminButtons #AdminButtons-Copy {

	text-align: left;

	padding-left: 25px;

	background-color: #DDDDFF;

	border-color: #555599;

	background-image: url("images/copy-button.gif");

}

div#AdminButtons-Small table#AdminButtons a#AdminButtons-Copy {

	background-image: url("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("images/delete-button.gif");

}

div#AdminButtons-Small table#AdminButtons a#AdminButtons-Delete, div#AdminButtons-Small table#AdminButtons a#AdminButtons-Reject {

	background-image: url("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("images/ok-button.gif");

}

div#AdminButtons-Small table#AdminButtons a#AdminButtons-Approve {

	background-image: url("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: #D8E2FD;

	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: #D8E2FD;

	background-repeat: no-repeat;

	background-position: center left;

	background-image: url("images/arrow-doubleback.gif");

}

div#MenuButton a:hover, div#MenuButton a:focus {

	background-color: #CBD3F8;

}



/* The following two styles are for manageevents.php */

.DefaultCalendarEvent {

	padding-left: 8px;

}

.DefaultCalendarEvent div {

	padding-left: 15px;

	background-image: url("images/subeventdoublearrow.gif");

	background-repeat: no-repeat;

	background-position: 0 3px;

}


/*===================================
            AU RSS feed
===================================*/


td#NewsRail h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

td#NewsRail h2 a { text-decoration: none; color: #000000;}

td#NewsRail h2 a:hover { text-decoration: none; color: #000000;}

#ongoing ul {
       list-style:none;
       margin:0;
       padding-left: 5px;
}

#ongoing li {
 	margin-bottom: 10px;
}

#ongoing a {
	text-decoration: none;
	} 

#ongoing a:hover {
	text-decoration: underline;
	} 

.rss-items {
       list-style:none;
       margin:0;
       padding-left: 5px;
}

.rss-item  {
 	margin-bottom: 10px;
}

.rss-item a {
	text-decoration: none;
	} 

.rss-item a:hover {
	text-decoration: underline;
	} 

/*===================================
            Delicious news feed
===================================*/

.delicious-posts { margin: 0em; padding: 0em; list-style: none; }
.delicious-posts ul, .delicious-posts li, {  }
.delicious-post { margin-bottom: 10px; padding-left: 5px; }
.delicious-posts a { text-decoration: none; }