@media print {
    * {
        color: black;
        font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;  
        font-size: 11px;
    }

	body { 
	  background : #ffffff; 
	}

	a:link, a:visited {
	  color: #520;
	  background: transparent;
	  text-decoration: underline;
	}

	.QuadroEsquerda { display : none; }

	.QuadroDireita { display : none; }

	.QuadroCentro
	{
	    padding: 10px;
	    color: black;
	    BORDER-LEFT: white 0px solid;
	    BORDER-RIGHT: white 0px solid;
	}

	#cabecalho, #rodape, #outros { display : none; } 

	.nao_imprime { display: none; }
}

/* elementos */ 

* {
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;  
    font-size: 12px;
}

i {
	color: #999999;
}

i.fa-sort-amount-asc, i.fa-sort-amount-desc {
	color: #000000;
}

body, td {
    color: black;
}

a:link, a:visited {    
    color: #E08900; 
    text-decoration: none;
}

a:active, a:hover {
    color: #FF0000; 
    text-decoration: underline;
}

body { 
    margin: 0;
}

form { 
  margin-bottom: 0 ; 
} 

h1, h1 a:link, h1 a:active, h1 a:visited {
    color:#ff9900;
    font-size: 16px;
    margin-bottom: 5px;
}

h2, h2 a {
    font-size: 14px;
    margin-top: 25px;
}

h3{
    color:#ffcc66;
    font-size: 12px;
    margin: 20px 0 8px;
}

h4 {
    color:#ffcc33;
    margin: 4;
}

td {
    vertical-align:top;    
}

th { 
	font-weight: bold ;
	text-align:left;
}

#corpo {
	width: 100%;
}

.Error, .erro {
    background-color: #FFFF99;
	font-weight: bold;
	color: #FF0000;
	padding: 5px !important;
}

div.erro {
    border: 1px solid #FFCC33;
    margin-bottom: 5px;
}

div.sucesso {
    background-color: #99CC99;
    border: 1px solid #006400;
    color: #006400;
}

.TDValor
{
  padding : 2px;
}

.inativo {
    color : silver;
}

.NaoLido, .NaoLido td, .NaoLido a {
    color : #FF0000;
}

span.NaoLido a {
    color : #FF0000;
}

table {
    border:1px none ;
    padding: 0;
    border-collapse  : collapse;
	empty-cells: show;
}

/* classes */

.LinkDestaque{
    color:Yellow; 
}

.TituloTabela{
  background-color: #FFCC66;
}

.TituloTabela2{
  background-color: #fee9c2;
  padding : 2px;
  white-space: nowrap;
}

.TabelaDestaque, .TabelaDestaque1{
    border: #ffcc66 1px solid;
	width: 100%;
}

.TabelaDestaque tr th, .TabelaDestaque1 tr th, 
.TabelaDestaque tr td, .TabelaDestaque1 tr td {
	border: LightGrey 1px dotted;
	padding:.3em .5em .3em .5em;
	vertical-align: middle;
}

tr.alt_rowitem td {
	background: WhiteSmoke;
}

tr.over td {
	background: #ffebc1;
}

tr.highlight td {
	background: #ffff6d;
}

.highlight {
	background-color: #ffff6d;
}

.box_principal {
	border: silver 1px solid;
	border-top: silver 3px solid;
	width: 100%;
}

.box_principal tr td {
	padding: .3em .5em .4em .5em;
}

.box_principal tr.titulo {
	background-color: LightGrey;
	font-weight: bold; 
    cursor: move!important;
}

.box_principal tr.titulo td.box_mais {
	text-align: right;
	font-weight: normal;
}

.box_secundario {
	background-color: Snow;
	width:100%;
	border: silver 1px solid;
	border-top: silver 3px solid;
}

.box_secundario tr td {
	padding: .3em .5em .4em .5em;
}

.TabelaDestaque2{
    border: gainsboro 1px solid;
}

.TabelaDestaque3{
    background-color: #ffebc1;
    BORDER: #ffcc66 1px solid;
    BORDER-COLLAPSE: collapse;
}

