:root {
  --def-font-size: 16px;
  --def-font-family: sans-serif;

  --box-default-color: #888888;

  --bgcolor: #ffffff;
  --bgimage: /img/bg.png;
  --bgrepeat: repeat fixed center;
  --captions: #B04040;
  --cellbg: #d5e0f5;
  --fonts: Arial, Helvetica, sans-serif;
  --h2color: #000000;
  --haseventsbg: #ffff33;
  --minicalfont: 11px;
  --minicalwidth: 160px;
  --myevents: #006000;
  --othermonthbg: #d0d0d0;
  --popupfg: #000000;
  --popupbg: #b8cbec;
  --tablebg: #000000;
  --textcolor: #000000;
  --thbg: #b8cbec;
  --thfg: #000000;
  --todaycellbg: #b8cbec;
  --weekendbg: #a0cbec;
  --weeknumber: #ff6633;
}
#month #nextmonth {
  float: right;
}
#month #prevmonth {
  float: left;
}

#minicalendar table {
  width: 10em;
}

/* Only present when the date selectors are rendered below the calendar. */
#dateselector {
  border-top: 0.0625em solid var(--tablebg, #000000);
}

body {
  background-image: url( '<php echo $GLOBALS['BGIMAGE'];?>' );
  background-repeats: 'repeat fixed center' );
}
.popup {
  background: var(--popupbg, #b8cbec) url( includes/gradient.php?base=b8cbec&height=200 ) repeat-x;}
.main th,
.main th.weekend {
  background: var(--thbg, #b8cbec) url( includes/gradient.php?base=b8cbec&height=15 ) repeat-x;}
.main td {
  background: var(--cellbg, #d5e0f5) url( includes/gradient.php?base=d5e0f5&height=100 ) repeat-x;}
.main td.weekend {
  background: var(--weekendbg, #a0cbec) url( includes/gradient.php?base=a0cbec&height=100 ) repeat-x;}
.main td.hasevents {
  background: var(--haseventsbg, #ffff33) url( includes/gradient.php?base=ffff33&height=100 ) repeat-x;}
.main td.othermonth {
  background: var(--othermonthbg, #d0d0d0) url( includes/gradient.php?base=d0d0d0&height=100 ) repeat-x;}
.main td.today, #datesel td #today {
  background: var(--todaycellbg, #b8cbec) url( includes/gradient.php?base=b8cbec&height=100 ) repeat-x;}
#admin .main td.weekcell,
#month .main td.weekcell,
#pref .main td.weekcell,
#viewl .main td.weekcell {
  background: var(--thbg, #b8cbec) url( includes/gradient.php?base=b8cbec&height=50 ) repeat-x;}
.glance td,
.note {
  background: var(--cellbg, #d5e0f5) url( includes/gradient.php?base=d5e0f5&height=50 ) repeat-x;}
#viewt .main th.weekend {
  background: var(--weekendbg, #a0cbec) url( includes/gradient.php?base=a0cbec&height=15 ) repeat-x;}
#login table,
#register table {
  background: var(--cellbg, #d5e0f5) url( includes/gradient.php?base=d5e0f5&height=200 ) repeat-x;}
#securityAuditNotes {
  background: var(--cellbg, #d5e0f5) url( includes/gradient.php?base=d5e0f5&height=150 ) repeat-x;}
#viewt td.entry {
  background: var(--thbg, #b8cbec) url( includes/gradient.php?base=b8cbec&height=10 ) repeat-x;}
#minicalendar th,
#minicalendar td {
  font-size: 0.6875em;
}