body {
    font-family: arial;
}

a.x:link {
    color: #CCCCCC;
    text-decoration: none;
    font-size: smaller;
}

a.x:visited {
    color: #CCCCCC;
    font-size: smaller;
    text-decoration: none;
}

a.x:hover {
    color: #CCCCCC;
    font-size: smaller;
    text-decoration: none;
}

.x a:active {
    color: #CCCCCC;
    font-size: smaller;
    text-decoration: none;
}

.details {
    font-size: x-small;
}

.chatbox {
    overflow-y: scroll;
    height: 90%;
    padding: 0;
    margin: 0;
}

.chatmsg {
    overflow-wrap: break-word;
    float: left;
    clear: left;
    display: inline;
    position: relative;
    border-bottom: 1px solid #eeeeff !important;
    width: 100%;
}

.chatmsg:hover {
    background-color: #ddfdfd !important;
}

#sages {
    font-size: smaller;
    border-bottom: 1px solid #eeeeff;
    width: 100%;
}

#loggedon, #loggedoff {
    clear: none;
    display: inline;
}


.container {
    background-color: #FFFFFF;
    border: 2px solid #808080;
    padding: 5px;
    margin: 5px;
}

#container {
    height: 100%;
}

.italics {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.maroon {
    color: maroon;
}

.black {
    color: black;
}

.blue {
    color: blue;
}

.blueviolet {
    color: blueviolet;
}

.darkgreen {
    color: darkgreen;
}

.dimgray {
    color: dimgray;
}

.green {
    color: green;
}

.fuchsia {
    color: fuchsia;
}

.mel {
    color: fuchsia;
}

.fuschsia {
    color: fuchsia;
}

.fuschia {
    color: fuchsia;
}

.fn {
    color: fuchsia;
}

.fn mel {
    color: fuchsia;
}

.mediumblue {
    color: mediumblue;
}

.navy {
    color: navy;
}

.orangered {
    color: orangered;
}

.red {
    color: red;
}

.chocolate {
    color: chocolate;
}

.purple {
    color: purple;
}

.salmon {
    color: salmon;
}

.sienna, .jarsh {
    color: sienna;
}

.teal {
    color: teal;
}

.royalblue {
    color: #4682B4;
}

.crimson {
    color: crimson;
}

.br {
    color: crimson;
}


div.help {
    width: 100%;
    clear: none;
    display: block;
    position: relative;
    padding-bottom: 10px;
}

.landmine {
    float: left;
    clear: left;
    display: block;
    position: relative;
    width: 50%;
}

.result {
    float: left;
    display: inline;
    position: relative;
    width: 50%;
    clear: none;
}

.helpcontent {
    overflow: scroll;
}