/* Definições Genéricas */

body 
{
	scrollbar-3dlight-color:#b5b8c8;
	scrollbar-arrow-color:#31508b;
	scrollbar-base-color:#f0f0f0;
	scrollbar-darkshadow-color:#d1d1d1;
	scrollbar-face-color:#d7d7d7;
	scrollbar-highlight-color:#fcfdfe;
	scrollbar-track-color:#f0f0f0;
	scrollbar-shadow-color:#f0f0f0;
	margin: 0px;
	padding: 5px;
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 11px;
}

table, table tr, table td
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 11px;
}

/* Área de Conteúdo - Legendas e Textos em Geral */

.divPanel
{
	width: 100% !important;
}

.divContent
{
    margin:0px;
    padding:0px;
    width: 100%;
    /* overflow para o cursor */
    overflow: hidden;       
}

.divContent td
{
    font-family: Tahoma, Verdana, Sans-Serif;
 	font-size:11px; 	
	vertical-align: top;
	
}

/* TextBoxes */

input.txtInput 
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	height:14px;
	border: 1px solid #c2c2cc;
	padding-left: 2px;
	padding-top: 2px;
}

input.txtPesquisaGenerica
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	height: 14px;
	border: 1px solid #c2c2cc;
	padding-left: 2px;
	padding-right: 0px;
	/*20/04 esse valor deve mudar para o layout com botões arredondados: padding-top: 3px;*/
	padding-top: 2px;
	width: 100px;
}

/* Botão de Pesquisa Genérica */
input.btnPesquisaGenerica {
	height:19px;
	font-family:Arial;
	font-size:11px;
	color: #939598;
	background-color:#ffffff;
	border:1px solid;
   	border-top-color:#c2c2cc;
   	border-left-color:#c2c2cc;
   	border-right-color:#a0a0a0;
   	border-bottom-color:#a0a0a0;	
	width:20px;	
	cursor: pointer;
	margin-left: -1px;
	outline: none;
}

/* Botão de Pesquisa Genérica mais escuro */
input.smallButton{
	font-family:Arial;
	font-size:11px;
	color: #46547f;
	font-weight: bold;
	margin-top: 0px;  
	margin-bottom: 0px;
	width: 20px; 
	height: 19px;
	background-color:#f3f3f3;
	border:1px solid;
   	border-top-color:#e0e0e0;
   	border-left-color:#e0e0e0;
   	border-right-color:#a0a0a0;
   	border-bottom-color:#a0a0a0;
   	cursor: pointer;
}	


/* TextBox Read-Only */
input.readonly
{
	background-color: #f5f5f5;
}

/* TextBox MultiLine */

textarea 
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	height:50px;
	border: 1px solid #c2c2cc;
	margin-top:2px;
}

/* DropDownLists */

select 
{
    font-family: Tahoma, Verdana, Sans-Serif;
    font-size:11px;
	margin-top: 1px;
	height: 16px;
	border: 1px solid #c2c2cc;	
	color:#808080;
}

/* Linha de Botões do PopUp */

div.buttonRowPop
{
  	padding:1px 3px;
  	padding-left: 5px;
  	padding-right: 2px;
	height: 20px;
	vertical-align: top;
	text-align: right;
}

/* Painel que Engloba os Grids Incluindo Linha de Botões de Grid */

.containerTbDataBorder 
{
    border: 2px solid #ebebeb;    
}

.containerTbDataTop 
{
    background-color: #fafafa; 
    border: 1px solid #eeeeee;
    vertical-align: middle;
    padding: 5px;
}	

/* Painel que Engloba as Tabelas de Escala */

.divEscala
{
	border: 1px solid #dddddd; 
	border-right-color: #A5A2A5;
    border-bottom-color: #A5A2A5; 
    background: #F7F3F7; 
    height:20px; 
    margin: 0px 3px 3px 3px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    text-align: center;
}

.divEscalaCell
{
	border: 1px solid #dddddd; 
	border-right-color: #A5A2A5;
    border-bottom-color: #A5A2A5; 
    background: #FFFBFF; 
    height:15px; 
    margin: 3px 3px 3px 3px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    text-align: center;
    color: #46547f;
}

.divEscalaBlue
{
	border: 1px solid #dddddd; 
	border-right-color: #A5A2A5;
    border-bottom-color: #A5A2A5; 
    background: #DDEEFB;
    height:12px; 
    margin: 3px 3px 3px 3px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    text-align: right;
    color: #000000;
    font-size: 9px;
    font-family: Arial;
}

