html body {
	height: 100%; 
	width:100%;
}

input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

body {
	background-color: #fff;
	color:#0A3B5C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	margin:0;
	padding:0;
	width:100%;	
}

.clear { clear:both; }
.centro { text-align:center; }
.direita { text-align:right; }
.esquerda {	text-align:left; }


div#header-login {
	background: #093b5c url(../_img/color01/bg-header.gif) repeat-x 0 0;
	height: 115px;
	width: 100%;
}

div#header-chat {
	background: #093b5c url(../_img/color01/bg-header.gif) repeat-x 0 0;
	height: 115px;
	position: fixed;
	top: 0;
	width: 100%;
}

#box_login {
	background: #376a87 url(../_img/chat/login_box_top.jpg) no-repeat 0 0;
	color: #fff;
	margin: -60px auto 0;
	padding: 162px 0 0 0;
	width: 420px;
}

#box_login h1 {
	font-size: 18px;
	color: #fff;
	margin: 0 0 20px 0;
	text-align: center;
}

#box_login #box_bottom {
	background: #376a87 url(../_img/chat/login_box_bottom.jpg) no-repeat 0 bottom;
	padding: 0 0 15px 0;
}

#box_login p.title-calendar {
	background: #fff;
	color: #376a87;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}

#box_login #btn-login {
	background: #376a87 url(../_img/chat/login_btn.jpg) no-repeat;
	border: none;
	float: left;
	height: 27px;
	margin: 10px 0 0 80px;
	padding: 0;
	width: 144px;
}

#box_login #btn-cad {
	background: #376a87 url(../_img/chat/cad_btn.jpg) no-repeat;
	border: none;
	float: left;
	height: 27px;
	margin: 10px 0 0 110px;
	padding: 0;
	width: 174px;
}

#box_login #btn-esq {
	background: #376a87 url(../_img/chat/esqueci_btn.jpg) no-repeat;
	border: none;
	float: left;
	height: 27px;
	margin: 10px 0 0 80px;
	padding: 0;
	width: 152px;
}

#box_login #extras {
	float: right;
	padding-top: 8px;
	margin-right: 50px;
	_margin-right: 25px;
}
#box_login #extras a {
	color: #fff;
	line-height: 13px;
}

#box_login #form_cadastro #extras {
	padding-top: 17px;
	margin-right: 75px;
}

#box_login #form_esqueci #extras {
	padding-top: 17px;
	margin-right: 125px;
}

#box_login .erro {
	padding:5px;
	margin: 0 30px 20px;
	background-color:#ffcfcf; 
	color: red;
	border: 1px solid red;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}

#header-chat h1 {
	color: #376a87;
	float: left;
	font-weight: bold;
	padding: 8px 0 0 30px;
}

#header-chat .title-calendar {
	color: #376a87;
	float: right;
	font-weight: bold;
	padding: 8px 30px 0 0;
}

div#sidebar {
	position: fixed;
	right: 0;
	top: 31px;
	background: #eaf5fb url(../_img/chat/sidebar_shadow.jpg) repeat-y left 0;	
	width: 240px;
	z-index: 2;
	height: 100%;
}

div#sidebar div#sidebar-info {
	height: 91px;
	background: transparent url(../_img/chat/chat_sidebar_info.gif) repeat-x 0 0;
}

div#sidebar div#sidebar-info p.info-time {
	background: transparent url(../_img/../_img/chat/chat_sidebar_info_icon.gif) no-repeat center 13px;
	color: #fff;
	padding-top: 53px;
	text-align: center;
}

div#sidebar div#sidebar-info p.info-moderado {
	background: transparent url(../_img/ico_lock.gif) no-repeat;
	background-position: 0 10px;
	padding-top: 10px;
	margin-left: 33px;
	text-align: center;
	width: 170px;
	font-weight: bold;
	color: #006600;
	height: 20px;
	margin-bottom: 0;
}

div#sidebar div#div-lista {
	margin: 22px;
}

div#sidebar div#div-lista p.lista-title {
	background: #fff url(../_img/chat/chat_list_bg.jpg) no-repeat;
	text-align: center;
	padding: 11px 0 8px 0;
}

div#sidebar div#div-lista p.lista-title span {
	font-size: 12px;
	height: 27px;
	color: #e0406c;
	font-weight: bold;
}

div#sidebar div#div-lista ul#lista-participantes {
	background: #fff;
	border: 1px solid #d6c3f8;
	border-top: none;
	border-bottom: none;
	list-style: none;
	max-height: 248px;
	overflow: auto;
	display: block;
}

div#sidebar div#div-lista ul#lista-participantes li {
	height: 20px;
	border-bottom: 1px solid #d6c3f8;
	padding-left: 6px;
	padding-top: 8px;
}

div#sidebar div#div-lista ul#lista-participantes li.moderador {
	color: #006600;
	font-weight: bold;
	font-style: italic;
}

div#sidebar div#div-lista ul#lista-participantes li.participante {
	font-weight: bold;
	color: #FF6600;
}

div#sidebar div#div-lista ul#lista-participantes li.eu {
	font-style: italic !important;
	color: #009900;
}

