/*
 *  default event calendar styles
 */

.calendar td, .calendar th { vertical-align: top }
.calendar th { text-align: center; white-space: nowrap }

.calendar { position: relative }

.calendar table.monthly { width: 100% }
.calendar table.monthly a, table.monthly span { font-size: smaller }

.calendar table.monthly th.date a { font-size: 100% }
.calendar table.monthly td, .calendar table.monthly th { border: 1px solid #999 }
.calendar table.monthly td { height: 65px; width: 14% }
.calendar table.monthly td.today { border-color: #f77; color: #f33 }
.calendar table.monthly td.empty { border-color: transparent }

* html .calendar table.monthly td.empty { border-color: white }

.eb0 { background-color: #ffdddd }
.eb1 { background-color: #ddebff }
.eb2 { background-color: #f9ffdd }
.eb3 { background-color: #f8ddff }
.eb4 { background-color: #ddffea }

body.eventview { padding: 1em 2em }
body.eventview h1 { font-size: 120% }
body.eventview h2 { font-size: 110% }
body.eventview p.closer { margin-top: 2em; text-align: right }

.event.popover div.purchase {
  min-width: 400px;
  border-width: 1px;
  border-style: solid;
  border-color: #333 #666 #666 #333;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  padding: 0.3em 0.5em;
}

.event.popover div.purchase .item {
  padding: 0.2em 0;
}

.event.popover.dateselector {
  width: 222px;
}

.event.popover.dateselector div.monthselect {
  margin: 20px 0 5px 0;
}

.event.popover.dateselector div.monthselect div {
  float: left;
  height: 20px;
  width: 50px;
  margin: 1px;
  border: 1px solid #aaa;
  background-color: white;
  text-align: center;
}

* html .event.popover.dateselector div.monthselect div { width: 46px }

.event.popover.dateselector div.monthselect div.selected { border-color: #f77 }
.event.popover.dateselector div.monthselect div.selected a { color: #f33 }

.event.popover.dateselector form {
  margin: 0;
  padding: 2px 2px 4px 2px;
  text-align: right;
}

.event.popover.dateselector input.button {
  border: 1px solid #aaa;
  background-color: white;
}

.event.popover input.button:hover { background-color: #eee }
.event.popover input.small, .event.popover input.close { font-size: smaller }
.event.popover input.small { width: 8em }
.event.popover input.close { height: 1.5em; width: 1.2em; line-height: 1em }

/* .indievent { white-space: nowrap } */

.indievent .viewlink {
  display: table-cell;
  padding-left: 20px;
  background: url("/common/resources/openbox.gif") 0 1.5mm no-repeat;
  white-space: normal;
}

.indievent.open .viewlink {
  background-image: url("/common/resources/closebox.gif");
}

.indievent .eventdate {
  display: table-cell;
  width: 5%;
  min-width: 6em;
}

.indievent .details {
  display: none;
  margin: 0.2em 0 0.8em 1em;
  border: 1px solid #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #aaa #aaa #ccc;
  background-color: #f7f7f7;
  padding: 0 1em 1em 1em;
}

.indievent.open .details { display: block }

.indievent form.purchase {
  border-width: 1px;
  border-style: solid;
  border-color: #aaa #ccc #ccc #aaa;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  background-color: white;
  padding: 0.3em 0.5em;
  white-space: normal;
}

.indievent .buylink { margin: 0 }