.divEscalaTable
{
	border: 0px solid #dddddd; 
	border-right-color: #A5A2A5;
    border-bottom-color: #A5A2A5; 
    background: #EFEBEF;  
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    text-align: right;
    padding:1px 5px;
}

.divEscalaTD
{
    vertical-align: middle;
    font-size: 9px;
    vertical-align: bottom;
    padding-left: 7px;
}
 
/* Grids */
 .celFundoSquare
{
	width:30px;
	height:30px; 
	font-family:arial; 
	color:#ffffff; 
	text-align:center; 
	font-size:10px; 
	background:  url(../images/leg_vz.gif);	
	background-repeat: no-repeat;	
}


 
.tbData 
{
	border:#d3d3d3 1px solid;
	background-color: #f9f9f9;
	margin:0px 0px 0px 0px;
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	/* overflow para o cursor */
    overflow: hidden;
}

.tbData tr 
{
	height:14px;
}

.tbData tr:hover 
{
    background-color: #eaf9ff;
}

.tbData tr.tbHeader
{
	height: 20px;
}

.tbData th 
{
    position: inherit;
    top: inherit;
    z-index: inherit;
    border-top: 2px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left:   1px solid #d3d3d3;
	border-right:  1px solid #d3d3d3;
	padding-left:5px;
	padding-right:5px;	
	color:#6699cc;
	font-weight:normal;
	font-size:11px;
	text-align: center;
	margin:0px 0px 0px 0px;
}

.tbDataG th
{
    top: expression(this.offsetParent.scrollTop) !important;
    border-bottom: none !important;
}

.tbData td 
{
	border: 0px;
	padding: 2px 5px 1px 5px;
	font-size:11px;
	vertical-align: middle;
    overflow: hidden; 
}

.tbData td.textoread
{
    padding: 0px;
}

.tbData td.textoread input
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	border: none;
	padding: 0px;
	width: 90%;
	text-align: center;
	background-color: Transparent;
}

.tbData td.texto
{
    padding: 0px;
    background-color: #ffffdd;
}

.tbData td.texto input
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	border: none;
	padding: 0px;
	width: 90%;
	text-align: center;
	background-color: Transparent;
}

.tbData td.texto input:focus
{
	background-color: #ffdddd;
}

.tbData td a 
{
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.tbData td a:hover
{
    color: #6699cc;
}

.tbData tr.darkGray {
	background-color: #f3f3f3;
}

.tbData tr.darkGray:hover 
{
    background-color: #eaf9ff;
}

.tbData tr.Rodape td
{
    border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	background:  url(../Images/bgTableFooter.gif);
	padding-left:5px;
	padding-right:5px;	
	color:#6699cc;
	font-weight: normal;
	font-size:11px;
	text-align: center;
	margin: 0px;
}

.tableExtend {
	border-style: none;
	white-space: nowrap;
	/*width:100%;*/		
	/*border: 0;*/
	/*margin: 0px 0px 0px 0px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	/*color: #ff0000;*/
	/*background-color: #ff00ff;*/
	/*display: block;*/
}

.bordaRelevo {
	border-top-style: solid; 
	border-bottom-style: inset;
	border-left-style: solid;
	border-right-style: inset;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color: #ffffff;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
}


/* Estilo Alternativo para Header Duplo no Grid */

.tbHeaderPro
{
	border:#d3d3d3 1px solid;
	background-color: #f9f9f9;
	padding:0px;	
	border-collapse: collapse;
}

.tbHeaderPro tr {
	height:16px;
}

.tbHeaderPro td
{
	border-bottom: 1px solid #d3d3d3;
	border-left:   1px solid #d3d3d3;
	border-right:  1px solid #d3d3d3;
	background:  url(../Images/bgTableTitle.gif);
	padding-left:5px;
	padding-right:5px;	
	color:#6699cc;
	font-weight:normal;
	font-size:11px;
	text-align: center;
}

/* Header de Grupo para Grids */

.grupo
{
	background-color: #ffffff !important;
	font-weight: bold !important;
	color: #6699cc !important;
	height: 16px !important;
	vertical-align: middle !important;
	text-align: center !important;
	padding: 0px 0px 0px 0px !important;
}

.grupo div
{
    border-top: 1px solid #d3d3d3;
	border-bottom: 2px solid #6699cc;
	padding-bottom: 2px;
	padding-top: 5px;
	text-align: left;
	padding-left: 2px;
}

.grupo div a 
{
    color: #6699cc !important;
    text-decoration: none;
    cursor: pointer;
}

.grupo div a:hover
{
    color: #6699cc !important;
    text-decoration: underline;
}

.sumario
{
    border-left: none !important;
    border-right: none !important;
    border-top: 2px solid #6699cc;
	background-color: #ffffff !important;
	font-weight: bold !important;
	color: #6699cc !important;
	height: 16px !important;
	vertical-align: middle !important;
	text-align: right !important;
	padding: 0px 0px 0px 0px !important;
}

.sumario div
{
	border-top: 1px solid #6699cc;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* Linha de Botões Padrão */

div.buttonRow 
{
    height: 28px;
    line-height: 28px;
    background-color: #fafafa; 
    border: 1px solid #eeeeee; 
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

div.buttonRow input, input.whiteButton {
	height:18px;
	font-family:Arial;
	font-size:11px;
	color: #939598;
	background-color:#ffffff;
	border:1px solid;
   	border-top-color:#e0e0e0;
   	border-left-color:#e0e0e0;
   	border-right-color:#a0a0a0;
   	border-bottom-color:#a0a0a0;	
	margin-left:4px;
	width:100px;	
	cursor: pointer;
}

/* Popups */

.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalBox 
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	background-color: #dedede;
	border-width: 1px;
	border-style: solid;
	border-color: #bebebe;
	padding: 0px 0px 5px 0px;
	
}

.modalBox .caption 
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	background-color: #22427b;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 5px;
}

.modalBox .closeBox 
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	height:16px;
	line-height:16px;
	position:absolute;
	right:6px;
	text-align:center;
	top:2px;
	width:10px;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
}

