body
{ font:12px arial ; }
#face-Puzzle
{
    position:absolute;
    top:-10px;
    left:0px;
    z-index:1;
}
#RB {position:absolute; top:370px; left:80px;}
#welcome
{
    position:absolute;
    top:10px;
    left:10px;
    width:150px;
    text-align:center;
   padding:5px;
   z-index:1200;
    border:2px outset black;
   background-color:#9BD1FA;
}
#content
{
   position:relative;
   align:top;
   top:0px;
   left:0px;
   height:700px;
   width:700px;
   border:0px inset black;
   padding:15px;
   font-family:arial;
   background-image:url(wash.gif);
   background-repeat:no-repeat;
}

#content2
{
   padding:15px;
   border:3px outset black;
   background-color:#9BD1FA;
   background-image:url(wash.gif);
   background-repeat:none;
   width:750px;
   height:400px;
   overflow:auto;
   position:absolute;
   top:100px;
   left:130px;
   z-index:2000;
   filter:alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity:0.9;
}

#content_Long
{
   position:relative;
   top:0px;
   left:0px;
   width:700px;

   border:0px inset black;
   padding:15px;
}

#chooser
{
   border:2px solid #000;
   width:75px;
   height:102px;
   position:absolute;
   top:0px;
   left:0px;
   padding:1px;
   font-size:22px;
   color:#333;
   font-weight:bold;
   z-index:1200;
}
#pinStripe {position:absolute; top:28px; left:0px; width:100%; height:1px;z-index:100;}

#timerB {position:absolute; top:30px; left:518px; width:80px;
 font-size:15px;   border: 2px outset #000;  height:23px;}
.tag{font-family:arial; font-size:15px;  height:23px;}
#tag1{position:absolute; top:32px; left:340px;  }
.TB
{
position:absolute;
top:31px;

cursor:none;
text-align:center;
font-size:15px; 
border: 3px inset #000; 
width:90px;
font-weight: 900;
color:#FFF;
background-color: #000; 
}
#timer1 { left:594px; height:23px;}
#moveCount {left:280px; width:50px;  height:23px;}
#logo{position:absolute; top:-10px; left:650px;}
#logo1{position:absolute; top:0px; left:650px; z-index:3000;}

