span.hpkey-black {
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
        border: 2px solid #000000;
        border-radius: 5px;
        line-height: 1.8;
        white-space: nowrap;
}

span.hpkey-yellow {
        font-weight: bold;
        color: #d07120;
        background-color: #FFFFFF;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
        border: 2px solid #d07120;
        border-radius: 5px;
        line-height: 1.8;
        white-space: nowrap;
}

span.hpkey-blue {
        font-weight: bold;
        color: #0370ff;
        background-color: #FFFFFF;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
        border: 2px solid #0370ff;
        border-radius: 5px;
        line-height: 1.8;
        white-space: nowrap;
}

span.hpdisplay {
        font-family: "Courier New", Courier, monospace;
        font-weight: bold;
        color: #ff0000;
        background-color: #b0a0a0;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap;
        line-height: 1.8;
}