﻿@font-face {
     font-family:Christiana;
     src:url(../fonts/Christiana.ttf);
 }

@font-face {
     font-family:'04b 30';
     src:url(../fonts/04B_30__.TTF);
 }

@font-face {
     font-family:'Gibberesque';
     src:url(../fonts/Gibberesque.ttf);
 }

@font-face {
     font-family:'Tempesta Seven';
     src:url(../fonts/pf_tempesta_seven.ttf);
 }

@font-face {
     font-family:'Pix Chicago';
     src:url(../fonts/pixChicago.ttf);
 }

@font-face {
     font-family:'Upheaval';
     src:url(../fonts/upheavtt.ttf);
 }

@font-face {
     font-family:'Thirteen pixel fonts';
     src:url(../fonts/thirteen_pixel_fonts.ttf);
 }

@font-face {
     font-family:'Arma Five';
     src:url(../fonts/pf_arma_five.ttf);
 }

@font-face {
     font-family:'Victor Pixel';
     src:url(../fonts/victor-pixel.ttf);
 }

@font-face {
     font-family:'Grand9K Pixel';
     src:url('../fonts/Grand9K Pixel.ttf');
 }

body {
    /*font-family:Christiana;*/
    font-family:'Grand9K Pixel';
    /*background-image: url('../Images/Layout/BackgroundNumbersCartoonLight.jpg');
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(255,255,255,0.25)), color-stop(50%,rgba(255,255,255,0.25)), color-stop(75%,rgba(255,255,255,1))), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);*/
    
    text-align:center;
}

body::selection {
    background:#444;
    color:#FFF;
}

.title {
    color:#ff6a00;
    /*font-family:'04b 30';*/
    font-family:'Thirteen pixel fonts';
    font-size:30px;

    padding:3px;

    background-color:#fff;
    /*box-shadow: 2px 2px 1px #888;*/
}

.title a {
    color:#ff6a00;
    text-decoration:none;
}

a {
    color:#ff6a00;
}

label {
    cursor:pointer;
}

.questionAlternative:hover {
    font-weight:bold;
}


.header {
    background-color:transparent;
    color:#444;
}

.scene {
    /*background-color:transparent;*/

    /*border-color:#444;
    border-style:solid;
    border-width:thick;*/    

    /*width:1000px;*/

    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:auto;
}

.contentWrapper {
    /*background-image: url(../Images/Layout/ChevronBackgroundColorLight.jpg);*/
    border-color:#444;
    border-style:solid;
    border-width:0px;

    text-align:center;

    /*background-color:#8BC9F3;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(139,201,243,1) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(139,201,243,1)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(139,201,243,1) 50%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(139,201,243,1) 50%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(139,201,243,1) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(139,201,243,1) 50%,rgba(0,0,0,0) 100%);*/

    /*background-color:#8BC9F3;*/
    /*background-image: url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);*/
    /*background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,0.25) 50%, rgba(255,255,255,1) 100%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(0,0,0,0.25)), color-stop(100%,rgba(255,255,255,1))), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0.25) 50%,rgba(255,255,255,1) 100%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0.25) 50%,rgba(255,255,255,1) 100%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0.25) 50%,rgba(255,255,255,1) 100%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,0,0,0.25) 50%,rgba(255,255,255,1) 100%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);*/

    /*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 25%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.25)), color-stop(75%,rgba(255,255,255,1))), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);*/

    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(255,255,255,0.25)), color-stop(50%,rgba(255,255,255,0.25)), color-stop(75%,rgba(255,255,255,1))), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);

    padding:5px;

    width:960px;
    height:500px;

    margin-left:auto;
    margin-right:auto;
}

.gameGrid {
    /*background-color:transparent;

    border-color:#444;
    border-style:solid;
    border-width:0px;

    padding:5px;

    height:550px;
    width:100%;

    white-space: nowrap;*/

    margin-top:-15px;
    white-space: nowrap;

    background-color:transparent;
    color:#444;
    font-family:'Grand9K Pixel';

    padding:5px;

    display:inline-block;
    position:relative;

    overflow:auto;
    
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 91%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(91%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);*/

    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,rgba(255,255,255,0.25)), color-stop(50%,rgba(255,255,255,0.25)), color-stop(75%,rgba(255,255,255,1))), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 75%), url(../Images/Layout/BackgroundNumbersCartoonLight.jpg);
    
    /*border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;*/
}

