.timescale {
  height:100%;
  margin-left:10px;
  margin-bottom:20px; 
  overflow:hidden;
  position:relative;
  width:570px;
  zindex:100;
  }
  
.timescale div {
  width:5000px; 
  height:100%; 
  overflow:hidden; 
  position:relative; 
  zindex:10;
  }
  
  .timescale div ul { float:left; }
    
    .timescale div ul li { float:left; }

  .timescale div dl { float:left; }

    .timescale div dl dt {
      border-bottom:solid 2px #A8AEBC;
      color:#A8AEBC;
      cursor:move;
      display:block;
      font:normal 152% Arial;
      padding-top:5px;
      letter-spacing:10px;
      text-align:center;
      width:300px;
      }
      .timescale div dl dt.hover {
         background:#EEE;
       }

    .timescale div dl.active dt {
      color:#FFBC13;
      border-bottom:solid 2px #FECE14;
      }
      .timescale div dl.active dd a { color:black !important; }

    .timescale div dl dd a,
    .timescale div dl dd span {
      display:block;
      padding:2px 0;
      float:left;
      font:normal 93% Arial;
      text-align:center;
      text-decoration:none !important;
      width:25px;
      }
      .timescale div dl dd a { color:#000 !important; }
      .timescale div dl dd span { color:#999; }
      
      .timescale div dl dd a:hover,
      .timescale div dl dd a.active { background:#FCCE14 !important; }