body {
	margin-top: 0px; margin-left: 10px; margin-right:10px; 
	font-family: verdana, arial; font-size: 10px;
}

.barraTituloAzul {
	background-color:#216dbd; padding: 5px 10px 5px 10px; border:0px #477eb7 solid; 
}

.barraTitulo {
	background-color:#747e96; padding: 5px 10px 5px 10px; border:0px #477eb7 solid; 
}

.fundoTela {
	background-color: #f7f3ef; padding: 20px 10px 20px 20px; border: 1px #c0c0c0 solid;
	font-family: verdana, arial; font-size: 10px;
}

.tab {
	font-family: verdana, arial; font-size: 8pt; 
}

.tab a:link {
	color: black; text-decoration: none;
}

.tab a:visited {
	color: black; text-decoration: none; 
} 

.tab a:active {
	color: black; text-decoration: none; font-weight: bold;
}

.tab a:hover {
	color: black; text-decoration: none;
}

.linkblack a:link {
	color: black; text-decoration: none;
}

.linkblack a:visited {
	color: black; text-decoration: none; 
} 

.linkblack a:active {
	color: black; text-decoration: none; font-weight: bold;
}

.linkblack a:hover {
	color: black; text-decoration: none;
}

.formTxt {
	border:1px solid #8c9ebd; font-family: verdana, arial; font-size: 8pt; height: 18px;
}

.formTxtCinza {
	border:1px solid #8c9ebd; font-family: verdana, arial; 
	font-size: 8pt; background-color: #E6E6E6; height: 16px;
}

.formLst {
	border:1px solid #8c9ebd; font-family: verdana, arial; font-size: 8pt;
}

.formCbo {
	border: 1px #8c9ebd solid; height: 20px; font-family: verdana, arial; font-size: 8pt; 
}

.formCbo2 {
	border:1px #8c9ebd solid; height: 20px; width: 190px; font-family: verdana, arial; font-size: 8pt; 
}

.formCbocons {
	border:1px #8c9ebd solid; height: 20px; width: 160px; font-family: verdana, arial; font-size: 8pt; 
}

.formCboconslittle {
	border:1px #8c9ebd solid; height: 20px; width: 100px; font-family: verdana, arial; font-size: 8pt;
}

.formChk {
	font-family: verdana, arial; font-size: 8pt;
}
.formTxtArea {
	border:1px solid #8c9ebd; font-family: verdana, arial; font-size: 8pt;
}

table {
	font-family:Verdana, Arial; font-size:10px;
}

.trGrid {
	background-color: #F0F0F0; onmouseover: #008000;
}

.trGrid1 a:hover{
	background-color: #E4E6DD; text-decoration: none; display:block;
}
.trGrid1 a:link {
	text-decoration: none;
}
.trGrid1 a:active {
	text-decoration: none;
}


.grupo { background-color: transparent; width:30%; }

.grupo .b1, .grupo .b2, 
.grupo .b3, .grupo .b4, 
.grupo .b1b, .grupo .b2b, 
.grupo .b3b, .grupo .b4b { display:block; overflow:hidden; font-size:1px; }

.grupo .b1, .grupo .b2, 
.grupo .b3, .grupo .b1b, 
.grupo .b2b, .grupo .b3b { height:1px; }

.grupo .b2, .grupo .b3, .grupo .b4 {
	background:#f7f3ef; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;
}

