/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* calendar CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

input.calendar,
select.calendar {
  width: 130px;
}

button.calendar {
  
  width:0px; height:0px;margin:0px;padding:0px;
  visibility:hidden;
}
button.calendar:hover,
button.calendar.active {}

div.calendar {
  background-color:white;
  border:1px solid black;
  height: 175px;
  padding: 0 12px;
  text-align: center;
  width: 147px;
}
div.calendar * {
  margin: 0;
  padding: 0;
}
div.calendar div {
  background: none !important;
  cursor: move;
  height: 165px;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
  width: 147px;
}

div.calendar caption {
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  text-align: center;
  width: 100%;
  padding-bottom:4px;
}
div.calendar caption a {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 10px;
  height: 20px;
  width: 20px;
  line-height:20px;
  text-align:center;
  vertical-align:middle;
  color:#b6006a;
}
div.calendar caption a.prev {
  background-image: url(calendar-prev.gif);
  left: 1px;
}
div.calendar caption a.next {
  background-image: url(calendar-next.gif);
  right: 1px;
}
div.calendar caption a:hover {
  background-position: 0 11px;
}
div.calendar caption span {
  height: 25px;
  position: relative;
  text-align: center;
}
div.calendar caption span.month {
  padding-right: 8px;
}
div.calendar caption span.month:after {
  content: ',';
}

div.calendar table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  cursor: default;
  margin: 0 auto;
  overflow: hidden;
  width: 147px;
}
div.calendar td,
div.calendar th {
  border: 0;
  color: #999;
  font: normal 12px Arial, Helvetica, sans-serif;
  height: 19px;
  text-align: center;
  vertical-align:middle;
  width: 21px;
}
div.calendar td {
  color: #333;
  font-size: 11px;
  padding-right: 5px;
  text-align: right;
  width: 16px;
}
div.calendar td.invalid {
  color: #666;
}
div.calendar td.valid {
  color: #b6006a;
  cursor: pointer;
}

div.calendar caption a:hover,
div.calendar td.active,
div.calendar td.hover {
  font-weight:bold;
  background-color:#bebebe;
  cursor: pointer;
}