div.header {
    padding: 0px;
    padding-bottom: 5px;
    margin: 0px;
    margin-bottom: 10px;
    text-align:center;
    width:100%;
    border-radius:25px;
    background-color: #000000;
    color: #ffffff;"
}

img.header {
    height:60px;
    margin:0px;
}

div.menu {
    font-family:calibri;
    font-weight:bold;
    font-size:20;
    border-top: 1px solid gold;
    border-bottom: 1px solid gold;
    margin:1px;
    width:400px;
    text-align:center;
    background-color: #000000;
    color: #ffffff;
}

div.gameinfo {
    font-family:calibri; font-size:28; font-weight:bold; color:orange;
    padding:0px;
    margin:1px;
    margin-top:15px;
    background-color: #000000;
    vertical-align:middle;
}

div.srcletters {
    margin-top:10px;
    margin-bottom:5px;
}

img.srcletters {
    border: 5px solid gold;
    margin:5px;
    height:50px;
    width:50px;
}

div.startbutton {
    padding-top:15px;
   // display:inline;
    display:none;
}

div.donebutton {
    padding-top:15px;
    display:none;
   // display:none;
}

img.startbutton {
   // height:80px;
}

img.gobutton {
    height:60px;
    vertical-align:middle;
    display:inline;
}

img.done2button {
    height:60px;
    vertical-align:middle;
    display:none;
}

img.playingbutton {
    height:60px;
    vertical-align:middle;
    display:none;
}

div.controller {
   // display:inline;
    display:none;
}

//img.controller {
//    border: 0px solid black;
//    margin-top:15px;
//    margin-bottom:15px;
//    height:70px;
//    width:70px;
//}

p.guessletters {
    font-size: 0px;
    padding: 0px;
    padding-bottom: -3px;
    padding-top: -3px;
    margin-bottom: -3px;
    margin-top: -3px;
    display:none;
}

button.guessletters {
    background-color: black;
    border: 4px solid black;
    padding: 0px ;
    margin: 2px;
   // margin-bottom: -3px;
   // margin-top: -3px;
   // margin-bottom: 0px;
    vertical-align:middle;
   // height:40px;
   // width:40px;
   // height:52px;
   // width:52px;
    height:auto;
    width:auto;
}

img.guessletters {
    margin: 0px;
    border: 0px;
    padding: 0px;
   // height:40px;
   // width:40px;
}

img.statussymbol {
    vertical-align:middle;
    margin: 0px;
    height:40px;
    width:40px;
}


button.keyboard {
    font-family:calibri; font-size:20; font-weight:bold;
    color:white; background-color:black;
    border: 0px solid black;
    padding: 0px solid black;
    margin: 1px;
    margin-bottom: 4px;
    height:40px;
    width:40px;
    border-radius:5px;
}

img.keyboard {
    margin: 0px solid black;
    border: 0px solid black;
    padding: 0px solid black;
    height:30px;
    width:30px;
}

div.footer {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:5px;
    background-color:#000000;
    margin:0px;
    font-family:calibri; font-weight:normal; font-size:12;
    color: #ffffff;
}

div.panel {
    position:absolute;
    text-align:left; 
    display:none;
    font-family:calibri; font-size:18; color: #ffffff;
    top:110px; bottom:50px; left:0px; right:0px;
    border:3px solid #999999;
    padding:50px; padding-left:80px; padding-right:80px;
    width:400px;
    margin:auto;
    background:#000000;
    border-radius:25px;
    overflow-y:auto;
}

strong.panel {
    color: #C7FD33;
}

textarea.sharescore {
    resize:none;
    font-family:calibri; font-size:16; font-weight:normal;
    background-color:#000000;
    color:#ffffff;
    border:0px;
    height:150;
    width:100%;
}

span.actionbuttongame {
    padding:10px;
    background-color:#C7FD33;
    color:#000000;
    border-radius:5px;
    padding-left:20px;padding-right:20px;
    font-size:20px;
    text-align:center
}
span.actionbuttonpractice {
    padding:10px;
    background-color:#ffaa33;
    color:#000000;
    border-radius:5px;
    padding-left:20px;padding-right:20px;
    font-size:20px;
    text-align:center
}
span.actionbuttonok {
    padding:10px;
    background-color:#ACAEFC;
    color:#000000;
    border-radius:5px;
    padding-left:20px;padding-right:20px;
    font-size:20px;
    text-align:center
}