.gridSection {
    background-color:#fff;
    color:#444;
    font-family:'Grand9K Pixel';

    box-shadow: 6px 6px 3px #bbb;

    padding:5px;

    display:inline-block;
    position:relative;

    overflow:auto;
    
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 91%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(91%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    
    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;
}

#gameInfo {
    background-color:transparent;
    color:#444;
    font-size:16px;
    /*height:550px;*/
    height:625px;
    max-width:400px;
    font-family:'Grand9K Pixel';

    /*box-shadow: 6px 6px 3px #bbb;*/

    padding:5px;

    display:inline-block;
    position:relative;

    overflow:auto;
    
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 91%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(91%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    
    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;*/
}

#gameBoard {
    /*background-image: url(../Images/Layout/BackgroundNumbersFitLight.jpg);
    background-repeat:repeat;
    background-color:#fff;*/
    background-color:transparent;

    cursor:all-scroll;
}

#gameBoard::selection{
    background-color:transparent;
    color:#000;
}

#gameBoardWrapper {
    background-color:transparent;
    color:#444;
    font-size:12px;
    /*height:550px;
    max-width:550px;*/
    max-height:625px;
    max-width:730px;
    
    /*box-shadow: 6px 6px 3px #bbb;*/

    text-align:center;
    /*padding:5px;*/

    white-space: nowrap;
    display:inline-block;
    position:relative;
    
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 91%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(91%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    
    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;*/
}

#gameFeedbackWrapper {
    background-color:#fff;
    color:#444;
    font-size:14px;
    /*height:550px;*/
    height:625px;
    width:270px;
    overflow:hidden;
    font-family:'Grand9K Pixel';

    box-shadow: 6px 6px 3px #bbb;

    padding:5px;
    text-align:left;

    display:inline-block;
    position:relative;

    white-space:normal;
    
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 91%, rgba(225,225,225,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(91%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 91%,rgba(225,225,225,1) 100%);
    
    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;*/
    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;
}

#gameFeedbackWrapper b {
    color:#ff6a00;
}

.questionBox {
    width:250px;
    height:120px/*100px*/;
    overflow:auto;
    font-size:14px;
    font-family:'Grand9K Pixel';
    word-wrap:normal;
    background-color:#eee;
}

#QuestionScrap {
    margin-top:-10px;
    position:relative;
    height:220px;
    width:220px;
}

#Notepad {
    position:absolute;
    height:220px;
    width:220px;
    z-index:1;
    display:table;
    text-align:center;
    background-image: url(../Images/Notepad.png);
    background-repeat:no-repeat;
    cursor:url('../Images/Pencil.ico'), default;
    box-shadow: 6px 6px 3px #444;
}

#canvas {
    border: solid 1px #ccc;
    margin-top:0px;
    width: 220px;
    height: 220px;

    position:absolute;
    z-index:2;
    cursor:url('../Images/Pencil.ico'), default;
}

.dieNumber {
    font-family:'04b 30';
    font-size:22px;

    background-color:#c30202;
    color:#fff;

    border-radius:5px;
    border-bottom-color:#444;
    border-bottom-width:medium;
    
    height:100px;
    width:100px;

    text-align:center;
    vertical-align:middle;

    border-color:transparent;
    border-style:solid;
    border-width:medium;

    padding:3px;
}

.diceButton {
    cursor:pointer;
    display:none;
}

hr {
    border-style:dashed;
    width:100px;
}

.textInput {
    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;
    
    background-color:#fff;
    color:#ff6a00;
    /*font-family:Christiana;*/
    font-family:'Grand9K Pixel';
    font-size:14px;

    height:20px;

    padding:5px;
}

select {
    border-color:#ff6a00;
    border-radius:5px;
    border-style:solid;
    border-width:medium;
    
    background-color:#fff;
    /*color:#dda31a;*/
    color:#ff6a00;
    /*font-family:Christiana;*/
    font-family:'Grand9K Pixel';
    font-size:14px;

    height:30px;

    
}

