/***********************************
 *
 * Wizard Virid em Tableless - CSS
 * By Daniel Lopes
 *
 * Hacks para IE só foram usados, por causa do editor HTML usado no wizard.
 *
***********************************/

INPUT:focus, TEXTAREA:focus, SELECT:focus
{
	background:#f4f4f4;
}

UL, BODY, H1, H2, H3, INPUT, SELECT, FORM, P {
	margin:0;
	padding:0;
}
IMG {
	border:none;
}

/* editor */
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* editor */

BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(../imagens/general/bg.jpg);
}

A { 
	text-decoration:none;
	color:#000000;
}
A:hover{
	text-decoration: underline;
}

#geral {
	margin:0 auto;
	width:770px;
	background:#FFFFFF url(../imagens/structure/bg_general.gif) repeat-y;
}

/* 
 * Página de Login
 */
#telaLogin {}
#telaLogin H1{
	text-indent:-5000em;
	overflow:hidden;
	width:100%;
	height: 250px;
	background: url(../imagens/general/akabuki.jpg) no-repeat center center;
}
#telaLogin .tab {
	width:100%;
	border:0px;
	background:#EEEEEE;
}
#telaLogin .tab TH {
	border-top:1px solid #FFFFFF;
	height:30px;
	background:#EEEEEE url(../imagens/general/tit_wcms.gif) no-repeat center center;
}
#telaLogin .tab .rodape {
	color:#FFFFFF;
	padding-left:250px;
	background:#92A2B8 url(../imagens/general/alert.gif) no-repeat;
	background-position:220px;
}

/* 
 * Estrutura principal
 */
#topo {
	clear:both;
}
#topo H1 {
	position:relative;
	float:left;
	text-indent:-5000em;
	overflow:hidden;
	width:333px;
	height:99px;
	background:#FFFFFF url(../imagens/structure/logo_main.jpg) no-repeat;
}
#topo .dadosLogin{
	position:relative;
	float:right;
	width:291px;
	margin:20px 20px 0 0;
	text-align:right;
	font-size:11px;
	color:#0066CC;
}
#topo .logoCliente{
	position:relative;
	float:right;
	width:80px;
	height:80px;
	margin:5px 10px 0px 0px;
}

#suporte {
	width:100%;
	height:37px;
	clear:both;
	background:url(../imagens/structure/bg_help_bar.jpg);
}
#suporte .texto{
	position:relative;
	float:right;
	padding:4px 2px 0 0;
	font-size:11px;
}
#suporte .img{
	width:40px;
	height:37px;
	position:relative;
	float:right;
	background:url(../imagens/structure/icon_help.jpg);
}

#menuPrincipal {
	position:relative;
	float:left;
	width:156px;
	list-style:none;
}
#menuPrincipal LI{
	background:url(../imagens/general/hor_line.gif) no-repeat bottom;
}
#menuPrincipal A{
	display:block;
	padding: 6px 0px 6px 6px;
	color: #666666;
	text-decoration: none;
	width: 150px;
	
	/* maldito editor */
	_width:156px;
	/* maldito editor */
}
#menuPrincipal A:hover{
	color:#FFFFFF;
	background-color:#0033CC;
}
#menuPrincipal .group{
	font-weight:bold;
	font-size:14px;
	padding: 6px 6px 6px 6px;
	text-align:left;
}
#menuPrincipal .selected{
	background:#92A2B8;
	padding: 6px 6px 6px 6px;
	color:#FFFFFF;
}

#conteudoHeader {
	margin: 10px 10px 0px 170px;
	height:20px;
	border-bottom:1px solid #E0E8F2;
}
#conteudoHeader H2 {
	position:relative;
	float:left;
	font-size:16px;
}
#conteudoHeader .voltar {
	position:relative;
	float:right;
	margin-right:10px;
}

#conteudo {
	width:585px;
	margin: 10px 10px 0 170px;
}
#conteudo .tab {
	width:100%;
	background:#EEEEEE;
}
#conteudo .tab TH {
	background:url(../imagens/general/lineWhite.gif) repeat-x;
}
#conteudo .tab .info {
	background:#92A2B8;
	color:#FFFFFF;
}
#conteudo .tab .footer {
	background:url(../imagens/general/lineWhite.gif) repeat-x bottom;
}
#conteudo .btNew {
	padding:0 0 4px 0;
	border-bottom:1px solid #EEEEEE;
	text-align:right;
	height:35px;
}
#conteudo .reg {
	padding-top:10px;
	font-size:11px;
}
#conteudo .tabList {
	width:100%;
	background:#EEEEEE;
	border:1px solid white;	
}
#conteudo .tabList TH {
	background:#92A2B8;
	color:#FFFFFF;
	font-weight:bold;
}
#helpcard {
	background:#92A2B8;
	color:#FFFFFF;
	padding:5px;
}

#conteudo .tabList .exclude {
	background:#98A0B3; 
	color:#FFF;
	border-bottom:2px solid #FFF;
	border-top:3px solid #FFF;
}
#conteudo .tabList .footer {
	background:#0000CC;
	height:8px;
}
#conteudoFooter {
	margin: 10px 10px 0 0px;
}
#conteudoFooter .gravar{
	position:relative;
	float:left;
	width:450px;
	text-align:center;
}
#conteudoFooter .voltar{
	position:relative;
	float:right;
}

#writeError
{
	 padding:			5px;	
	 color:				#FFFFFF;
	 background-color:	#92A2B8;
	 margin:			5px 0px 5px 0px;
}

#rodape {
	clear:both; 
	height:50px;
}

.textField {
	border:1px solid #92A2B8;
	background-color:#E0E8F2;
}

.alertArquivo {
	float:left; 
	width:100px; 
	text-align:right; 
	padding-right:20px;
}