body { 
  font-family: arial;
}


.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
    color: blue;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    font-size: 50%;
    font-style: italic;
    border-radius: 5px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
    
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* floating/wrapping inline block thingy */
.inlineContentBlock { 
  display: inline-block; 
  float: left; 
  padding: 0.5em;
  margin-bottom: 1em;
}


div.contentBoundingBox { 
  margin-right: auto;
  margin-left: auto;
  padding: 1em;
  border-style: solid;
  border-width: 5px;
  border-color: darkgray;
  border-radius: 6px;
}



.largerFont {
    font-size: 150%;
}



.contentTable { 
  display: table;
  vertical-align: top;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}

.contentCellLeft { 
  display: table-cell;
  padding: 0.5em;
}

.contentCellRight { 
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em;
}

.contentRow { 
  display: table-row;
}

.inlineImage {
    display: inline-block;
    margin: 5px;
}