.main
  min-width: 20em
.table
  display: table
  border-collapse: collapse
.table div
  vertical-align: middle
.td
  display: table-cell
  text-align: center
  padding: 0.25em
.tr
  display: table-row
.tc
  display: table-caption
  padding: 0.25em
.th
  display: table-cell
  font-variant: small-caps
  font-weight: bold
  text-align: center
  padding: 0.25em
.kind
  display: table-cell
  text-align: left
  padding: 0.25em
.kind:only-child
  text-align: center
.table .table .td, .table .table .tc, .table .table .th, .table .table .kind
  padding: 0
#messages
  list-style-type: none
  margin: 1em auto 1em 0
  padding: 0
  text-align: center
  font-weight: bold
  .formError
    color: #800
  .printSuccess
    color: #080
button
  width: 6em
  display: inline-block
.day hr
  width: 2em
  border: 1px solid #ddd
  border-style: solid none solid none
.sepBelow, .sepAbove
  border: 2px none #ddd
.sepBelow
  border-bottom-style: solid
.sepAbove
  border-top-style: solid
.color:nth-child(even)
  background-color: #f0f0f0
.color:nth-child(odd)
  background-color: #fff
body > div
  margin: 0 auto
.table > h1
  display: table-caption
nav ul
  display: block
  text-align: center
  padding: 0
  li
    display: inline-block
    font-variant: small-caps
    font-size: 1.5em
    font-weight: bold
    a
      text-decoration: underline
      color: #aaa
    a:hover
      text-decoration: none
  li.active
    a
      color: inherit
      text-decoration: none
  li::before
    content: " | "
    color: #ddd
  li:first-child::before
    content: ""
label.checkbox
  input
    vertical-align: middle
  span
    vertical-align: middle