﻿body
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	scrollbar-arrow-color: #666666;
	scrollbar-3dlight-color: #F8F8F8;
	scrollbar-highlight-color: #F1F1F1;
	scrollbar-face-color: #CCCCCC;
	scrollbar-shadow-color: #C1C1C1;
	scrollbar-darkshadow-color: #666;
	scrollbar-track-color: #F2F2F2;
}

.fieldsetMargin
{
	margin: 10px;
	padding: 10px;
}



.divCriacaoChamado
{
	margin: 10px;
	padding: 10px;
}

#wrapper
{
	margin: 0 auto;
	width: 100%;
	height: auto;
	border: none;
	background: transparent url(../Imagens/fundoTopo.png) repeat-x top left;
}

#navegacao
{
	margin-left: 12px;
	width: 150px;
	float: left;
}

div.titulo_principal
{
	float: left;
	margin-top: 1px;
	padding-left: 15px;
	padding-top: 20px;
}

div.titulo_principal h1
{
	color: #034383;
	font-weight: bold;
	font-size: 16px;
}

div.titulo_principal h2
{
	color: #666;
	font-weight: bold;
	font-size: 14px;
}

#cabecalho_principal
{
	background: url( '../Imagens/logo_pcrj.png' ) no-repeat left 6px;
	height: 85px;
	padding: 0px 2px 2px 160px;
	color: #FFF; /*margin-left: 12px;*/
}

#cabecalho_principal h1, #cabecalho_principal h2
{
	padding: 0;
	margin: 0;
}

#detalhes
{
	padding: 0;
	float: right;
	margin: 0;
	text-align: right;
}

#detalhes table tr td.segunda_coluna
{
	width: 350px;
}

#detalhes .cabecalho_sair, #detalhes .cabecalho_data
{
	display: inline-block;
	color: #FFF;
	padding: 1px 0;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	font-size: 11px;
}

#detalhes .cabecalho_usuario
{
	display: inline-block;
	color: #666;
	padding: 1px 0;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	font-size: 11px;
}

#cabecalho_principal .cabecalho_sair:hover
{
	background-color: #FFF;
	color: #004980;
	font-size: 11px;
}

#cabecalho
{
	background: url( '../Imagens/logo_pcrj.png' ) no-repeat left 50%;
	height: 73px;
	padding: 20px 2px 2px 160px;
	color: #FFF;
}

#cabecalho h1, #cabecalho h2
{
	padding: 0;
	margin: 0;
}

#primeira_coluna
{
	width: 143px;
	text-align: right;
}

.primeira_coluna_interna_pesquisa
{
	width: 143px;
	text-align: right;
}

.primeira_coluna_externa_pesquisa
{
	width: 161px;
	text-align: right;
}

.FundoConteudoPopUp
{
	background: #DCDCDC;
}
/*url("~/Imagens/Usabilidade/bg_corpo.jpg")repeat scroll left top*/

#fieldset_popup_detalhamento
{
    width: 80%;    
    padding-right:10px;
}

.linha_popup_detalhamento
{
    display:block;
    clear:both;
}

.primeira_coluna_popup_detalhamento
{
    width: 20%;
	text-align: left;    
	vertical-align:top;
	float:left;
	white-space:nowrap;
	max-width:150px;
}

.segunda_coluna_popup_detalhamento
{
	text-align: left;    
	vertical-align:top;
	float:left;
	min-width:80%;
}

div.titulo
{
	float: left;
	margin-top: 1px;
	padding-left: 15px;
}

div.titulo h1
{
	color: #034383;
	font-weight: bold;
	font-size: 16px;
}

div.titulo h2
{
	color: #666;
	font-weight: bold;
	font-size: 14px;
}

ul
{
	list-style-type: none;
}

#MenuAdministracao
{
	height: 520px;
	left: 0;
	position: absolute;
	top: 0px;
	width: 200px;
}

.FundoConteudo
{
	background: url( "../Imagens/Usabilidade/bg_rotulo.jpg" ) repeat-x scroll left top #DCDCDC;
	height: 520px;
	left: 215px;
	min-height: 494px;
	position: absolute;
	top: 0;
	width: 75%;
	overflow: hidden;
}


.texto
{
    color:Black !important;
}


.FundoConteudoMinhaConta
{
	background: url( "../Imagens/Usabilidade/bg_rotulo.jpg" ) repeat-x scroll left top #DCDCDC;
	height: 520px;
	min-height: 494px;
	position: absolute;
	top: 0;
	width: 100%;
	overflow:auto;
}

.FundoMonitor
{
	left: 135px;
	width: 84%;
}

