/*
 * Styles for example-05.html
 * Moved to an external file to help keep
 * the focus of example-05 on subclassing.
 */

  /***** xbCalendar widget style classes *****/

  /* Styles for the calendar table */
  table.cal-calendar {
    border: 1px solid #47a;
    border-left: none;
  }

  /* a simple way to specify styles for all cells */
  table.cal-calendar tbody tr td {
    border-top: 1px solid #47a;
    border-left: 1px solid #47a;
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
  }

  /* a simple way to specify styles for all links */
  table.cal-calendar tbody tr td a {
    display: block;
    padding: 0.25em;
    width: 2em;
  }

  /* a simple way to specify styles for all links */
  table.cal-calendar tbody tr td a {
    font: normal 12px Arial, helvetica, sans-serif;
    text-decoration: none;
  }

  /* Styles for the calendar's caption */
  caption.cal-caption {
    color: #000;
    font: bold 14px Arial, sans-serif;
  }

  /* Styles for the day-name headers */
  th.cal-header {
    background-color: #47a;
    color: #fff;
    font: bold 11px Arial, helvetica, sans-serif;
    text-align: center;
    width: 2em;
  }

  /* Shared styles for date and currentDate cells */
  td.cal-date,
  td.cal-currentDate {
    background-color: #69c;
  }

  /* Additional styles for current date */
  td.cal-currentDate {
    background-color: #d1e1f0;
  }

  /* Styles for offDate cells */
  td.cal-offDate {
    background-color: #ccc;
  }


  /***** xbCalendar widget link styles *****/

  /* Styles for dateLinks and currentDateLinks */
  a.cal-dateLink:link,
  a.cal-dateLink:visited,
  a.cal-currentDateLink:link,
  a.cal-currentDateLink:visited {
    color: #000;
  }

  /* Styles for offDateLinks */
  a.cal-offDateLink:link,
  a.cal-offDateLink:visited {
    color: #999;
  }

  /** Hover! **/

  a.cal-dateLink:hover {
    background-color: #d1e1f0;
    color: #000;
  }

  a.cal-currentDateLink:hover {
    background-color: #fff;
    color: #000;
  }

  a.cal-offDateLink:hover {
    background-color: #999;
    color: #fff;
  }

  /** Example page styles **/
  html, body      { background-color: #fff; color: #000; }
  a:link          { color: blue; }
  a:visited       { color: purple; }
  span#datespan   { font-weight: bold; margin-left: 1em; }
  td#example-cell { padding-right: 20px; }
  td#nav-cell     { background: #eee; }