.modalBox .centro, .centro
{
	border: 1px solid #bebebe;
	margin: 0px 5px 0px 5px;
	padding: 4px;
	background-color: #ffffff;
	z-index: 99;
	/* overflow para o cursor */
    overflow: hidden; 
}

.boxDestaque
{
	border: 1px solid #bebebe;
	margin: 0px 5px 0px 5px;
	padding: 4px;
	background-color: #fafafa;
	z-index: 99;
}

.titleIcon 
{
	padding-right: 20px;
}

/* Calendário */

.ajax__calendar_container
{
    z-index: 99;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

/* AJAX Janela "Carregando" */

.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:130px; 
    height:40px;
    line-height: 40px;
    vertical-align: middle;
    z-index: 99;
}

.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}

/*CSS DO POPUPMODAL DO "FABIO"  POP-UP DE ERRO*/
.PopUpModal
{
    background-color: #DFE4FF;
}

.divMoney
{
	padding-top: 3px !important;
}

.divMoneyCell
{
	padding-top: 1px !important;
}


/* Grids3 com rolagem horizontal*/
 
.tbData3 
{
	border:#d3d3d3 0px solid;  /* muda aqui */
	background-color: #f9f9f9;
	padding:0px;	
	border-collapse: collapse;
	text-align: left;
}

.tbData3 tr {
	height:14px;
}

.tbData3 tr:hover 
{
    background-color: #eaf9ff;
}

.tbData3 th 
{
    position: inherit;
    top: inherit;
	border-bottom: 1px solid #d3d3d3;
	border-left:   1px solid #d3d3d3;
	border-right:  1px solid #d3d3d3;
	padding-left:5px;
	padding-right:5px;	
	color:#6699cc;
	font-weight:normal;
	font-size:11px;
	text-align: center;
	margin: 0px;
}

.tbData3G th
{
    top: expression(this.offsetParent.scrollTop) !important;
    border-bottom: none !important;
}

.tbData3 td 
{
	overflow: auto;   /* muda aqui */
	overflow-x: hidden; /* muda aqui */
	border: 0px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	padding: 2px 5px 1px 5px;
	font-size:11px;
	vertical-align: middle;
}

.tbData3 td.textoread
{
    padding: 0px;
}

.tbData3 td.textoread input
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	border: none;
	padding: 0px;
	width: 90%;
	text-align: center;
	background-color: Transparent;
}

.tbData3 td.texto
{
    padding: 0px;
    background-color: #ffffdd;
}

.tbData3 td.texto input
{
    font-family: Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	border: none;
	padding: 0px;
	width: 90%;
	text-align: center;
	background-color: Transparent;
}

.tbData3 td.texto input:focus
{
	background-color: #ffdddd;
}

