body {
  font-family: sans-serif;
}
h1 {
  font-size: 140%;
}
h2 {
  font-size: 120%;
}
.financial {
  font-family: monospace;
}
.fullwidth {
  width: 100%;
}
table.bordered {
  border-collapse: collapse;
  border: 2px solid #88f;
  box-shadow: 5px 5px 10px #aaa;
}
.bordered td,
.bordered th {
  padding: 4px 10px;
  border: 1px solid #ccc;
}
.bordered th {
  background-color: #ffc;
  vertical-align: top;
}
.bordered td {
}
.financial tr:nth-child(even) {
  background-color: #ccc;
}
.financial tr:nth-child(odd) {
  background-color: #ecc;
}
table.financial a {
  text-decoration: none;
  font-weight: bold;
}
table.financial a:hover {
  color: green;
}
.centred {
  text-align: center;
}
.statusMsg p {
  padding: 10px 10px 10px 50px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #aaa;
  display: inline-block;
  margin: 10px 0;
}
.info {
  background: 10px 50% url(../images/green-round-tick-sign-32.png) no-repeat #cfc;
  border: 2px solid #8f8;
}
.error {
  background: 10px 50% url(../images/close-32.png) no-repeat #fcc;
  border: 2px solid #f88;
}
td.error {
  padding-left: 40px;
}
.mainMenu {
  list-style: none;
  padding: 0 0 0 10px;
  border-bottom: 6px solid #888;
  height: 14px;
  margin-bottom: 24px;
}
.mainMenu li {
  padding: 5px 20px;
  display: inline-block;
  border: 2px solid #888;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #888;
  background-color: #ccc;
  margin: 0 10px;
}
.mainMenu li.selected {
  border-color: #00f;
  background-color: #ccf;
}
.mainMenu a,
.mainMenu a:link,
.mainMenu a:visited {
  color: #444;
  text-decoration: none;
}
.mainMenu li.selected a {
  color: blue;
}
.mainMenu li:hover {
  background-color: #cfc;
  border-color: #0c0;
}
.mainMenu li:hover a {
  color: green;
}
.button {
  display: inline-block;
  border: 2px solid #88c;
  border-radius: 3px;
  background-color: #ccf;
  padding: 2px 5px;
  font-weight: bold;
}
a.button {
  color: #444;
  text-decoration: none;
}
a.highlight {
  /* background-color: #ffc; */
  border-color: red;
}
a.selectedButton {
  border-color: #00f;
  background-color: #ccf;
  color: blue;
}
a.button:hover {
  color: green;
  background-color: #cfc;
  border-color: #8c8;
}
.discreet {
  color: gray;
}
.fright {
  float: right;
}
.headlineBar {
  border: 2px solid #888;
  background-color: #acf;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #aaa;
}
.headlineBar p,
.headlineBar h2 {
  margin: 0;
}
.headlineBar p {
  position: relative;
  bottom: 2px;
}
canvas {
  border: 1px solid gray;
}
.running {
  background-color: #cfc;
  color: #080;
  border-color: green;
}
.stopped {
  background-color: #fcc;
  color: #800;
  border-color: red;
}
.disabled {
  background-color: #ccc;
  color: #888;
  border-color: gray;
}
#buttons {
  margin-bottom: 10px;
}
#buttons button {
  width: 5em;
  text-align: center;
}