/*	calendar class
---------------------------------- */

/* month table (large) */
td, TD { width: auto; height: auto; padding: 1px; font-family: Verdana, Helvetica, Arial, Verdana, Serif; font-size: 10px; }
#month_table { border: 1px solid #696969; font-family: Verdana, Helvetica, Arial, Verdana, Serif; margin-bottom: 20px; width: 525px; }
#calendar_container { width: 525px; }
#month_table .month_names h1 { font-size: 20px; font-weight: normal; padding: 0px; margin: 10px 0px 10px 0px; }
#month_table .month_names a { padding: 4px; }
#month_table .day_names td { font-size: 10px; color: #696969; padding: 4px; border: 1px solid #CCCCCC; border-left: 0px; border-bottom: 0px; text-align: center; }
#month_table .day_row td { border: 1px solid #CCCCCC; border-left: 0px; border-bottom: 0px; width: 75px; height: 80px; vertical-align: top; padding: 0px; }
#month_table .day_row .date { font-size: 10px;text-align: right; padding: 4px; margin: 0px; }
#month_table .day_row .day_curr { color: #696969; }
#month_table .day_row .day_next { color: #CCCCCC; font-style: italic; }
#month_table .day_row .day_prev { color: #CCCCCC; font-style: italic; }
#month_table .day_row .day_over { cursor: pointer; background-color: #FFFFCC; }
#month_table #today { background-color: #E8E3D2; }
#month_table #today .date { font-weight: bold; }

#month_table .curr_event_left p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .curr_event_right p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .curr_event_middle p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .curr_event_both p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }

#month_table .next_event_left p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .next_event_right p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .next_event_middle p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .next_event_both p { text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }

#month_table .prev_event_left p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .prev_event_right p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .prev_event_middle p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }
#month_table .prev_event_both p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 4px 2px 4px; color: #000000; border: 1px solid #696969; }

#month_table .spacer p { font-size: 9px; padding: 1px; margin: 2px 0px 2px 0px; background-color: transparent; color: #FFFFFF; border: 1px solid transparent; }

#event_data { padding: 0px 5px 0px 0px; text-align: left; vertical-align: top; }
#event_data_container { border: 1px solid #696969; border-right-width: 2px; border-bottom-width: 2px;  margin: 0px 0px 0px 0px; padding: 10px 5px 20px 5px; }
#event_data_container h1 { font-size: 15px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #696969; }
#event_data_container p { font-size: 11px; color: #696969; margin-bottom: 0px; }
#event_data_container #actions { text-align: right; }
#event_data_container #actions a { margin-left: 5px; }

#event_form_container { border: 1px solid #696969; border-right-width: 2px; border-bottom-width: 2px;  margin: 0px 0px 0px 0px; padding: 10px 5px 20px 5px; }
#event_form_container h1 { font-size: 15px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #696969; }

#colour_picker { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.colour_over { cursor: pointer; border: 1px solid #696969; }
.colour_out { border: 1px solid #FFFFFF; }
#chosen_colour { color: #000000; font-size: 10px; padding: 3px; text-align: center; vertical-align: middle; }

.white { background-color: #FFFFFF; border: 1px solid #CCCCCC; }
.grey { background-color: #CCCCCC; border: 1px solid #CCCCCC; }
.red { background-color: #CC9999; border: 1px solid #CCCCCC; }
.yellow { background-color: #CCCC99; border: 1px solid #CCCCCC; }
.green { background-color: #99CC99; border: 1px solid #CCCCCC; }
.blue { background-color: #99CCCC; border: 1px solid #CCCCCC; }
.purple { background-color: #9999CC; border: 1px solid #CCCCCC; }
.pink { background-color: #CC99CC; border: 1px solid #CCCCCC; }

/* month table (swmall) */
#small_calendar { text-align: left; vertical-align: bottom; padding: 0px 0px 0px 10px; }
#nav_table { border: 1px solid #CCCCCC; font-family: Verdana, Helvetica, Arial, Verdana, Serif; margin-bottom: 20px; }
#nav_table .month_names h1 { font-size: 10px; font-weight: normal; padding: 0px; margin: 5px 0px 5px 0px; }
#nav_table .day_names td { font-size: 10px; color: #696969; padding: 4px; border: 1px solid #CCCCCC; border-left: 0px; border-bottom: 0px; text-align: center; }
#nav_table .day_row td { border: 1px solid #CCCCCC; color: #999999; border-left: 0px; border-bottom: 0px; text-align: center; vertical-align: top; padding: 0px; font-size: 10px; }
#nav_table .day_row .date { font-size: 10px;text-align: center; padding: 2px; margin: 0px; }
#nav_table .day_row .day_over { cursor: pointer; background-color: #FFFFCC; }
#nav_table .today_link { border-top: 1px solid #CCCCCC; padding-top: 2px; font-size: 9px; }

/*	javascript calendar popup
---------------------------------- */

/* the div that holds the date picker calendar */
.dpDiv {}

/* the table (within the div) that holds the date picker calendar */
.cardTable { font-family: Verdana, Helvetica, Arial, Verdana, Serif; font-size: 10px; text-align: center; color: #FFFFFF; background-color: #E3E6EB; border: 2px solid #8496AB; width: 300px; }
.dpTable { font-family: Verdana, Helvetica, Arial, Verdana, Serif; font-size: 10px; text-align: center; color: #8496AB; background-color: #E3E6EB; border: 1px solid #8496AB; width: 200px; }

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD { border: 1px solid #ece9d8; }

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; }

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover { background-color: #aca998; border: 1px solid #888888; cursor: pointer; color: red; }

/* the table cell that holds the name of the month and the year */
.dpTitleTD {}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: #8496AB; }

/* additional style information for the text that indicates the month and year */
.dpTitleText { font-size: 12px; color: gray; font-weight: bold; }

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight { color: #4060ff; font-weight: bold; }

/* the forward/backward buttons at the top */
.dpButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; padding: 0px; border: 1px solid #8396AB; cursor: pointer; }

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; border: 1px solid #8396AB; cursor: pointer; }