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

/* month table (large) */
#month_table { border: 1px solid #696969; font-family: Verdana, Helvetica, Arial, Verdana, Serif; margin-bottom: 20px; width: 683px; }
#calendar_container { width: 640px; }
#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 !important; 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 p { font-size: 10px; color: #000000; padding: 0px 3px 0px 3px; }
/*

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

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

#month_table .prev_event_left p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 0px 2px 0px; color: #000000; border: 1px solid #696969; }
#month_table .prev_event_right p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 0px 2px 0px; color: #000000; border: 1px solid #696969; }
#month_table .prev_event_middle p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 0px 2px 0px; color: #000000; border: 1px solid #696969; }
#month_table .prev_event_both p { color: #CCCCCC; text-align: center; font-size: 9px; padding: 1px; margin: 2px 0px 2px 0px; 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; }

.groups { background-color: #BE9074; border: 1px solid #CCCCCC; }
.singles { background-color: #559CCB; border: 1px solid #CCCCCC; }
.corporate { background-color: #C5BE9C; border: 1px solid #CCCCCC; }
.passage_makers { background-color: #76B9C9; 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; }



/*	CALENDAR */

/* 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;
	}