.FundoConteudoAtendimento
{
	background: url( "../Imagens/Usabilidade/bg_rotulo.jpg" ) repeat-x scroll left top #DCDCDC;
	height: auto;
	left: 0px;
	min-height: 550px;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
}
.menuAdm
{
	width: 200px;
	height: 520px;
	list-style-type: none;
	margin: 0 0 12px 0;
	padding: 0;
	border-right: solid 15px gray;
}
.menuMonitor
{
	width: 120px;
}
.menuAdm li a
{
	color: #7D7D7D;
	display: block;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	padding: 0px 10px;
	text-decoration: none;
	font-weight: bold;
}
.menuAdm li a:hover
{
	background-color: Gray;
	color: White;
}
#menuSelecionado
{
	display: block;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	padding: 0px 10px;
	text-decoration: none;
	font-weight: bold;
	background-color: Gray;
	color: White !important;
}
#Rotulo
{
	width: 1024px;
	height: 51px;
	position: absolute;
	float: right;
	margin: -650px 0 0 400px;
	top: 761px;
	left: -173px;
}
.tituloAdm
{
	color: gray;
	font-weight: bold;
	margin: 4px 0px 0px 10px;
	font-size: 15px;
	display: block;
}
#menu
{
	float: left;
	width: 1024px;
	height: 1024px;
	position: absolute;
	top: 200px;
	left: 235px;
	margin-top: 0px;
}
#BarraRotulo
{
	padding-top: 5px;
	height: 23px;
}
#BarraSuperior
{
	background: transparent url( '../Imagens/Usabilidade/bg_barra_corpo.jpg' ) no-repeat;
	width: 560px;
	height: 10px;
}
#BarraInferior
{
	background: transparent url( '../Imagens/Usabilidade/bg_barra_corpo.jpg' ) no-repeat;
	width: 560px;
	height: 10px;
}
#Tipo
{
}
#DivViewTipo
{	height: 633px;
	width: 1028px;
}
#DivViewStatus
{	height: 633px;
}
#DivViewUOStatusEsp
{	height: 633px;
}
#DivViewTransferencia
{	height: 633px;
	width: 100%;
}
#DivViewMonitoramento
{
	margin: 3px 0px 0px 0px;
	width: 100%;
}
#DivInternaMonitoramento
{
	overflow: auto;
	height: 415px;
	width: 100%;
}
#DivInternaFormMonitoramento
{
	overflow: auto;
	height: auto;
	width: 100%;
}
.abas
{
	background: url( '../Imagens/Usabilidade/aba-fundo.jpg' ) repeat-x;
	height: 26px;
	display: block;
	width: 100% !important;
}

.sub-abas
{
	background: url( '../Imagens/Usabilidade/aba-fundo.jpg' ) repeat-x;
    height: auto;
    display:inline-block;
    width: 100% !important;
}
.sub-abas-atributo-especifico
{
	background: url( '../Imagens/Usabilidade/aba-fundo.jpg' ) repeat-x;
    height: auto;
    display:inline-block;
    width: 60% !important;
}
	
	
.sub-abas-pesquisas-adm
{
	background: url( '../Imagens/Usabilidade/aba-fundo.jpg' ) repeat-x;
    height: auto;
    display:inline-block;
    width: 100% !important;
}

.sub-abas .ajax__tab_body
{
	overflow: visible;
	height: auto;
}

.sub-abas-pesquisas-adm .ajax__tab_body
{
	overflow: visible;
	height: auto;
	min-height: auto;
}

.ajax__tab_outer
{
	height: 26px;
	display: inline;
	padding: 0px 5px 0px; /*color:#999;*/
	color: White;
	font-size: 13px;
	font-weight: bold;
}
.ajax__tab_active
{
	background: url( '../Imagens/Usabilidade/aba-fundo-active.jpg' ) repeat-x;
	height: 26px;
	display: inline-block;
	padding: 0 5px;
	font-size: 13px;
	font-weight: bold;
}

.ajax__tab_active .ajax__tab_outer
{
	/*color:#999;  */
	color: #5B5B5B;
}

.ajax__tab_body
{
	border: solid 1px #5B5B5B;
	border-top: none;
	background: url( '../Imagens/Usabilidade/aba-rodape.jpg' ) repeat-x bottom;
	min-height: 150px;
	padding: 20px;
	height: 453px;
	overflow: auto;
}

.ajax__tab_default .ajax__tab_header
{
	border-left: solid 1px #5B5B5B;
}
.ajax__tab_default .ajax__tab_tab
{
	padding-top: 3px;
	cursor: pointer;
}

