body {background-color:#d0d0d0;}
ul {list-style: decimal outside none; font-size:12px;}
input[type=radio] {width:17px; height:17px; vertical-align:middle;}
#main {position:relative; width:800px; margin:0 auto; height:345px; top:10px; display:none;}
#colors {position:relative; width: 100%; height:600px; display:none;}
#queryInstruct {position:relative; width:100%; height:600px;}
#insideQueryInstruct {position:relative; margin:0 auto; height:300px; width:600px; top:50%; margin-top:-150px; text-align:center;}
#bInstructYes {float:left; height:40px; width:80px; font-family:Verdana; font-size:20px;}
#bInstructNo  {float:left; height:40px; width:80px; font-family:Verdana; font-size:20px;}
#fillerLeftInstruct {float:left; height:40px; width:25%;}
#fillerMiddleInstruct {float:left; height:40px; width:10%;}
#askInstruct {height:60px; width:525px; font-family:Verdana; font-size:22px; font-weight:bold; text-align:center;}
#topInstruct {margin:0 auto;width:83%; font-family:Verdana; font-size:20px; display:none;  margin-top:40px;}
#secondInstruct {margin:0 auto;width:70%; font-family:Verdana; font-size:20px; display:none; margin-top:40px;}  
#thirdInstruct {margin:0 auto;width:70%; font-family:Verdana; font-size:20px; display:none; margin-top:40px;} 
#fourthInstruct {margin:0 auto;width:83%; font-family:Verdana; font-size:20px; display:none; margin-top:20px;}
#wordListBox {position:relative; width:100%; height:70px; display:none;} 
#wordLists {position:relative; margin:0 auto; height:70px; width:800px; font-family:Verdana; font-size:22px; font-weight:700; margin-top:150px;}
#leftWordList {float:left; height:70px; width:350px; background-color:#a0a0a0; border-radius:0.5em;}
#wordListSeparator {float:left; height:70px; width:100px; background-color:#d0d0d0;}
#rightWordList {float:right; height:70px; width:350px; background-color:#a0a0a0; border-radius:0.5em;}	
#yesScrabble {margin-top:20px; text-shadow: 0 -1px 0 #b3d6f9; 0 1px #243350; }
#noScrabble {margin-top:20px; text-shadow: 0 -1px 0 #b3d6f9; 0 1px #243350;}
#bInstruct1Continue {height:40px; width:120px; font-family:Verdana; font-size:20px;}
#bInstruct2Continue {height:40px; width:120px; font-family:Verdana; font-size:20px;}
#bInstruct3Continue {height:40px; width:120px; font-family:Verdana; font-size:20px;}
#bInstruct4Continue {height:40px; width:120px; font-family:Verdana; font-size:20px;}
#theDelete {position:absolute; width:345px; height:345px; top:3px; left:227px; z-index:1; border:3px solid #898989; display:none; background-color:#efefef;}
#deleteMess {position:absolute; top:1px; left:1px; padding:7px; font-family:Verdana; font-size:16px;}
#deleteContinue {position:absolute; top:290px; left:114px; width:100px; height:30px; font-family:Verdana; font-size:16px; text-align:center;}
#centerColors {position:relative; margin:0 auto; height:300px; width:525px; top:50%; margin-top:-150px;}
#resultColors {position:relative; margin:0 auto; height:300px; width:525px; top:50%; margin-top:-150px; display:none;}
#pColor {height:60px; width:525px; font-family:Verdana; font-size:22px; font-weight:bold; text-align:center;}
#hColor {height:60px; width:525px; font-family:Verdana; font-size:22px; font-weight:bold; text-align:center;}
#centerContinue {width:475px; text-align:center;}
#colTitle {height:60px; width:525px; font-family:Verdana; font-size:22px; font-weight:bold; text-align:center;}
#mediumBlue {float:right; background-color:#0000cd;}
#crimson {float:right; background-color:#dc143c;}
#cornflowerBlue {float:left; background-color:#6495ed;}
#limeGreen {float:left; background-color:#32cd32;}
#darkViolet {margin:0 auto; background-color:#9400d3;}
#board {position:absolute; width: 345px; height:345px; top:3px; left: 227px; background-color:#898989; border:3px double black; display:none;}
#listChoice{position:relative; margin:0 auto; width:259px; top:-25px; height:24px; font-family:Verdana; font-size:16px;}
#bottom {position:relative; width:780px; margin:0 auto; height:55px; display:none;}
#theLeft {position:absolute; width:227px; height:348px; top:1px; left:0px;}
#theRight {position:absolute; width:227px; height:348px; top:1px; left:578px;}
#theInstruct {margin-left:50px;}
#backgroundColors {position:absolute; display:none; z-index:1; top:5px; left:1px; width:238px; height:290px;padding:7px; font-family:Verdana; color:#fff; font-size:1.0vw; background-color:#000;} 
#add8e6 {background-color:#add8e6;} /*light blue*/
#B1d8348 {background-color:#1d8348;} /*green*/
#B0c4a0e {background-color:#0c4a0e; color:#bbb;} /*dark green*/
#B815cbe {background-color:#815cbe;} /*purple*/
#B7b6555 {background-color:#7b6555;} /*light brown*/
#B5c4033 {background-color:#5c4033; color:#bbb;} /*dark brown*/
#Bd0d0d0 {background-color:#d0d0d0;} /*light gray*/
#B808080 {background-color:#808080;} /*gray*/  
#B505050 {background-color:#505050; color:#bbb;} /*dark gray*/
#B36454f {background-color:#36454f; color:#bbb;} /*charcoal*/
.theColors {position:absolute; left:-500px; top:-500px;}
.I {position:absolute; width:48px; height:48px; background-color:#deb887;}
.Ib {position:absolute; width:50px; height:50px; background-color:#deb887;}
.Is {position:absolute; width:48px; height:48px; border:2px solid red; margin-top:-1px; margin-left:-1px; display:none;}
.player {float:left; margin-top:-21px; margin-left:5px; width:48px; height:48px; background-color:#deb887;}
.hal {float:left; margin-top:-21px; margin-left:5px; width:48px; height:48px; background-color:#deb887;}
.werk {position:absolute; top:3px; left:-1000px; width:48px; height:48px; background-color:transparent;}
.filler {float:left; margin-left:5px; top:5px; width:59px; height:48px;}
.colRight {float:right; height:80px; width:30px;}
.colLeft {float:left; height:80px; width:30px;}
.acol {height:80px; width:80px;} 
.bcol {height:21px; width:230px; border-radius:.3em; cursor:pointer; margin:6px; text-align:center; color:#000; font-family:Verdana; font-size:1.0vw; pa}