html { height: 100%; }
body { background-color: #FFFFFF; color: #6B6B6B; font-family: "Lucida Console", "Courier New", monospace; font-size: 10pt; font-weight: normal; height: 100%; }
h1,h2,h3,h4,body,ul,li,p,form,table,pre { margin: 0; padding: 0; }
ul,li { list-style-type: none; }
img,form, input { border: 0; }
a { text-decoration: none; color: #6B6B6B; }
a:hover { color: #2f7ed8; }
h1 { font-size: 16pt; }
h2 { font-size: 10pt; }
h3 { font-size: 10pt; font-weight: normal; }
#pb { width: 100%; height: 90%; min-height: 300px; }
#pb #pu { margin-left: auto; margin-right: auto; width: 90%; padding-top: 40px; padding-bottom: 40px; text-align: center; clear: both; }
#pb #pd { margin-left: auto; margin-right: auto; width: 90%; clear: both; }
#pb #pd .gauge { width: 16%; margin: 5px; text-align: center; float: left; }
#pb #pd .graph { width: 76%; text-align: center; float: left; }
#pb #pd .windrose { width: 20%; text-align: center; float: left; }
#pf { position: fixed; bottom: 0; padding: 10px; width: 100%; text-align:center; }
#pf img { width: 12px; height: 10px; }