.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;
 display: inline-block;
 text-align: center;
 color: #fff;
 border: 1px solid #555;
}

.button, .button span  {
 -moz-border-radius: .2em;
 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);
 -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
 -webkit-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;
}