﻿TP_gridTable/*--Template PRODAM - draf 1.0 - --*/
/*--Aracy Bernardes - GVI - Metodologia e Integração / GRD I---*/

.h1{
	background: url(images/linha.gif) bottom repeat-x;
	font-size: 0.90em bold; /* navegadores normais */
    *font-size: 0.90em; /* funciona so no ie 7 */
	_font-size: 0.90em; /* funciona so no ie em versoes anteriores*/
	padding: 6px 0 3px 0;
	color: #3f5b7b;
	margin: 2px;}

.h2{
	background: url(images/linha.gif) bottom repeat-x;
	font-size: 0.80em bolder;
	*font-size: 0.80em;
	_font-size: 0.80em bolder;
	padding: 6px 0 3px 0;
	color: #600002;
	margin: 2px;}

.h3{
	background: url(images/linha.gif) bottom repeat-x;
	font-size: 0.7em bolder;
    *font-size: 0.7em bolder;
	_font-size: 0.7em bolder;
	padding: 6px 0 3px 0;
	margin: 2px;
	color: #3f5b7b;}
	
/*
.fundoSolicitacao {
	background: url(../css/img/FundoSolicitacoes.png);
	
}	

.fundoPlanejamento {
	background: url(../css/img/FundoPlanejamento.png);
	
}	
	
.fundoConfiguracao {
	background: url(../css/img/FundoConfiguracao.png);
	
}
.fundoAcompanhamento {
	background: url(../css/img/FundoAcompanhamento.png);
	
}	*/	
	
  .TITULO_SOLICITACOES {
	border: 0;
	color: #600002;
   	float: left;
	font-family:Times New Roman Baltic, Times New Roman, Tw Cen MT Condensed Extra Bold, Tw Cen MT Condensed, Tw Cen MT;
	font-size:larger;
	  
	}	
	
	.SUB_TITULO_SOLICITACOES {
	border: 0;
	color: #000000;
   	font-family:Verdana;
	font-size:small;
	  font-weight:bold;
	}	
	
		.SUB_TITULO_SOLICITACOES_X {
	border: 0;
	color: #000000 ;
   	font-family:Verdana;
	font-size:xx-large;
	  
	}	
	
        .Botao_AlterarGrid{
         background: url(../css/img/img_alterar.png) bottom repeat-x;
         border:none;
        }

        .Botao_ExcluirGrid{
         background: url(../css/img/img_excluir.png) bottom repeat-x;
          border:none;
        }

        .Botao_SelecionarGrid{
         background: url(../css/img/IconesSelecionar.png) bottom repeat-x;
          border:none;
        }

	.Infor {
	border: 0;
	color: #3a3a3a ;
	font-family:Verdana;
	font-size:x-small;
	font-weight:lighter;
	line-height:20px;
	 
	}	
	
	.Infor2 {
	border: 0;
	color: #FFFFFF ;
   
	font-family:Verdana;
	font-size:x-small;
	font-weight:bold;
		 
	}	
	
		
	.Pnlinput {
	padding: 2px;
	border: 1px solid #B1C0D1;
	background-color:#f7f7f7; 
	display: block;
	font: 0.80em Arial, Helvetica, sans-serif;
	    font: 0.80em Arial, Helvetica, sans-serif;
	    _font: 0.80em Arial, Helvetica, sans-serif; 
	    }
	
	.Button {
    margin:10;
	padding: 2px 2px 2px 2px;
	border: 2px dotted #0A3297;
    border-radius: 3px;
	background-color: #0A3297; 
	color:#FFFFFF; 
	font-family: Helvetica,tahoma;
}
	
		.ButtonVermelho {
    margin:10;
	padding: 2px 2px 2px 2px;
	border: 1px solid #A60000;
	background-color: #D50000; 
	color:#FFFFFF; 
	border-style: outset;
	font-family: Helvetica,tahoma;
}
	
	.textoMenu
{
	display: block;
	margin: 2px;
	padding: 2px 0 6px 0;
	/*line-height: 1em;*/
	font-family:verdana, Helvetica, tahoma;
	font-size:0.60em;
	font-size:0.60em;
	_font-size:0.60em;
	font-weight:bold;
	color:#FFFFFF;
	
}

.myWorkContent{
     border: 11px solid #bed5cd;
     font: 11px Arial, Helvetica, sans-serif;
}


/*-----------------tamanhos diversos-----------------------*/
	
		
/*-----------------tamanhos diversos-----------------------*/
	
	
	
/*-----------------tamanhos diversos-----------------------*/
	
	
	
/*-----------------tamanhos diversos-----------------------*/
.full {
	width: 600px;
}

.x-large {
	width: 450px;
}

.full {
	width: 600px;
}

.x-large {
	width: 450px;
}

.large {
	width: 295px;
}
.medium 
{
	width: 200px;}

.small {
	width: 122px;
}

.x-small {
	width: 75px;
}

/* ----------DataGRID (table)---------------------*/


	    
	    .TP_gridTable {
	    /*overflow-y:scroll;*/
	    overflow:visible; 
		font: 0.80em;}
	    
	    .TP_gridTable caption{
	    font: 0.80em Arial, Helvetica, sans-serif;
	    *font: .80em Arial, Helvetica, sans-serif;/* funciona so no ie 7 */
	    _font: .80em Arial, Helvetica, sans-serif;/* funciona so nos ies anteriores */
	    color: #000000;
	    font-weight: bolder;
	    }
	    
	    .TP_gridTable tr{
	    font: Arial, Helvetica, sans-serif;
	    color: #000000;
	    border: 1px solid #0A3297;
	    background: #FFFFFF;
	    margin: 2px;
	    padding: 2px 0 2px 0;
	    }
	    
	    .TP_gridTable th{
	    font: 0.80em Arial, Helvetica, sans-serif;
	    font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos IEs */
	    _font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos ies anteriores */
	    color: #ffffff;
	    font-weight: bolder;
	    margin: 2px;
	    padding: 2px 4px 2px 4px;
	    background-color: #0A3297;
        text-align: center;
	    }
	    
	    .TP_gridTable em{  
	    font: 0.80em Arial, Helvetica, sans-serif;
	    	*font: 0.80em Arial, Helvetica, sans-serif;
	    	_font: 0.80em Arial, Helvetica, sans-serif;
			color: #000000;
			font-weight: bold;
	    }
	    
	    .TP_gridTable a{
	    font:  Arial, Helvetica, sans-serif;
	    color: #000000;
	    text-decoration: underline;
	    font-weight: bolder;
	    }
	    
	    .TP_gridTable a:hover{
	    font:  Arial, Helvetica, sans-serif;
	    color:#27538F;
	    text-decoration: underline;
	    font-weight: bolder;
	    }
	    
	    .TP_gridTable a:visited{
	    font:  Arial, Helvetica, sans-serif;
	    color: #000000;
	    text-decoration: underline;
	    font-weight: bolder; font-style:italic;
	    }
	    
	    .TP_gridTable a:active{
	    font: Arial, Helvetica, sans-serif;
	    color: #27538F;
	    text-decoration: none;
	    font-weight: bolder;
	    }
	    
	    .TP_gridTable .linha td {
	    font: Arial, Helvetica, sans-serif;
	    color: #000000;
	    border: 1px solid #D7D7D7;
	    background: #CCCCCC;
	    margin: 2px;
	    padding: 2px 4px 2px 4px;
	    font: 0.80em Arial, Helvetica, sans-serif;
	    	font: 0.80em Arial, Helvetica, sans-serif;
	    	_font: 0.80em Arial, Helvetica, sans-serif;

	    }
	    
	    .TP_gridTable .AlternateItemStyle1 td {
	    	font: 0.80em Arial, Helvetica, sans-serif;
	    	*font: 0.80em Arial, Helvetica, sans-serif;
	    	_font: 0.80em Arial, Helvetica, sans-serif;
	    	color: #000000;
	    	border: 1px solid #D7D7D7;
	    	background: #FFFFFF;
	    	margin: 2px;
	    	padding: 2px 4px 2px 4px;
	    }
	    
	    .TP_gridTable .AlternateItemStyle2 td {
	    	font: 0.80em Arial, Helvetica, sans-serif;
	    	*font: 0.80em Arial, Helvetica, sans-serif;
	    	_font: 0.80em Arial, Helvetica, sans-serif;
	    	color: #000000;
	    	border: 1px solid #D7D7D7;
	    	background: #FFFFFF;
	    	margin: 2px;
	    	padding: 2px 4px 2px 4px;
	    }
	    
	    .TP_gridTable .HeaderStyle td {
	    font: 0.80em  Arial, Helvetica, sans-serif;
	    *font: 0.80em  Arial, Helvetica, sans-serif;
	    _font: 0.80em  Arial, Helvetica, sans-serif;
	    color: #000033;
	    border: 1px solid #D7D7D7;
	    background: #C9DAE4;
	    margin: 2px;
	    padding: 2px 4px 2px 4px;
	    font-weight:normal;
	    }
	    
	    .TP_gridTable .EditItemStyle td {
	    	    font: 0.80em  Arial, Helvetica, sans-serif;
	    	    *font: 0.80em  Arial, Helvetica, sans-serif;
	    	    _font: 0.80em  Arial, Helvetica, sans-serif;
	    	    color: #000033;
	    	    border: 1px solid #D7D7D7;
	    	    background: #C9DAE4;
	    	    margin: 2px;
	    	    padding: 2px 4px 2px 4px;
	    	    font-weight:normal;
	    }
	    
	    .TP_gridTable .FooterStyle td {
	    font: Arial, Helvetica, sans-serif;
	    color: #000000;
	    border: 1px solid #D7D7D7;
	    background: #B1C4DE;
	    margin: 2px;
	    padding: 2px 4px 2px 4px;
	    font-weight:bold;
        }
	    
	    .TP_gridTable .ItemStyle td {
	    font: Arial, Helvetica, sans-serif;
	    color: #000000;
	    border: 1px solid #D7D7D7;
	    background: #ffffff;
	    margin: 2px;
	    padding: 2px 4px 2px 4px;
	    font-weight: normal;
	    }
	    
	    .TP_gridTable .SelectedItemStyle {
	    	    font: Arial, Helvetica, sans-serif;
	    	    color: #000000;
	    	    border: 1px solid #D7D7D7;
	    	    background: #cccccc;
	    	    margin: 2px;
	    	    padding: 2px 4px 2px 4px;
	    	    font-weight: normal;
	    }
	    
	    .TP_gridTable  .PagerStyle td {
	    font:  Arial, Helvetica, sans-serif;
	    color: #ffffff;
	    border: 1px solid #D7D7D7;
	    background: #6299B7;
	    margin: 2px;
	    padding: 2px 4px 2px 4px;
	    font-weight: bold;
	    text-align: center !important;
	    }
	  
	   
	    .TP_gridTable.RowStyle
		{ font: 0.80em Arial, Helvetica, sans-serif;
		font: 0.80em Arial, Helvetica, sans-serif;

      _font: 0.80em Arial, Helvetica, sans-serif;
       border: 1px solid #D7D7D7;
		background: #F7F6F3;     
		color: #333333;
        margin: 2px;
        padding: 2px 4px 2px 4px;}


		
		
    .centralizar table
	{
	width: 5%;
	border:0px;
	}
		
/* ----------Painel (DIV)---------------------*/

	    
		
/* ----------Painel (DIV)---------------------*/

	    .TP_painel{
	    font: tahoma, VERDANA, Arial, Helvetica, sans-serif;
	    color: #002061;
	    border: 1px solid #999999;
	    /*border: 1px solid #B1C4DE;*/
	    background: #ffffff;
	    margin: 0px;
	    padding: 4px 4px 4px 4px;
	    text-align: center;
	    width:100%;
	    }    
	   	    	    
	    .TP_painel hr{
	    height: 1px;
	    color: #B1C4DE;
	    text-align: center;
	    width:100%;
}

form br {clear:left;} 

/*----- P, Span (caixas de texto)----*/	

.TP_p {
	
	border: 0;
	color: #2e2a1e; 
	width: 97%;
	float: left;
	text-align:justify;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos IEs */
	    _font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos ies anteriores */
	}
	
.TP_span {
	border: 0;
	color: #2e2a1e ;
    width: 97%;
	float: left;
	text-align:justify;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos IEs */
	    _font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos ies anteriores */
	}

/* ------------- Mensagens na tela - Padronizar para as demais mensagens------------- */
.preenchimentoobrigatorio{
font-style:italic;
font-size:x-small;
color: #CC6600;
margin: 0px 0px 0px 0px;
text-align:right;
}

.Legenda{
font-style:italic;
font-size:11px;
color: #CC6666;
margin: 0px 0px 0px 0px;
text-align:right;
}

.MensagemdeErro
{
font-size: 0.70em;
*font-size: 0.70em;
_font-size: 0.70em;
font-family: tahoma, VERDANA, Arial, Helvetica, sans-serif;
color: #990000;
font-weight:bold;
}

.MensagemdeErro1 /* texto mais fino*/
{
font-size: 0.70em;
*font-size: 0.70em;
_font-size: 0.70em;
font-family: tahoma, VERDANA, Arial, Helvetica, sans-serif;
color: #3f5b7b;
}

/* ----------ALERTA--Padronizar para outros tipos de alertas-------*/

#TP_Advertencia{
margin: 0px 0px 1px 8px;
float:left;
width:160px;
text-align:left;
background: url(images/Advertencia.gif) repeat-y;
color: black;
vertical-align:middle;
padding: 0px 0px 0px 18px;
font-size: 0.70em;
font-family: tahoma, VERDANA, Arial, Helvetica, sans-serif;}

