1
#main {width:60%; margin: 20px auto; text-align: center; min-width: 520px;}
2
#header {vertical-align: middle; margin: 20px auto 15px;}
3
#headerText {display: inline-block; vertical-align: super; font-family: arial,helvetica,liberation sans,bitstream vera sans,freesans,clean,sans-serif; font-size:34px;}
4
#info {cursor: pointer;}
5
#currentTime {font-size:13px; font-style: italic;}
6
#statuses, #legend, #footer {margin-left: auto; margin-right: auto; width:50%; min-width:520px; text-align: left; font-size:14.4px;}
7
#footer {text-align: center; font-size: 10px;}
8
#status-headers {font-weight:bold; background: #444; color: #fff;}
9
#status td{padding: 2px 0px;}
10
#legend-container {height: 24px;}
11
#legend {display: none; width: 100%; text-align: center;}
12
.instrument {font-weight: bold; cursor: pointer;}
13
.datasource {display: none; color: gray;}
14
.status-icon {width: 18px; height: 18px; vertical-align:text-bottom;}
15
.status-text {margin-right: 5px;}
16
.provider-link {text-decoration: none; color: #555;}
17
.provider-link:hover {text-decoration: underline; color: #CC3366;}