td { vertical-align: top }   /* all cells valign=top */
@media print {
    .no-print { display: none !important;}
}
.highlight { background-color: yellow; }
.accentRed { font-weight:800; color:red; }
.largerRef { background-color: darkRed; color: yellow;
    text-align: center;} /* larger refiner table header */

/* tdResult are "results" cells on the left side of page: */
.tdResult { width: 95px; text-align: center; 
         vertical-align: top;  padding: 0; margin: 0; }
.tdResult img { /* position: relative; top: -15px; */
     height: 90px; width: 90px; margin: 0; padding: 0; }
.tdResult img spnTextHover {
    position: absolute; top: 40px; text-align: center;
    background-color: tan; z-index: 100; margin: 0; padding: 0; }

.tdMini { height: 70px; width: 70px; text-align: center; 
          vertical-align: top; font-size: smaller; }
.tdMini img { height: 65px; width: 65px; }

/* tdImg are ingredient images on the right side of page: */
.tdImg { height: 110px; width: 110px; text-align: center; 
         vertical-align: top; }
.tdImg img { height: 105px; width: 105px; }
.tdImgInactive { height: 100px; width: 110px; text-align: center; 
         vertical-align: top; padding-top: 5px;
         color: #dddddd; font-size: smaller; }
.tdImgInactive img { opacity: 0.5; }

.tblIngredient { border: 2px solid black; width: 95% }

.hovRight { text-align: right; float: right;
        font-size: smaller; font-weight: light; }
#tdImgPreview { height: 80px; width: 8px; text-align: center; 
         vertical-align: top; font-size: smaller; border: 1px dotted blue; }
#tdImgPreview img { height: 80px; width: 80px; }

#spnTitle { font-size:larger; font-weight:800;
         text-decoration: underline; }
#spnUnderTitle { font-size:smaller; text-align:center; }
.spnSmallTalk { font-size:smaller; font-style: italic; }