.tbData3 td a 
{
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.tbData3 td a:hover
{
    color: #6699cc;
}

.tbData3 tr.darkGray {
	background-color: #f3f3f3;
}

.tbData3 tr.darkGray:hover 
{
    background-color: #eaf9ff;
}

.tbData3 tr.Rodape td
{
    border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	background:  url(../Images/bgTableFooter.gif);
	padding-left:5px;
	padding-right:5px;	
	color:#6699cc;
	font-weight: normal;
	font-size:11px;
	text-align: center;
	margin: 0px;
}

div.conteudodatabela {
	overflow: auto;
	margin: 0 auto;
	border: 2px solid #ebebeb;
	position: relative;
	}
	
/* Esse classe é igual ao containertbdata */

.conteudodatabela 
{
  	background-color:#ebebeb;
	padding:1px 5px;
	height: 25px;
	vertical-align: top;
	text-align: right;
}

.conteudodatabelaBorder 
{
    border: 2px solid #ebebeb;    
}

.conteudodatabela input, div.buttonRowPop input, input.grayButton {
	height:18px;
	font-family:Arial;
	font-size:11px;
	color: #46547f;
	background-color:#f3f3f3;
	border:1px solid;
   	border-top-color:#e0e0e0;
   	border-left-color:#e0e0e0;
   	border-right-color:#a0a0a0;
   	border-bottom-color:#a0a0a0;	
	margin:3px;
	margin-bottom:1px;
	margin-left:0px;
	width:100px;
	cursor: pointer;
}

.conteudodatabelaTop 
{
    background-color: #fafafa; 
    border: 1px solid #eeeeee;
    vertical-align: middle;
    padding: 5px;
}

/********************************************/
/* Novos CSS para o novo layout abr/2009    */
/********************************************/
/* AspPanel */
.barraFundoTop          {background:url(../Images/barraFundoTop.gif); background-repeat:no-repeat; background-position:top; height:70px;}
.barraFundoTopUmLinha   {background:url(../Images/barraFundoTop2.gif); background-repeat:no-repeat; background-position:top; height:40px;}
.barraFundoTopVLinha    {background:url(../Images/barraFundoTop3.gif); background-repeat:no-repeat; background-position:top; height:160px;}
.containerTbDataBorderN {background:url(../Images/fundoGrids.jpg); background-repeat:repeat-x; background-position:bottom; overflow:auto; margin:0 auto; border:2px solid #ebebeb;}

.tableBarrSup			{border-collapse:collapse; width:100%;}
.barraleft1				{width:7px; height:82px; background:url(../Images/top1_left.gif); background-position:top; background-repeat:no-repeat;}
.barramiddle1			{width:auto; height:82px; background:url(../Images/top1_middle.gif); background-position:top; background-repeat:repeat-x; padding:0px 5px 0px 5px;}
.barraright1			{width:7px; height:82px; background:url(../Images/top1_right.gif); background-position:top; background-repeat:no-repeat;}
.barraleft2				{width:7px; height:52px; background:url(../Images/top2_left.gif); background-position:top; background-repeat:no-repeat;}
.barramiddle2			{width:auto; height:52px; background:url(../Images/top2_middle.gif); background-position:top; background-repeat:repeat-x; padding:0px 5px 0px 5px;}
.barraright2			{width:7px; height:52px; background:url(../Images/top2_right.gif); background-position:top; background-repeat:no-repeat;}
.barraleft3				{width:7px; height:160px; background:url(../Images/top3_left.gif); background-position:top; background-repeat:no-repeat;}
.barramiddle3			{width:auto; height:160px; background:url(../Images/top3_middle.gif); background-position:top; background-repeat:repeat-x; padding:0px 5px 0px 5px;}
.barraright3			{width:7px; height:160px; background:url(../Images/top3_right.gif); background-position:top; background-repeat:no-repeat;}
.barraleft4				{width:7px; height:324px; background:url(../Images/top4_left.gif); background-position:top; background-repeat:no-repeat;}
.barramiddle4			{width:auto; height:324px; background:url(../Images/top4_middle.gif); background-position:top; background-repeat:repeat-x; padding:0px 5px 0px 5px;}
.barraright4			{width:7px; height:324px; background:url(../Images/top4_right.gif); background-position:top; background-repeat:no-repeat;}

/*Caixas com datas*/
/*Caixas com datas*/
.boxDatas     {background-color: #f0f0f0; border: 1px solid #dddddd; border-right-color: #7a7a7a; border-bottom-color: #7a7a7a; padding: 7px 7px 7px 7px;}
.boxDatasSpan {z-index:3; background:#f0f0f0; left:10px; position:relative; top:6px; padding-right:0px; white-space:nowrap;}

.barraFinalBotoes {background-color:#ebebeb; padding:2px 5px 2px 5px; height:25px;}