.misSpelled {
    color: red;
}

.misSpelledCorrected {
    color: #10df03;
    font-weight: bold;
}

#divSuggestionsContainer {
    position: fixed;
    top: 20%;
    left: 25%;
    z-index: 99;
    width: 450px;
    max-height: 400px;
    overflow: auto;
    border: solid 2px grey;
    background: content-box;
    background-color: aliceblue;
}

    #divSuggestionsContainer .suggestionText {
        border: solid 1px black;
        background: white;
        margin: 9px;
    }

    #divSuggestionsContainer .suggestionList {
        margin: 20px 9px 9px 9px;
        border: solid 1px black;
        overflow: auto;
    }

        #divSuggestionsContainer .suggestionList ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

            #divSuggestionsContainer .suggestionList ul li {
                border-bottom: solid 1px white;
                background-color: darkseagreen;
                color: black;
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                font-size: 14px;
                cursor: pointer;
                margin: 0px;
                padding: 4px;
            }

                #divSuggestionsContainer .suggestionList ul li:hover {
                    background-color: lawngreen;
                    color: black;
                    font-weight: bold;
                }