* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

html, body {
  height:100%;
}

body {
  padding:20px;
  margin:0;
  font-family:Arial,sans-serif;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

table {
  border:#336699 1px solid;
  border-collapse: collapse;
  cursor:default;
}

table.content {
  font-size:0.85em;
}

th, td {
  border: none;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 0;
  cursor: default;
}
th[align=right], td[align=right] {
  text-align:right;
}
th[align=right] > *, td[align=right] > * {
  float:right;
}
th[align=right]::after, td[align=right]::after * {
  clear:both;
}

table.content th, table.content td {
  padding:0 5px;
}

img {
  border:none;
}

#table img {
  height: 100% !important;
  width: 100% !important;
}

h1 {
  color:#336699;
  font-weight:normal;
}

/* g.t&s */
span.title {
  color:#336699;
  cursor:default;
  font-family:'Times New Roman',Times,serif;
  font-size:2.5em;
  font-style:italic;
  font-weight:300;
}

/* main links layer */
span.tlink {
  font-size:0.85em;
  padding-right:20px;
}

/* footer */
p.footer {
  font-family:Verdana,Arial,sans-serif;
  font-size:0.65em;
}

.link {
  font-family:Arial,sans-serif;
  display: inline-block;
  padding: 2px 4px;
}

.nolink {
  cursor: default;
}

a, a:link {
  color:#336699;
  font-family:Arial,sans-serif;
  text-decoration:underline;
  display: inline-block;
  padding: 2px 4px;
}
a:visited {
  color:#9900FF;
}
a:hover {
  color:#0000FF;
}
a:active, a:focus {
  color:#FF6633;
}

a.title, a.title span.title {
  text-decoration: none;
  cursor: pointer;
}