/*
---------------------------------------------

File :       /css/calendar.css
Title :      Highland Experience Calendar CSS File
Author :     Derek Smith, adamantean ltd.
URL :        http://www.adamantean.com

Created :    05/02/2010 DSAD

---------------------------------------------
*/

div#calendarkey {
  float: right;
  margin-left: 20px;
  border: 2px solid #2E3192;
  padding: 8px 10px 10px 10px;
}

div.keybox {
  float: left;
  clear: left;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #2E3192;
  margin: 1px 5px 0 0;
}

form#tourcalendar {
}

div#calendar, div#calendarboxout {
  background: #2E3192;
  display: inline;
  float: left;
  padding: 2px;
  width: 224px;
}

div#calendarboxout {
  width: 182px;
}

div#calendarboxout {
  padding: 4px;
}

div#calendarheader {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}

div#calendarheader a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding: 0 3px;
}

ul.calendar {
  margin: 0;
  padding: 0;
}

ul.calendar li {
  height: 30px;
  width: 30px;
  float: left;
  list-style-type: none;
  border: 1px solid #2E3192;
  background: #ffffff;
  color: #666666;
}

div#calendarboxout ul.calendar li {
  height: 24px;
  width: 24px;
}

ul.calendar li.heading {
  height: 15px;
  overflow: hidden;
  background: #2E3192;
  color: #ffffff;
  text-align: center;
}

ul.calendar li.rowstart {
  clear: left;
}

ul.calendar li a {
  display: block;
  width: 30px;
  height: 30px;
  font-weight: bold;
}

div#calendarboxout ul.calendar li a {
  width: 24px;
  height: 24px;
}

ul.calendar li a.status0, div#calendarkey div.status0 {
  background: #D2232A;
  color: #000000;
}

ul.calendar li a:hover.status0 {
  background: #E5272D;
}

ul.calendar li a.status1, div#calendarkey div.status1 {
  background: #D27E23;
}

ul.calendar li a:hover.status1 {
  background: #E58927;
}

ul.calendar li a.status2, div#calendarkey div.status2 {
  background: #3CD223;
}

ul.calendar li a:hover.status2 {
  background: #44E527;
}

ul.calendar li a.selected, div#calendarkey div.selected {
  background: #444444;
}

ul.calendar li a:hover.selected {
  background: #666666;
}

ul.calendar li a span, ul.calendar li span {
  display: block;
  padding: 5px;
  font-size: 0.8em;
  font-weight: bold;
}

div#calendarpopout {
  position: absolute;
  z-index: 150;
  background: #ffffff;
  border: 2px solid blue;
  padding: 5px;
  visibility: hidden;
}

div.calendarpopout {
  width: 350px;
}

div.calendarpopout2 {
  width: 230px;
}

div#calendarpopout em {
  color: #888888;
}