body {
    margin: auto;
    background: #FAFAFA;
    font: 11px Verdana;
}

a {
    text-decoration: none;
    color: #1A1A1A;
}
a:hover { text-decoration: underline; }

img { border: 0; }

#topo {
    margin-bottom: 10px;
    padding: 10px 4px 10px 10px;
    border-bottom: 5px solid #CCC;
    background: #191919;
	height: 40px;
}

#topo h1 {
	margin: 0;
	padding: 0;
    font-size: 30px;
    font-weight: bold;
    color: #E8C602;
	display: inline;
	float: left;
}

#divRolar {
	color: #FFFFFF;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

#divRolar input {
	vertical-align: middle;
}

#esquerda, #direita { float: left; }

#direita {
    padding: 4px;
    background: #EDEBDC;
}
#direita dl.caretas {
    margin: 0;
    width: 255px;
}
#direita dl.caretas dd {
    margin: 3px;
    float: left;
}

#esquerda {
    width: 64%;
    padding: 5px;
}
#esquerda form, dl.form { margin: 0; }
#esquerda form { width: 500px; }
input.campo, select.campo {
    border: 1px solid #BBB;
    padding: 1px;
}
#esquerda fieldset {
    background: #EDEBDC;
    border: 1px solid #A98C70;
}
#esquerda legend {
    font-weight: bold;
    background: #D3C5B6;
    padding: 3px 6px 3px 6px;
}
#esquerda dl.form dt {
    float: left;
    margin: 0;
    width: 80px;
    padding: 3px;
}
#esquerda dl.form dd {
    margin: 0;
    clear: right;
    padding: 3px;
}

body.nomes, body.pe {
    background: #EDEBDC;
}

body.pe {
	padding: 15px;
}

body.pe form {
	margin: 0; padding: 0;
}

#btSair {
	float: right;
}

#divNick {
	float: left;
	width: 120px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
}

#divNick img {
	vertical-align: middle;
}

#divMsg {
	float: left;
}

#divCampos div {
	margin: 2px;
}

#divCampos div * {
	vertical-align: middle;
}

#spanNick {
	font-weight: bold;
}

body.nomes {
	padding: 10px;
}

body.nomes ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

body.nomes ul li.s {
	background-color: #DCDCDC;
}

body.nomes ul li a {
	display: block;
	line-height: 20px;
	padding-left: 22px;
	background: url(../batepapo/caretas/0.gif) no-repeat left center;
}

#liTodos a {
	background: url(../batepapo/caretas/todos.gif) no-repeat left center;
}