.mButton a
{
   position:absolute;
   top:10px;
   height:18px;
   width:90px;
   color:#000;
   border:2px outset black;
   text-decoration:none;
   text-align:center;
   z-index:100;
}
.mButton a:hover { color:#f00; border:2px outset #f00;}

#LO {top:50px; left:10; width:120px; height:15px; font-size:12px;}
#CP {top:75px; left:10; width:120px; height:15px; font-size:12px;}
#CU {top:100px; left:10; width:120px; height:15px; font-size:12px;}
#CE {top:125px; left:10; width:120px; height:15px; font-size:12px;}
#VS {top:150px; left:10; width:120px; height:15px; font-size:12px;}
#Forum {top:175px; left:10; width:120px; height:15px; font-size:12px;}

.logIn a:hover {color:red; border:2px outset grey;}
.logIn a
{   
   position:absolute;
   border:2px outset black;
   text-decoration:none;
   text-align:center;
   color:black;
   height:15px;
   width:120px;
}

.logIn
{
   position:absolute;
   top:10px;
   height:160px;
   width:170px;
   left:60px;
   /*background-color:white;*/
   z-index:1000;
   padding:15px;
}
#B1{left:200px;}
#B2{left:400px;}
#B3{left:500px;}
#B4{left:300px;}
#B5{top:0px; left:60px;}
#B6{top:25px; left:60px;}
#playNow{position:absolute; top:0px; left:160px; height:35px; width:200px; padding:5px; border:1px solid red; background-color:#fee;}

.buttonX
{
  position:absolute;
  vertical-align:middle;
  font-weight: 900;
  font-size:18px;
  height:40px;
  width:180px;
}

#buttonHolder a:hover { border:2px outset #f00; color:#f00; background-image:none;}
#mainTable
{
    border:0px solid black;
}
#buttonHolder
{
   border:0px solid black;
  position:absolute;
  top:250px;
  left:10px;
  /*height:100px;
  width:200px; */
  z-index:2;
} 

#strip
{position:absolute; 
top:0px;
left:30px;
width:72px;
height:100%;
z-index:2;
background-image:url(goldBandV.gif);
background-repeat: repeat-y;
}
#MSG{font-weight:bold, border:none; position:absolute; top:-10px; left:-95px; width:400px; height:25px; text-align:center; color:red; font-size:18px; font-family:arial;}
#trouble{font-weight: bold; border:none; position:absolute; top:0px; left:280px; width:400px; height:30px; text-align:center; font-size:16px; font-family:arial;}

#buttonHolder a
{
 text-align:center;
border:2px outset black; 
background-image:url(BlueDot.gif);

  color:#333;
  font-family:arial;
  text-decoration:none;
   position:absolute;
   top:-30px;
   height:25px;
  width:150px;
}
/*
#Button1
 { position:absolute;
left:0px; 
top:0px;}
#Button2 
{  position:absolute; 
left:0px; 
top:40px;}
#Button3 
{  position:absolute; 
left:0px; 
top:110px;}
#Button4 
{  position:absolute;
 left:0px; 
top:80px;}
 */
 #Button1, #Button2,  #Button3,  #Button4
 {
 position:relative;
 }
.visible {visibility:visible}
.invisible {visibility:hidden}

#SS1 {left:0px; top:0px; width:25px;}
#SS2 {left:25px; top:0px; width:25px;}
#SS3 {left:50px; top:0px; width:25px;}
#SS4 {left:0px; top:25px; width:25px;}
#SS5 {left:25px; top:25px; width:25px;}
#SS6 {left:50px; top:25px; width:25px;}
#SS7 {left:0px; top:50px; width:25px;}
#SS8 {left:25px; top:50px; width:25px;}
#SS9 {left:50px; top:50px; width:25px;}
#SSA {left:0px; top:75px; width:75px; }

#SS1:hover {   border:1px solid red; color:red;  background-color:white }
#SS2:hover {   border:1px solid red; color:red;  background-color:white }
#SS3:hover {   border:1px solid red; color:red;  background-color:white }
#SS4:hover {   border:1px solid red; color:red;  background-color:white }
#SS5:hover {   border:1px solid red; color:red;  background-color:white }
#SS6:hover {   border:1px solid red; color:red;  background-color:white }
#SS7:hover {   border:1px solid red; color:red;  background-color:white }
#SS8:hover {   border:1px solid red; color:red;  background-color:white }
#SS9:hover {   border:1px solid red; color:red;  background-color:white }
#SSA:hover {   border:1px solid red; color:red;  background-color:white }

.sel
{
  border:1px solid blue;

   text-align:center;
   background-color:#9BD1FA; 

   position:absolute;
  /* width:20px;
   height:23px;  */
   z-index:3000;
}

#table1
{
border: 0px solid #111;
background-color: #000; 
vertical-align: right; 

}
 td
{
border: none; 
background-color: #fff; 
text-align:center;
}
.GameSquare
{

text-align:center;
font-size:34px;
border: none;
height:40px;
width:40px;
background-color: #fff;
vertical-align: middle;
padding: 0px;
font-weight: normal;
color:#444444;
visibility:hidden;
}

.given
{
text-align:center;
font-size:34px;
border:none;
height:40px;
width:40px;
vertical-align:middle;
padding: 0px;
font-weight: normal;
color:#444444;
}

input#T11, #T12, #T13, #T15, #T16, #T17, #T20, #T21, #T22, #T24, #T25, #T26, #T29, #T30, #T31, #T33, #T34, #T35,  #T47, #T48, #T49, #T51, #T52, #T53, #T56, #T57, #T58, #T60, #T61, #T62, #T65, #T66, #T67, #T69, #T70, #T71
{
   background-color:#9BD1FA;
}

td#S11, #S12, #S13, #S15, #S16, #S17, #S20, #S21, #S22, #S24, #S25, #S26, #S29, #S30, #S31, #S33, #S34, #S35,  #S47, #S48, #S49, #S51, #S52, #S53, #S56, #S57, #S58, #S60, #S61, #S62, #S65, #S66, #S67, #S69, #S70, #S71
{
   background-color:#9BD1FA;
}

td#S3,#S12, #S21, #S30, #S39, #S48, #S57, #S66, #S75, #S6,#S15, #S24, #S33, #S42, #S51, #S60, #S69, #S78
{
 border-right:1px solid #00f;
}

td#S4,#S13, #S22, #S31, #S40, #S49, #S58, #S67, #S76, #S7,#S16, #S25, #S34, #S43, #S52, #S61, #S70, #S79
{
 border-left:1px solid #00f;
}

td#S19, #S20, #S21, #S22, #S23, #S24, #S25, #S26, #S27, #S46, #S47, #S48, #S49, #S50, #S51, #S52, #S53, #S54
{
 border-bottom:1px solid #00f;
}

td#S28, #S29, #S30, #S31, #S32, #S33, #S34, #S35, #S36, #S55, #S56, #S57, #S58, #S59, #S60, #S61, #S62, #S63
{
 border-top:1px solid #00f;
}

div#game
{
   border:none;
position:absolute;
top:53px;
left:280px;
width:400px;
height:400px;
z-index:50;
}

#otherSide
{
    border:none;
    position:absolute;
    left:620px;
    top:50px;
    width:350px;
    height:500px;
    padding:10px;
    text-align:center;
}
#otherSide2
{
    border:none;
    position:absolute;
    left:610px;
    top:280px;
    width:350px;
    height:500px;
    padding:10px;
    text-align:center;
}
#comment
{
   position:absolute;
   top:600px;
   left:200px;
}
#built
{
   position:absolute;
   top:0px;
   left:130px;
}
#WR
{
   position:absolute;
   top:560px;
   left:230px;
   font-weight:bold;
   color:red;
}
#gameNumber
{
   position:absolute;
   top:560px;
   left:360px;
   font-size:12px;
   background-color:#9BD1FA;
   border:inset 2px black;
}
#scores
{
   position:absolute;
   top:260px;
   left:650px;
   font-size:12px;
   background-color:#9BD1FA;
   padding:10px;
   border:inset 2px black;
}
#showComments
{
   position:absolute;
   top:650px;
   left:130px;
   width:750px;
   padding:10px;
}
.WRankT
{
  border-width: 1px; 
  border-color: white;
  border-style: solid;
}
.WRankT2
{
  border-width:1px; 
  border-color:white;
  border-style:ridge;
}
.WRankTHeading
{
  border-width:1px; 
  background-color:#fafafa;
  border-color:white;
  border-style:ridge;
}
#suTable tr, #suTable td
{
   align:left;
   background-color:none;
}