BODY {
 margin: 0;
 font-family: Montserrat;
 background-color: #111111;
 color: #ffffff;
 text-align: center;
 }

DIV, A {
 box-sizing: border-box;
 }

#tmpMsg {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 opacity: 0;
 z-index: 5;
 transition: opacity 1s;
 overflow: hidden;
 padding: 20px;
 }

FORM TD {
 padding: 0 7px;
 }

TD {
 text-align: left;
 }

H1 {
 font-size: 1.7em;
 }

SELECT, OPTION, INPUT {
 border: 0;
 background-color: #dddddd;
 color: #111111;
 padding: 8px 12px;
 }

A,
A:visited {
 color: #ffffff;
 text-decoration: none;
 }

A.butt,
A.butt:visited,
INPUT.butt {
 border: 0;
 border-radius: 7px;
 padding: 12px 20px;
 font-variant: small-caps;
 background-color: #bb8a09;
 color: #ffffff;
 text-decoration: none;
 font-size: 1em;
 -webkit-appearance: none;
 }
A.butt:hover,
A.butt:active,
INPUT.butt:hover,
INPUT.butt:active,
A.active-butt,
A.active-butt:visited,
INPUT.active-butt {
 border: 0;
 border-radius: 7px;
 padding: 12px 20px;
 font-variant: small-caps;
 background-color: transparent;
 color: #bb8a09;
 text-decoration: none;
 }

A.bigbutt,
A.bigbutt:visited,
INPUT.bigbutt {
 border: 0;
 border-radius: 7px;
 padding: 12px 20px;
 font-variant: small-caps;
 background-color: #bb8a09;
 color: #ffffff;
 text-decoration: none;
 font-size: 1.5em;
 margin-top: 2em;
 }
A.bigbutt:hover,
A.bigbutt:active,
INPUT.bigbutt:hover,
INPUT.bigbutt:active,
A.active-bigbutt,
A.active-bigbutt:visited,
INPUT.active-bigbutt {
 border: 0;
 border-radius: 7px;
 padding: 12px 20px;
 font-variant: small-caps;
 background-color: transparent;
 color: #bb8a09;
 text-decoration: none;
 font-size: 1.5em;
 margin-top: 2em;
 }
A.bigbutt {
 line-height: 3em;
 }

A.roundbutt,
A.roundbutt:visited {
 text-decoration: none;
 background-color: #bb8a09;
 color: #ffffff;
 border-radius: 15px;
 padding: 3px 10px;
 font-size: 1em;
 margin: 3px 2px;
 }
@media all and (min-width: 700px) {
 A.roundbutt:hover,
 A.roundbutt:active {
  color: #bb8a09;
  background-color: transparent;
  }
 }

A.smallbutt,
A.smallbutt:visited {
 border: 1px solid #ffffff;
 padding: 3px 7px;
 margin: 0 5px;
 }
A.smallbutt:active {
 background-color: #555555;
 }


#topbar {
 border-bottom: 1px solid #bb8a09;
 }
#topbar TABLE {
 width: 100%;
 border-spacing: 0;
 }
#topbar TH {
 color: #bb8a09;
 padding: 7px;
 }
#topbar TD {
 color: #cccccc;
 padding: 3px 7px;
 text-align: center;
 }
@media all and (max-width: 699px) {
 #topbar TD:first-child {
  width: 50%;
  }
 }
@media all and (min-width: 700px) {
 #topbar TD {
  width: 33%;
  }
 }
#topbar A,
#topbar A:visited {
 color: #cccccc;
 text-decoration: none;
 }
#topbar A:hover,
#topbar A:active {
 color: #ffffff;
 }

@media all and (min-width: 1024px) {
 .widget {
  float: left;
  width: 47%;
  border: 1px solid #bb8a09;
  margin: 15px;
  }
 }

TABLE.list {
 width: 100%;
 }
TABLE.list TD {
 padding: 5px;
 }