/**********GLOBAL RESET*************/
body {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:medium;font-family:Arial, Helvetica, sans-serif;}
body { -webkit-text-size-adjust: none; }

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, code, del, 
dfn, em, img, q, dl, dt, dd, ol, fieldset, form,  
label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;}

checkbox {padding:0; margin:0}

/*INSERIDOS*/

table {border-collapse:separate;border-spacing:0;}


#busca table { width:100%;}
.gd {width:90%; padding:2px 0;}
.pq {width:10%; padding-left:5px; padding-right:5px;text-align:center;}
.bt {width:10%; padding-left:10px; }


caption, th, td {text-align:left;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}			
a:link, a:visited {text-decoration: none; font-size:small;}
li {list-style:none;}


/*-------------------------------------------------------------------NAVEGACAO-----------------------------------------------------------*/
	
	.navegacao { width: 260px; float: left; margin-top: 22px; width: 30% }
	.navegacao a{color:#515151; text-decoration:none;}
	.navegacao a:hover{text-decoration:underline;}
	.mail-novo { background: #09C; color: #fff; display: block; height: 21px; font-size: 12px; padding-top: 4px }
	.mail-novo a { display: inline; color: #fff; padding: 2px 6px; font-size: 10px; text-decoration: none; background:#2b83ae }
	.mail-novo a:hover { text-decoration: none; background: #09F}
	#meus-emails, #meus-compromissos, #minhas-pastas { font-size: 12px; color: #444 }
		#emails-capacidade { font-size: 9px; color:#888 }
		#emails-secoes { color: #444; font-size: 10px }		
		.compromisso, .diretorios {}	
		
	#table-mail, #table-compromissos, #table-minhaspastas, #table-contatos, #mail-selecionados { font-size:12px; color: #222; line-height: 22px }
		#mail_check { margin-left: 5px }
		
	
.pagina { color: #fff; display: block; font-size: 12px; float: right; margin-top: 22px; width: 70% }
	/*------------------------------------------------------------------/NAVEGACAO-----------------------------------------------------------*/
	





/***************Elementos******************/

h1{ padding-top: 5px; height:20px; font-size:small; padding-left:5px; color:#FFFFFF; float:left;  }
/*dt { padding:3px 3px 3px 10px; font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;}*/
dt {font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;}
.dt-azul, .dt-branco {background:#EEF7FA; clear:both; display:table;  width:100%; /*padding:10px 0*/}
.dt-branco {background:#FFF;}
p.seen, a.seen {font-weight:normal;width:100%;}
p.important, a.important {color:#FF0000;}
dd{ padding-top:3px; /*padding-left:25px;*/ vertical-align:middle; font-size:small;}
input{height: 15px;} /*o float left ta dando problema nos check boxs, por isso removi */
textarea {width: 93%;}
dt select, div.menu-contexto select {font-size:x-small; border:none; color:#ffffff; background-color:#2B84AF; margin:8px 0}
div.menu-contexto select{font-size:small; border:none; color:#ffffff; background-color:#2B84AF;}
div.menu-contexto a {color:#FFFFFF; text-decoration:underline;}
#operacao_lista {/*padding:5px; */min-height:40px; font-size:small; background-color:#C9C9C9; width:100%; padding-top:9px}
#operacao_lista span {font-size:x-small;}
#menu_rodape {background-color:#F2F2F2; }

/*novo*/
#menu_rodape ul { width:100%;  margin:0px 0 0 -10px; }
#menu_rodape ul li { text-align:left; }
#menu_rodape a {color:#2B84AF; font-size:x-small; }



/*ALTERADOS*/

#corpo_mensagem {clear:both; /*padding-top:15px;*/ color:#666; width:100%; padding-left:10px; min-height:230px; padding-bottom:10px;font-size:small;}
#corpo_mensagem #foto {padding:5px 0px 10px 10px;}
#corpo_mensagem #foto img {border:1px solid #2B84AF;}
#corpo_mensagem #nome {font-size:small; width:100%; /*padding:15px 0px 10px 10px;*/ font-weight:bold;}
#corpo_mensagem #itens {font-size:x-small; float:left; font-weight:bold; text-align:right; padding-right:10px;}
#corpo_mensagem #itens-preenchidos {font-size:x-small; width:50%; float:left; font-weight:normal;}
#corpo_mensagem input {height:15px;}

#campos-correspondencia {font-weight:bold; text-align:right;color:#666; background-color:#CEE5EF; width:100%; /*padding-left:10px;*/ min-height:120px; padding-bottom:30px;}
.posiciona-esquerda {font-size:small;  float:left; font-weight:normal; text-align:left; width:74%; padding:6px 0 0 20px;  }
.posiciona-esquerda input[type="checkbox"]{ vertical-align:baseline}
.posiciona-esquerda p{ margin:5px 0 5px 0;}
.posiciona-direita {font-size:x-small; float:left; font-weight:normal; text-align:left; width:20%; padding-top:16px }
.posiciona-direita p { margin-bottom:3px}
.posiciona-direita span{ margin:6px 0 ; display:table}



#lista_miolo {clear:both; color:#666; width:100%; /*min-height:165px;*/font-size:small; }
#lista_miolo dd {background:#FFFFFF; /*padding:3px 3px 3px 10px;*/ width:100%;  }
#lista_miolo dd.par {background:#EEF7FA; }
#lista_miolo #iten {width:80%; float:left; font-weight:normal; text-align:left;}
#lista_miolo #iten a {font-size:small;}
#lista_miolo #contagem {font-size:x-small; width:20%; float:left; font-weight:normal; text-align:left;}




/***************Classes******************/

/*ALTERADOS*/

#busca{ /*padding-left:10px;*/ padding-top:5px;background-color:#E4E4E4; min-height:35px; width:100%;}
#busca input[type="text"] {height:20px; width:90%; margin-right:5px}
#busca input[type="button"] {height:20px; min-width:100px;}
/*.busca input {height:10px; width:87%; float:left;}*/

.limpar_div {
	clear:both
	}


.topo {width:100%; /*padding-left:10px;*/ background:#333; display:table }
.topo a{color:#FFF; text-decoration:underline; float:right; margin:4px 20px 0 0 }

.rodape{ padding-top:4px; height:16px; text-align:center; font-size:50%; background-color:#F6F6F6; color:#333333;}
.btn-generico{color:#FFFFFF; background-color:#434343; border:none; min-width:60px;}
.contagem { }
.nome-item{float:left;width:74%;font-size:small; color:#3E3E3D}
.nome-item-telefone{margin-left:21px}
.bg-branco{background:#FFF}

.menu-contexto {/*padding-left:16px;*/ padding-top:6px; font-size:x-small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:35px;}
.btn-contexto {font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none;  min-height:30px; padding:5px }
.menor {min-height:20px !important} 
.btn-generico {padding:6px 4px; }

/*novo*/ 
.btn-busca {padding:4px; font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none;  min-height:20px;}
#voltar {margin:0; padding:0}


#titulo {width:100%; }
.titulo_mensagem {font-size:small; font-weight:bold; overflow: hidden; padding:15px 15px 5px 10px;}
.titulo-sdt{ padding:2px 0px 0px 5px; height:20px; font-weight:bold; font-size: x-small; color:#3E3E3D; }


.menu-diverso{ height:35px;}
.menu-diverso a{ margin-right:3px; padding:5px; font-size:x-small; background-color:#EEF7FA; color:#434343;}
.menu-diverso a:hover,.menu-diverso a.letter-contact-selected {color:#FFFFFF;background-color:#3399CC;}
dt.menu-diverso div {margin-top:8px;}

.reset-dt {background-color:#ffffff; width:98%; /*padding:10px 3px 3px 10px;*/}
.reset-dt1 {width:98%; /*padding:3px 3px 3px 10px;*/}
.dd-mensagem {height:30px;overflow: hidden;padding:3px 0px 15px 10px;}
.btn-anexo {padding:2px; font-size: x-small; background-color:#FAD364;}
.btn-anexo a {padding:3px; font-size: x-small;  background-color:#FAD364; }
.sobre-mensagem {float:left;}


#ver-detalhes {float:left;padding:2px; background-color:#FAD364;}
#ver-detalhes a {padding:3px;color:#666;font-size:x-small;}



.alerta{ font-style:italic; color:#FF3300;}
.sinal-alerta{padding:1px 5px 1px 5px; background-color:#FF3300; color:#ffffff;}
.titulo-secao{padding:0px 10px 0px 10px; font-size:120%; color:#ffffff; font-weight:bold;}

.label-normal{font-style:italic;}

#campos {width:99%; height:auto;background-color:#CEE5EF;}
.campos-entrada{ font-size:70%; background-color:#CEE5EF;height:auto;}
.campos-correspondencia {font-size:x-small; padding:5px;} 
.campos-correspondencia input {height:17px;  float:left;}
.campos-correspondencia p { }
.campos-correspondencia p label {float:left;width:100%;}
.campos-entrada input {height:15px;  }
.campos-correspondencia, .campos-entrada { }

.login{ background-color:#EEF7FA;}
.login p{padding:3px;}
.avisos{background-color:#FAE1E1;}
.aviso-positivo{ padding:5px; font-size:x-small; color:#333333; background-color:#CEE5EF; }
.aviso-negativo{ padding:5px; font-size:x-small; color:#333333; background-color:#FAE1E1; }
.aviso-positivo a,.aviso-negativo a{text-decoration:underline; color:#333333;}


.bg-neutro{padding:5px; background-color:#EEF7FA;} 

.rotulo-complementar{font-size:x-small; text-decoration:underline; padding:3px;}

.mes_corrente { padding: 0 10px }

#pre-calendario { padding: 10px; background: #eef7fa  }
#semanal { border: none; margin-bottom: 5px }

#calendario thead tr th { color: #333; font-size:small; font-weight:bold;}
#calendario thead tr th, #calendario tbody tr td { text-align: center } 
.semana { color:#333;font-size:small; width:100%; font-weight:bold; width: 14%; }
.dias { border: none }
.dias a {
color: #444;
font-size: 11px;
cursor: pointer;
text-decoration: none;
text-align: center;
display: block;
border: 1px solid #CACACA;
width: 27px;
height:16px;
margin: 0px;
padding: 3px 1px 0 0;
position: relative;
}
.dias a .qtd_commitment {
	font-size: 8px;
	position: absolute;
	top: 0;
	right: 0.5px;
	color: red;
}
.dias a:hover { color:#999; text-decoration: none }
a.hoje { background: #FC0; color: #fff }
a.dia_branco { background: #FFF }
a.outro_mes { background: #E1E1E1; color: #8B8B8B }

.btn_off a { margin: 0 1px; display: inline; padding: 0 6px }



/*---------------------------------------- MODIFICAÇÕES ---------------------------------------------*/


.email-item{color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; vertical-align:middle}
.email-campos{color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; text-decoration:underline !important}


.campos-email {width:100%; clear:both; margin-left:10px}
.campos-email input {width:99%; clear:both}
.campos-email a{float:left; text-align:right; margin-bottom:5px;}