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

/**********GLOBAL RESET*************/

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, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, 
td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Arial, Helvetica, sans-serif;}
body { -webkit-text-size-adjust: none; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
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}
li {list-style:none;}
body {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;}


/***************Elementos******************/X

*{font-family:Arial; font-size: 10px;}
h1{ padding-top: 5px; height:20px; font-size: 80%; padding-left:5px; color:#FFFFFF;}
dt{ padding:2px 0px 0px 5px; height:20px; font-weight:bold; font-size: 80%; color:#3E3E3D; background-color:#CEE5EF;}
dt.seen {font-weight:normal;}
dt.important, dt.important a {color:#FF0000;}
dd{ min-width:200px; padding-top:3px; padding-left:25px; vertical-align:middle; min-height:20px; font-size:70%;}
input{ height: 15px; }
dt select, div.menu-contexto select{font-size:80%; border:none; color:#ffffff; background-color:#2B84AF;}
div.menu-contexto select{font-size:90%; border:none; color:#ffffff; background-color:#2B84AF;}
div.menu-contexto a{color:#FFFFFF; text-decoration:underline;}
#operacao_lista{ padding-left: 5px; padding-top:5px; height:25px; font-size:70%; background-color:#C9C9C9; }
#menu_rodape{background-color:#F2F2F2;}
#menu_rodape a{ padding-left:10px; color:#2B84AF; font-size:9px;}
#corpo_mensagem{ padding:10px;font-size:11px; min-width:200px;}
#corpo_mensagem p{min-height:25px;}
#corpo_mensagem input {height:10px;}

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


.busca{ padding-left: 5px; padding-top:5px; height:25px;; background-color:#E4E4E4}
.busca input{height:15px;}
.busca input.btn-generico{height:20px;}
.par{background-color:#EEF7FA}
.topo{background-color:#3E3E3D;}
.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;}
.contagem{ text-align:right;}
.nome-item{ float:left;width:160px;}
.menu-contexto{ padding-top:3px; padding-left:5px; height:20px; font-size:60%; background-color:#3399CC; color:#FFFFFF;}
.btn-contexto{ font-size:90%; background-color:#2B84AF; color:#FFFFFF; border:none;}
.btn-generico, .btn-contexto{ height:20px; }
.titulo_mensagem{ font-size:75%; font-weight:bold; overflow: hidden;}
.titulo-sdt{ padding:2px 0px 0px 5px; height:20px; font-weight:bold; font-size: 80%; color:#3E3E3D; background-color:#CEE5EF;}

.menu-diverso{ height:35px;}
.menu-diverso a{ margin-right:3px; padding:5px; font-size:110%; 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;}
.dd-mensagem{height:30px;overflow: hidden;}
.btn-anexo{ padding:2px; font-size: 80%; background-color:#FAD364;}
a.btn-anexo{ padding:2px; font-size: 80%; color:#3E3E3D; background-color:#FAD364;}
.sobre-mensagem{ min-width:140px; float:left;}

.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-entrada{ height:110px; font-size:70%; background-color:#CEE5EF;}
.campos-correspondencia{ height:80px; font-size:70%; background-color:#CEE5EF;}
.campos-correspondencia input{height:15px;}
.campos-entrada input{height:10px;}
.campos-entrada .posiciona-esquerda p{height:20px;}
.posiciona-esquerda{padding:5px 0px 0px 10px; float:left;}
.posiciona-esquerda p{height:25px;}
.posiciona-esquerda p label{float:left;width:75px;}

.login{ background-color:#EEF7FA;}
.login p{padding:3px;}
.avisos{background-color:#FAE1E1;}
.aviso-positivo{ padding:5px; font-size:70%; color:#333333; background-color:#CEE5EF; }
.aviso-negativo{ padding:5px; font-size:70%; 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:9px; text-decoration:underline; font-weight:normal;}

.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: 12px; font-weight:bold;}
#calendario thead tr th, #calendario tbody tr td { text-align: center } 
.semana { color: #333; font-size: 12px; 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 }