/* ALERTA - CORRETO */
#TP_CORRETO {
margin: 0px 0px 1px 8px;
float:left;
text-align:left;
background: url(images/correto.gif) repeat-y;
color: #006600 ;
vertical-align:middle;
padding: 0px 0px 0px 18px;
font-size: 0.70em;
*font-size: 0.70em;
_font-size: 0.70em;
font-family: tahoma, VERDANA, Arial, Helvetica, sans-serif;}

/* ALERTA - ERRO */
#TP_ERRO {
margin: 0px 0px 1px 8px;
float:left;
text-align:left;
background:  url(images/erro.gif) repeat-y;
color: Red;
vertical-align:middle;
padding: 0px 0px 0px 18px;
font-size: 0.70em;
*font-size: 0.70em;
_font-size: 0.70em;
font-family: tahoma, VERDANA, Arial, Helvetica, sans-serif;}


/*Estilo para a caixa de mensagem que exibirá os erros encontrados na validação dos campos, pelo lado servidor - André Quintino GRD I*/
.mensagem{
	position:absolute;
    width:30%;
    border:1px solid #c93;
    background:#ffc;
    right:2px;    
    bottom:25px; 
    text-align:left;
    padding-left: 20px;
      
}

/*Estilo para campos com erro - André Quintino GRD I*/
label.error {
color: red;
font-weight: bold;
}

