@import url("layouts/layout-3d.css");

.calendar {
  border-color: #000000;
  border-width: 1px;
  color: #ffffff;
  background-color: #000000;
  filter:alpha(opacity=80);
  opacity:0.8;
}

.calendar table {
  border-color: #000000;
}

/* Header part -- contains navigation buttons and day names. */

.calendar1 .button { /* "<<", "<", ">", ">>" buttons have this class */
  border-color: #000000;
}

.calendar1 thead .title { /* This holds the current "month, year" */
  background-color: #000000;
  color: #0;
}

.calendar1 thead .name { /* Cells <TD> containing the day names */
  border-color: #000;
  background-color: #000000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #ff0000;
}

.calendar thead .hilite,
.calendar tbody .hilite,
.calendar tfoot .hilite { /* How do the buttons in header appear when hover */
  border-color: #fff #adaa9c #adaa9c #fff;
  background-color: #fffbfe;
  color:#000000;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-color: #adaa9c #fff #fff #adaa9c;
  background-color: #dfdbce;
}

/* The body part -- contains all the days in month. */

.calendar1 tbody .rowhilite td {
  background-color: #000000;
}

.calendar tbody .rowhilite td.wn {
  background-color: #000000;
  color: #000;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  border-color: #fff #fff #fff #fff;
}

.calendar tbody td.selected { /* Cell showing selected date */
  background-color: #fffbee;
  color:#999999;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #0f00;
}

.calendar tbody td.today { /* Cell showing today date */
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  border-color: #fff #adaa9c #adaa9c #fff;
  background-color: #000000;
}

.calendar .combo .active {
  background-color: #000000;
  border-color: #a;
}

.calendar .combo .hilite {
  background-color: #0041ac;
  color: #fff;
}