BODY {
 margin: 0;
 font-family: Arial, sans-serif;
 font-size: 16px;
 }

TABLE {
 margin: 0 auto;
 border: 0;
 padding: 0;
 }
TH, TD {
 vertical-align: top;
 }
P, FORM {
 display: block;
 margin: 0;
 padding: 15px 20px;
 text-align: center;
 }

#logo {
 margin: 0 auto;
 padding: 25px 0;
 text-align: center;
 font-size: 22px;
 }
#logo IMG {
 width: 200px;
 }

#header {
 width: 100%;
 margin-bottom: 50px;
 padding: 20px;
 background: #104c5c;
 color: #ffffff;
 font-size: 15px;
 }
#header P {
 padding: 10px;
 }

@media all and (max-width: 699px) {
 #header TD {
  display: block;
  }
 .nextlineifmobile {
  display: block;
  }
 }
@media all and (min-width: 700px) {
 #header TD:nth-child(2) P {
  text-align: right;
  }
 .nextlineifmobile {
  display: none;
  }
 }

#footer {
 margin-top: 50px;
 padding: 8px;
 background: #104c5c;
 color: #ffffff;
 font-size: 12px;
 text-align: center;
 }
#footer A,
#footer A:visited,
#footer A:active {
 color: #ffffff;
 }


.option {
 display: none;
 }

.errors {
 color: #ff0000;
 }

FORM TD {
 padding: 5px 0;
 }
FORM TD:first-child,
#display TD:first-child {
 color: #555555;
 }

@media all and (min-width: 700px) {
 FORM TD:first-child,
 #display TD:first-child {
  text-align: right;
  }
 FORM TD:nth-child(2),
 #display TD:nth-child(2) {
  padding-left: 20px;
  text-align: left;
  }
 }

INPUT, SELECT {
 border: 1px solid #dddddd;
 padding: 7px 12px;
 font-family: Arial, sans-serif;
 font-size: 16px;
 box-shadow: 3px 3px 5px #dddddd inset;
 }

@media all and (max-width: 699px) {
 FORM TD,
 #display TD {
  display: block;
  text-align: center;
  }
 FORM TD:nth-child(2),
 #display TD:nth-child(2) {
  padding-bottom: 15px;
  }
 }

DIV.spoiler {
 margin: 10px;
 border: 1px solid #dddddd;
 padding: 12px 2px;
 text-align: center;
 overflow: auto;
 }
DIV.spoiler H1 A,
DIV.spoiler H1 A:visited {
 font-size: 24px;
 text-decoration: none;
 }
DIV.spoiler:hover A {
 color: #555555;
 }
.headmsg {
 font-size: 12px;
 }

TABLE.list {
 display: none;
 border: 1px solid #104c5c;
 border-spacing: 0;
 }
TABLE.list TH {
 background: #222222;
 color: #ffffff;
 padding: 5px 7px;
 font-weight: normal;
 }
TABLE.list TR {
 border: 1px solid #dddddd;
 }
TABLE.list TD {
 text-align: left;
 padding: 5px 7px;
 }
TABLE.list {
 text-align: center;
 font-size: 12px;
 }

TABLE#logs TD:first-child {
 font-weight: bold;
 }

A, A:visited {
 color: #104c5c;
 text-decoration: underline;
 }
A:hover, A:active {
 text-decoration: none;
 }
A.button,
A.button:visited,
INPUT.button,
TD.trig-ex {
 color: #ffffff;
 background: #222222;
 border: 2px solid #222222;
 border-radius: 10px;
 padding: 10px;
 text-decoration: none;
 transition: all 300ms;
 font-size: 16px;
 box-shadow: none;
 }
A.button, A.button:visited {
 line-height: 60px;
 }
A.button:hover,
A.button:active,
INPUT.button:hover,
TD.trig-ex:hover {
 color: #222222;
 background: #ffffff;
 }

TD.quicklinks IMG {
 border: 0;
 opacity: 0.8;
 margin: 0 5px;
 }
TD.quicklinks IMG:hover {
 opacity: 1;
 }