.graph {
        background-color: #CCCCCC;
        border: solid 1px black;
}
      
.graph td {
        font-family: verdana, arial, sans serif;
}
      
.graph thead th {
text-align: center;
  color: #000000;
  border-bottom: double 3px black;
        font-family: verdana, arial, sans serif;
  font-size: 18px;
  font-weight: bold;
        padding: 1em;
}
    
.graph tfoot td {
        border-top: solid 1px #999999;
        font-size: x-small;
        text-align: center;
        padding: 0.5em;
        color: #666666;
}
   
.scale {
        text-align: left;
        padding-left: 0.5em;
        width: 130px;
}
 
.bar1 {
        background-color: white;
        text-align: left;
        border-left: solid 1px black;
        padding-left: 0.5em;
        width: 250px;
}
     
.bar2 {
        background-color: white;
        text-align: right;
        border-left: solid 1px black;
        padding-right: 0.5em;
        width: 250px;
}
      
.bar1 div { 
        border-top: solid 2px #0077DD;
        background-color: #004080;
        border-bottom: solid 2px #002266;
        text-align: left;
        color: white;
        float: right;
        padding-top: 0;
        height: 1em;
}
   
.bar2 div { 
        border-top: solid 2px #0077DD;
        background-color: #004080;
        border-bottom: solid 2px #002266;
        text-align: left;
        color: white;
        float: left;
        padding-top: 0;
        height: 1em;
}

.score {
    text-align: right;
    padding-right: 0.5em;
    width: 50px;
}
      
body {
        background-color: white;
}