#tabelaJogo    { border: solid 2px black; border-collapse: collapse   }

#tabelaJogo TD  { border: solid 1px #333 }

.tabelinha {
	border-collapse:collapse;
}

.quadradinho, .quadradinhoErro1, .quadradinhoErro2, .quadradinhoErro3, .quadradinhoLocked, .quadradinhoErro1Locked, .quadradinhoErro2Locked, .quadradinhoErro3Locked {

	vertical-align:middle; 
	text-align:center;
	
	border:0px;

	width:24pt; 
	height:25pt; 

	font-size: 20pt;
	font-family: Verdana;
	
}

.quadradinhoErro1, .quadradinhoErro1Locked {
	background-color:#FFD1D1;
}
.quadradinhoErro2, .quadradinhoErro2Locked {
	background-color:#FFA2A2;
}
.quadradinhoErro3, .quadradinhoErro3Locked {
	background-color:#FF0000;
}

.quadradinhoLocked, .quadradinhoErro1Locked, .quadradinhoErro2Locked, .quadradinhoErro3Locked  { color: red }


.quadradinho2 {

	vertical-align:middle; 
	text-align:center;
	
	border:0px;

	width:13pt; 
	height:12pt; 

	font-size: 9pt;
	font-family: Verdana;


}
#mensagens .mensagemOK, #mensagens .mensagemAlerta, #mensagens .mensagemErro {
	font-size: 11pt;
	font-family: Verdana;
	font-weight:bold;
	text-align:left;
}

#mensagens .mensagemOK  { color: black }

#mensagens .mensagemAlerta  { color: red }

#mensagens .mensagemErro {
	color:red;
}

#mensagens a {
	font: 10px Verdana;
}

#controles, #controles2 {
	text-align:left;
	margin-top:5px;
}

#controles input, #controles2 input  { color: #000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #ccc; cursor: hand }

#controles2 {
	
	

}

#formNovoJogo {

	width: 280px; 
	padding-top: 10px;
	margin: 0px auto;
	font: .9em/140% Arial, Sans-serif;
	color: #103C56;

}
body { background: #ffffff; margin-left: -375px; position: absolute; top: 0; left: 25%; width: 750px }

acronym{
	border-bottom: 1px #103C56 dotted;
}

code{
	color: #555;
	background: #eee;
}


#logo {
	margin: 0px;
	padding: 0px;
}



#logo h1 {
	line-height:70px;
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	font-size: 80pt;
	
	text-align:center;
	letter-spacing: 20px;
}

#logo h1 a {
	color: #999;
}

#logo h2{
	text-align:center;
	font-size: 14pt;
	font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	color: #000;
}

#menu{ 
	height: 20px; 
	text-align:center;
	padding: 0; 
	margin: 0;
}


#menu a{
	font: 2em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	color: #3399FF;
	text-decoration: none;
	padding: .2em .4em .2em .4em;
	
}

#menu a:hover{ 
	color: #666;
	text-transform: uppercase;
}
#content h4{
	font: bold 1.0em Verdana;
	color: #333;
	margin: 1.6em 0 0 0;

}

#content i.date{
	float: right;
	font: 0.6em Verdana, Sans-Serif;
	color: #3399FF;
	margin-top: -14px;
}

#content p    { color: #103c56; font: 0.9em/140% Arial, Sans-serif; text-align: justify; text-indent: 2em; margin: 0.5em 1em 1em -2em }

#content .centered {
	text-align: center;
}

#content ul{
	background: #eee;
	width: 96%; margin-left: 2%;
	margin: 0;
	padding: 2%;
}

#content li{
	font: .8em/140% Verdana, Sans-Serif;
	list-style: disc;
	margin: 0 0 0 30px;
	padding: 2px;
}

#content ul li ul{
	font: 1em/140% Verdana, Sans-Serif;
	margin: 0;
	padding: 0;
}

#content ul li ul li{
	list-style: none;
	margin: 5px 0 20px 10px;
	padding: 2px;
	background: #ddd;
}


#copyright{
	text-align: center;
	padding: 10px 0 10px 0;
	color: #ccc;
}