/*
 * Cascading style sheet for Scott Pakin's Automatic Complaint-Letter
 * Generator.
 */

@media all {
  H1 {
    text-align:      center;
    font-weight:     bold;
    margin-top:      2em;
  }
  H1.first {
    margin-top:      0pt;
  }

  TABLE {
    border:          solid thick;
    border-collapse: collapse;
    empty-cells:     show;
    margin-top:      2em;
  }

  TABLE.align {
    border:          none;
    margin:          0px 0px 2ex 0px;
  }

  TD, TH {
    border-top:      solid thin;
    border-left:     solid thin;
    border-right:    solid thin;
    padding:         0.5em;
    vertical-align:  middle;
  }
  TD {
    text-align:      left;
    border-bottom:   solid thin;
  }
  TH {
    text-align:      center;
    border-bottom:   solid thick;
    font-size:       larger;
  }
  TH#when {
    width:           8em;
  }
  TH#improved {
    width:           50%;
  }
  TD.align {
    border:          none;
    padding-top:     0pt;
    padding-bottom:  0pt;
    padding-left:    0pt;
    padding-right:   0.3em;
  }

  ADDRESS {
    text-align:      right;
    font-style:      normal;
    font-family:     sans-serif;
    margin-top:      3em;
  }

  DIV.figure {
    text-align:      center;
  }

  IMG.inline {
    vertical-align:  middle;
    border:          0pt;
  }

  P.imageList {
    text-align:      right;
  }

  P.validation {
    text-align:      right;
  }

  LEGEND {
    font-weight:     bold;
  }
}

@media screen, tv, projection {
  BODY {
    color:           rgb(  0%,   0%,  50%);
    background:      rgb(100%,  95%,  90%);
  }

  H1 {
    color:           rgb(  0%,   0%,  70%);
    background:      rgb(100%, 100%,  90%);
    padding:         0.5em;
    border-style:    solid;
    border-width:    thick;
    border-color:    rgb(  0%,  50%,   0%);
  }

  H2 {
    color:           rgb(  0%,   0%,  70%);
    background:      inherit;
  }

  STRONG {
    color:           red;
    background:      inherit;
  }

  TABLE {
    border-color:    rgb(  0%,   0%,  70%);
  }

  TD, TH {
    border-color:    rgb(  0%,   0%,  70%);
  }
  TH {
    background:      rgb(100%,  90%,  95%);
    color:           inherit;
  }

  SPAN.aligned-num {
    display:         inline-block;
    width:           5em;
    text-align:      right;
  }

  UL.no-num {
    list-style:      none;
  }

  LEGEND {
    color:           rgb(  0%,   0%,  70%);
  }
}