* { box-sizing: border-box; } 
    
    body {font-family:Arial;}

    @media screen and (min-width:800px) { .boxx,.story,.bnr7 { font-size:100%; }}
    .z {float:left; padding-right:5px; padding-bottom:5px;}
    
    .teds  {color:#804; font-size:21pt; margin:0px;}
    .teds2 {color:#808; font-size:18pt; margin:0px;}
    .teds3 {color:#404; font-size:15pt; margin:0px;}
    .teds4 {color:#804; font-size:12pt; margin:0px;}
    
    table {background:#ccf; table-layout:fixed;background:#ddf;padding:0px;border-collapse: collapse; border:1px solid black;}
    tr { border-top:1px solid black}
    td,th {padding-right:8px}
    .hdr {background:#88f;border-top:1px solid black;font-weight:bold;}
    .tbl {table-layout:fixed;background:#ddf;padding:0px;border-collapse: collapse; border:1px solid black;margin-bottom:3px;}
    
    
    .flex-container {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      padding: 0;
      margin: 0;
      list-style: none;
    }
    
    .flex-item {
    	margin-bottom: 5px;
    	text-align: left;
    }    

    .accordion {
      background-color: #eee;
      color: #444;
      cursor: pointer;
      padding: 18px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      transition: 0.4s;
    }    

    .active, .accordion:hover {
      background-color: #ccc; 
    }
    
    .panel {
      padding: 0 18px;
      display: none;
      background-color: white;
      overflow: hidden;
    }

   .bz td:first-child  {padding-right:7px; }
   .bz td:nth-child(5) {padding-right:9px; }
   .bz td:nth-child(6) {padding-right:9px; }
   .bz td:nth-child(7) {padding-right:9px; }
   .bz td:nth-child(8) {padding-right:9px; }
   .bz td:nth-child(9) {padding-right:15px; }
   .bz td:nth-child(10) {padding-right:12px;  }
   .bz td:nth-child(11) {padding-right:12px;  }
   .bz td:nth-child(13) {padding-right:9px;  }
    .zz td:first-child  {padding-right:7px; }
    .zz td:nth-child(5) {padding-right:9px; }
    .zz td:nth-child(6) {padding-right:9px; }
    .zz td:nth-child(7) {padding-right:9px; }
    .zz td:nth-child(8) {padding-right:11px;  }
    .zz td:nth-child(9) {padding-right:9px; }
    .zz td:nth-child(10) {padding-right:12px; }
    .zz td:nth-child(11) {padding-right:12px; }
    .zz td:nth-child(12) {padding-right:9px; }
      .alpha {border:1px solid black;table-layout:fixed;padding-left:2px;border-collapse: collapse; margin-bottom:3px;}
      .alpha th{vertical-align:bottom; }
      .alpha th:first-child  {padding-left:3px;; padding-right:7px; }        
      .charlie th:first-child {padding-right:6px;zcolor:red}
      .charlie td:first-child {padding-right:6px;zcolor:red}
      .charlie td:nth-child(2){padding-right:6px;zcolor:magenta}