.ajax__tab_default_atendimento
{
	background: url( '../Imagens/Usabilidade/aba-fundo.jpg' ) repeat-x;
}

.ajax__tab_default_atendimento .ajax__tab_header
{
	border-left: solid 1px #5B5B5B;
}
.ajax__tab_default_atendimento .ajax__tab_tab
{
	padding-top: 3px;
	cursor: pointer;
}

.ajax__tab_default_atendimento_acompanhamento
{
	background: url( '../Imagens/Usabilidade/aba-fundo.jpg' ) repeat-x;
}

.ajax__tab_default_atendimento_acompanhamento .ajax__tab_header
{
	border-left: solid 1px #5B5B5B;
}

.ajax__tab_default_atendimento_acompanhamento .ajax__tab_tab
{
	padding-top: 3px;
	cursor: pointer;
}

.ajax__tab_default_atendimento_acompanhamento .ajax__tab_body
{
    height: auto;
}

input[type="text"], input[type="password"], textarea
{
	border: 1px solid #ccc;
}
textarea
{
	width: 100%;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover
{
	background: #FFFFCC;
}
input[type="button"], input[type="submit"], input[type="reset"]
{
	background: #034383 url( '../Imagens/Usabilidade/sprites_btn.png' ) repeat-x;
	color: #fff;
	font-weight: bold;
	margin: 0px 2px 0px 0px;
	padding: 0 10px;
	border: 0;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{
	background-position: 0px -20px;
}
.green:hover
{
	background-position: 0px -40px !important;
}
.red:hover
{
	background-position: 0px -60px !important;
}
.gray:hover
{
	background-position: 0px -80px !important;
}

input[type="submit"][disabled]:active, input[type="submit"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled]
{
	background-position: 0px -80px !important;
}

input[type="text"][disabled]:hover, input[type="password"][disabled]:hover, textarea[disabled]:hover, select[disabled]:hover, input[type="text"][readonly]:hover, input[type="password"][readonly]:hover, textarea[readonly]:hover, select[readonly]:hover
{
	background: none;
}

a[disabled], span[disabled]
{
   color:#A0A0A0; text-decoration:none;
}

fieldset
{
	padding: 5px;
}
legend
{
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
}

.input-filter
{
	width: 170px;
}

.formulario
{
	background: url( "../Imagens/Usabilidade/aba-rodape.jpg" ) repeat-x scroll center bottom transparent;
	border-color: -moz-use-text-color #5B5B5B #5B5B5B;
	border-right: 1px solid #5B5B5B;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	height: 340px;
	min-height: 150px;
	padding: 20px;
	overflow: auto;
}
.span-titulo
{
	background: url( "../Imagens/Usabilidade/aba-fundo-active.jpg" ) repeat-x scroll 0 0 transparent;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 26px;
	padding: 0 5px;
	border-left: 1px solid #5B5B5B;
}
.paginacaoMonitoramento
{
	padding-top: 2px;
	color: gray;
	font-weight: bold;
}
.paginacaoMonitoramento td
{
	padding-top: 5px;
}
.pagEsq
{
	float: left;
}
.pagDir
{
	float: right;
}

/* formatação da tabela */

.generic-overflow
{
	height: 465px;
	overflow: auto;
	width: 100%;
	display: block;
	margin-top: 5px;
}
.hidden-x
{
	overflow-x: hidden;
}
.hidden-y
{
	overflow-y: hidden;
}
.hidden-over
{
	overflow: hidden;
}
.generic-margin
{
	margin: 10px 15px;
	display: block;
}
.tabelas th
{
	text-align: left !important;
}
.autoComplete
{
	display:block;
}

.autoComplete li
{
	float: none !important;
}

#ClassField
{
    width:400px;   
}

.filtrar
{
    background: url( '../Imagens/Usabilidade/filtrar.png' );
	height: 20px;
	width:30px;
	display: inline-block;
	cursor: pointer;
	vertical-align:bottom;	*vertical-align:baseline;
}

.filtrar:hover
{
	background-position: 0px -20px;
}

.filtrar[disabled]
{
    background-position: 0px -40px;
}

.filtrar[disabled]:hover
{
    background-position: 0px -40px;
}

.autoCompleteExtender
{
    visibility : hidden;
    margin : 0px !important;
    background-color : #f0f0f0;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';  
    text-align : left; 
    list-style-type : none;
    padding: 0px !important;   
    max-height:200px;
    overflow:auto;
}

.autoCompleteExtender li
{
    padding: 0px !important;   
}