/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; margin-bottom:25px;}

.calendar, .calendar table {
  border: 1px solid #000000;
  font-size: 12px;
  color: #fff;
  cursor: default;
  font-family: tahoma,verdana,sans-serif;
  margin-left:auto;margin-right:auto;
  width:208px;
}

.unit-calendar-control {
  margin-top: 18px;
}

.type-home-page .unit-calendar-control {
	background-image:url(../images/homepage_calendar_bg.jpg);
	background-repeat:no-repeat;
}
.type-home-page .unit-calendar-control {
  margin-top: 39px;
}

.calendar-controls {
  text-align: center;
  margin: 0;
  padding: 4px 0 0;
  position: relative;
}
.calendar-controls .monthlink {
  position: absolute;
  top: 3px;
  font-size:120%;
}
.calendar-controls .previous {
  left: 10px;
}
.calendar-controls .next {
  right: 10px;
}
.calendar th { height:28px; font-size: 11px; text-align: center; }

.calendar td { height:20px; width:30px; text-align:center; border: none; }

.calendar tbody td.has-results {
  background-image:url(../images/calendar_spot-large.png);
  background-position:-1px 0px;
}
.production-calendar .calendar tbody td.has-results {
  background-position:0px 0px;
}

.calendar tbody td.next-month.has-results {
	background: none;
}

.calendar tbody td.has-results a {
  text-decoration:none;
  color:#fff;
}
div#perf_rhs .calendar-controls a {
	color: #fff;
}

.production-calendar {
	background-image:url(../images/performance_calendar_bg.png);
	background-repeat:no-repeat;
	font-family: tahoma, verdana, sans-serif;
}

.production-calendar .calendar-controls {
	font-size: 12px;
	font-weight: bold;
	height: 24px;
}
.production-calendar .calendar-controls strong {
	position: relative;
	top: 5px;
}
.production-calendar td {
	width: 30px;
}
.production-calendar td.previous-month,
.production-calendar td.next-month {
	color: #000;
}
.production-calendar td.previous-month,
.production-calendar td.next-month {
	visibility: hidden;
}
.production-calendar .calendar {
	width: 220px;
	border: none;
	margin: 0;
	margin-bottom: 25px;
}
.production-calendar .calendar table {
	width: 220px;
	border: none;
}
.venue_peacock-theatre .production-calendar tbody td.has-results {
	background-image: url(../images/calendar_spot-large-blue.png);
	background-position:0px 0px;
	color: #ffffff;
}

a.monthlink { color:#fff; text-decoration:none;}
a.monthlink:hover { color:#ef3322; }


a.bigmonthlink { color:#fff; text-decoration:none; font-size:120%; }
a.bigmonthlink:hover { color:#ef3322; font-size:120%;}

/*stuff for 'full screen' calendar*/

.bigcalendar, .bigcalendar table {
  border: 1px solid #000000;
  font-size: 11px;
  color: #fff;
  cursor: default;
  background: #000000;
  font-family: tahoma,verdana,sans-serif;
  margin-left:auto;margin-right:auto;
  width:100%;
}

.bigcalendar table {
  background-image:url(../images/calendar_bg.gif);
  background-repeat:no-repeat;
}

a.bigmonthlink { color:#ef3322; text-decoration:none; font-weight:normal;}
a.bigmonthlink:hover { background-color:#ef3322; color:#ffffff; text-decoration:none;}

.bigcalendar tbody td { 
	vertical-align:bottom;
	font-size:120%;
	background-color:#fff;
	color:#000;
	width:130px; height:130px;
}

.bigcalendar tbody td.empty {
	background-color:#333;
	
}


td div a.full { text-decoration:none; color:#000;  }
td div a.full:hover { text-decoration:none; color:#fff; background-color:#EF3322;  }

.bigcalendartop, .bigcalendartop table {
  border: 1px solid #000000;
  font-size: 11px;
  color: #fff;
  cursor: default;
  background: #000000;
  font-family: tahoma,verdana,sans-serif;
  margin-left:auto;margin-right:auto;
  width:100%;
  border-top:1px solid #3f3f3f;
  border-bottom:1px solid #3f3f3f;
  margin-bottom:40px;margin-top:40px;
}

.bigcalendartop table {
  background-image:url(../images/calendar_bg.gif);
  background-repeat:no-repeat;
}

.bigcalendartop tbody td { 
	height:120px; 
	vertical-align:bottom;
	font-size:120%;
	background-color:#fff;
	color:#000;
	width:14%;
}

.bigcalendartop tbody td.empty {
	background-color:#333;
	
}

.bigcalendar .daylabels { padding-bottom:12px; }

.bigcalendartop thead th a { color:#ef3322; }

.bigcalendartop a { color:#ef3322;}

.area-days-performances {
  display: none;
}

#mainpanels #rhs_panel .calendar {
  background: none;
  margin: 0 0 18px;
}