/* 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: 96% !important;}
.divContent    {margin:0; padding:0; width: 100%;}
.divContent td {font-family: Tahoma, Verdana, Sans-Serif; font-size:11px; vertical-align: top;}
.nowLoading    {font-family: Tahoma, Verdana, Sans-Serif; font-size:9px; background-color: #ffffff; color: #a0a0a0;	border: 1px solid #c2c2cc; padding: 2px 5px;}

/* 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.txtInput[readonly]   {background-color: #f5f5f5;}
input.txtPesquisaGenerica {font-family: Tahoma, Verdana, Sans-Serif; font-size:11px; height: 14px; border: 1px solid #c2c2cc; padding-left: 2px; padding-right: 0px; 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;}

/* TextArea Read-Only */
textarea.readonly {background-color: #f5f5f5;}

/* DropDownLists */
select 
{
    font-family: Tahoma, Verdana, Sans-Serif;
    font-size:11px;
	margin-top: 1px;
	height: 20px;
	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 */
.containerTbData                                                 {background-color:#ebebeb; padding:1px 12px 0px 10px; height:25px; vertical-align:top; text-align:right;}
.containerTbDataBorder                                           {overflow: auto; margin: 0 auto; border: 2px solid #ebebeb;}
.containerTbData 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;}
.checkBox input                                                  {background-color: transparent !important; border: none !important; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; width: auto !important; height: auto !important;	vertical-align: middle;}
.containerTbDataTop                                              {background-color: #fafafa; border: 1px solid #eeeeee; vertical-align: middle; padding: 5px;}	
.barraFinalBotoes                                                {background-color:#ebebeb; padding:2px 5px 2px 5px; height:25px;}



/* 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;
}

.divEscalaAlocacao
{ 
	border: 1px solid #dddddd; 
	border-right-color: #A5A2A5;
    border-bottom-color: #A5A2A5; 
    background: #F7F3F7; 
    height:12px; 
    width:12px;
    margin: 0px 0px 0px 0px;
    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;
}

.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;}

/* Grids */
.tbData                      {border:#d3d3d3 1px solid; background-color: #f9f9f9; padding:0px; border-collapse: collapse; text-align: left;}
.tbData tr                   {Height:14px;}
.tbData tr:hover             {background-color: #eaf9ff;}
.tbData th                   {position:relative; top:expression(this.offsetParent.scrollTop-1); z-index:1; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:0px solid #d3d3d3; background:url(../Images/bgTableTitle2.gif); color:#6699cc; font-weight:normal; font-size:11px; text-align:center; margin:0px;}
.tbHead                      {top:0;}
.tbDataG th                  {top:expression(this.offsetParent.scrollTop) !important; border-bottom:none !important;}
.tbData td                   {border: 0px; border-left: 1px solid #d3d3d3; border-right:1px solid #d3d3d3; padding: 2px 5px 1px 5px; font-size:11px; vertical-align: middle;}
.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 tr.darkGray td.texto {background-color: #ffffcc;}
.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;}
.tHeaderBorder               {border-left:0px solid #d3d3d3; border-right:0px solid #d3d3d3;}

/*Grid Matriz de Acompanhamento*/
.tbDataM                      {border:#d3d3d3 1px solid; background-color: #f9f9f9; padding:0px; border-collapse: collapse; text-align: left;}
.tbDataM tr                   {Height:14px;}
.tbDataM tr:hover             {background-color: #eaf9ff;}
.tbDataM th                   {top:expression(this.offsetParent.scrollTop-1); z-index:1; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:0px solid #d3d3d3; background:url(../Images/bgTableTitle2.gif); color:#6699cc; font-weight:normal; font-size:11px; text-align:center; margin:0px; white-space:nowrap;}
.tbDataM td                   {border: 0px; border-left: 1px solid #d3d3d3; border-right:1px solid #d3d3d3; padding: 2px 5px 1px 5px; font-size:11px; vertical-align: middle; white-space:nowrap;}
.tbDataM td.textoread         {padding:0px;}
.tbDataM td.textoread input   {font-family: Tahoma, Verdana, Sans-Serif; font-size:11px; border: none;	padding: 0px; width: 90%; text-align: center; background-color: Transparent;}
.tbDataM td.texto             {padding: 0px; background-color: #ffffdd;}
.tbDataM td.texto input       {font-family: Tahoma, Verdana, Sans-Serif; font-size:11px; border: none;	padding: 0px; width: 90%; text-align: center; background-color: Transparent;}
.tbDataM tr.darkGray td.texto {background-color: #ffffcc;}
.tbDataM td a                 {color: #000000; text-decoration: none; cursor: pointer;}
.tbDataM td a:hover           {color: #6699cc;}
.tbDataM tr.darkGray          {background-color: #f3f3f3;}
.tbDataM tr.darkGray:hover    {background-color: #eaf9ff;}
.tbDataM 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;}


/* faz os 3 pontinhos no grid qdo da over flow */
.tableExtend {white-space: nowrap; text-overflow: ellipsis;	overflow: hidden; color: #000000;}

.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;
}

.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;}
.divLink                  {font-weight: bold;	color: #000000;}
.divLink:hover            {color: #6699cc;}
.tbLink a                 {color: #6699cc; text-decoration: none;}
.tbLink a:hover           {text-decoration: underline;}
.tbLink a:visited         {color: #6699cc;}
.tbLink a[disabled]       {color: #dddddd; cursor: default;}
.tbLink a[disabled]:hover {text-decoration: none;}
.divMoney                 {position: absolute; display:inline; padding-top: 4px; padding-left: 3px; color: #aaaaaa; cursor: default;}
.divMoneyCell             {position: absolute; display:inline; padding-top: 2px; padding-left: 2px; color: #aaaaaa; cursor: default;}

/* Grids3 com rolagem horizontal*/
.tbData3                    {border:#d3d3d3 0px solid; background-color: #f9f9f9;	padding:0px; border-collapse: collapse; text-align: left;}
.tbData3 tr                 {height:14px;}
.tbData3 tr:hover           {background-color: #eaf9ff;}
.tbData3 th                 {position:relative; top: expression(offsetParent.scrollTop); background:  url(../Images/bgTableTitle.gif); 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; overflow-x: hidden; 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 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;}
div.conteudodatabelaBorder  {overflow: auto; margin: 0 auto; border: 2px solid #ebebeb; position: relative;}
div.conteudodatabelaBorderN {background:url(../Images/fundoGrids.jpg); background-repeat:repeat-x; background-position:bottom; overflow: auto; margin: 0 auto; border: 2px solid #ebebeb; position: relative;}

/********************************************/
/* 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*/
.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;}

/*CheckBox no Grid*/
.chkBoxGrid {margin-top:3px; vertical-align:middle; text-align:center;}