body {  
    font-family: Arial, Clean, Helvetica, sans-serif;
    background-color: #9BE8A9; 
  }

  p.code {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #CFE2F5;
    background-color: #EEF7FF;
    width: 100%;
  }
  
  table {
    font-family: Arial, Clean, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 1px;
    border-style: solid;
    border-width: 0px;
    border-color: black;
    
  }
  
  table.menu {
    font-family: Arial, Clean, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 1px;
    border-style: solid;
    border-width: 0px;
    border-color: black;
  
  }
  table.important {
    font-family: Arial, Clean, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    width: 100%;
    padding: 1px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #FFDBB2;
  } 
  table.info {
    font-family: Arial, Clean, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    width: 100%;
    padding: 1px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    background-color: #B8EFC0;
  } 
  tr.info {
    vertical-align: middle; 
  }
  table.code {
    font-family: monospace;
    font-size: 12px;
    background-color: #D3D3D3;
    padding: 1px;
    width: 100%;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: black;
  }
  
  tr.code {
    vertical-align: top;
  }
  
  pre, tt {
    font-family: monospace;
    font-size: 12px;
    color: #5689CA;
  }
  
  pre.code {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #CFE2F5;
    background-color: #EEF7FF;
    width: 100%;
  }
  
  tt.code {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #CFE2F5;
    background-color: #EEF7FF;
    width: 100%;
  }