.grupo .b1 { margin:0 5px; background:#c0c0c0; }
.grupo .b2 { margin:0 3px; border-width:0 2px; }
.grupo .b3 { margin:0 2px; }
.grupo .b4 { height:2px; margin:0 1px; }

.grupo .conteudo {
	padding:5px; display:block; background:#f7f3ef; 
	border-left:1px #c0c0c0 solid; border-right:1px #c0c0c0 solid;
}

/*  Caixa de texto com bordas  */
.grupotela {
	background-color: #f7f3ef; border: 1px #c0c0c0 solid;
	padding-right:10px; padding-left:20px; padding-bottom:20px; padding-top:20px;
}

.fundoBranco {
	background-color: #FFFFFF; border: 1px #ded8d1 solid; font-weight: bold; text-decoration: none; 
}

.titBranco {
	background-color: #8c9ebd; border: 1px #c0c0c0 solid; font-weight: bold; color: white; height: 25px;
}



/*********** Div com Scroll para Tabela *************/

.grupomenu {
	padding: 2px 10px 2px 10px; border-bottom: 2px #ffffff solid;
	background-image:url('fundomenu.gif'); 
	font-family: verdana, arial; font-size: 16px; color: #ffffff;
}

.subgrupo {
	background-color:#8c9ebd; border: 1px #bcd0ed solid; padding: 2px 10px 2px 10px; color:#3a4f6c; 
}

.tdlinha {
	 border-bottom: 1px solid #e1dbd5; 
}

.tGrid { 
	padding:2px; spacing:1px; background-color: #ded8d1; 
}

.tGrid :hover { 
	cursor: default; 
}

.subtitle table {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3a4f6c;
}

.tableborder {
	padding: 2px 10px 5px 10px; border: 1px #bcd0ed solid;
}

.botaoxp {
	background-color: #f0f0f0; border: 1px #6182AF solid; color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 80px; height: 20px;
}
.botaoxpg {
	background-color: #f0f0f0; border:1px #6182AF solid; color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 110px; height: 20px;
}
.botaoxpp {
	background-color: #f0f0f0; border: 1px #6182AF solid; color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; width: 40px; height: 16px;
}
.botao {
	background-color: #7A8FB4; border:2px #BCD0ED outset; color: #FFFFFF; 
	font-family: verdana, arial; font-size: 8pt; font-weight: bold; height: 22px;
}

.botaologin {
	background-color: #D20000; border-color: #FF6B46; border-style: outset; color: #FFFFFF; 
	font-family: verdana, arial; font-size: 8pt; font-weight: bold; 
}

.botaoAmarelo {
	background-color: #FFD06F; border-color: #FFE3AA; border-style: outset;
	font-family: verdana, arial; font-size: 8pt; 
}

.botaoAzul {
	background-color: #202AA9; border-color: #007CF9; border-style: outset; color: #FFFFFF; 
	font-family: verdana, arial; font-size: 8pt;
}

.botaoVermelho {
	background-color: #CC0000; border-color: #FF0000; border-style: outset; color: #FFFFFF;
	font-family: verdana, arial; font-size: 8pt; 
}

.botaoVerde {
	background-color: #007979; border-color: #00B7B7; border-style: outset; color: #FFFFFF;
	font-family: verdana, arial; font-size: 8pt;	
}

.linkblue a:link {
	color: blue; text-decoration: none;
}

.linkblue a:visited {
	color: blue; text-decoration: none; 
} 

.linkblue a:active {
	color: blue; text-decoration: none; font-weight: bold;
}

.linkblue a:hover {
	color: blue; text-decoration: none;
}

.linkblue a:before {
	color: blue; text-decoration: none;
}



/* Classes para exibir/esconder os itens de Questionário de acordo com o Tipo de OS */
.show_class {}
.hide_class { display: none; }
/***************************************************/

/*
############################################################################################
##----------------------------------------------------------------------------------------##
##----------------------------------------------------------------------------------------##
##-------########-########-####-----##-########-########-########-##-------#######--------##
##-------##-------##----##-##-##----##----##----##----##-##----##-##-------##-------------##
##-------##-------##----##-##--##---##----##----########-##----##-##-------#####----------##
##-------##-------##----##-##---##--##----##----##-##----##----##-##-------##-------------##
##-------##-------##----##-##----##-##----##----##--###--##----##-##-------##-------------##
##-------########-########-##-----####----##----##---###-########-########-#######--------##
##----------------------------------------------------------------------------------------##
##-----------------------------------#####---#######--------------------------------------##
##-----------------------------------##--##--##-------------------------------------------##
##-----------------------------------##---##-#####----------------------------------------##
##-----------------------------------##---##-##-------------------------------------------##
##-----------------------------------##--##--##-------------------------------------------##
##-----------------------------------#####---#######--------------------------------------##
##----------------------------------------------------------------------------------------##
##----#######-########-######-##-----##-######-#####---#######-#####---#######-#######----##
##----##---##----##------##---##-----##---##---##--##--##---##-##--##--##------##---------##
##----#######----##------##---##-----##---##---##---##-#######-##---##-#####---#######----##
##----##---##----##------##----##---##----##---##---##-##---##-##---##-##-----------##----##
##----##---##----##------##-----##-##-----##---##--##--##---##-##--##--##-----------##----##
##----##---##----##----######-----##----######-#####---##---##-#####---#######-#######----##
##----------------------------------------------------------------------------------------##
##----------------------------------------------------------------------------------------##
############################################################################################
*/

#body1 {
	background-color: #ffffff; padding: 0px; margin: 0px; 
	font-family: verdana, arial; font-size: 10px;
	text-align: center; /* hack para IE */
}

