body {
    font-family: Arial;
    font-size: 12pt;
    margin: 0px auto;
}

form {
    text-align: center;
}

div {
    text-align: center;
}

#result {
    font-size: 2rem;
    font-family: monospace;
}

.welcome-bar-game6 {
    clear: both;
    max-width: 746px;
    height: auto;
}

.WU-Paddington-Left {
    color: black;
    margin-left: 50px;
}

.WU-Paddington-LeftPink {
    color: hotpink;
    margin-left: 50px;
}

.WU-Paddington-LeftYellow {
    color: yellow;
    margin-left: 50px;
}

.WU-Paddington-LeftBlue {
    color: blue;
    margin-left: 50px;
}

.table-pad {
    width: 56%;
    margin: 0px auto;
}

.zDictionary333 {
    color: black;
    font-size: medium;
    width: 250px;
    height: 30px;
}

.zLargeRed-paddington {
    margin-left: 0px;
    font-size: medium;
}

.zlabeldropdown {
    display: inline-block;
}

.WU-StartButton {
    border: medium none inherit;
    padding: 10px;
    min-width: 90px;
    min-height: 40px;
}

.WU-StartButtonText {
    color: black;
    font-size: medium;
}

.WU-TextVerySmall {
    color: black;
    font-size: xx-small;
}

.WU-StartButtonClear2 {
    font-size: small;
    margin-left: 10px;
}

.WU-TextSmall {
    color: black;
    font-size: small;
}

.WU-TextSmallPink {
    color: hotpink;
    font-size: small;
}

.WU-TextSmallYellow {
    color: yellow;
    font-size: small;
}

.WU-TextSmallBlue {
    color: blue;
    font-size: small;
}

.WU-TextXSmall {
    font-size: x-small;
}

.WU-SearchTextBox {
    margin-top: 8px;
    font-size: x-large;
    height: 40px;
    width: 250px;
    border-style: solid;
    border-width: 2px;
}

.WU-droplabel1 {
    color: black;
    margin-right: 10px;
    font-size: medium;
}

.WU-droplabel1Pink {
    color: hotpink;
    margin-right: 10px;
    font-size: medium;
}

.WU-droplabel1Yellow {
    color: yellow;
    margin-right: 10px;
    font-size: medium;
}

.WU-droplabel1Blue {
    color: blue;
    margin-right: 10px;
    font-size: medium;
}

.WU-black {
    color: black;
}

.WU-blackpink {
    color: hotpink;
}

.WU-blackyellow {
    color: yellow;
}

.WU-dropRedlabel1-Paddington {
    margin-left: 0px;
    font-size: small;
    color: rgb(204, 51, 0);
}

.WU-dropRedlabel1 {
    font-size: small;
    color: rgb(204, 51, 0);
}

.WU-dropRedlabel1Pink {
    color: hotpink;
    font-size: small;
}

.WU-dropRedlabel1Yellow {
    color: yellow;
    font-size: small;
}

.WU-dropRedlabel1Blue {
    color: blue;
    font-size: small;
}

.WU-dropRedtextbox {
    width: 70px;
    margin-top: 2px;
    margin-left: 1px;
    font-size: large;
    margin-right: 8px;
    border-style: solid;
    border-width: 1px;
}

.WU-Checkbox-Paddington {
    margin-left: 0px;
    font-size: medium;
}

.wordsLargeFont {
    font-family: Arial;
    color: black;
    font-size: 16pt;
    line-height: 1.7;
    margin-left: 40px;
}

.wordsLargeFontPink {
    font-family: Arial;
    color: hotpink;
    font-size: 16pt;
    line-height: 1.7;
    margin-left: 40px;
}

.wordsLargeFontYellow {
    font-family: Arial;
    color: yellow;
    font-size: 16pt;
    line-height: 1.7;
    margin-left: 40px;
}

.wordsLargeFontBlue {
    font-family: Arial;
    color: blue;
    font-size: 16pt;
    line-height: 1.7;
    margin-left: 40px;
}

.wordsSmallFont {
    font-family: Arial;
    color: black;
    font-size: 10pt;
    line-height: 1.5;
    margin-left: 40px;
}

.wordsSmallFontPink {
    font-family: Arial;
    color: hotpink;
    font-size: 10pt;
    line-height: 1.5;
    margin-left: 40px;
}

.wordsSmallFontYellow {
    font-family: Arial;
    color: yellow;
    font-size: 10pt;
    line-height: 1.5;
    margin-left: 40px;
}

.wordsSmallFontBlue {
    font-family: Arial;
    color: blue;
    font-size: 10pt;
    line-height: 1.5;
    margin-left: 40px;
}

.welcome-text2 {
    clear: both;
    font-size: 12pt;
    text-align: center;
}

.welcome-text3 {
    clear: both;
    font-size: 12pt;
    text-align: center;
    background-color: lightgray;
}

.smallpaddingtop {
    margin-top: 5px;
}

.game {
    margin-top: 5px;
    margin-left: 10px;
    text-align: center;
    box-shadow: 1px 1px 7px 0 rgba(0,0,0,0.2);
    border: none;
    padding: 10px;
}