input.error {
    border: 1px solid red;
    background-color: #FEFFCE;
}

select.error {
    border: 1px solid red;
    background-color: #FEFFCE;
}

/*--------------------------Itens de formulario------------------------*/
.TP_fieldset3{
border-left: 1px solid #cccccc; color:#CCCCCC;  /*#EfEfEf; */
border-right: 1px solid #cccccc; color:#CCCCCC;
border-bottom: 1px solid #cccccc; color:#CCCCCC;
border-top: 1px dotted #B1C4DE;

color: black;
 width:910px;
}
.TP_fieldset2{
border-left: 1px solid #D94848; color:#D94848;  /*#EfEfEf; */
border-right: 1px solid #D94848; color:#D94848;
border-bottom: 1px dotted #600002; color:#D94848;
border-top: 1px dotted #600002;

color: black;
width:775px;
}

.TP_fieldsetImpressao{
border-left: 1px solid #000000; color:#000000;  /*#EfEfEf; */
border-right: 1px solid #000000; color:#000000;
border-bottom: 1px solid #000000; color:#000000;
border-top: 1px dotted #000000;

color: black;
 width:970;
}

.TP_fieldset{
    border:none;
margin:0px 0px 3px 0px;
padding:8px 8px 8px 8px;
color: black;
 width:1000px;
}

