body
{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12pt;
}

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

a:visited
{
  color: blue;
}

a:active
{
  color: inherit
}

a:hover
{
  color: cyan;
  text-decoration: underline;
}

strong, b
{
  font-weight: bold;
}

h1
{
  font-size: 14pt;
}

h2
{
  font-size: 12pt;
}

img
{
  border: 0;
}

#top
{
  margin: 10px;
  padding: 10px;
  border: 1px solid black;
  height: 60px;
}

#left
{
  position: absolute;
  top: 100px;
  left: 10px;
  margin: 10px;
  width: 130px;
  padding: 10px;
  border: 1px solid black;
}

#middle
{
  position: absolute;
  top: 100px;
  left: 180px;
  right: 180px;
  margin: 10px;
  padding: 10px;
  border: 1px solid black;
}

#right
{
  position: absolute;
  top: 100px;
  right: 10px;
  margin: 10px;
  width: 130px;
  padding: 10px;
  border: 1px solid black;
}

a.t1\:1
{
  color: red
}

a.t1\:2
{
  color: green
}

a.to
{
 color: blue
}

a.t1\:1\+
{
  background-color: red;
  color: white
}

a.t1\:2\+
{
  background-color: green;
  color: white
}

a.to\+
{
  background-color: blue;
  color: white
}

.info
{
  color: black
}

.success
{
  color: green
}

.error
{
  color: red
}

.warning
{
  color: black
}

td
{
  vertical-align: top;
  padding-right: 5px;
}

th
{
  text-align: left
}

.pc
{
  text-decoration: underline
}

tr.compare > td
{
  width: 50%
}

tr.compare > td + td
{
  border-left:2px solid green;
  padding-left: 5px;
}