div#sidebar form input.btn-sair {
	width: 196px;
	height: 31px;
	background: #054E7B url(../_img/chat/chat_out_btn.jpg) no-repeat;
	cursor: pointer;
	border: none;
	color: #A9C9E0;
	margin-top: 20px;
}

div#chat-title {
	position: fixed;
	left: 0;
	top: 31px;
	background: #054E7B url(../_img/chat/chat_title.jpg) repeat-x 0 0;
	width: 100%;
	z-index: 1;
	height: 91px;
}

div#chat-title img {
	display: block;
	margin-left: 29px;
	margin-top: 6px;
	margin-right: 10px;
	float: left;
}

div#chat-title h1 {
	color: #fff;
	margin: 15px 0 5px 0;
	font-size: 24px;
	font-weight: bold;
}

div#chat-title h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #fff;
}

div#chat-content {
	margin-top: 117px;
	margin-bottom: 120px;
	margin-right: 240px;
}

div#chat-content table {
	margin-left: 29px;
	margin-top: 0;
	width: 97%;
}

div#chat-content tr {
	margin: 0px;
}

div#chat-content td {
	padding: 7px;
}
div#chat-content td.td-chat-time {
	border-right: 1px solid #029cfc;
	text-align: right;
}
div#chat-content td +td {
	border: none;
	text-align: left;
}

div#chat-content td.td-chat-data {
	font-weight: bold;
	color: #093B5C;
	text-align: right;
	width: 52px;
}

div#chat-content td.td-chat-time, div#chat-content p.p-chat-sign {
	color: #029cfc !important;
}

div#chat-content td.td-chat-log {
	color: #009900;
	font-style: italic;
}

div#chat-content tr.tr-chat-log {
	background-color: #fff;
}

div#chat-content tr.tr-chat-msg {
	background-color: #ffffcc;
}


div#chat-content tr.tr-chat-boasvindas {
	background-color: #fefefe;
	color: #093b5c !important;
}

div#footer {
	position: fixed;
	bottom: 0;
	background: #093b5c url(../_img/chat/chat_footer.jpg) repeat-x;
	width: 100%;
	padding: 8px 15px 0;
	z-index: 3;
	height: 97px;
}

div#footer form#frm-msg {
	background: transparent url(../_img/chat/chat_footer_logo.gif) no-repeat 0 0;
	padding: 10px 0 0 160px;
}

div#footer form#frm-msg #lnk-emoticon {
	background: transparent url(../_img/chat/chat_emoticons_btn.jpg) no-repeat 0 0;
	display: block;
	width: 231px;
	height: 31px;
	text-indent: -9999px;
}

div#footer form#frm-msg textarea.txt-msg {
	width: 550px;
	height: 60px;
	border: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	color: #093b5c;
	background:#F2F6FE;
	border-color:none #CACACA #CACACA none;
	border-style:none solid solid none;
	border-width: 0 2px 2px 0;
}

div#footer form#frm-msg input.btn-msg {
	width: 231px;
	height: 31px;
	border: none;
	margin-top: 10px;
	background: transparent url(../_img/chat/chat_send_btn.jpg) no-repeat;
	color: #093b5c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

div#footer form#frm-msg div {
	width: 800px;
}

div#footer form#frm-msg span {
	float: right;
}

span.linha {
	display: block;
	margin-bottom: 10px;
}

label.preField {
	clear: both;
	display:block;
	float: left;
	width: 70px;
	text-align: right;
	padding: 5px 10px 0 0;
	font-weight: bold;
	font-size: 13px;
}

#box_login #form_cadastro label.preField {
	width: 100px;
}

span.linha input {
	border: none;
	color: #333;
	padding: 6px;
	border-color:none #CACACA #CACACA none;
	border-style:none solid solid none;
	border-width: 0 1px 1px 0;
}

span.linha select {
	border: 1px solid #000;
	color: #333;
	padding: 4px;	
	border-color:none #CACACA #CACACA none;
	border-style:none solid solid none;
	border-width: 0 1px 1px 0;
}

span.botoes {
	display: block;
	text-align: center;
}

input.botao {
	padding: 4px;
	border: 1px solid #fff;
	color: #fff !important;
	font-weight: bold;
	background-color: #0B4972;
	cursor: pointer !important;
}

div#smileys{
	 position:absolute;
	 z-index:9999;
	 background-color:#fff;
	 width:200px;
	 height:140px;
	 top: -150px;
	 left: 745px;
	 border:2px solid #974578;
	 padding:10px;
	 display:none;
}

div#smileys ul{
	list-style:none;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 3px;
}

div#smileys ul li{
	float:left;
	display:block;
	width:30px;
	height:30px;
}

div#smileys ul li a{
	border:1px solid #fff;
	padding:4px;
	display: block;	
}

div#smileys ul li a:hover{
	border:2px solid #376A87;
}

div#smileys p{
	text-align: center;
	padding: 7px 0 0 0;
	border-top: 1px dotted #ccc;
}

div#smileys p a {
	color:#974578;
	font-weight: bold;
	text-decoration: none;
}

.att { color: red; font-weight: bold; }
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */