html {
  font-family: sans-serif;
  font-size: 0.7em;
  background-color: #f5f5f7;
/*  background-color: #f7ebf7;*/
}
body {
  text-align: center;
  color: #464a61;
}
li a {
    color: #0000ff;
}
ul {
  display:table; margin:0 auto;
  text-align: left;
}
ol {
  text-align: left;
}
button {
  border-radius: 2px;
  color: #464a61;
  outline: none;
}

.center {
  margin: auto;
  width: 80%;
  padding: 10px;
/*  width: 60%;*/
/*  border: 1px solid lightblue;*/
/*  padding: 20px;*/
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: white;
  border: 1px solid lightblue;
  text-align: center;
  border-radius: 6px;
  padding: 3px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -3px;
  left: 103%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#more {display: none;}
#moreC {display: none;}
#useMore {display: none;}
#useMoreC {display: none;}
#QAMore {display: none;}
#QAMoreC {display: none;}
#refMore {display: none;}