#container {
	padding: 10px; margin: 0px auto; width: 500px;
	text-align: left; /* correção para o hack do IE */
}

#containerAtiv {
	padding: 5px; margin: 0px auto; width: 800px; /*width: 970px;*/
	text-align: left; /* correção para o hack do IE */
}

#containerVer {
	padding: 10px; margin: 0px auto; width: 800px;
	text-align: left; /* correção para o hack do IE */
}

#content {
	padding: 5px; border: 1px #c0c0c0 solid; background-color: #f7f3ef;
}

#barraTitulo {
	background-color: #747e96; width: 100%; height: 50px;
}

#barraTitulo h1.logo_atividades {
	background: url('atividades.gif') no-repeat left 50%; 
	display: block; height: 50px; float: left; margin: 0px 10px;
}

#barraTitulo h1.logo_versao {
	background: url('versao.gif') no-repeat left 50%; 
	display: block; height: 50px; float: left; margin: 0px 10px;
}

#barraTitulo h1.logo_objetos {
	background: url('objetos.png') no-repeat left 50%; 
	display: block; height: 50px; float: left; margin: 0px 10px;
}

#barraTitulo h1.logo_impressaoOS {
	background: url('/images/impressora.gif') no-repeat left 50%; 
	display: block; height: 50px; float: left; margin: 0px 10px;
}

#barraTitulo h1.logo_CriaOS {
	background: url('cad_os.gif') no-repeat left 50%; 
	display: block; height: 50px; float: left; margin: 0px 10px;
}

#barraTitulo h1.logo_consulta {
	background: url('consulta.gif') no-repeat left 50%; 
	display: block; height: 50px; float: left; margin: 0px 10px;
}

#barraTitulo h1 span {
	margin-left: 25px; color: white; display: block;
	padding: 17px; font-size: 16px; font-weight: bold;
}

#ativAtual fieldset {
	border: 1px #c0c0c0 solid; text-align: center;
	color: #1E63CA; font-weight: bold; padding: 5px;
}

#ativAtual fieldset legend {
	font-size: 13px;
}

#ProxAtiv fieldset {
	border: 1px #c0c0c0 solid; text-align: center;
	font-weight: bold; padding: 5px;
}

#ProxAtiv fieldset legend {
	font-size: 13px;
}


.tableDados { margin-left: 0px; text-align: center; width: 100%; color: black; font-weight: normal; }
.tableDados tr { height: 20px; }
.tableDados tr td { width: 50%; }


.tableDados1 { margin-left: 0px; width: 100%; color: black; font-weight: normal; }
.tableDados1 tr { height: 20px; }
.tableDados1 tr td { text-align: left; padding: 0px; }


.tdNovaAtiv { text-align: center; vertical-align: top; }
.tdNovaAtiv label { text-align: center; }
.tdNovaAtiv input { text-align: center; }


