#show_calendar {
}

.calendar {  }

h1.month-title {
	color: #dd0000;
	margin: 0 0 5px 15px;
}

.calendar table { 
  width: 100%;
  background-color: #fff;
}

.calendar td { 
	height: 42px; 
	width: 42px; 
	border: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
}

.calendar tr.monthRow td { 
	height: 25px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	background-color: #f1f1f1;
}

.calendar tr.monthRow td.month {
	width: 210px;
}

.calendar tr.dayRow td { 
	height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8pt;
	border-left: 0;
	border-right: 0;
}

.calendar tr.dateRow td { 
	background-color: #F1F1F1;
	color: #888;
	font-size: 8pt;
	font-weight: bold;
}

.calendar tr.dateRow td.emptyDate {
 	background-color: #fff;
}
	
.calendar tr.dateRow td.active a div { 
	background-color: #D9F2D3;
	color: #888;
	padding: 11px 0;
}

.calendar tr.dateRow td.active a:hover div {
	background-color: #bfe2b7;
}

.calendar_detail { 
	width: 300px;
	z-index: 500;
}

/* See http://www.dracos.co.uk/code/ie6-css-bug/ for line height in IE7 */
.calendar_detail_inner {
	line-height: 1.1em;
	background: transparent url(/media/img/wnyc/calendar-bg.gif) no-repeat bottom left; 
	padding: 10px 10px 30px;
	z-index: 600;
	zoom: 1;
}

.calendar_detail h4 { /* date */
	font-weight: normal;
	font-size: 9pt;
	color: #666;
	text-transform: uppercase;
	margin: -20px -10px 5px;
	padding: 10px 10px 0;
	background: transparent url(/media/img/wnyc/calendar-bg.gif) no-repeat top left; 
	zoom: 1;
}

.calendar_detail h1 { /* episode title */
	font-size: 13pt;
	font-weight: normal;
	color: #dd0000;
	margin: 2px 0 3px;
}

.calendar_detail h2 {
	padding: 0 9px 0 1px;
}

.calendar_detail h2 a { /* segment titles */
	font-size: 9pt;
	color: #666;
  	font-weight: normal;
}

/* Don't mess with these. They are necessary programatically. */
.calendar tr.monthRow td.move { cursor: pointer; }
.calendar_detail { position: absolute; left: -9999px; }
.calendar tr.dateRow td.active div { width: 100%; cursor: pointer; } /* IE6 */

.episode-archive-month .calendar tr.monthRow td.move {
  text-indent: -9999px;
  /*  Only on the episode archive page, hide the calendar arrows and use the
      the episode archive nav instead so the page results refresh */
}

div.calendar-fullpage table {
    width:100%;
    /*max-width:680px;*/
    margin:10px 0 0 0;
}

div.calendar-fullpage thead tr.calendar-caption td {
    height:38px;
    background-color:black;
    color:white;
    border:none;
    font-weight:bold;
    font-size:12pt;
}

div.calendar-fullpage thead tr.calendar-caption td a {
    height:19px;
    width:12px;
}

div.calendar-fullpage thead  tr.calendar-weekdays td {
    height:29px;
    vertical-align:middle;
    text-align:center;
    text-transform:uppercase;
    background-color:#0073d5;
    border-bottom:1px solid white;
    color:white;
    border:none;
    font-size:8pt;
}

div.calendar-fullpage td.calendar-prev a,
div.calendar-fullpage td.calendar-next a {
    text-indent:-9999px;/*not working in calendar-next with text-align:right, so just display-none'ing */
    display:block;
    margin-left:15px;
    margin-right:15px;
}

div.calendar-fullpage td.calendar-prev a span,
div.calendar-fullpage td.calendar-next a span {
    display:none;
}

div.calendar-fullpage thead td.calendar-prev a  {
    background:transparent url("/media/img/greenespace/events/calendar-left.png") no-repeat top left;
}
div.calendar-fullpage thead td.calendar-next a  {
    float:right;
    background:transparent url("/media/img/greenespace/events/calendar-right.png") no-repeat top right;
}
div.calendar-fullpage tfoot td.calendar-prev a  {
    background:transparent url("/media/img/greenespace/events/calendar-left-small.png") no-repeat top left;
}
div.calendar-fullpage tfoot td.calendar-next a  {
    float:right;
    background:transparent url("/media/img/greenespace/events/calendar-right-small.png") no-repeat top right;
}

div.calendar-fullpage tfoot tr.calendar-footspacer td {
    /*weird, but necessary, to get the space in between tbody and tfoot
      without showing 'teeth' between colspan'd cells
     */
    background-color:white;
    height:5px;
    border-top:0px;
    border-bottom:0px;
}

div.calendar-fullpage tfoot tr.calendar-caption td {
    height:24px;
    background-color:black;
    border:none;
}

div.calendar-fullpage tfoot tr.calendar-caption td a {
    height:12px;
    width:8px;
}

div.calendar-fullpage tfoot tr.calendar-caption td.monthtitle {
    color:black;
}



div.calendar-fullpage tbody  td {
    background-color:#e5e5e5;
    min-height:39px;
    text-align:left;
    vertical-align:top;
    min-width:94px;
    border-top:2px solid white;
    border-bottom:none;
    padding:5px 7px 13px 7px;
    font-size:10pt;
    line-height:1.3;
}

div.calendar-fullpage tbody  td.other_month {
    background-color:#dbdad9;
}

div.calendar-fullpage td .calendar-day {
    font-size:15pt;
    color:#5f605f;
    padding:0;
}
div.calendar-fullpage td.other_month .calendar-day {
    color:#adaeaf;
}

div.calendar-fullpage .event-item {
    margin-top:6px;
}

div.calendar-fullpage a.event-link {
    text-decoration:none;
    color:inherit;
    display:block;
    margin-bottom:5px;
}

div.calendar-fullpage a.event-link:hover {
    text-decoration:underline;
}

div.calendar-fullpage .event-time {
    color: #0073d5;
    display:block;
    font-weight:bold;
}

div.calendar-fullpage .tickets-msg {
    padding:3px 7px 3px 7px;
    text-transform:uppercase;
    border-radius: 2px;
    -moz-border-radius: 2px;
    font-size:80%;
}

div.calendar-fullpage a.tickets-buy {
    background-color:#f47628;
    color:white;
}

div.calendar-fullpage .tickets-free {
    background-color:#2fa9da;
    color:white;
}
div.calendar-fullpage .tickets-soldout {
    background-color:white;
    color:#b3b3b3;
}
/*today*/
div.calendar-fullpage td.today0 {
    background-color:#f4f4f4;
}
/*past events*/
div.calendar-fullpage td.today-1 .event-item {
    opacity:0.6;
}

div.calendar-fullpage td.today-1 .tickets-free {
    display:none;
}