/* $Id$ */

table.holidays-calendar {
  border-collapse: collapse;
}

/* When we print out a calendar and hang it on the wall we don't
   want to highlight 'today'... because the day we printed out
   this sheet of paper is irrelevant. */
@media screen {
  td.today {
    background: #d9d9d9;
  }
}

td.day {
  padding: 0.2em;
  border: 1px solid #000;
  vertical-align: top;
  width: 14%;
  height: 130px;
}

th.day-header {
  text-align: center;
  font-weight: bolder;
  font-size: smaller;
  border: 1px solid #000;
}

td.empty-day {
  border: 1px solid #000;
}

.native-number {

}

.gregorian-number {
}

.month-name {
  font-size: smaller;
}

.holiday-name {
  padding-top: 0.6em;
  font-size: smaller;
  color: #f00;
  font-weight: bold;
}

/*
  The following 4 colors were taken from "Jewish Calendar for Linux"
    by Refoyl Finkl
*/
td.taanit {

}
td.shabat {

}
td.khol {

}
td.spec {

}

td.omer {

}

/* Put the gregorian number 'farther' on the box. This depends
   on the directionality of the page. */
html.rtl .gregorian-number {
  display: block;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.36;
}
html.rtl .native-number {
}
html.ltr .gregorian-number {
  float: right;
}
html.ltr .native-number {
}
@media screen and (max-width: 450px) {
  .native-number{
    font-size: 14px;
    word-break: break-word;
  }
}

/* Some adjustemenet for the print media:
   - make the table cells higher so that we have room to scribble inside in pencil.
   - use light grey colors for the holidays, because else they may end up too dark.
*/
@media print {

  td.day {
    width: 6em;
    height: 8em;
  }

  .native-number {
    font-size: 0.5em;
    color: #000;
  }

  td.spec, td.taanit, td.shabat, td.khol, td.omer {
    background-color: #f0f0f0;
  }

}