/*   Classes dos TDs da Grid   */
.unsel { background-color: #efefef; height: 20px; color: black;  }
.unsel :hover { background-color: #e4e6dd; cursor: pointer; }

.sel { background-color: #9BB7E6; height: 20px; }
.sel :hover { background-color: #3366CC; cursor: pointer; color: white; }

.tdsPlay {color: green;}
.tdsPause {color: gray;}
.tdsHj {color: purple;}
.tdsAtrasadas {color: red;}
.tdsAdiantadas {color: navy;}
.tdsIniciadas {color: teal;}
.tdsSemData {color: maroon;}

/*****************************/




/* Estilos Específicos */


/* >>> Lista das Atividades <<< */
#containerLista {
	margin-top: 0px; border-bottom: 0px; overflow: auto;
}

#listaAtiv, #listaObj {
	border-bottom: 0px;
	font-family: verdana, arial; font-size: 10px; padding: 0px;
}

#listaAtiv table {
	border-left: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid;
}

#listaAtiv table tr td table {
	border-bottom: 1px #c0c0c0 solid; border-left: 0px; border-right: 0px;
}

#listaAtiv table tr td table tr td {
	height: 19px; text-align: center;
}

#TitListaAtiv {
	background-color:#8c9ebd; border: 1px #c0c0c0 solid;
}

#TitListaAtiv table tr td {
	height: 25px; color: #FFFFFF;
	border: 2px #ded8d1 solid; border-left: 1px #ded8d1 solid; border-right: 1px #ded8d1 solid;
	font-weight: bold; font-family: verdana, arial; font-size: 10px; text-align: center; 
}

#listaObj table tr td {
	height: 19px; text-align: center; background-color: #efefef; border-bottom: 1px #c0c0c0 solid;
}

#listaObj table {
	border: 1px #c0c0c0 solid; border-bottom: 0px; border-top: 0px;
}

#formObj {
	width: 50%;
}

#camposObj {
	font-family: verdana; font-size: 12px; 
	border: 1px #c0c0c0 solid; border-top: 0px; background-color: #f7f3ef;
}

#camposObj table tr td {
	line-height: 20px; padding: 2px;
}

#camposObj table tr td label, #camposVer table tr td label, #camposImpressao table tr td label {
	font-weight: bold; padding-left: 15px; color: black;
}

#camposVer, #camposImpressao {
	font-family: verdana; font-size: 12px; padding: 5px; border: 0px; background-color: #f7f3ef;
}

#camposVer table tr td {
	line-height: 20px; 
}

#camposImpressao table tr {
	height: 25px;
}

.inputTxt, .comboTxt, .radioTxt, .areaTxt {
	background-color: white; border: 1px #8c9ebd solid; font-family: verdana, arial; font-size: 8pt;
	padding: 3px;
}

.classeTooltip {
	font-size: 10px; color: black; font-weight: normal;
}

/* >>> Fim <<< */


#divDados {
	height: 100%; width: 100%; font-family: verdana, arial; font-size: 10px; color: black;
}

#tipo_ativ, #pReclamado, #pObs, #pPrazos, #pGeral {
	position: relative; left: 430px; top: 0px; margin: 0px; margin-top: 5px; width: 500px;
}
#tipo_ativ { top: -4px; }
#tipo_ativ a { color: #1E63CA; }


#pSolucao {
	position: absolute; top: 380px; margin: 0px; margin-top: 5px; width: 600px;
}

#Reclamado, #Obs, #Prazos {
	position: relative; top: 0px; left: 430px; height: 60px; width: 350px; /*height: 100px; width: 522px;*/
}

#Solucao {
	position: absolute; width: 522px; top: 411px; height: 100px; width: 416px;
}

#Obs {
	height: 30px;
}


#Geral { min-height: 188px; width: 350px; /*width: 522px;*/ top: 0px; margin-left: 430px; }
#Geral table { max-width: 350px; width: 350px; /*max-width: 522px; width: 522px;*/ font-family: verdana, arial; font-size: 10px; }
#Geral table tr td { vertical-align: top; text-align: left; }
#Geral table tr td a { color: #1E63CA; }


#Prazos { height: 62px; width: 350px; /*height: 20px; width: 522px;*/ }
#Prazos p { font-family: verdana, arial; font-size: 10px; }
#Prazos p a { color: #1E63CA; }
#data_item { position: absolute; top: 6px; margin-top: 0px; left: 10px; }
#ult_atend { position: absolute; top: 26px; margin-top: 0px; left: 10px; /*top: 6px; left: 182px;*/ }
#prioridade { position: absolute; top: 46px; margin-top: 0px; left: 10px; /*top: 6px; left: 375px;*/ }