.TabelaDestaque4 {
    BORDER: #ffcccc 1px solid;
}

textarea {
    color:black;
	font-size: 12px;
}

a.anexos { text-decoration: underline }
a.anexos:link { text-decoration: underline }
a.anexos:visited { text-decoration: underline }

a.Cabecalho:hover {
    color: white;
}

.Cabecalho1 {
    background-color:#ffcc66;
    height:30px;
    padding:3px;
}
 
.Cabecalho2{ 
    background-color:#ff9900;
    border-bottom: #ffcc66 1px solid;
    height:20;
}

.Rodape {
    border-top: #cccccc 1px solid;
    width: 100%;
    height: 43px;
}

.QuadroEsquerda {
    BACKGROUND-COLOR: #FFF3DA;
    width: 18%;
}

.QuadroDireita {
    BACKGROUND-COLOR: whitesmoke;
    width: 18%;
}

.QuadroCentro
{
	padding:.5em .5em .5em .5em;
    padding-BOTTOM: 10px;
}

.MenuTabela {
	width:100%;
    background-color: #FFEBC1;
    BORDER-TOP: #FF9966 3px solid;
}

.MenuTitulo {
    background-color: #ffcc66 ; 
    BORDER-BOTTOM: #FF9966 1px solid;
    font-weight: bold; 
    padding: 4px;
}

.MenuItem {
    BORDER-BOTTOM: #FF9966 1px solid;
    padding: 4px 4px 4px 8px; 
}

.MenuItemHover {
	border-right: gray 4px solid;
}

.Aniversariante {
    BORDER-BOTTOM: LightGrey 1px dotted;
}

.Busca {
    color: #cc6600;
    font-size:8pt; 
}

.InputBusca {
    font-size: 11px;
	height: 18px;
}

.LinhaBusca{
   COLOR : Black;
   BACKGROUND-COLOR: #ffcc66;
}

.LinhaBusca td {
    vertical-align: middle;
    border-bottom: silver 1px solid;
    font-weight: bold;
}

.identificacao {
	font-weight: bold;
}

.observacoes {
	padding-bottom: 0.5em;
    color: #CC6600;
}

.BotaoBusca { 
    border: 1px black solid; 
    background-color: #E08900; 
    color: white; 
    font-size: 11px;
    font-weight: bold; 
}

.GuiaAtiva { 
    BACKGROUND-COLOR: #ffebc1;
	border-TOP: #ffcc66 3px solid;
    border-right: 3px solid white;
	padding: .2em 1em .3em 1em;
    font-weight: bold;
}

.GuiaInativa { 
    BACKGROUND-COLOR: #ffebc1;
	border-TOP: #ffebc1 3px solid;
    border-right: 3px solid white;
	padding: .2em 1em .3em 1em;
    font-weight: bold;
}

.GuiaInativa a:link, .GuiaInativa a:visited,    
.MenuTitulo a:link, .MenuTitulo a:visited,    
.MenuItem a:link, .MenuItem a:visited,    
.Rodape a:link, .Rodape a:visited { 
    color: black; 
}

.GuiaInativa a:active, .GuiaInativa a:hover,    
.MenuTitulo a:active, .MenuTitulo a:hover,   
.MenuItem a:active, .MenuItem a:hover,   
.Rodape a:active, .Rodape a:hover { 
    color: #FF0000; 
}

#tr_menu_sup td {
    vertical-align: bottom;
}

.GuiaVazia { 
    BACKGROUND-COLOR: white;
	border-TOP: white 3px solid;
    BORDER-LEFT: white 3px solid;
	padding: .2em 1em .3em 1em;
}

.FundoTD1 {
    background-color: white; 
}

.FundoTD2 {
    background-color: whitesmoke ; 
}

.TabAtivo {
    background-color: #fee9c2;
    border-left : #ffcc66 1px solid;
    border-top : #ffcc66 1px solid;
    border-right : #ffcc66 1px solid;
    font-weight: bold;
    text-align:center ;
}