.TP_legend {
font: Arial, Helvetica, sans-serif;
font-size: 0.80em;
*font-size: 0.80em;
_font-size: 0.80em;
font-weight: bolder;
background-color: white; 
color: #2A3C52;
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
}
            
/*-------deixar um bloco de texto mais negrito--------*/

.bold { /*para deixar qualquer texto sem formatação em negrito*/
	font-weight: bold; 
}
.italic { /*para deixar qualquer texto sem formatação em italico*/
	font-style: italic;
}
/*-------deixar um texto mais negrito--------*/

.TP_Hyperlink a:link{
font-weight: bold;
color: #000000;
font-size: 0.80em;
*font-size: 0.80em;
_font-size: 0.80em;
text-decoration: none;
}

.TP_Hyperlink a:hover{
color: #FAD004;
text-decoration: underline;
font-weight: bold;
font-size: 0.80em;
*font-size: 0.80em;
_font-size: 0.80em;
}

.TP_Hyperlink a:active{
color: #FAD004;
text-decoration: underline;
font-weight: bold;
font-size: 0.80em;
*font-size: 0.80em;
_font-size: 0.80em;
}

.TP_Hyperlink a:visited{
color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 0.80em;
*font-size: 0.80em;
_font-size: 0.80em;
}

/*--------------------clear------------------*/
.clear{clear:left;}

/*--------------------cria colunas em bloco que parecem TDs------------------*/
.formColuna1{display:block; float:left; width:50%;}
.formColuna2{display:block; float:left;}

/*----------DIFERENTES TIPOS DE comando INPUT -----------*/

.TP_inputT

/*----------DIFERENTES TIPOS DE comando INPUT -----------*/

.TP_inputTypetext {
	padding: 4px;
	border: 1px solid #e7e7e8;
	background-color:#f7f7f7; 
	display: block;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;
	    _font: 0.80em Arial, Helvetica, sans-serif; }
	    
.TP_DropDownList{
	padding: 2px;
	border: 1px solid #B1C0D1;
	background-color:#f7f7f7; 
	display: block;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;
	    _font: 0.80em Arial, Helvetica, sans-serif; }

.TP_inputtypefield{
	padding: 2px;
	border: 1px solid #B1C0D1;
	background-color:#f7f7f7; 
	display: block;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;
	    _font: 0.80em Arial, Helvetica, sans-serif; }

.TP_inputtypeselect {
	padding: 2px;
	border: 1px solid #B1C0D1;
	background-color:#f7f7f7; 
	display: block;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;
	    _font: 0.80em Arial, Helvetica, sans-serif; }

.TP_inputtypefile {
	padding: 2px;
	border: 1px solid #B1C0D1;
	background-color:#f7f7f7; 
	display: block;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;
	    _font: 0.80em Arial, Helvetica, sans-serif; }

.TP_RadionButton {
	padding: 2px;
	border: 1px solid #e9e9e9;
	background-color:#f7f7f7;
	display: block;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;
	    _font: 0.80em Arial, Helvetica, sans-serif; }

.TP_BotaoFecharValidaForm{
	background:  url(images/close.png) no-repeat;
	width: 20px;
	height: 20px;
	font-size: 0.6em;
	border-style:hidden;
}


.TP_Button1Disabled1 {
    margin:10;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e9e9e9;
	background-color: #e5934A; 
	color:gray;
	border-style: outset;
	font-family:Helvetica,tahoma; 
	font-style:italic;
}

/*------------------botões BUTTONS AZUL-------------------------------*/

.TP_Button1Disabled1 {
    margin:10;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e9e9e9;
	background-color: #e5934A; 
	color:gray;
	border-style: outset;
	font-family:Helvetica,tahoma; 
	font-style:italic;
}

/*------------------botões BUTTONS AZUL-------------------------------*/

.TP_Button1Disabled2 {
    margin:10;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e9e9e9;
	background-color: #e5934A; /*com fonte black*/
	color:gray; /*com fundo laranja*/
	/*background-color: #3883C2;*/ /*Azul de fundo*/
	/*color:#FFFFFF; */ /*cor da fonte branca com fundo azul*/
	border-style: outset;
	/*font-weight: bold;*/
	font-family:Helvetica,tahoma; font-style:italic;
}

.TP_ImageButton {
	margin:10;
	padding: 2px 2px 2px 2px;
	}

.botoes{ /* Layout da DIV que contém os botões .button*/
float:right; 
text-align:right;
}

/*--------------- link button (rederiza href)-----------------*/

.TP_LinkButton a {
	font-family:Arial, Helvetica, tahoma;
	font-size:0.80em;
	*font-size:0.80em;
	_font-size:0.80em;
	    color: #2A3C52;
	    text-decoration: underline;
	    font-weight: normal;
	    }
	    
.TP_LinkButton a:hover{
	font-family:Arial, Helvetica, tahoma;
	font-size:0.80em;
	*font-size:0.80em;
	_font-size:0.80em;
	     color: #2A3C52;
	    text-decoration: underline;
	    font-weight: normal;
	    }
	    
.TP_LinkButton a:visited{
	font-family:Arial, Helvetica, tahoma;
	font-size:0.80em;
	*font-size:0.80em;
	_font-size:0.80em;
	     color: #2A3C52;
	    text-decoration: underline;
	    font-weight: normal;	    }
	    
.TP_LinkButton a:active{
	font-family:Arial, Helvetica, tahoma;
	font-size:0.80em;
	*font-size:0.80em;
	_font-size:0.80em;
	     color: #2A3C52;
	    text-decoration: none;
	    font-weight: normal;
	    }


/*--------------------LABEls de tamanhos diferentes------------------*/

.TP_label
{
	display: block;
	margin: 2px;
	padding: 2px 0 6px 0;
	/*line-height: 1em;*/
	float: left;
	font-family:Arial, Helvetica, tahoma;
	font-size:0.80em;
	*font-size:0.80em;
	_font-size:0.80em;
	font-weight:bold;
	color:#000000;
}

.TP_label.full {
	width: 600px;
}

.TP_label.x-large {
	width: 450px;
}

.TP_label.large {
	width: 295px;
}

.TP_label.small {
	width: 122px;
}

.TP_label.x-small {
	width: 70px;
}
/*----------------DIVs principais-----------------------*/

#int_baixo {
    width: 73%; 
	background:#FFFFFF;
	position: relative;
	float: left; padding: 5px;
}
.TP_miolo{
	width: 99%;
	margin: 0px 10px 0px 10px; 
	}
	
/*-------------Identificacao da tela e Copyright/Copyleft-------------------------*/

#TP_identificaTELA{
	font-style: italic;
	font-family: Arial;
	font-size: x-small;
	width: 97%;
	color: Gray;
	margin: 2px 2px 2px 2px;
	text-align: right;
	vertical-align:bottom;
	}
/*-----------------------O que é ambiente invisível?-------------*/
.ambienteBDVisivel
{
background-color:Gray;
font-size:medium;
font-weight:bold;
width:100%;
}

/*-----------------------O que é ambiente oculto?-------------*/
.ambienteBDOculto
{
display:none;
}


.pagerDoGrid {
}
.pagerDoGrid td table{
    width:auto;
}

/*---------- linkbutton menor ----------------------------------------------*/
.linkcss a {
	font-family:Arial, Helvetica, tahoma;
	font-size:8px;
	*font-size:8px;
	_font-size:8px;
	    color: #2A3C52;
	    text-decoration: underline;
	    font-weight: normal;
	    }
	    
.linkcss a:hover{
	font-family:Arial, Helvetica, tahoma;
	font-size:8px;
	*font-size:8px;
	_font-size:8px;
	     color: #2A3C52;
	    text-decoration: underline;
	    font-weight: normal;
	    }
	    
.linkcss a:visited{
	font-family:Arial, Helvetica, tahoma;
	font-size:8px;
	*font-size:8px;
	_font-size:8px;
	     color: #2A3C52;
	    text-decoration: underline;
	    font-weight: normal;	    }
	    
.linkcss a:active{
	font-family:Arial, Helvetica, tahoma;
	font-size:8px;
	*font-size:8px;
	_font-size:8px;
	     color: #2A3C52;
	    text-decoration: none;
	    font-weight: normal;
	    }


/*-----------------MENU DE ABAS-----------------------*/

.TituloMenuAba {
    padding:10px 0 15px 146px;
    border-bottom: 2px solid #ececec;
    background-color:#fff;
    color: #0A3297;
    float: none;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:25px;
    font-weight: bold;
}	

.ItemMenuAba {
    height: 60px;
	font: 0.80em Arial, Helvetica, sans-serif;
	    *font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos IEs */
	    _font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos ies anteriores */
}

a.ItemMenuAba > div {position: absolute;margin: auto;left: 50%;width: 200px;margin-left: -100px;margin-top: 8px;color: black; font-size: 16px; font-weight: bold;}
a.ItemMenuAba[title~=Consultar] > div {    margin-top: 1px; line-height:normal; }
  	
/*-----------------Tela Consultar Agendamentos -----------------------*/

#frmConsultarAgendamento #fieldsContainer { width:30%; margin:20px auto 20px auto; border-collapse: separate; border-spacing: 5px; }
#frmConsultarAgendamento #fieldsContainer label { vertical-align:middle; margin-left:5px; font-weight:bold; }
#frmConsultarAgendamento #buttonsContainer { width:100%; margin-top:10px; }
#frmConsultarAgendamento #fieldsContainer input { padding: 4px; 	border: 1px solid #e7e7e8;	}

#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_pnlGridPesquisa > table { width:90%; margin:10px auto}
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_pnlGridPesquisa > table > tbody > tr { font-weight:bold; }
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento { margin:15px 0}
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:first-of-type { display:none; }
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:not(:first-of-type) { border: 1px solid #ebebeb; border-radius:5px; font-size:20px  }
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:not(:first-of-type) td { border: none; padding: 5px;}
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:not(:first-of-type) td:nth-child(1)::before { content:'Protocolo'; display:block; }
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:not(:first-of-type) td:nth-child(2)::before { content:'Processo'; display:block; }
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:not(:first-of-type) td:nth-child(3)::before { content:'Agendado'; display:block; }
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:not(:first-of-type) td:nth-child(4)::before { content:'Situação'; display:block; }
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr:not(:first-of-type) td:last-of-type { width:260px }

/* Estilo botões baixar e cancelar */
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr td:last-of-type { text-align:left}
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr a {
    display:inline-block; vertical-align:middle;height:35px; padding: 7px 18px;border: 2px solid #0A3297;border-radius: 3px;
    background-color: #0A3297;color: #FFFFFF;font-family: Helvetica,tahoma;text-decoration: none; text-align:center; font-size:12px
}
#frmConsultarAgendamento #ctl00_ContentPlaceHolder1_grdAgendamento tr a[title=Cancelar] { padding: 0 10px; background-color: #e7ebf5; border-color: #e7ebf5; width: 100px; color: #57585c; } 

/*-----------------Tela Consultar Processo -----------------------*/

#frmConsultarProcesso #ctl00_ContentPlaceHolder1_pnlPesquisa table:first-of-type  { width:80%; margin:20px auto 20px auto; border-collapse: separate; border-spacing: 5px; }
#frmConsultarProcesso #ctl00_ContentPlaceHolder1_pnlPesquisa table:first-of-type label { vertical-align:middle; margin-left:5px; font-weight:bold; }
#frmConsultarProcesso #ctl00_ContentPlaceHolder1_pnlPesquisa table:first-of-type tr:first-of-type td { width:130px; vertical-align:top; }
#frmConsultarProcesso #ctl00_ContentPlaceHolder1_pnlPesquisa table:first-of-type tr:not(:first-of-type) td:first-of-type { width:160px }
#frmConsultarProcesso #ctl00_ContentPlaceHolder1_pnlPesquisa table:first-of-type input[type=text],
#frmConsultarProcesso #ctl00_ContentPlaceHolder1_pnlPesquisa table:first-of-type select { width:100%; padding: 4px; 	border: 1px solid #e7e7e8; }
#frmConsultarProcesso #ctl00_ContentPlaceHolder1_pnlPesquisa table:last-of-type { width:80%; margin:10px auto; }

/*-----------------Tela Solicitar agendamento  -----------------------*/
#frmSolicitarAgendamento > table:first-of-type  { width:80%; margin:20px auto 20px auto; border-collapse: separate; border-spacing: 5px; }
#frmSolicitarAgendamento > table:first-of-type > tbody > tr > td:first-of-type { width:130px; vertical-align:top; }

/* Estilo das labels da tela de escolha do horário*/
#frmSolicitarAgendamento > table .Infor, 
#frmSolicitarAgendamento > table .SUB_TITULO_SOLICITACOES,
#frmSolicitarAgendamento > table input[type=text]  {border: 0;color: #000000; background-color:transparent;font-family: Verdana;font-size: 12px;font-weight: normal;}
#frmSolicitarAgendamento > table input[type=text] { width:400px }
#frmSolicitarAgendamento #divCalendario { height: 320px; overflow-y: scroll; overflow-x: hidden; margin: 10px 0}
#frmSolicitarAgendamento ul.none { font: 0.80em Arial, Helvetica, sans-serif; 
            font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos IEs */
	        _font: 0.80em Arial, Helvetica, sans-serif;/* funciona so nos ies anteriores */
            list-style-type: none; list-style: none; display: inline-block; border: 1px solid #ebebeb; padding: 4px;}
#frmSolicitarAgendamento ul.none li  {display: inline-block; padding: 9px 6px 9px 4px; margin: 5px 3px; float: left; background-color: #e7ebf5; transition: 0.5s; 
             border: 1px solid #e7ebf5; }
#frmSolicitarAgendamento ul.none li a { color:black; font-weight:bold;}
#frmSolicitarAgendamento ul.none li:hover    { cursor: default; background-color: #5d73a5; transition: 0.2s; }
#frmSolicitarAgendamento ul.none li:hover a, ul.none li:hover a:focus    { color: #fff !important; }
#frmSolicitarAgendamento ul.none li:hover a  { cursor: pointer; }
#frmSolicitarAgendamento ul.none li.indisponivel{ text-decoration:line-through; background-color: #f0f0f0; color: #7d7d7d; }
#frmSolicitarAgendamento li.coluna01 { background-color:#fff !important; width: 100px; height: 40px; display: inline-block; cursor: default;
                                       padding: 4px 10px 4px 4px !important; font-size:16px; text-align:right; margin: 0px 0px 0px 0px !important; border: none !important; }