.gameright {
    float: right;
    max-width: 364px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: white;
}

.gameTopright {
    float: right;
    max-width: 250px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: white;
}

.news-text-holder {
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px;
    box-shadow: 1px 1px 7px 0 rgba(0,0,0,0.2);
    border: none;
}

.news-text-holderC {
    clear: both;
    float: left;
    max-width: 746px;
    text-align: left;
    margin-left: 12px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.wrapper {
    height: auto;
    text-align: center;
    display: inline-block;
    margin: 10px
}

.header {
    width: 100%;
    text-align: left;
    border-bottom-color: rgb(241, 241, 241);
    background-color: lightgray;
}

.header-textRS {
    float: right;
    text-align: right;
    font-family: Arial;
    font-size: 8pt;
    font-style: normal;
    color: rgb(255, 255, 255);
    letter-spacing: 6px;
    margin-left: 40px;
    padding-top: 3px;
}

.header-text {
    font-family: Arial;
    font-size: 8pt;
    font-style: normal;
    color: rgb(255, 255, 255);
    margin-left: 40px;
    padding-top: 3px;
}

.welcome-bar-game {
    max-width: 746px;
    height: auto;
}

.welcome-bar {
    max-width: 755px;
    height: auto;
    background-color: rgb(255, 255, 255);
}

.welcome-text-holder {
    text-align: center;
    margin-top: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: white;
}

.welcome-text-holderPart2 {
    clear: both;
    max-width: 750px;
    text-align: left;
    margin-left: 25px;
    margin-top: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: white;
}

h1 {
    clear: left;
}

a.nav:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    cursor: pointer;
}

a.nav:link, a.nav:visited, a.nav:active {
    color: rgb(255, 255, 255);
}

.fb_reset {
    border: 0px;
    border-spacing: 0px;
    color: rgb(0, 0, 0);
    cursor: auto;
    direction: ltr;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0px;
    overflow: visible;
    padding: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
    background: none;
}

    .fb_reset > div {
        overflow: hidden;
    }

    .fb_reset .fb_dialog_legacy {
        overflow: visible;
    }

#fb-root #fb_dialog_ipad_overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.45098);
}

    #fb-root #fb_dialog_ipad_overlay.hidden {
        display: none;
    }

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

    .fb_iframe_widget span {
        display: inline-block;
        position: relative;
        text-align: justify;
    }

    .fb_iframe_widget iframe {
        position: absolute;
    }

.pinkbutton {
    color: hotpink;
    background-color: black;
    height: 25px;
    width: 150px
}

.divider100 {
    padding-left: 100px;
}

.divider50 {
    padding-left: 50px;
}

.dividerTop100 {
    padding-top: 200px;
}

.dividerTop50 {
    padding-top: 50px;
}

.dividerTop50 {
    padding-top: 50px;
}


.button-theme-black {
    border: 0px;
    background-color: #090909;
    color: white;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 10px;
}

.button-theme-brown {
    border: 0px;
    background-color: #BF820D;
    color: white;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 10px;
}

.button-theme-pink {
    border: 0px;
    background-color: #E23FCE;
    color: white;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 10px;
}

.button-theme-green {
    border: 0px;
    background-color: #2A8A51;
    color: white;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 10px;
}

.button-theme-blue {
    border: 0px;
    background-color: #0099CD;
    color: white;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 10px;
}

.row {
    margin-top: 10px;
}

.column {
    display: inline-block;
}

.wordblock1 {
    display: inline-block;
    white-space: nowrap;
    color: #3b4483;
    border-radius: 3px;
    letter-spacing: 0.4px;
    position: relative;
    margin-bottom: 8px;
}

    .wordblock1 hover {
        background-color: gray;
    }

#option_box {
    background-color: #eeeeee;
}

.wordblock {
    display: inline-block;
    background-color: #eeeeee;
    padding: 6px 7px 6px 7px;
    margin: 6px 8px 6px 8px;
    white-space: nowrap;
    /*color: #bf820d;*/
    color: #3b4483;
    border-radius: 3px;
    letter-spacing: 0.4px;
    position: relative;
}

    .wordblock hover {
        background-color: #65b9f9;
    }

.DefBlock {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #d1ebf0;
    padding: 10px;
    left: 0px;
    top: 40px;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.wordblockspan {
    color: red;
    width: auto !important;
    margin: 0 !important;
    display: inline-block !important;
    float: none !important;
}

.score-span {
    color: green;
    margin-left: 5px;
}

p {
    word-break: break-all;
    white-space: normal;
}

.wordblock-span {
    margin-right: 10%;
}

.wordblock-vert {
    text-align: left;
    padding-left: 40%;
}

@media only screen and (max-width: 720px) {

    .header-text {
        font-size: 8pt !important;
        margin-left: 10px;
    }


    .button-theme-black {
        width: 30px;
    }

    .button-theme-brown {
        width: 30px;
    }

    .button-theme-pink {
        width: 30px;
    }

    .button-theme-green {
        width: 30px;
    }

    .button-theme-blue {
        width: 30px;
    }
}