body,td,th,div,p,pre,h1,h2,h3,h4,ul,li,blockquote {
  font-family: Arial,Helvetica,"Sans Serif",sans-serif;
}

body,td,th,div,p,pre,ul,li,blockquote {
  font-size: 10pt;
  color: #000000;
}

body {
  background-color: #ffffff;
  padding: 0 0 0 0;
  margin: 0 auto;
  width: 720px;
}

h1, h2, h3, h4 {
  font-family: Arial,Helvetica,"Sans Serif",sans-serif;
  font-size: 12pt;

  margin: 0;
}

p { 
  margin: 0.5em 0;
}

th { 
  text-align: left;
}

td { 
  font-weight: normal;
}

input { 
  vertical-align: middle;
}

select { 
  vertical-align: middle;
}

a:link {
  text-decoration: none;
  color: #0000bb;
}

a:active {
  text-decoration: none;
  color: #2222bb;
}

a:visited {
  text-decoration: none;
  color: #2222bb;
}

a:hover {
  text-decoration: none;
  color: #bb2222;
}

td.r,th.r { 
  text-align: right;
}

td.c,th.c { 
  text-align: center;
}

table.list {
  width: 100%;
  empty-cells: show;
  padding: 0px;
}

table.border { 
  border-collapse: collapse;
  border-spacing: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  empty-cells: show;
  padding: 0px;

  margin: 0.5em 0;
}

table.border th {
  background-color: #e0e0e0;
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

table.border td {
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

.right {
  text-align: right;
}

.error {
  color: #c00000;
  font-weight: bold;
}



div.hint { 
  margin: 0 auto;
  float: right;
}

div.header {
  width: 720px;
  margin: 0 auto;
  float: left;
}

div.navigation { 
  width: 130px;
  margin-left: 0;
  margin-right: auto;
  float: left;
}

div.graph {
  width: 560px;
  margin-left: auto;
  margin-right: 0;
  float: right;
}

div.table {
  width: 560px;
  margin-left: auto;
  margin-right: 0;
  float: right;
}

div.statgroup { 
  font-weight: bold;
  margin-left: 0;
  margin-bottom: 1em;
}

div.statitem { 
  font-weight: normal;
  margin-left: 1ex;
}