.TabInativo {
    background-color: whitesmoke;
    border-left : lightgrey 1px solid;
    border-top : lightgrey 1px solid;
    border-right : lightgrey 1px solid;
    border-bottom : #ffcc66 1px solid;
    font-weight: bold;
    text-align:center ;
}

.trTabs td {
    vertical-align: middle;
}

.TabAuxiliar {
    background-color: white;
    border-bottom : #ffcc66 1px solid;
}

.TabOculta {
    color : white;
    background-color: white;
    border-bottom : #ffcc66 1px solid;
}

.CorpoTabs {
    background-color: #fee9c2;
    border-right : #ffcc66 1px solid;
    border-bottom : #ffcc66 1px solid;
    border-left : #ffcc66 1px solid;
    padding : 5px;
}

.TituloAssunto {
  BACKGROUND-COLOR: #ffebc1;
  COLOR: #cc6600;
  PADDING: 2px;
}

.TituloAssunto2 {
  COLOR: #CC6600;
  PADDING: 2px;
}

.resumo {
	color: black;
	font-size: 15px;
}

select {
	font-size: 12px;
}

select.flat { 
    height: 18px; 
    font-size: 11px;
    margin: 0px; 
    background-color: white; 
    padding: 0px 0px 1px 2px; 
    border: 1px #000000 solid; 
} 

input {
	font-size: 12px;
}

input.flat { 
    background-color: #ffcc66;
    border: 1px black solid; 
    height: 24px; 
    margin-left: 5px;
    padding: 2px 5px; 
}

input.botao_over{
	background-color: #D2AEAE !important;
    border: 1px solid #CC3333;
}

.NavPaginas {
    FONT-SIZE: 12px; 
    font-weight: bold;
    TEXT-DECORATION: underline;
}

.NavPaginaAtual {
    FONT-SIZE: 15px; 
    font-weight: bold;
    COLOR: #FF0000;
}

.NavTotalPaginas {
    FONT-SIZE: 12px;
    font-weight: bold; 
    TEXT-DECORATION: none;
}

#pagination{
	text-align:center;
	clear:both;
	margin:0 0 0 0;
	padding:1em 0 1em 0;
}

#pagination a { 
	border:1px solid #999;
	text-decoration:none;
	background:white;
}

#pagination a:hover{
	background:Gray;
	color:white;
}

#pagination a, #pagination span{
	padding:.3em .5em;
}

#pagination span{
	border:1px solid #999;
	background:#FFCC66;
}

.situacao {
	width: 200px;
	line-height:1px;
	padding:1em 1em 1em 1em;
	font-weight: bold;
	text-align: center;
}

.Destaque { 
	BORDER-TOP: lightgrey 1px dotted;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
} 

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.elastic_form { 
    overflow: hidden; 
}

.elastic_form .elastic_frame { 
    width:95%;
    float: left; 
    clear: both; 
    padding: 5px 5px 0; 
    background: whitesmoke; 
    color: #333; 
    overflow: hidden; 
}

.elastic_form .elastic_frame span, .elastic_form .elastic_frame div { 
    padding: 0 0 5px; 
    float:left; 
}

.elastic_form .elastic { 
    border: 1px solid lightgrey; 
    padding: 5px 5px 5px 5px; 
    margin: 0 0 5px 0; 
    width: 100%; 
}

textarea.elastic {
 	width: 98%; 
	height: 150px;
}

.direita {
	text-align:right;
}

.negrito {
	font-weight: bold;
}

.centro {
	text-align:center;
}

.leitura {
	BACKGROUND-COLOR: gainsboro;
}

.cinza {
	color: gray;
}

.obrigatorio {
	font-weight: bold;
}

img.foto_perfil {
	width: 100px;
	border: 1px solid black;
}

.bullet {
	border: 0px; 
	position:relative; 
	top:4px; 
	cursor:pointer
} 

.icone {
	CURSOR: pointer; 
	POSITION: relative; 
	TOP: 3px;
	margin-left: 5px;
}

table.qTipDetails {
    border-collapse  : collapse;
	empty-cells: show;
	width: 100%;
}

table.qTipDetails tr td {
	padding: 3px;
}

