.controlBar {
 width: 100%;
 height: 40px;
 background: #181a1b;
 font: 20px/1.2em sans-serif;
 color: #ffffff;
}

.button {
 height: 30px;
 margin-left: 5px;
 margin-top: 5px;
 text-decoration: none;
 font: 22px/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 display: inline-block;
 text-align: center;
 color: #fff;
 border: 1px solid #555;
}

.button, .button span {
 border-radius: .2em;
}

.button span {
 display: block;
 padding: 0 20px 0 20px;
}

.button:hover {
 box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
 position: relative;
 top: 1px;
}

.button-blue {
 background: #364e5e;
}

.button-blue:hover {
 background: #ffd42a;
 color: #000;
}

.button-blue:active {
 background: #4477a1;
}

.swInfo {
 position: absolute;
 right: 5px;
 top: 7px;
 font-size: 18px;
}

table.hovertable {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #333333;
 border-width: 1px;
 border-color: #999999;
 border-collapse: collapse;
}

table.hovertable th {
 background-color: #dcd9d6;
 border-width: 1px;
 padding: 3px;
 border-style: solid;
 border-color: #a9c6c9;
}

table.hovertable tr {
 background-color: #ffffff;
}

table.hovertable td {
 border-width: 1px;
 padding: 3px;
 border-style: solid;
 border-color: #a9c6c9;
}