source: branches/2.2/mobile/templates/css/mobile.css @ 3641

/**********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;}

/*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;}





/***************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 input[type="checkbox"] {
   width: 13px;
   height: 13px;
   padding: 0;
   margin:0;
   vertical-align: bottom;
   position: relative;
   top: -1px;
   *overflow: hidden;
}
.dt-azul, .dt-branco {background:#EEF7FA; clear:both; display:table; margin-top:10px; width:100%; padding:10px; 0}
.dt-branco {background:#FFF;}
dt.seen {font-weight:normal;width:100%;}
dt.important, dt.important a {color:#FF0000;}
dd{ padding-top:3px; padding-left:25px; vertical-align:middle; font-size:small;}
input{height: 15px;}
textarea {width: 93%;}
dt select, div.menu-contexto select {font-size:x-small; border:none; color:#ffffff; background-color:#2B84AF;}
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:25px; font-size:small; background-color:#C9C9C9; width:100%;}
#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; background-color:#CEE5EF; 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;}
#posiciona-direita {font-size:x-small;  float:right; margin-right:50px; font-weight:normal; text-align:left;}

#lista_miolo {clear:both; color:#666; width:100%; /*min-height:165px;*/font-size:small; }
#lista_miolo dd {background-color:#FFFFFF; padding:3px 3px 3px 10px; width:100%;  }
#lista_miolo dd.par {background-color:#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 {text-align:right; width:20%;}
.nome-item{float:left;width:77%;font-size:small; color:#3E3E3D}
.nome-item-telefone{margin-left:21px}
.bg-branco{background:#FFF}

.menu-contexto {padding-left:16px; padding-top:10px; 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:20px;}
.btn-generico, .btn-contexto{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;}