/* The sky-light calendar skin ;)*/
div.calendar {
  position:relative;
  margin-top:2px;
}
.calendar, .calendar table {
  font-size:12px;
  color: #222222;
  cursor: default;
  background: #FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.3em;
}
.calendar table {
  border-bottom:2px solid #003E71;
  border-right:2px solid #003E71;
  border-top:1px solid #003E71;
  border-left:1px solid #003E71;
}
.calendar .button, .calendar .nav {
  text-align:center;
  background:#F4F7FC;
}
.navpjahr, .navpmon, .navnjahr, .navnmon, .navheute {
  border-top:1px solid #8FC4E8;
  background-color:#def;
  text-align:center;
  padding:0px 1px 3px 1px;
}
.navpmon {
  background:#def url(arrow.gif) no-repeat 75% 100%;
}
.navnmon {
  background:#def url(arrow.gif) no-repeat 35% 100%;
}
.navinfo {
  background:#F4F7FC url(info.gif) no-repeat 0px 0px;
}
.navclose {
  background:#F4F7FC url(close.gif) no-repeat 100% 0%;
}
.calendar thead .title {
  font-weight:bold;
  text-align:center;
  color:#003E71;
  background:#F4F7FC;
  font-size:12px;
  padding:2px 0px 2px 0px;
}
.calendar thead tr {
  background:#FFFFFF;
  color:#003E71;
  font-size:11px;
}
.calendar thead .daynames {
  background:#ffffff;
}
.calendar thead .name {
  border-bottom:1px solid #8FC4E8;
  border-top:1px solid #8FC4E8;
  padding:2px 1px 2px 1px;
  text-align:center;
  color:#003E71;
}
.calendar thead .weekend {
  color:#217bc1;
}
.calendar thead .hilite {
  background-color:#cde;
  font-weight:bold;
}
.calendar thead .active {
  background-color:#cde;
}
.calendar tbody .day {
  width:2.0em;
  color:#003E71;
  text-align:center;
  padding:1px;
}
.calendar tbody .day.othermonth {
  font-size:80%;
  color:#bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color:#8FC4E8;
}
.calendar table .wn {
  border-right:1px solid #8FC4E8;
  background:#FFFFFF;
}
.calendar tbody .rowhilite td {
  background:#f4f7fc;
}
.calendar tbody .rowhilite td.wn {
  background:#f4f7fc;
}
.calendar tbody td.hilite {
  background:#def;
  border:1px solid #8FC4E8;
  padding:0px;
}
.calendar tbody td.active {
  background:#cde;
  border:1px solid #8FC4E8;
  padding:0px;
}
.calendar tbody td.selected {
  font-weight:bold;
  border:1px solid #003E71;
  padding:0px;
  background:#fff;
  color:#003E71;
}
.calendar tbody td.weekend {
  color:#217bc1;
}
.calendar tbody td.today {
  font-weight:bold;
  color:#F8BA00;
}
.calendar tbody .disabled { color:#999; }
.calendar tbody .emptycell {
  visibility:visible;
}
.calendar tbody .emptyrow {
  display:none;
}
.calendar tfoot .footrow { 
  text-align:center;
  background:#FFFFFF;
  color:#555555;
  font-size:10px;
}
.calendar tfoot .ttip {
  background:#f4f7fc;
  color:#838B8B;
  border-top:1px solid #8FC4E8;
}
.calendar tfoot .hilite {
  background:#B8DAF0;
  border:1px solid #178AEB;
  color:#217bc1;
  padding:1px;
}
.calendar tfoot .active {
  background:#006AA9;
  padding:2px 0px 0px 2px;
}
.calendar .combo {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  width:4em;
  cursor:default;
  border:1px solid #8FC4E8;
  background:#f4f7fc;
  color:#217bc1;
  font-size:90%;
  z-index:100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align:center;
  padding:1px;
}
.calendar .combo .label-IEfix {
  width:4em;
}
.calendar .combo .hilite {
  background:#def;
  font-weight:bold;
  color:#217bc1;
  padding:1px 0px 1px 0px;
}
.calendar .combo .active {
  border-top:1px solid #8FC4E8;
  border-bottom:1px solid #8FC4E8;
  background:#ffffff;
  font-weight:bold;
  padding:0px;
}
.calendar td.time {
  border-top:1px solid #8FC4E8;
  padding:1px 0px;
  text-align:center;
  background-color:#E3F0F9;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding:0px 3px 0px 4px;
  border:1px solid #8FC4E8;
  font-weight:bold;
  background-color:#F4F7FC;
  color:#003E71;
}
.calendar td.time .ampm {
  text-align:center;
}
.calendar td.time .colon {
  padding:0px 2px 0px 3px;
  font-weight:bold;
}
.calendar td.time span.hilite {
  border-color:#217bc1;
  background-color:#217bc1;
  color:#fff;
}
.calendar td.time span.active {
  border-color:red;
  background-color:#8FC4E8;
  color:#003E71;
}