.CRs1 {
  font-size: 8px;
}

td.column_1 {

}
td.column_2 {

}
td.column_3 {
  border-width: 0px 3px 0px 3px;
  border-style:solid;
  border-color:#FFFFFF;
}
td.column_4 {
  border-width: 0px 3px 0px 3px;
  border-style:solid;
  border-color:#FFFFFF;
}
td.column_5 {

}

.divTable
{
    display:  table;
    width:100%;
    background-color:#eee;
    border:1px solid  #666666;
    border-spacing:2px;
    font-size: 12px; 
    font-family: monospace;
}

.divRow
{
   display:table-row;
   width:100%;
}

.divCell {
  vertical-align: middle;
  background-color: #FFFFFF;
  display: table-column;
  width: 9.7%;
  text-align: center; 
}

.divCellHeader
{
  vertical-align: middle;
  background-color: #FFFFFF;
  display: table-column;
  width: 9.7%;
  text-align: center;
}

#dvLoading
{
}

.numberCircle {
  border-radius: 50%;
  
  width: 12px;
  height: 11px;
  padding: 0px;
  
//  background: #FF0000;
  border: 2px solid #7b000b;
  text-align: center;  
}

.menu ul li:before {
  display: inline-block;   
}

.menu ul li a {
    display: inline-block;  
    vertical-align: middle;     
}

.statTable td {
  text-align: center;
}

body {
  min-width: 300px;
  font-family: Georgia, Times, serif;
}

.hh {
  padding: 0px; 
  width: 10%; 
  font-size: 9px; 
  color: #ddd;
}
.hi {
  color: #000000; 
  float: left; 
  width: 31%;
  text-align: center; 
  border-bottom: 1px solid #ddd; 
}
.hi2 {
  color: #000000;
  float: left; 
  width: 48%;
  text-align: center; 
  border-bottom: 1px solid #ddd;
}
.sum {
  color: #000000; 
 
  text-align: right; 
  padding-right: 2px; 
  font-size:13px;
  font-weight: 900;
}
.br {
  border-right: 1px solid #ddd;
}
.tdi {
  border-style: solid; 
  border-color: #ddd; 
  padding: 0px; 
  font-weight: bold; 
  font-size: 11px; 
  font-family: monospace; 
  width: 10%;
}
.di {
  width: 100%;
  text-align: right;
}

div#footer {
  position: absolute;
  width: 100%;
  bottom: 0; /* stick to bottom */
}

@media all and (max-width: 400px) {
  .statTable th {
    font-size: 10px;
  }
  .statTable td {
    font-size: 10px;
  }
  .smallFont {
    font-size: 7px;
  }
  .hi {
    font-size: 11px;
  }  
  .hi2 {
    font-size: 11px;
  }
  .sum {
    font-size: 13px;
  }
  .symbol {
    font-size: 16px;
    font-weight: bold;    
  }
  #keyboard li {
    height: 40px;
    line-height: 40px;    
  }   
  .summaryclass {
    font-size: 10px;
  }
}
@media all and (min-width: 400px) {
  .statTable th {
    font-size: 10px;
    font-size: 3vw;
  }
  .statTable td {
    font-size: 10px;
    font-size: 3vw;
  }
  .smallFont {
    font-size: 7px;
    font-size: 2vw;
  }
  .hi {
    font-size: 11px;
    font-size: 2vw;
  }    
  .hi2 {
    font-size: 11px;
    font-size: 2vw;
  }  
  .sum {
    font-size: 13px;
    font-size: 3vw;
  }  
  .symbol {
    font-size: 4vw;
    font-weight: bold;
  }
  #keyboard li {
    height: 8vw;
    line-height: 8vw;
  }    
  .summaryclass {
    font-size: 2vw;
  }  
}