#frmSolicitarAgendamento li.coluna01:hover  { background-color: #fff !important; transition: 0s !important; }
#frmSolicitarAgendamento .selecionado    { background-color: #5d73a5 !important; }
#frmSolicitarAgendamento .selecionado a  { color: #fff !important; }

#frmSolicitarAgendamento #ctl00_ContentPlaceHolder1_pnlGridPesquisa {margin-top:10px}
#frmSolicitarAgendamento #ctl00_ContentPlaceHolder1_pnlBotoes > table { width:100%; margin-top:30px; }

/*----------------- Passo a passo Agendamento -----------------------*/
.stepper {font-family: Arial, sans-serif;font-size: 12px;position: relative;margin-left: 0px;padding-left: 24px;border-left: 3px solid #ccc; margin-top:10px }
.stepper .step {position: relative;margin-bottom: 50px;}
.stepper .step:last-child {margin-bottom: 0;box-shadow:-30px 5px #fff}
.stepper .circle {      position: absolute;left: -40px;top: 0px;width: 30px;height: 30px;border-radius: 50%;background-color: #999;color: white;display: flex;align-items: center;
    justify-content: center;font-weight: bold;}
.stepper .step:first-of-type::before {content: '';position: absolute;left: -27px;top: 30px;width: 3px;height: 20px;background-color: #003d99;}
/* Passo info */
#frmConsultarProcesso .stepper .step:first-of-type .circle {background-color: #003d99;}
/* Passo Horario */
#frmSolicitarAgendamento .step:nth-of-type(-n+2) .circle {background-color: #003d99; }
#frmSolicitarAgendamento .stepper .step:first-of-type::before { height:115px }
/* Passo Confirmacao 
#ctl00_ContentPlaceHolder1_pnlPesquisa .step:nth-of-type(-n+3) .circle {background-color: #003d99; }
#ctl00_ContentPlaceHolder1_pnlPesquisa .stepper .step:first-of-type::before { height:145px }*/