#Iniciar { width: 80px; position: absolute; top: 340px; margin-left: 241px; }
#Finalizar { width: 80px; position: absolute; top: 340px; margin-left: 323px; }


#btnObj { width: 80px; margin-top: 10px; }
#btnAcomp { width: 140px; margin-top: 10px; }
#btnVersao { width: 80px; margin-top: 10px; }

/****************************/


/*  CRONÔMETRO  */

#crono {
	background-color: transparent; border: 0px; font-family: verdana; font-size: 10px; font-weight: bold;
	position: absolute; top: 1px; left: 80px; margin-top: 0px; width: 60px; cursor: default;
}
#instr {
	background-color: transparent; border: 0px; font-family: verdana; font-size:10px;
	position: absolute; top: 20px; left: 0px; margin-top: 0px; width: 200px;
}

#start {
	position: absolute; top: 0px; left: 140px; margin-top: 0px;
	background: url('include/btn_play.png') no-repeat;
}

#pause  {
	position: absolute; top: 0px; left: 158px; margin-top: 0px;
}

#addtempo {
	position: absolute; top: 0px; left: 181px; margin-top: 0px;
}


#divPlayPause { position: absolute; top: 342px; margin-left: 4px; width: 100%; }
#divPlayPause a img { border: 0px; }
#divPlayPause a { cursor: default; }
#divPlayPause p { position: absolute; top: 2px; left: 2px; margin-top: 0px; }


/****************/


/*   Estilos GERAIS   */

.tdTit { color: #1E63CA; font-weight: bold; }
.tdTit2 { color: teal; font-weight: bold; }

.grupotelaAtiv {
	background-color: #efefef; border: 1px #c0c0c0 solid; padding: 2px;
	font-size: 9px; font-family: Verdana, arial;
} 

.input_text {
	background-color: #f7f3ef; border: 1px #c0c0c0 solid; font-family: verdana; font-size: 9px;
}

.input_text2 {
	background-color: transparent; border: 0px; width: 60px; text-align: center; color: black;
	font-family: verdana; font-size: 10px; font-weight: normal;
}

.input_text3 {
	background-color: transparent; border: 0px; 
	font-family: verdana; font-size: 10px; font-weight: normal; color: #1E63CA; width: 400px;
}

.input_text4 {
	background-color: #efefef; border: 1px #c0c0c0 solid; font-family: verdana; font-size: 9px;
}

#botoes {
	padding: 3px; padding-bottom: 0px; text-align: right; line-height: 30px;
}

.botaoAtiv {
	background-color: #7A8FB4; border:2px #BCD0ED outset; color: #FFFFFF; 
	font-family: verdana, arial; font-size: 8pt; font-weight: bold; height: 22px;
	text-align: center; cursor: pointer;
}

.botaoAtivDisabled {
	background-color: #999999; border: 2px #808080 outset; color: #DDDDDD; font-style: oblique; 
	font-family: verdana, arial; font-size: 8pt; font-weight: bold; height: 22px;
	text-align: center; cursor: default;
}

.aExcluir {
	background: url('excluir.gif') no-repeat center; 
display: block; width: 100%; height: 100%;
}

.aExcluir :hover {
	background-color: #e4e6dd; cursor: pointer;
}

/*
#######################################################################################
##-----------------------------------------------------------------------------------##
##---------------------------#######-######-###---###--------------------------------##
##---------------------------##--------##---####-####--------------------------------##
##---------------------------#####-----##---##-###-##--------------------------------##
##---------------------------##--------##---##--#--##--------------------------------##
##---------------------------##--------##---##-----##--------------------------------##
##---------------------------##------######-##-----##--------------------------------##
##-----------------------------------------------------------------------------------##
##-----------------------------------------------------------------------------------##
#######################################################################################
*/


/*
======PESQUISAS=========
*/

.odd_over { background-color: #FA9492; cursor: pointer; }
.even_over { background-color: #FA9492; cursor: pointer; }
.odd_out { background-color: #f0f0f0; }
.even_out { background-color: #ffffff; }