body {
 background-color:#FFF;
 font:.6875em Verdana, Arial, Helvetica, sans-serif;
 color:#000;
}
a {
 color:#000;
 text-decoration:underline;
}
a:hover {
 text-decoration:none;
}
h1 {
 font-size:2.265em;
 font-weight:700;
 text-align: center;
}
h2 {
  text-align: center;
}
em {
 font-style: normal;
 font-weight: bold;   
}
hr {
 margin-top: 30px; 
 margin-bottom: 30px; 
 margin-left: 150px;
 margin-right:150px; 
 height: 0px; 
 border-top-width: 2px;
 border-bottom-width: 0px; 
 border-left-width: 0px;
 border-right-width: 0px; 
 border-top-style: solid;
 color: #606060;
}
.graph {
 width: 800px;
 height: 350px;
}
.graph-container {
 margin: 0 auto;
 width: 1600px;
}
.message-box {  
  margin-top: 2em;
  padding: 1em;
  background-color: #FF8000;
  border-radius: 20px;
}
#wmops-graph-level_1 {
 height:500px;
 width:1600px;
 float:left;
}
#wmops-graph-level_2 {
 height:500px;
 width:1600px;
 float:left;
}
#wmops-graph-level_3 {
 height:500px;
 width:1600px;
 float:left;
}
#wmops-graph-rate_sw {
 height:500px;
 width:1600px;
 float:left;
}
#wmops_per_op-graph-enc {
 height:500px;
 width:2400px;
 float:left;
}
#wmops_per_op-graph-dec {
 height:500px;
 width:2400px;
 float:left;
}
#wmops-48kHz-graph {
 height:500px;
 width:1600px;
 float:left;
}
#wmops_per_op-48kHz-graph {
 height:500px;
 width:1600px;
 float:left;
}
#wmops_basop_per_op-graph {
 height:500px;
 width:1600px;
 float:left;
}
#wmops-graph-basop {
 height:500px;
 width:1600px;
 float:left;
}
#conversion_factors_basop_flc {
 height:500px;
 width:1600px;
 float:left;
}
#ram-graph-level_1 {
 height:500px;
 width:1600px;
 float:left;
}
#ram-graph-level_2 {
 height:500px;
 width:1600px;
 float:left;
}
#ram-graph-level_3 {
 height:500px;
 width:1600px;
 float:left;
}
#ram-graph-rate_sw {
 height:500px;
 width:1600px;
 float:left;
}
#ram-graph-basop {
 height:500px;
 width:1600px;
 float:left;
}
#rom-graph {
 height:500px;
 width:1600px;
 float:left;
}
#rom-graph-basop{
 height:500px;
 width:1600px;
 float:left;
}
#prom-graph {
 height:500px;
 width:1600px;
 float:left;
}
#tooltip {
 border-radius:.35em;
 border-radius:.35em;
 background-color:#000;
 color:#FFF;
 display:none;
 opacity:0.8;
 padding:.25em;
 position:absolute;
 box-shadow: 6px 6px 6px #666;
}
#tooltip a:link, #tooltip a:active, #tooltip a:visited {
 color:#FFF;
 text-decoration: underline;
}
#tooltip a:hover {
 color:#FFF;
 text-decoration: none;
}
.legend {
 display: inline;
}
.legend li {
 border-left: 1.2em solid #FFF;
 margin-right: 2em;
 padding-left: .3em;
 margin-bottom: .2em;
 list-style-type: none;
}

#menu {
 color: #FFFFFF;
}

#menu ul {
 color: #FFFFFF; 
 list-style: none; 
 margin-left: -1em; 
 position: relative; 
 margin-top: 1.5em; 
 margin-bottom: 1.5em;
}

#menu li {
 margin-left: -1em; 
 margin-bottom: 1.0em;
 margin-top: 1.0em;
}

#menu a {
 color: #FFFFFF;
}

dt {
 font-weight: bold;     
}

dd hr {
 margin-top: 0.1em; 
 margin-bottom: 0.1em; 
 margin-left: 48%;
 margin-right: 48%;
}

#menu {
 float: left; 
 margin-left: 1em; 
 margin-top: 1em; 
 width: 22em; 
 border-radius: 1em; 
 position: fixed; 
 background-color: #000000; 
 opacity: 0.8; 
 box-shadow: 6px 6px 6px #666;     
}

#content {
 margin-left: 17em;
}

.symbols {
 float: right; 
 font-weight: bolder; 
 font-size: 2em; 
 margin-top: -0.4em;    
}

.trafficlight {
 margin-right: 0px; 
 margin-left: 0px; 
 position: absolute; 
 right: 2em;   
 color: #202020;
}

.trend {
 margin-right: 0.5em;
 margin-left: 0.2em; 
}

th, td {  
  padding: 0.5em 2em;
  border: 1px solid #606060;
}

th {  
  text-align: left;
}

td#number {  
  text-align: right;
}