.customButton {
    border-color:#444;
    border-radius:5px;
    border-style:solid;
    border-width:thin;
    border-bottom-width:medium;
    border-right-width:medium;

    background-color:#FAFAFA;
    color:#fff;
    /*font-family:Christiana;*/
    font-family:'Grand9K Pixel';
    font-size:14px;

    cursor:pointer;
    
    padding:2px;

    height:30px;

    box-shadow: 2px 2px 1px #888888;
}

.startButton {
    background-image: url(../Images/Icons/FlagLight.png);
    background-repeat:no-repeat;
    background-size:32px;
    background-position:left;
    padding-left:32px;
    background-color:#e52424;

    border-right-color:#c30202;
    border-bottom-color:#c30202;
}

.helpButton {
    background-image: url(../Images/Icons/HelpDark.png);
    background-repeat:no-repeat;
    background-size:32px;
    background-position:left;
    padding-left:32px;
    background-color:#550e76;

    border-right-color:#330c54;
    border-bottom-color:#330c54;
}

.readyButton {
    background-color:#e52424;

    border-right-color:#c30202;
    border-bottom-color:#c30202;
}

.answerButton {
    background-image: url(../Images/Icons/AnswerDark.png);
    background-repeat:no-repeat;
    background-size:32px;
    background-position:left;
    padding-left:32px;

    background-color:#43cb1c;

    border-right-color:#21a90a;
    border-bottom-color:#21a90a;
}

.storeButton {
    background-image: url(../Images/Icons/StoreDark.png);
    background-repeat:no-repeat;
    background-size:32px;
    background-position:left;
    padding-left:32px;

    background-color:#efc435;

    border-right-color:#cda213;
    border-bottom-color:#cda213;
}

.exitButton {
    background-image: url(../Images/Icons/ExitDark.png);
    background-repeat:no-repeat;
    background-size:32px;
    background-position:left;
    padding-left:32px;

    background-color:#e52424;

    border-right-color:#c30202;
    border-bottom-color:#c30202;
}

.saveButton {
    background-color:#94dd00;

    border-right-color:#72bb00;
    border-bottom-color:#72bb00;
}

.removeButton {
    background-color:#e52424;

    border-right-color:#c30202;
    border-bottom-color:#c30202;
}

.clearButton {
    color:#444;
    background-color:#ddd;

    border-right-color:#bbb;
    border-bottom-color:#bbb;
}


.soundOffButton {
    background-image: url(../Images/Icons/SoundOffLight.png);
    background-repeat:no-repeat;
    background-size:32px;
    background-position:left;
    padding-left:32px;

    background-color:#ddd;

    border-right-color:#bbb;
    border-bottom-color:#bbb;
}

.soundOnButton {
    background-image: url(../Images/Icons/SoundOnLight.png);
    background-repeat:no-repeat;
    background-size:32px;
    background-position:left;
    padding-left:32px;

    background-color:#ddd;

    border-right-color:#bbb;
    border-bottom-color:#bbb;
}

.playerAvatar {
    border-radius:/*15px*/45px;
    box-shadow: 2px 2px 1px #bbb;
}

.radio {
    cursor:pointer;

    background-color:#fff;
    color:#ff6a00;

    width:20px;
    height:20px;
}

.radioGirl {
    background-color:#fff;
    color:#ff8af2;
}

.radioBoy {
    background-color:#fff;
    color:#43ade4;
}

.boardName {
    /*font-family:'04b 30';*/
    font-family:Upheaval;
    font-size:24px;

    padding:3px;

    background-color:#fff;
    color:#ff6a00;
    box-shadow: 2px 2px 1px #888;
}

.winnerBox {
    background-image:url(../Images//Layout/BackgroundRisingSunGrayLight.gif);
    background-position:center;
    background-size:cover;
    
    height:400px;
    width:400px;

    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
}

.correctAnswer {
    font-size:14px;
    color:#43cb1c;
    padding:3px;
}

.wrongAnswer {
    font-size:14px;
    color:#e52424;
    padding:3px;
}