table.qTipDetails tr td, 
table.qTipDetails tr td a {
	color: white;
}

table.qTipDetails tr td a {
	text-decoration: underline;
}

table.qTipDetails tr td.qTipFormLabel {
	font-weight: bold;
	border-right: lightgrey 1px dotted;
}

table.qTipDetails tr td.qTipFoto {
	border-left: lightgrey 1px dotted;
	text-align: center;
}

div.email {
	background-image: url(Images/mail.png);
	background-repeat:no-repeat;
}

div.msn {
	background-image: url(Images/user_chat.png);
	background-repeat:no-repeat;
}

div.inativo a {
	color: silver;
}

div.email a.email, div.msn a.msn {
	margin-left: 23px;
}

.linha_tempo_1 {
	border-top: 1px solid #FF0000;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
}

.linha_tempo_2 {
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
}

.celula_tempo {
	border: 1px solid gray; 
}

.celula_tempo_over {
	border: 1px solid #FF0000; 
}

.default {color: #808080;}

.oculto { display : none; }

.invalid {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}

label.invalid {
	color: red;
  	border: 0px solid white;
	background: white;
}

.sem_padding {
	padding: 0;
}

tr.over td {
	background: #cccccc;
}

.texto_pontilhado {
	border-bottom-width: 1px;
	border-bottom-style:dotted;
}

/* definicoes de estilo para drag-and-drop */
body div#content {
    width:100%; margin:0 auto;
}

div.recebeDrag{}

div.itemDrag {
    margin: 3px!important;
}

div#drop-esquerda, div#drop-direita {
    width:49%;
    float:left;
    min-width:49%;
    min-height:30px;
}

.dragHelper {
    background-color: #D3D3D3;
    border: 3px dashed #ffcc66; 
    min-height: 200px;
    height: auto !important;
    height: 200px;
    margin: 4px;
}

.margem5 {
	MARGIN: 0px 5px;
}

.margem10 {
	MARGIN: 0px 10px;
}

span.erroMascara {
	color: red;
	margin-left: 5px;
}

div.navegador {
	margin: 10px 0; 
	text-align: right; 
	width: 100%;
}

.nav_paginas a {
    font-size: 12px; 
    font-weight: bold;
    text-decoration: underline;
}

.nav_icon {
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.nav_first_on {
    background-image: url("Themes/DeepWater/FirstOn.gif");
}

.nav_first_off {
    background-image: url("Themes/DeepWater/FirstOff.gif");
}

.nav_prev_on {
    background-image: url("Themes/DeepWater/PrevOn.gif");
}

.nav_prev_off {
    background-image: url("Themes/DeepWater/PrevOff.gif");
}

.nav_next_on {
    background-image: url("Themes/DeepWater/NextOn.gif");
}

.nav_next_off {
    background-image: url("Themes/DeepWater/NextOff.gif");
}

.nav_last_on {
    background-image: url("Themes/DeepWater/LastOn.gif");
}

.nav_last_off {
    background-image: url("Themes/DeepWater/LastOff.gif");
}



td.navegador {
	margin: 10px 0;
	text-align: right;
}

.exemplo {
	color: #008000;
	margin-left: 5px;
}

span.calendario {
	background-image: url("Images/calendar_view_month.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.vermelho {
    color: #FF0000;
}


/* Definicao de classes para os comentarios */

.comentarios {
	/*
	background-color: whitesmoke;
	border: 1px solid silver;
	*/
}

.comentario_linha{
    background-color: #DCDCDC;
    border-left: 5px solid #C0C0C0;
    margin: 10px 0;
    padding: 10px;
}

.comentario_nome {
    background-image: url("images/agent_comment.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px !important;
}

.comentario_nome:before {
	content:"Feito por: ";
	color: gray;
}

.comentario_data {
    color: darkred;
    font-size: 8px;
    text-decoration: underline;
}

.comentario_texto {
	color: gray;
	padding-top: 5px;
}

.comentario_aprovacao {
	font-weight: bold; 
	color: red; 
	margin-top: 5px;
}