html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mainLayout {
    height: 100%;
    width: 100%;
}

.gameAreaLayout {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.gameArea {
    border: 3px solid #004F00;
    border-radius: 5px 5px 5px 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #F0F0F0;
}

.bottomArea {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 5px;
}

.titleBand, .titleBand a {
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    background-color: #004f00;
    width: 100%;
    color: white;
    height: 24px;
}

.titleBandInner {
    padding: 3px 7px 5px 7px;
    height: 100%;
}

/*.title {*/
/*padding-left: 7px;*/
/*}*/

.titleBandLink {
    cursor: pointer;
    text-decoration: none;
}

.gameTitle {
    color: #CCC;
    text-align: center;
    ont-family: Verdana;
    font-size: 14pt;
    font-weight: bold;

    margin: 0 0 5px 31px;
}

#title {
    font-size: 10pt;
    cursor: default;
}