body
{
  background-color: white;
  font-family: Trebuchet MS;
}

body, table
{
  font-size: 13pt;
}

table.header
{
  margin-bottom: 0px;
  width: 100%;
}

table.header td
{
  vertical-align: top;
}

div.text
{
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 50px;
  text-align: justify;
}

div.screenshot
{
  text-align: center;
}

/* Fool IE because it is still too stupid to support both fixed positioning
 * and direct child selectors.
 */

body > div.toc, div.menu > div.reader
{
  position: fixed;
}

div.toc
{
  position: absolute;
  left: 5px;
  top: 300px;
  width: 18%;
}

div.reader
{
  position: absolute;
  left: 5px;
  top: 230px;
}

a
{
  color: red;
  text-decoration: none;
}

a:visited
{
  font-style: italic;
}

div.footer
{
  background-color: red;
  border-bottom: solid red 10px;
  page-break-before: avoid;
}

p.footer
{
  font-size: 9pt;
  margin-top: 0pt;
  text-align: center;
}

li
{
  margin-bottom: 11pt;
  margin-top: 11pt;
}

div.menu
{
  font-size: 14pt;
  margin-bottom: 22pt;
  margin-top: 0pt;
  text-align: right;
}

div.menu span
{
  margin-left: 15pt;
}

h1
{
  border-bottom: solid 1px red;
  font-weight: normal;
  font-size: 1.2em;
  margin-bottom: 2em;
}

h2
{
  font-weight: normal;
  font-size: 1.1em;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

h2 span
{
  border-bottom: solid 1px red;
}

form table
{
  width: 100%;
}

form input
{
  font-family: verdana,arial,sans-serif;
}

form input[type="text"]
{
  border: solid 1px;
  width: 100%;
}

form input.required
{
  border-color: red;
}

form input[type="submit"]
{
  border: solid 1px;
}

form div
{
  margin-top: 11pt;
  text-align: center;
}

img
{
  border: none;
}

table.data
{
  border-collapse: collapse;
}

table.data td, table.data th
{
  text-align: left;
  padding: 5pt;
  vertical-align: top;
}

.center
{
  margin-left: auto;
  margin-right: auto;
}

p.choice-item
{
  color: red;
}

*.choice
{
  display: none;
}

table.products td
{
  padding-right: 20px;
  vertical-align: top
}

table.products td.first
{
  border-right: solid black 1pt;
  padding-right: 20px;
}

table.products td.first p
{
  white-space: nowrap;
}

table.products td.second
{
  padding-left: 20px;
}

@media screen
{
  body
  {
    line-height: 1.4;
  }

  table.header col.right
  {
    width: 100%;
  }

  table.header td div.space
  {
    height: 106px;
  }

  img.print
  {
    display: none;
  }

  div.wide
  {
    margin-left: 50px;
  }

  div.releases
  {
    margin-left: 15%;
    margin-right: 15%;
  }

  table.data tr
  {
    border-bottom: solid 1px red;
  }
}

@media print
{
  body
  {
    font-family: serif;
    hyphenate: true;
  }

  div.text
  {
    margin-left: 2cm;
    margin-right: 2cm;
  }

  div.wide
  {
    margin-left: 0;
  }

  div.menu, div.toc
  {
    display: none;
  }

  div.releases
  {
    margin-left: 0;
    margin-right: 0;
  }

  table.data
  {
    width: 100%;
  }

  table.data tr
  {
    border-bottom: solid 0.2pt red;
  }

  table.data thead th
  {
    font-style: italic;
    font-weight: normal;
  }

  h1, h2 span
  {
    border-bottom-width: 0.2pt;
  }

  img.screen
  {
    display: none;
  }

  p.footer
  {
    margin-top: 2pt;
  }

  sub
  {
    font-size: 0.72em;
    vertical-align: -25%;
  }

  sup
  {
    font-size: 0.72em;
    vertical-align: 25%;
  }

  table.header col.left
  {
    width: 3.1cm;
  }

  table.header td div.space
  {
    height: 2.115cm;
  }

  table.screenshots div + div
  {
    page-break-before: avoid;
  }
}