body{ font-family: sans; font-size: normal; margin:10px; }
.campo-formulario{ margin-bottom:.5em }
.obrigatorio{ color:#c00 }

input, select, textarea{ border:1px outset #333; font-size:large; padding:.3em; }
input:hover, input:focus, select:focus, select:hover, textarea:focus{ background:#ffc; }

	.link-acao{ float:left; text-align:center; padding: .4em; }
	.link-acao:hover{ background: #eee; }

	img{ border:0; }

	a{ color: #78d; text-decoration:none; }
	a:hover{ text-decoration:underline; }

	fieldset{ border: solid 1px #eee; padding: .4em; }

	/* Grade geral */
	table.grade{ font:inherit; width:100%; }
	table.grade th{ text-align:left; border-bottom:solid 1px #666; padding:0 4px; }
	table.grade td{ padding: 0 4px; border-bottom:solid 1px #f6f6f6; }
	table.grade tr:hover{ background:#ffc; }
	table.grade td:hover{ background:#ff6; }
	table.grade th:hover{ background:#ccc; }

	

	/* Grade da visualização */
	table.grade#dados{ width:100%; }
	table.grade#dados th{ width:10%; }

	#erro{ font-weight: bold; padding: 10px; background: #c00; color: #fff; }
	#alerta{ font-weight: bold; padding: 10px; background: #cc0; color: #fff; }
	#aviso{ font-weight: bold; padding: 10px; background: #0c0; color: #fff; }
	.campo_msg_erro{ padding: 0px 5px; background: #d66; color: #fff; }


/* ListaOpcoes e AutoCompletar */

.lista-opcoes{ border:1px solid #666; border-top: 0; }
.lista-opcoes-focada{ border:1px solid #666; border-bottom: 0; }
.opcao-selecionada{ background-color:#ccc; padding: 5px; }
.opcao-focada-selecionada{	background-color:#aaa; padding: 5px; }
.opcao{ padding: 5px; cursor:pointer; border-bottom:1px solid #ccc; }
.opcao-focada{ padding: 5px; cursor:pointer; border-bottom:1px solid #aaa; }