span.ShowMoreGreen {
    color: forestgreen;
    text-decoration: underline;
}

    span.ShowMoreGreen:hover {
        Color: darkgreen;
        cursor: pointer;
        text-decoration: none;
    }

span.ShowMoreLightGreen {
    color: lightgreen;
    text-decoration: underline;
}

    span.ShowMoreLightGreen:hover {
        Color: green;
        cursor: pointer;
        text-decoration: none;
    }
    

a.ColoredLinkGreen {
    color: forestgreen;
    text-decoration: underline;
}
a.ColoredLinkGreen:hover {
    color: darkgreen;
    cursor: pointer;
    text-decoration: none;
}

a.ColoredLinkLightGreen {
    color: lightgreen;
    text-decoration: underline;
}
a.ColoredLinkLightGreen:hover {
    color: green;
    cursor: pointer;
    text-decoration: none;
}

td.Red_Dark {
    background-color: #7A0000;
    color: white;
}
td.Red_Light {
    background-color: #9E0000;
    color: white;
}
td.White_Dark {
    background-color: #EAE5BE;
}
td.White_Light {
    background-color: #FFFADB;
}
td.Rose_Dark {
    background-color: #E8A7B1;
}
td.Rose_Light {
    background-color: #FFC9D2;
}
td.Blue_Dark {
    background-color: #BFFFFF;
}

td.Blue_Light {
    background-color: white;
}
td.LightGrey {
    background-color: lightgray;
}

table.Menu {
    border: 0px solid black;
    border-spacing: 0px;
}

td.Menu {
    border: 0px solid black;
    padding: 4px;
    text-align: left;
}


table.AromaTableWithBorder {
    border: 1px solid black;
    border-spacing: 0px;
}
td.Aroma {
    border: 1px solid black;
    padding: 4px;
    width: 90px;
    height: 100px;
    text-align: center;
    vertical-align: central;
}
td.TasteWithBoarder {
    border: 1px solid black;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}
td.TasteSubcategory {
    border: 1px solid black;
    padding: 4px;
    width: 280px;
    height: 60px;
    text-align: left;
    vertical-align: top;
}
td.TasteDescriptor {
    border: 1px solid black;
    padding: 4px;
    width: 140px;
    height: 100px;
    text-align: left;
    vertical-align: top;
}

td.AromaImage {
    border: 1px solid black;
    padding: 0px;
    width: 98px;
    height: 108px;
    text-align: center;
    vertical-align: central;
}







/* Container cells for Little table with 3x cells */

td.LittleAromaTableContainer {
    border: 1px solid black;
    padding: 0px;
    width: 120px;
    height: 186px;
    text-align: center;
    vertical-align: top;
}

td.LittleAromaTableContainerForPrint {
    border: 1px solid black;
    padding: 0px;
    width: 140px;
    height: 152px;
    text-align: center;
    vertical-align: central;
}

/* Little table with 3x cells */

table.LittleAromaTableWithoutBorder {
    border: 0px solid black;
    border-spacing: 0px;
}

td.LittleAromaTableCell {
    border: 0px solid black;
    padding: 4px;
    width: 120px;
    height: 62px;
    text-align: center;
    vertical-align: central;
}

td.LittleAromaTableCellForToolTip {
    border: 0px solid black;
    padding: 4px;
    width: 120px;
    height: 40px;
    text-align: center;
    vertical-align: central;
}

td.LittleAromaTableTopCellForPrint {
    border: 0px solid black;
    padding: 4px;
    width: 140px;
    height: 62px;
    text-align: center;
    vertical-align: central;
}

td.LittleAromaTableCellForPrint {
    border: 0px solid black;
    padding: 4px;
    width: 140px;
    height: 45px;
    text-align: center;
    vertical-align: central;
}

/* Tool Tip */
.ToolTipImage {
    position: relative;
}
    /* Tooltip text */
    .ToolTipImage .ToolTipTextImage {
        visibility: hidden;
        width: 108px;
        background-color: white;
        color: black;
        text-align: center;
        padding: 3px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        top: -200px;
        left: -5px;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .ToolTipImage:hover .ToolTipTextImage {
        visibility: visible;
    }

/* Right Tooltip container ------------------------------------------------------- */
/* Tooltip container */
.ToolTipMenu {
    position: relative;
}
    /* Tooltip text */
    .ToolTipMenu .ToolTipTextMenu {
        visibility: hidden;
        width: 160px;
        background-color: white;
        color: black;
        text-align: center;
        padding: 3px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        top: 15px;
        left: 0px;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .ToolTipMenu:hover .ToolTipTextMenu {
        visibility: visible;
    }