html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; overflow: hidden; }

   table {
      width: 100%;
      /* border-collapse: collapse; */
      border: solid 1px #b19d87;
      empty-cells: hide;
      margin-bottom: 3px;
      font-family: helvetica, arial;
      font-size: 12px;
   }

   table caption {
      border-left: solid 1px #90775f;
      border-top: solid 1px #90775f;
      border-right: solid 1px #90775f;
   }

   table a, .day_header a {
      display: block;
      text-decoration: none;
      color: #90775f;
      border: solid 1px white;
   }

   table a:hover, table td a:hover {
      color: white;
      background-color: #b19d87;
   }

   table caption a {
      background-color: #e2d3c5;
      color: #90775f;
      padding: 3px;
      font-size: 14px;
      font-weight: bold;
   }

   table caption, table tr th, table tr td {
      background-color: white;
      padding: 0px;
   }

   table tr th a, table tr td a { padding: 2px 3px 2px 2px; }

   table tr th, .day_header { border: solid 1px #dccdb9; }

   .day_header { margin: 6px; min-height: 50px; }

   .day_header span { margin: 0px 1px 1px 1px; border: solid 1px #f1e8df; font-size: 12px; padding: 3px; float: left; display: block;}

   table tr th a, .day_header_link {
      background-color: #f1e8df;
      color: #90775f;
      font-size: 14px;
      font-weight: bold;
   }

   .day_header_link { padding: 4px; }

   table tr .weeknums a { font-size: 12px; }

   table tr .weeknums_th { color: #b19087; }

   table tr td {
      border: solid 1px #e4dace;
      text-align: right;
   }

   table tr td a {
      display: block;
      text-decoration: none;
      background-color: #faf7f4;
   }

   table tr .saturday, table tr .saturday a, .saturday a { color: blue; }

   table tr .sunday, table tr .sunday a, .sunday a { color: red; }

   table tr .saturday a:hover { color: white; }

   table tr .sunday a:hover { color: white; }

   table tr .weekday a { color: #b19d87; }

   table tr .weekday a:hover { color: white; }

   table tr .empty {
      border-width: 0px;
      background-color: white;
   }

   a:focus, a:active { outline: none; }

   .calendar_selection { border: solid 1px #b19d87; }

   .today { border-color: red; }

   pre {
      width: 800px;
      float: left;
      border: solid 1px gray;
      height: 100%;
      overflow: scroll;
   }

   #calendar_main_container {
      width: 230px;
      margin: 1px;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      position: relative;
      float: left;
   }

   #calendar_container { padding: 3px; }

   #calendar_toolbar {
      /* display: none;
      position: absolute;
      top: 0px;
      left: 0px; */
      float: left;
      padding: 10px;
      text-align: center;
      /* width: 220px; */
      background-color: gainsboro;
   }

   button { width: 50px; }

   #details {
      float: left;
      border: solid 1px red;
      clear: right;
   }

   .month_calendar { height: 100%; border-width: 0px; }
   .month_calendar tr td { vertical-align: top; overflow: auto; }