div.tictactoe{
width:300px;
height:300px;
border:1px solid #000;
padding:5px;
position:absolute;
}
div.name{
position:absolute;
bottom:1px;
left:5px;
font:0.7em/0.7em Arial, Helvetica, sans-serif;
}
div.block{
float:left;
width:33.3%;
height:33.3%;
}
div.block#num1, div.block#num4{
border-right:1px solid #000;
border-bottom:1px solid #000;
margin:0 -1px -1px 0;
}
div.block#num3,div.block#num6{
border-left:1px solid #000;
border-bottom:1px solid #000;
margin:0 0 -1px -1px;
}
div.block#num2{
border-bottom:1px solid #000;
margin:0 0 -1px 0;
}
div.block#num8{
border-top:1px solid #000;
margin:0 0 0 0;
}
div.block#num7{
border-right:1px solid #000;
margin:0 -1px 0 0;
}
div.block#num9{
border-left:1px solid #000;
margin:0 0 0 -1px;
}
div.block.ownx{
background:url(x.png) center no-repeat;
}
div.block.owno{
background:url(o.png) center no-repeat;
}
div.winnerLogo{
background:#fff;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
div.winnerLogo h1{
font:bold 2em Georgia, "Times New Roman", Times, serif;
text-align:center;
margin-top:100px;
color:#ff3300;
}
div.winnerLogo p{
font:0.8em Arial, Helvetica, sans-serif;
color:#999;
position:absolute;
bottom:1px;
right:3px;
padding:0;
margin:0;
}
div.resetButton{
position:absolute;
top:5px;
right:5px;
font:bold 1em Arial, Helvetica, sans-serif;
}