/* There are two calendars - the popup for date fields and the gig calendar */

/*gig calendar stuff*/

/* clear:right - So that its displays under tall flyers on singlegig pages */
table.calendar { font-family: arial, verdana, sans serif; border: 2px solid #666; clear: right; width: 100%; margin: 0px !important; }
table.calendar td { border: 1px solid #666562; background: #eee; color: black; width: 14.286%}
table.calendar td.calendar-title { text-align: center; font-family: tahoma;}
table.calendar td.calendar-day-title { text-align: center; font-size: small; background: #414141; font-weight: bold;}
table.calendar td.calendarHeader { height: 30px; line-height: 30px;  vertical-align: top;  text-align: center;  color: #000000;  padding: 0px; background: #cca; font-weight: bold; font-size: 1.5em;}
table.calendar td.calendarSubheader { height: 20px;  line-height: 20px; vertical-align: top; text-align: center; color: #000000; padding: 0px; background: #eec; font-weight: bold; font-size: 1.3em;}
table.calendar td.calendar-day, table.calendar td.calendar-outmonth-day { height: 7em; vertical-align: top; text-align: center; color: #666; padding: 0px;}
table.calendar td.calendar-day-number { background: #ddd;}
table.calendar td.calendar-content { padding: 2px; font-size: x-small; color: #000000;}
table.calendar td.calendar-outmonth-day {color: #666; font-style: italic; background: #cccccc;}
table.calendar td.calendarToday {background-color: #ddd; text-align: center; color: #000;}
table.calendar td.calendarSelectedday {background-color: #eec; text-align: center;}
table.calendar a { color: #000;}
table.calendar a.normal_gig, .calendar span.normal_gig{ font-weight:bold; color: #009; }
table.calendar a.normal_gig:visited { color: #828; }
table.calendar a.organising_gig, table.calendar span.organising_gig { font-weight:bold; color: #880000; }
table.calendar a.playing_gig, table.calendar span.playing_gig { font-weight:bold; color: #008800; }
table.calendar a:hover { color: #44f;}

/* Date field popup */

a.cal_button { cursor: pointer;}
table.cpBorder{ border: 2px solid #888; margin: 0 !important; padding: 0;	border-collapse: collapse;	background-color: #fff;}
table.cpBorder table, table.cpBorder table tr td {margin: 0 !important; padding: 0; border-collapse: collapse; width:	 200px;}
table.cpBorder td.cpMonthTitle,
table.cpBorder td.cpMonthNavigation
{ 	background-color:#cca;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:black;
	font-weight:bold;
	padding: 4px;}
table.cpBorder td.cpMonthNavigation { width: 3em; }
table.cpBorder a { color: black !important; }
table.cpBorder a:hover { color: blue; text-decoration: none;}
table.cpBorder .cpDayColumnHeader,
table.cpBorder .cpCurrentMonthDate,
table.cpBorder .cpCurrentMonthDateDisabled,
table.cpBorder .cpOtherMonthDate,
table.cpBorder .cpOtherMonthDateDisabled,
table.cpBorder .cpCurrentDate,
table.cpBorder .cpCurrentDateDisabled,
table.cpBorder .cpTodayText,
table.cpBorder .cpTodayTextDisabled,
table.cpBorder .cpText
{ 	font-size:12px;
	text-align: center;
	color: black;
	}

table.cpBorder td.cpDayColumnHeader
{ 	text-align:right;
	border-bottom:solid 1px #35353A;
	background-color: #eec;}

table.cpBorder .cpCurrentMonthDate,
table.cpBorder .cpOtherMonthDate,
table.cpBorder .cpCurrentDate
{ 	text-align:right;
	text-decoration:none;}

table.cpBorder .cpCurrentMonthDateDisabled,
table.cpBorder .cpOtherMonthDateDisabled,
table.cpBorder .cpCurrentDateDisabled
{ 	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;}

table.cpBorder .cpCurrentMonthDate
{ 	color:black;
	font-weight:bold;}

table.cpBorder .cpCurrentDate
{ 	color: black;
	font-weight:bold;}

table.cpBorder .cpOtherMonthDate
{ 	color:#808080;}

table.cpBorder td.cpCurrentDate
{ 	color: black;
	background-color: #ddd;
	border: 1px solid #888;}

table.cpBorder td.cpCurrentDateDisabled
{ 	border: 1px solid #FFAAAA;}

table.cpBorder td.cpTodayText,
table.cpBorder td.cpTodayTextDisabled
{ 	border-top: 1px solid #35353A;}

table.cpBorder a.cpTodayText
{ 	font-weight:bold; color: black;}

span.cpTodayTextDisabled
{ 	color:#D0D0D0;}


