source: trunk/expressoMail1_2/templates/default/main.css @ 7786

Revision 7786, 49.0 KB checked in by gustavo, 11 years ago (diff)

Ticket #3320 - Trocar cor da identificacao de mensagens ao arrasta-las sobre uma pasta
  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1body{overflow: hidden;}
2/* attachments list on message screen */
3.expressomail-attachments { background:#EEE; font-size:11px; width:100%; margin:0; padding:0;}
4.expressomail-attachments-label {display:block; float:left;}
5ul.expressomail-attachments-list { list-style:none; display:block; margin-left:40px;}
6ul.expressomail-attachments-list li {}
7.expressomail-attachments-link { font-size:11px;}
8
9textarea{
10    overflow:hidden;
11    height:auto;
12/*    width:18px;
13        resize: none;*/
14}
15a.rich{
16        padding : 5px;
17        cursor : pointer;
18        text-align: center;
19}
20button.adress_button {width: 47px; text-align: center;}
21span.ui-icon.expressomail-icon-read-confirmation { background-image: url(images/notification.gif) !important; background-position: 0px 0px; width: 24px; height: 24px;}
22span.ui-icon.expressomail-icon-save { background-image: url(images/disk.png) !important; background-position: 0px 2px; width: 16px; height: 16px; background-size: 13px;}
23span.ui-icon.expressomail-icon-signature { background-image: url(images/signature.gif) !important; background-position: 8px 2px; width: 24px; height: 24px; background-size: 13px;}
24span.ui-icon.expressomail-icon-encryption{ background-image: url(images/lock.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;}
25span.ui-icon.expressomail-icon-send { background-image: url(images/send.png) !important; background-position: -2px 2px; width: 25px; height: 16px; background-size: 19px;}
26span.ui-icon.expressomail-icon-save_and_send { background-image: url(images/save_and_send.png) !important; width: 25px; height: 16px; background-size: 17px;}
27span.ui-icon.expressomail-icon-important { background-image: url(images/important.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;}
28
29/* thumbs list on message screen */
30.expressomail-thumbs { font-size:11px; width:100%; max-width:100%; margin:20px 0 0 0; border-top:1px solid #AAA; float: left}
31.expressomail-thumbs-label {}
32.message_options {}
33.expressomail-thumbs span.message_tips { display:block; padding-left:18px; line-height:18px;height:18px; background-image: url(images/menu/ktip.png); background-repeat:no-repeat;}
34ul.expressomail-thumbs-list { list-style:none; margin:0; padding:0;}
35ul.expressomail-thumbs-list li {height:80px;  max-width:120px; max-height:80px; display:block; float:left; margin: 5px; padding:0;}
36ul.expressomail-thumbs-list li img {width:auto; height:100%; border: 2px solid #FDE7BC;}
37.expressomail-thumbs-link { font-size:11px;}
38.jcarousel-container { width: auto;}
39 
40
41
42/* todo o resto */
43table.expressomail-message-body {width:100%; height:100%;}
44table.table_message, div.table_message {
45background: #96b3d3; /* Old browsers */
46background: -moz-linear-gradient(top, #96b3d3 0%, #b4c9e4 30%, #d9e6ef 65%, #e2e9f1 70%, #e9f0f8 78%, #e8f1fa 83%, #dbe5ef 96%, #d9e3ed 100%); /* FF3.6+ */
47background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96b3d3), color-stop(30%,#b4c9e4), color-stop(65%,#d9e6ef), color-stop(70%,#e2e9f1), color-stop(78%,#e9f0f8), color-stop(83%,#e8f1fa), color-stop(96%,#dbe5ef), color-stop(100%,#d9e3ed)); /* Chrome,Safari4+ */
48background: -webkit-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Chrome10+,Safari5.1+ */
49background: -o-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Opera 11.10+ */
50background: -ms-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* IE10+ */
51background: linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* W3C */
52filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b3d3', endColorstr='#d9e3ed',GradientType=0 ); /* IE6-9 */
53}
54table.expressomail-message-body tr{vertical-align:top;}
55
56
57
58
59.table_message_options{
60        background-color: #000;
61       
62        /* Apenas para ie qualquer versao */
63        -moz-border-collapse: separate;
64        border-color: gray;
65
66    border-spacing: 0;
67    border-style: outset;
68    border-width: 0.01;
69    cursor: default;
70    padding: 1px;
71        -moz-border-radius: 3px;
72        -webkit-border-radius: 3px;
73       
74       
75}
76
77.table_message_options_ie{
78
79        border-collapse: collapse;
80        background-color: #000;
81        border-color: gray;
82    border-spacing: 0;
83    border-style: outset;
84    border-width: 1;
85    cursor: default;
86    padding: 1px;
87        -moz-border-radius: 3px;
88        -webkit-border-radius: 3px;
89       
90       
91}
92
93.table_message{
94        background-color: #000;
95       
96        /* Apenas para ie qualquer versao */
97        -moz-border-collapse: separate;
98        border-color: gray;
99        border-radius: 3px 3px 3px 3px;
100    border-spacing: 0;
101    border-style: outset;
102    border-width: 1px;
103    cursor: default;
104    padding: 1px;
105        -moz-border-radius: 3px;
106        -webkit-border-radius: 3px;
107       
108       
109}
110
111.div_message_scroll { background: none repeat scroll 0% 0% WHITE; overflow: auto; padding-right: 5px;}
112a.message-attach-link { margin-left: 20px;}
113
114.messagescol td label {padding-right:20px;}
115.messagescol td.message-general-options .checkbox {margin: 5px 5px 0 0;}
116
117.ui-dialog-dragging {
118        opacity:0.4;
119        filter:alpha(opacity=40); /* For IE8 and earlier */
120}
121
122.context-menu-item.icon-important { background-image: url(images/important.png); background-position: 6px 5px !important}
123.context-menu-item.icon-export { background-image: url(images/export.png); }
124.context-menu-item.icon-move { background-image: url(images/move.png); }
125.context-menu-item.icon-seen { background-image: url(images/seen.gif); }
126.context-menu-item.icon-unseen { background-image: url(images/unseen.gif); }
127.context-menu-item.icon-normal { background-image: url(images/door.png); }
128.context-menu-item.icon-followupflag { background-image: url(images/door.png); }
129.context-menu-item.icon-quick-add { background-image: url(images/vcard_add.png); }
130.context-menu-item.icon-delete-box{ background-image: url(images/user_delete.png); }
131.context-menu-item.icon-quick-search-contact{ background-image: url(images/zoom.png); }
132/* Airton. Adicionando o ícone da opção de arquivar do menu de contexto do expressoMail */
133.context-menu-item.icon-archive{ background-image: url(images/archive.png); }
134
135
136.context-menu-item.icon-search-mail { background-image: url(images/menu/search.png); }
137.context-menu-item.icon-filter { background-image: url(images/menu/filters.png); }
138.context-menu-item.icon-edit-folder { background-image: url(images/menu/editfolders.png); }
139.context-menu-item.icon-share-mailbox { background-image: url(images/menu/usersfolders.png); }
140.context-menu-item.icon-label { background-image: url(images/menu/usersfolders.png); }
141.context-menu-item.icon-tag { background-image: url(images/menu/tag.png); background-size: 12px; background-position: 6px 2px !important;}
142.context-menu-item.icon-empty-trash { background-image: url(images/menu/trash.png); }
143.context-menu-item.icon-queue { background-image: url(images/menu/queue.png); }
144.context-menu-item.icon-config { background-image: url(images/menu/config.png); }
145
146
147.ui-button-text-only .ui-button-text
148{
149        font-size: 0.9em;
150        padding: 0.1em 0.6em;
151}
152
153form.fileupload { margin: 14px 0 0 -13px; float: left; margin-bottom: -20px; }
154form.fileupload .files-list { margin-left: 5px; margin-top: -14px; padding: 0.2em 0.7em; }
155form.fileupload .files-list .delete-upload { top: 7px}
156
157div.attachments-list {
158        max-height: 130px;
159        overflow-y: auto;
160        padding-top: 5px;
161}
162
163form.fileupload .ui-button .ui-button-text { line-height: 2; }
164form.fileupload .ui-button { margin-left: 5px; }
165form.fileupload .message-add-original-att { margin-left: 0px; }
166.button.add.button-add-attachment{margin: -9px 0 0 8px;}
167.button.upload{margin-bottom: 4px;}
168div.fileupload-buttonbar{padding: 0.2em 0.5em }
169.archive-error{color: #F00;}
170
171.progress.in-progress{width: 100px; height: 12px;}
172
173.row.fileupload-buttonbar{margin-top: -14px; padding: 0.2em 0.7em;}
174
175.archive-attach.name{width: 310px;}
176.archive-attach.name label{display: block; position: absolute; left: 136px; top: 194px;}
177.size{min-width: 65px;}
178
179.message-attach.name{width: 200px;}
180.message-attach.size{margin:0 4px 0 4px;}
181.message-attach-error{color:red;}
182
183
184/* Estilos da tela de busca rápida de contatos */
185
186.expressomail-qs-container { font-size:11px;}
187.expressomail-qs-container legend { font-size:1.1em; font-weight: bold; }
188.expressomail-qs-container #accordion { margin: 5px;}
189.expressomail-qs-container fieldset, .expressomail-qs-container div {margin:0;}
190.expressomail-qs-container .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; }
191.expressomail-qs-container #wrap-progressbar { height:22px; width:122px;  float:left; }
192.expressomail-qs-container #wrap-progressbar #inner-progressbar { text-align:center; width:100px; }
193.expressomail-qs-container #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; }
194.expressomail-qs-container #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; }
195.expressomail-qs-container .clear {clear:both;}
196/*.expressomail-qs-container #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;}*/
197.expressomail-qs-container fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; }
198.expressomail-qs-container #ul {list-style:none; margin:0; padding:0;}
199.expressomail-qs-container #fieldset1 {color:#444;}
200.expressomail-qs-container #fieldset1 label {font-weight:bold; display:block;}
201
202.expressomail-qs-container #list-acc-users li, .expressomail-qs-container #search-result-users li {margin-right:5px;border-radius:3px;}
203.expressomail-qs-container #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;}
204.expressomail-qs-container #list-acc-users li:hover, .expressomail-qs-container #list-acc-mails li:hover, .expressomail-qs-container #search-result-users li:hover {background-color:#DDD;}
205.expressomail-qs-container #list-acc-users li span.ui-icon, .expressomail-qs-container #list-acc-mails li span.ui-icon, .expressomail-qs-container #search-result-users li span.ui-icon {display:none; margin:2px;}
206.expressomail-qs-container #list-acc-users li input, .expressomail-qs-container #list-acc-mails li input, .expressomail-qs-container #search-result-users li input {margin-top:5px;}
207.expressomail-qs-container #list-acc-users li label, .expressomail-qs-container #list-acc-mails li label, .expressomail-qs-container #search-result-users li label {margin-top:-5px;}
208.expressomail-qs-container #list-acc-users li:hover span, .expressomail-qs-container #list-acc-mails li:hover span, .expressomail-qs-container #search-result-users li:hover span {display:inline;}
209.expressomail-qs-container #search-result-users li span.ui-icon {display:none;}
210.expressomail-qs-container .ui-icon {float:right;}
211.expressomail-qs-container #icon-bar1 .ui-icon {float:left; margin:0 3px;}
212.expressomail-qs-container #icon-bar1 span {float:left; margin:2px 3px 0 0;}
213.expressomail-qs-container .ui-icon-trash, .expressomail-qs-container .ui-icon-edit, .expressomail-qs-container .ui-icon-close, .expressomail-qs-container .ui-icon-plus, .expressomail-qs-container .ui-icon-pencil {background-color:#EEE;}
214.expressomail-qs-container .ui-icon-trash:hover, .expressomail-qs-container .ui-icon-edit:hover, .expressomail-qs-container .ui-icon-close:hover, .expressomail-qs-container .ui-icon-plus:hover, .expressomail-qs-container .ui-icon-pencil:hover {background-color:#BBB;}
215.expressomail-qs-container .ui-autocomplete-input {width:170px;}
216.expressomail-qs-container .ui-accordion .ui-accordion-content{padding:5px;}
217
218.expressomail-qs-container .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;}
219.expressomail-qs-container .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; }
220.expressomail-qs-container .acc-list h3{font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; margin:0; padding:5px 3px; background-color:#fff;}
221.expressomail-qs-container .acc-list ul{ margin:5px 0;}
222.expressomail-qs-container .acc-list ul li{ border-radius:3px; padding:5px;}
223.expressomail-qs-container .acc-list ul li:hover {background-color:#DDD;}
224.expressomail-qs-container .acc-list ul li.active {background-color:#EB8F00;}
225.expressomail-qs-container .acc-list ul li strong {display:block;}
226.expressomail-qs-container .acc-list ul li em {display:block;}
227
228/*Específico do selectable*/
229.expressomail-qs-container #feedback { font-size: 1.4em; }
230.expressomail-qs-container #selectable .ui-selecting { background: #DDECF7; }
231/* #selectable .ui-selected { background: #F39814; color: white; }   Aqui eu troquei a cor de quando era selecionada a linha */
232.expressomail-qs-container #selectable .ui-selected { background: #72A9D3; color: white; }
233
234.expressomail-qs-container #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
235.expressomail-qs-container ul#selectable { overflow: hidden; width: 444px; height: 250px;}
236.expressomail-qs-container ul#selectable li { width: 435px; overflow:hidden; }
237.expressomail-qs-container ul#selectable li.ui-selected { width: 100%;  }
238.expressomail-qs-container ul#selectable li div { width: 6000px; }
239.expressomail-qs-container .ui-button-icon-only { width: 1.2em; }
240.expressomail-qs-container .ui-icon { margin-left: -8px; }
241.expressomail-qs-container .ui-widget button { border: 0 solid; }
242
243.expressomail-qs-container .menu-control { float:right; margin-left:400px; position: absolute; z-index: 100; padding-top:5px;}
244.expressomail-qs-container .acc-list { width:444px;height:250px;float:left;border:1px solid #DDD;background-color:#EEE;border-radius:3px;margin-left:1px; margin: 10px 5px 5px 1px;}
245.expressomail-qs-container .details-container { width:300px;height:246px; float:right; margin: 5px 0;}
246
247.expressomail-qs-container .acc-list .demo {width:100%;margin-top:20px;}
248
249.dialog-modal.expressomail-qs-container  { height: 416px; padding:5px; }
250
251.ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0;}
252.expressomail-qs-container .menu-control .ui-button-text-only .ui-button-text { padding: 0.1em 0.6em; }
253
254/* search area definition */
255fieldset.search-field, fieldset.search-catalog-options {
256        border:1px solid #CFCFCF;
257        padding: 5px;
258}
259
260fieldset.search-field input, fieldset.search-catalog-options select{
261        display: inline-block;
262        border: none;
263        background-color: #FFF;
264}
265
266fieldset.search-field span {
267        display: inline-block;
268        margin:0 0 -3px 5px;
269}
270
271/* #search area definition */
272fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;}
273fieldset.search-field input { max-width: 165px; width: 165px; }
274
275fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;}
276fieldset.search-catalog-options select { max-width: 120px; width: 120px; }
277
278
279.ui-dialog .ui-dialog-titlebar-minimize {
280    height: 18px;
281    margin: -10px 0 0;
282    padding: 1px;
283    position: absolute;
284    right: 1.8em;
285    top: 50%;
286    width: 19px;
287}
288
289.ui-dialog-buttonpane .ui-button {
290        margin-top: 0;
291        padding-top: 0;
292}
293
294 
295.button-mod { margin-top: -2.5em; }
296
297/*print.css */
298
299.print-all-messages h1 { font-size: 1.35em; }
300.print-all-messages h2 { font-size: 1.05em; }
301.print-all-messages tbody { font-size: 0.95em; }
302.print-all-messages thead td { font-weight: bold; padding: 3px; border-bottom: solid 2px #999; }
303.print-all-messages tbody td { border-bottom: solid 1px #ccc; }
304.print-all-messages img { display: none; }
305.print-all-messages input { display: none; }
306
307/*main.css */
308pre{
309        white-space: pre-wrap !important; /* css-3 */
310        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
311        white-space: -pre-wrap !important; /* Opera 4-6 */
312        white-space: -o-pre-wrap !important; /* Opera 7 */
313        word-wrap: break-word !important; /* Internet Explorer 5.5+ */
314        font-family: monospace !important;     
315        /*font-size: 10pt !important;*/
316        font-size: 11px !important;
317}
318/** {
319        font-family: Verdana, Arial, Helvetica, sans-serif;     
320}*/
321
322.checkbox{
323        border:none !important;
324}
325
326textarea{
327        font-family: Verdana, Arial, Helvetica, sans-serif;
328        font-size: 13px;
329}
330
331.whiteSpace{
332        width: 2px;
333}
334
335.table_box{
336        width: 100%;
337        color: black;
338        background: #ffffff;
339        border-bottom: 1px solid #f4f8fb;
340        font-family: Verdana, Arial, Helvetica, sans-serif;;
341        font-size: 13px;
342        cursor: pointer;
343        table-layout: fixed;
344}
345
346
347
348
349.em_div_write_msg{
350        height: 0px;
351        background: transparent;
352        }
353
354/* begin class msgs */
355.td_msg{
356        border-width: 0px;     
357}
358
359.span-sender:hover{
360        text-decoration: underline;
361}
362
363
364.th_resizable {
365        padding-left: 3px !important;
366        border-left: solid 1px #999;
367        text-overflow: ellipsis;
368        overflow: hidden;
369        white-space: nowrap;
370}
371
372.td_resizable {
373        padding-left: 1px;
374        border: 0px;
375        border-left: solid 1px #dde1dd;
376        text-overflow: ellipsis;
377        overflow: hidden;
378        white-space: nowrap;
379        border-right-width: 0px !important;
380}
381
382.tr_msg_unread {       
383        font-weight:bold !important;
384}
385
386.table_box tr{
387        border:0; 
388        height: 20px;
389}
390
391.table-info-quota{
392        table-layout: fixed;
393}
394
395.td-info-quota{
396        white-space: nowrap;
397        overflow:       hidden;
398        text-overflow: ellipsis;       
399}
400
401.tr_msg_read {
402        color: #3f3f3f;
403        background-color: #ffffff;
404        -moz-user-select: none;
405}
406
407.tr_msg_read2 {
408        color: #3f3f3f;
409        background-color: #DEE8F0;
410        -moz-user-select: none;
411}
412
413.selected_msg{
414        background-color: #ffffcb;
415}
416.flagged_msg{
417        color: red;
418}
419
420.show_img_link{
421        width : 100%;
422        color: black;
423        font-weight: bold;
424        background-color: #ffc;
425        border-bottom:1px solid #cfcfcf;
426        cursor: pointer;                 
427        -moz-user-select: none;
428}
429/* end class msgs */
430
431.show_img_link:hover {
432        color: #000 !important;
433}
434
435.action_info_table {
436        border-spacing: 0px 0px;
437}
438.action_info_th {
439        font-family: Verdana, Arial, Helvetica, sans-serif;
440        font-size: 11px;
441        border-width: 0px 0px 0px 0px;
442        padding: 1px 10px 0px 10px;     
443        border-style: inset inset inset inset;
444        border-color: gray gray gray gray;
445        background-color: rgb(250, 209, 99);
446        -moz-border-radius: 6px 6px 6px 6px;
447        -webkit-border-radius: 6px 6px 6px 6px;
448        border-radius: 6px 6px 6px 6px;
449}
450
451.message_header{
452        background-color: #ABC6E1;
453}
454
455.message_header td {
456        padding: 0px;
457}
458
459.table_message_ruler {
460        width: 10px;
461        border: none;
462        border-left: 1px dotted #88a;
463        display: none;
464        position: absolute;
465        z-index: 10;
466        height: 300px;
467}
468
469.table_message_header_box{
470        width: 100%;
471        color: black;
472        border-style: solid;
473        border-width: 0px;
474        border-collapse: collapse;
475        border-color: #bbbbbb;
476        font-family: Verdana,Arial,Helvetica,sans-serif;
477        font-size: 13px;       
478        cursor: pointer;
479        table-layout: fixed;
480}
481.font-menu {
482    color: #000;
483}
484
485.font-menu-sel {
486        color:#0000FF;
487}
488
489.font-menu, .font-menu-sel {
490    float: left;
491    clear: left;
492    overflow: hidden;
493    white-space: nowrap;
494    padding-left: 5px;
495    margin-right: 5px;
496    text-decoration: none;
497    text-align: center;
498}
499
500.menu-sel{   
501    text-decoration: none;
502    text-align: center;
503    color:#0000FF;
504    height: 20px;
505    width:220px;
506    background-color:#F7F7F7;
507    margin-bottom: 0px;
508    border: 1px solid #4a79b1;
509    border-bottom: 0px;
510    padding:0px 5px 0px 0px;
511    -moz-border-radius: 9px 9px 0px 0px;
512    -moz-user-select: none;
513    -webkit-border-radius: 9px 9px 0px 0px;
514    border-radius: 9px 9px 0px 0px;
515    cursor: pointer;
516 }
517 
518.menu{
519    text-decoration: none;
520    text-align: center;
521    height: 20px;       
522    width:220px;
523    background-color:#c8d7ea;
524    margin-bottom: 0px;
525    border: 1px solid #f4f7fc;
526    border-bottom: 1px solid #4a79b1;
527    padding:0px 5px 0px 0px;
528    -moz-border-radius: 9px 9px 0px 0px;
529    -moz-user-select: none;
530    -webkit-border-radius: 9px 9px 0px 0px;
531    border-radius: 9px 9px 0px 0px;
532    cursor: pointer;
533}
534
535.last_menu{
536        border-bottom: 1px solid #4a79b1;
537        -moz-border-radius: 0px 0px 0px 0px;
538}
539
540.table_top{
541        background-color: #FFFFFF;
542        padding:1px 1px 1px 1px;
543        height:16px;
544        cursor: default;
545        margin: 0px 0px 0px 0px;
546        border-width: 0px 1px 1px 1px;
547        border-style: outset outset outset outset;
548        border-color: black black black black; 
549}
550
551.tr_message_header{
552        background-color: #EEEEEE;
553        font-family: Verdana, Arial, Helvetica, sans-serif;
554        cursor: default;
555        border-style: none none none none;
556        -moz-border-radius: 0px 0px 0px 0px;
557}
558
559.tr_message_body{
560        background-color: #FFFFFF;
561        cursor: default;
562        -moz-border-radius: 9px 9px 9px 9px;
563}
564
565.message_body{
566        background-color: #FFFFFF;
567        cursor: default;
568        -moz-border-radius: 9px 9px 9px 9px;
569}
570
571.header_message_field{
572        font-weight: bold;
573}
574
575.suggestion_list{
576background: white;
577border: 1px solid;
578padding: 4px;
579}
580       
581.suggestion_list ul{
582padding: 0;
583margin: 0;
584list-style-type: none;
585}
586
587.suggestion_list a{
588text-decoration: none;
589color: navy;
590}
591
592.suggestion_list .selected{
593background: navy;
594color: white;
595}
596       
597       
598.suggestion_list .selected a{
599color: white;
600}
601
602#autosuggest{
603display: none;
604}
605
606div#tipDiv {
607  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
608  background-color:#EFEFEF; border:1px solid #337;
609  width:220px; padding:0px;
610  color:#000; font-size:11px; line-height:1.2;
611  cursor: pointer;
612}
613
614.richtext_toolbar {background-color: #C0C0C0;}
615.imagebutton {border: solid 2px #C0C0C0; background-color: #C0C0C0; float:left;}
616.select_richtext {float:left;}
617/*.image {position: relative; left: 1; top: 1; height:20; width:21; border:none;}*/
618/*.imagebutton_out: {border-style: solid 2px #C0C0C0;}*/
619/*.imagebutton_over: {border-style: outset 20px;}*/
620.sel_color{     border-width:1px;border-color:#FFFFFF;border-style:solid;cursor:pointer;}
621.unsel_color{border-width:1px;border-color:#BBBBBB;border-style:solid;}
622
623/* Conf tree    */
624.dtree {
625        font-family: Verdana, Arial, Helvetica, sans-serif;
626        font-size: 8px;
627        color: #000000;
628        /*white-space: nowrap;*/
629        background-color: #FFFFFF;
630
631}
632.dtree img {
633        border: 0px;
634        vertical-align: middle;
635
636}
637.dtree a {
638        font-family: Verdana, Arial, Helvetica, sans-serif;
639        color: #000000;
640        white-space: nowrap;   
641}
642.dtree table{
643        margin-top: 0%;
644        padding: 0px 0px 0px 0px;
645}
646.dtree td{
647        padding: 0px 0px 0px 0px;
648}
649
650.folderscol{
651        /*width: 18%;*/
652        width: 100%;
653        /*float: left;*/
654        /*padding: 0px 0px 0px 0px;*/
655}
656
657.messagescol{
658        /*padding-left: 18.5%;*/
659        /*width: 85%;*/
660        width: 100%;
661        /*float: left*/
662        /*margin-rigth: 0px;*/
663        padding: 0px 0px 0px 0px;
664}
665
666.menu-folders{
667        text-align: center;
668        text-decoration: none;
669        font: bold 12px Arial, Helvetica, sans-serif;
670        color: rgb(0, 102, 51);
671        width: 100%;
672        height: 20px;
673
674        border-right: 1px solid #000000;
675        border-left: 1px solid #000000;
676        border-top: 1px solid #000000; 
677        cursor: default;
678        -moz-border-radius: 9px 9px 0px 0px;
679}
680
681.content-menu{
682        padding: 0px 0px 0px 0px;
683        background-image: url(../../../phpgwapi/templates/default/images/bgBlockContent.jpg);
684}
685.content-menu-td {
686/*      border: 1px solid #f7f7f7;*/
687        margin-left: 5px;
688}
689
690.content-menu-td:hover{background-color: #ffffff; border: 1px solid #CCCCCC;}
691
692.content-folders {
693        width:162px;
694        padding: 0px 0px 0px 0px;
695        position: relative;
696        overflow: auto;
697       
698}
699
700
701/* Conf Filter  */
702.filter {
703        font-family: Arial, Helvetica, sans-serif;
704        font-size: 8px;
705        background-color : #FFFFFF;
706}
707.filter img {
708        border: 0px;
709        vertical-align: middle;
710}
711.filter a {
712        font-family: Arial, Helvetica, sans-serif;
713        color: #000000;
714        white-space: nowrap;
715}
716.message_options_trash {
717        background-image: url(images/page_white_delete.png);
718        background-repeat: no-repeat;
719        background-position:left center;
720        padding:0pt 6pt 1pt 14pt;
721}
722.message_options_move {
723        background-image: url(images/move.png);
724        background-repeat: no-repeat;
725        background-position:left center;
726        padding:0pt 6pt 1pt 14pt;
727}
728.message_options_print {
729        background-image: url(images/print.png);
730        background-repeat: no-repeat;
731        background-position:left center;
732        padding:0pt 6pt 1pt 14pt;
733}
734
735.message_options_export {
736        background-image: url(images/export.png);
737        background-repeat: no-repeat;
738        background-position:left center;
739        padding:0pt 6pt 1pt 14pt;
740}
741
742.message_options_import {
743        background-image: url(images/import.png);
744        background-repeat: no-repeat;
745        background-position:left center;
746        padding:0pt 6pt 1pt 14pt;
747}
748
749.message_options_inactive {
750         white-space: nowrap;
751         color: #999;
752        padding-right: 0 !important;
753}
754
755.message_options_active {
756        white-space: nowrap;
757        color: #990000;
758    font-weight: bold !important;
759        cursor: pointer;
760        padding-right: 0 !important;
761 }
762
763.message_options {
764        cursor: pointer;
765        color: #114fa4;
766/*      color: #2A64B0;*/
767        white-space: nowrap;
768        font-weight: bold;
769        padding-right: 0 !important;
770}
771
772.message_options_over {
773         cursor: pointer;
774         white-space: nowrap;
775         color: #FC6103;
776        /*text-decoration: underline;*/
777         font-weight: bold !important;
778        padding-right: 0 !important;
779}
780
781.reply_options {
782        cursor: pointer;
783        color: white;
784        white-space: nowrap;
785        font-weight: bold;
786}
787
788.reply_options_active {
789         cursor: pointer;
790         white-space: nowrap;
791         color: yellow;
792         text-decoration: underline;
793         font-weight: bold !important;
794}
795
796.class_search_div{
797        position: relative;
798        left: 12px;
799}
800
801.em_sidebox_menu {
802        position: relative;
803        left: 2px;
804        padding: 0px 13px 0px 0px;
805        font-weight: bold;
806        font-size: 10px;
807        color: #666666;
808        text-decoration: none;
809        white-space: nowrap;
810        font-family: sans-serif;
811}
812
813.em_div_sidebox_menu {
814        position: relative;
815        cursor: pointer;
816        left: 17px;
817}
818.catalog{
819        font-family: Arial, Helvetica, sans-serif;
820        font-size: 14px;
821        font-weight: bold;
822}
823
824div.quicksearchcontacts {
825        border-width: 1px;
826        border-style: solid;
827        broder-color: grey;
828        overflow: auto;
829        position: relative;
830        left: 10px;
831        height: 302px;
832        width: 577px;
833}
834
835table.quicksearchcontacts {
836        border-width: 0px 0px 0px 0px;
837        border-spacing: 0px;
838        background-color: white;
839        cursor: default;
840}
841
842tr.quicksearchcontacts_unselected {
843        background-color: white;
844}
845
846tr.quicksearchcontacts_selected {
847        background-color: #5598d7;
848        color: white;
849}
850
851td.quicksearchcontacts_cc {
852        border-style: none;
853}
854
855input.em_button_like_span {
856        border:0px none !important;
857        margin: 0px !important;
858        padding:0px !important;
859        color:#114fa4 !important;
860        background:transparent none repeat scroll 0% !important;
861        font-family:Arial,Helvetica,sans-serif !important;
862        font-size:11px !important;
863        height:15px !important;
864        font-weight: bold;
865}
866
867.l {
868        background-image: url(../../../phpgwapi/templates/default/images/foldertree_folder.png);
869}
870
871.sl {
872        background-image: url(../../../phpgwapi/templates/default/images/foldertree_folderopen.png);
873}
874.dsused {
875        background-image: url(../../../expressoMail1_2/templates/default/images/dsused.gif);
876}
877
878.divAppboxHeader{
879        font-style:italic;     
880        font-weight:normal;
881        font-variant: small-caps;       
882        color: #000066 !important;
883        font-size: 16px !important;
884        text-align: center;     
885        padding: 0px;
886}
887
888/* hack para o chrome */
889@media screen and (-webkit-min-device-pixel-ratio:0){
890        input[type="file"]{
891        background-color: #FFF;
892        border: 1px solid #e4e4e4;
893        height: 20px;
894        width: 350px;
895        vertical-align: middle;
896        }
897}
898
899.local-messages-search-warning {
900        cursor: pointer;
901        cursor: hand;
902        background: none repeat scroll 0% 0% rgb(255, 238, 187);
903        color: red;
904        line-height: 2em;
905        font-size: 1.2em;
906        text-align: center;
907}
908
909
910/*
911 * Este arquivo limpa o estilo para a nova agenda, .new-event-win.active sobrescrevendo o código CSS
912 * do Expresso.
913 * Deve ser removido quando o módulo Calendar não integrar mais a versão 2.x
914 */
915
916/* Eric Meyer's Reset Reloaded based
917 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
918 */
919/*
920.new-event-win.active applet, .new-event-win.active object, .new-event-win.active iframe, .new-event-win.active fieldset, .new-event-win.active div
921.new-event-win.active h1, .new-event-win.active h2, .new-event-win.active h3, .new-event-win.active h4, .new-event-win.active h5, .new-event-win.active h6, .new-event-win.active p, .new-event-win.active blockquote, .new-event-win.active pre,
922.new-event-win.active abbr, .new-event-win.active acronym, .new-event-win.active address, .new-event-win.active big, .new-event-win.active cite, .new-event-win.active code,
923.new-event-win.active del, .new-event-win.active dfn, .new-event-win.active em, .new-event-win.active font, .new-event-win.active img, .new-event-win.active ins, .new-event-win.active kbd, .new-event-win.active q, .new-event-win.active s, .new-event-win.active samp,
924.new-event-win.active small, .new-event-win.active strike, .new-event-win.active strong, .new-event-win.active sub, .new-event-win.active sup, .new-event-win.active tt, .new-event-win.active var,
925.new-event-win.active ol, .new-event-win.active ul,
926.new-event-win.active form, .new-event-win.active label, .new-event-win.active select,
927.new-event-win.active table, .new-event-win.active caption, .new-event-win.active tbody, .new-event-win.active tfoot, .new-event-win.active thead, .new-event-win.active tr, .new-event-win.active th, .new-event-win.active td {
928        margin: 0;
929        padding: 0;
930        border: 0;
931        outline: 0;
932        font-weight: inherit;
933        font-style: inherit;
934        /*font-size: 100%;*/
935        /*font-family: inherit;*/
936        /*vertical-align: baseline;*/
937/*      font-family: Arial,Helvetica,sans-serif;*/
938/*}*/
939.new-event-win.active:focus, .new-task-win.active:focus {
940        outline: 0;
941}
942.new-event-win.active body , .new-task-win.active body {
943        line-height: 1;
944        color: black;
945        background: white;
946}
947.new-event-win.active ol, .new-event-win.active ul , .new-task-win.active ol, .new-task-win.active ul {
948        list-style: none;
949        list-style-image : none;
950        padding-left : 5px;
951}
952
953.new-event-win.active table , .new-task-win.active table {
954        border-collapse: separate;
955        border-spacing: 0;
956}
957.new-event-win.active caption, .new-event-win.active th, .new-event-win.active td, .new-task-win.active caption, .new-task-win.active th, .new-task-win.active td {
958        /*text-align: left;*/
959        font-weight: normal;
960}
961.new-event-win.active blockquote:before, .new-event-win.active blockquote:after,
962.new-event-win.active q:before, .new-event-win.active q:after,
963.new-task-win.active blockquote:before, .new-task-win.active blockquote:after,
964.new-task-win.active q:before, .new-task-win.active q:after {
965        content: "";
966}
967.new-event-win.active blockquote, .new-event-win.active q ,
968.new-task-win.active blockquote, .new-task-win.active q
969{
970        quotes: "" "";
971}
972.new-event-win.active .mail.name-special, .new-event-win.active .name.name-special,
973.new-task-win.active .mail.name-special, .new-task-win.active .name.name-special
974{
975  padding: 0 0 0 35px;
976}
977
978.new-event-win.active .add-attendee-search.search-field ,
979.new-task-win.active .add-attendee-search.search-field
980{
981  width: 249px;
982 }
983 
984 .new-event-win.active #calendar_addevent_details4, .new-task-win.active #calendar_addtask _details4 {
985  margin: 10px 0 0 0;
986 }
987 
988 .new-event-win.active input, .new-task-win.active input{
989  color: #000;
990 }
991 
992 .new-event-win.active #calendar_addevent_details5 , .new-task-win.active #calendar_addtask_details5 {
993  margin: 10px 0 11px 0;
994 }
995
996 .new-event-win fieldset.tab-level2, .new-task-win fieldset.tab-level2 { padding: 0px 5px; min-height: 110px; max-height: 310px; overflow: hidden;}
997 
998.new-event-win.active select , .new-task-win.active select {
999    border: 1px solid #CFCFCF;
1000    border-color: #CFCFCF;
1001    color: #555;
1002    background-color: #FFF;
1003}
1004.new-event-win.active a:link, .new-event-win.active a:visited
1005.new-task-win.active a:link, .new-task-win.active a:visited
1006{
1007
1008    color: #2E6E9E;
1009}
1010
1011.new-event-win.active  dd, .new-event-win.active  dl, .new-event-win.active  dt,
1012.new-task-win.active  dd, .new-task-win.active  dl, .new-task-win.active  dt
1013{
1014        margin: 0;
1015}
1016/* azul.css */
1017/*body { background-color: #e9e9e9; }*/
1018
1019/*a:link,
1020a:visited
1021{ color: #000066; }*/
1022
1023/*a:hover,
1024a:active
1025{ color: #ff9933; }*/
1026
1027.new-event-win.active #divAppbox
1028.new-task-win.active #divAppbox
1029{
1030        overflow-x: auto;
1031        overflow-y: scroll;
1032}
1033
1034.new-event-win.active select
1035.new-task-win.active select
1036{ border-color: #CFCFCF; color: #555; padding-left:0px;}
1037
1038.qtip-wrapper fieldset{
1039        padding: 0;
1040        border: 0;
1041}
1042
1043.new-event-win.active .fc-event-skin {
1044        border-color: #36C !important;
1045        background-color: #36C !important;
1046        color: white !important;
1047}
1048
1049.fc-event-vert .fc-event-bg {
1050        display: block !important;
1051}
1052
1053.map-event{
1054
1055}
1056
1057#new_event_map .map-event .fc-event-inner.fc-event-skin{
1058        border-style: dashed !important;
1059        border-width: 2px !important;
1060        border-color: #36C !important;
1061        background-color: transparent !important;
1062}
1063
1064#new_event_map .map-event .fc-event-inner.fc-event-skin .fc-event-head, #new_event_map .map-event .fc-event-inner.fc-event-skin .fc-event-content{
1065        background-color: transparent !important;
1066        color: transparent !important;
1067}
1068
1069#new_event_map .map-event .ui-resizable-handle{
1070        display : block !important;
1071        color: black !important;
1072}
1073
1074div.new-event-win.active div.button-files-upload {margin: 15px 0 0 0;}
1075
1076fieldset.alarm{ 
1077    border: none !important;
1078    padding: 0px !important;
1079    margin: 0px !important;
1080}
1081
1082.new-task-win dl.block-add-attendee{
1083        width: 350px;
1084}
1085.new-task-win.active .add-attendee-search.search-field{
1086        width: 322px;
1087}
1088
1089.new-task-win .menu-container.footer-container{
1090        width: 774px;
1091}
1092
1093/*#divAppbox
1094{ background: #fff url( ../images/bgBlockContent.jpg ) repeat-x; border-color: #9c9c9c; }
1095
1096#divAppboxHeader
1097{ background: url( ../images/bgAppTitle.png ); border-color: #9c9c9c; color: #006; text-shadow: 0.2em 0.2em 3px #999; }
1098
1099#divAppIconBar
1100{ background: #fff url( ../images/background-icon-bar.png ) repeat-x; border-top-color: #9c9c9c; }
1101
1102#divAppTextBar
1103{ background-color: #fff; }
1104
1105#divGenTime
1106{ color: #f00; }
1107
1108#divMain
1109{ background: #fff; border-color: #7e7e7e; }
1110
1111#divPoweredBy
1112{ background: #fff; color: #999; }
1113
1114#divSideboxContainer
1115{ background: #fff; }
1116
1117#extraIcons
1118{ background: #eee; border-color: #7e7e7e; }
1119
1120#links_bar,
1121#user_info
1122{ color: #fff; }
1123
1124#tdAppbox
1125{ background-color: #fff; }
1126
1127#tdSidebox
1128{ background: #fff; }*/
1129
1130/*.conteudo
1131{ border-color: #4A79B1; color: #003; }
1132
1133.divSideboxHeader
1134{ background: #416faa; color: #fff; }
1135
1136.extraIconsRow
1137{ border-top-color: #ddd; }
1138
1139.greyLine
1140{ border-top-color: #7e7e7e; }
1141
1142.grid_email_class
1143{ border-bottom-color: #cfcfcf; }
1144
1145.image-menu
1146{ background: url( ../../../../phpgwapi/templates/default/images/folder_bg.png ); }
1147
1148.last_menu
1149{ border-bottom-color: #4a79b1; }
1150
1151.logo_expresso
1152{ background: url( ../../../../phpgwapi/templates/default/images/logo_expresso.jpg ) no-repeat 0 3px; }
1153
1154.menu
1155{ background: #c8d7ea; border-color: #f4f7fc; border-bottom-color: #4a79b1; }
1156
1157.menu-sel
1158{ background-color: #f7f7f7; border-color: #4a79b1; color: #00f; }
1159
1160.menu-degrade
1161{ background-image: url( ../../../../phpgwapi/templates/default/images/degrade.png ); }
1162
1163.navbar_but
1164{ background-image: url(../../../../phpgwapi/templates/default/images/back_app.png); }
1165
1166.navbar_butOver
1167{ background-image: url( ../../../../phpgwapi/templates/default/images/back_app_over.png ); }
1168
1169.navbar_butOut
1170{ background-image: url( ../../../../phpgwapi/templates/default/images/back_app_out.png ); }
1171
1172.tblHeadApp
1173{ border-color: #9c9c9c; }
1174
1175.textSidebox
1176{ border-top-color: #aaa; }
1177
1178.toolbar
1179{ background-image: url( ../../../../phpgwapi/templates/default/images/fundo_topo.png ); }
1180
1181.linha0,
1182.tr_msg_read
1183{ color: #3f3f3f; background: #fff; }
1184
1185.linha1,
1186.tr_msg_read2
1187{ color: #3f3f3f; background: #f4f8fb; }
1188
1189table.inboxElements th,
1190.table_elements_tr_header,
1191.info_tr_header,
1192.message_header
1193{
1194        background: #abc6e1;
1195}
1196
1197.prefTable
1198{
1199        background-color: #f4f8fb;
1200        margin: 0px 0px 10px 0px ;
1201        border: 1px solid #D3DCE3;
1202        border-top: 0px;
1203}*/
1204
1205
1206/*fixed bug on IE8*/
1207#content_folders .foldertree-skin-prognus span.selected {font-weight:bold !important; }
1208#content_folders .foldertree-skin-prognus span.inbox {}
1209#content_folders .foldertree-skin-prognus span.trash {;background-image: url(../../../prototype/modules/mail/img/mail-sprites.png); background-position: 0 -67px;}
1210#content_folders .foldertree-skin-prognus span.drafts {background-image: url(../../../prototype/modules/mail/img/mail-sprites.png); background-position: 0 -1121px;}
1211#content_folders .foldertree-skin-prognus span.spam {background-image: url(../../../prototype/modules/mail/img/mail-sprites.png); background-position: 0 -989px;}
1212#content_folders .foldertree-skin-prognus span.sent {background-image: url(../../../prototype/modules/mail/img/mail-sprites.png); background-position: 0 -1055px;}
1213#content_folders .foldertree-skin-prognus span.folder {display: block;padding-bottom: 1px;padding-left: 18px;padding-right: 0;padding-top: 1px; font-family : Lucida Grande, Lucida Sans, Arial, sans-serif;}
1214#content_folders .treeview .closed {display:block;}
1215
1216.folders-loading {
1217        background: url(../../../prototype/modules/mail/img/loader.gif) !important;
1218        background-position: 0 0 !important;
1219        background-repeat : no-repeat !important;
1220}
1221
1222.draggin-box{
1223        cursor : pointer;
1224        background-color: #CDC5BF;
1225        float: left;
1226        width : auto;
1227        height: 16px;
1228        border:1px solid #333;
1229        text-align: right;
1230        z-index: 2000;
1231}
1232
1233.ui-draggin-default-image{
1234    float: left;
1235    text-align: right;
1236}
1237
1238.draggin-mail{
1239        float: left;
1240        /*background-image: url(../../../prototype/modules/mail/img/mail-sprites.png);*/
1241        background-position: 0 -1383px;
1242        background-repeat:no-repeat;
1243        color : red;
1244        text-align: right;
1245        font-weight : bold;
1246        padding-right : 5px;
1247        padding-left : 5px;     
1248        padding-top : 2px;     
1249        font-family : Lucida Grande, Lucida Sans, Arial, sans-serif;
1250        font-size : 11px;
1251}
1252
1253.draggin-folder{
1254        float: left;
1255        /*background-image: url(../../../prototype/modules/mail/img/mail-sprites.png);*/
1256        background-position: 0 -923px;
1257        background-repeat:no-repeat;
1258        padding-right : 5px;
1259        padding-left : 5px;     
1260        padding-top : 2px;     
1261        color : red;
1262        text-align: right;
1263        font-weight : bold;
1264}
1265
1266.collapse_folders_td{
1267        cursor : pointer;
1268        width: 12px;
1269        height:100%;
1270        border-radius : 5px;
1271        border-left : 1px solid #CCCCCC;
1272}
1273.collapse_folders_td.collapse_folders_td_over{
1274        border-left: 1px solid #1B75BB;
1275}
1276
1277.folder-over{
1278        border: 1px solid black;
1279}
1280
1281.floating-default{
1282    float: left;
1283    text-align: left;
1284}
1285
1286.collapse_folders_td .ui-icon.ui-icon-triangle-1-e{
1287        background-position: -37px -20px;
1288        width: 8px;
1289        height: 8px;
1290}
1291
1292.collapse_folders_td .ui-icon.ui-icon-triangle-1-w{
1293        width: 8px;
1294        height: 8px;
1295        background-position: -100px -20px;
1296}
1297
1298.float-menu{
1299        float: right;
1300        position: relative;
1301        border: 1px solid gray;
1302        border-radius: 3px;
1303        background-color: white;
1304        right: 5%;
1305}
1306
1307 button.expressomail-button-icon-ative{color:#E17009 !important; border: 1px solid #E17009 !important;background: none repeat scroll 0 0 #FFE1CC !important;}
1308 
1309.outoffice
1310{
1311    width: 295px; 
1312    height: 50px; 
1313    overflow: hidden;
1314}
1315       
1316.title-outoffice
1317{
1318        margin-left: 10px;
1319        font-family: verdana;
1320        font-size: 1.2em;
1321}
1322.outoffice span{
1323        margin: 5px;
1324}
1325
1326#detalhes_contato img{ margin-bottom: -4px;}
1327
1328 button.expressomail-button-icon-ative{color:#E17009 !important; border: 1px solid #E17009 !important;background: none repeat scroll 0 0 #FFE1CC !important;}
1329 
1330.box{
1331        background-color: #DFEFFC;
1332        border-radius: 5px;
1333        -moz-border-radius: 5px;
1334        border: 1px solid #ADD9ED;
1335        display: inline-block;
1336        cursor : pointer;
1337        margin-top : 1px;
1338        margin-right: 1px;
1339        outline : none;
1340        padding : 1px;
1341}
1342
1343
1344.box span{
1345        font-family: Verdana, Arial, Helvetica, sans-serif;
1346        font-size: 13px;
1347        color : #201b41;
1348        outline : none;
1349}
1350
1351.out-office-box{
1352        background-color: #dac407;
1353        border : 1px solid #837c3f !important;
1354}
1355
1356.out-office-box span{
1357        color: #837c3f;
1358}
1359
1360.email-area{
1361        border-radius: 5px;
1362        width: 98.5%;
1363        padding: 5px;
1364        border : 1px solid #BBBBBB;
1365        heigth : auto;
1366        max-height : 115px;
1367        overflow-y: auto;
1368        cursor: text;
1369}
1370.email-text{
1371        outline:none;
1372        width:15px;
1373        border : none;
1374        font-family: Verdana, Arial, Helvetica, sans-serif;
1375        font-size: 13px;
1376}
1377
1378.box-input{
1379        outline:none;
1380        border : none;
1381        font-family: Verdana, Arial, Helvetica, sans-serif;
1382        font-size: 13px;
1383        display : none;
1384        width: 40px;
1385}
1386
1387.hidden {
1388        display : none;
1389}
1390
1391.loading {
1392        background: url(../../../prototype/modules/mail/img/loader.gif) !important;
1393        background-position: 0 0 !important;
1394        background-repeat : no-repeat !important;
1395}
1396
1397.line-separator{
1398        background: url("images/linha.png") repeat-x scroll 0 8px transparent;
1399        clear : both;
1400}
1401
1402.box-draggable-hover{
1403        border : 1px solid #474747;
1404}
1405
1406.box-loading{
1407        background : url("../../../prototype/modules/mail/img/loading.gif") no-repeat !important;
1408        background-size: 17px auto !important;
1409}
1410
1411.box-info{
1412        background : url("images/information.png") no-repeat !important;
1413}
1414
1415input.required-fail{
1416        border-color : red;
1417}
1418
1419div.conteudo
1420{
1421        overflow: visible !important;
1422}
1423
1424div.conteudo div.new-msg-head-data div.att-box{
1425        background-color: #DFEFFC;
1426        border-radius: 5px;
1427        -moz-border-radius: 5px;
1428        border: 1px solid #ADD9ED;
1429        display: inline-block;
1430        cursor : pointer;
1431        margin-top : 3px;
1432        margin-right: 3px;
1433        outline : none;
1434        padding : 1px;
1435}
1436
1437
1438div.conteudo div.new-msg-head-data  div.att-box span.att-box-value{
1439        font-family: Verdana, Arial, Helvetica, sans-serif;
1440        font-size: 11px;
1441        color : #201b41;
1442        outline : none;
1443}
1444
1445div.conteudo div.new-msg-head-data div.att-box span.att-box-loading{
1446        background : url("../../../prototype/modules/mail/img/loading.gif") no-repeat !important;
1447        display: inline-block;
1448        background-size: 15px auto !important;
1449}
1450
1451div.conteudo div.new-msg-head-data div.att-box.invalid-email-box{
1452        background-color: #ea9aa0;
1453        border : 1px solid #540303 !important;
1454}
1455
1456div.new-msg-head-data div.email-area .invalid-email-box{
1457        color: #540303;
1458        background-color: #ea9aa0;
1459        border : 1px solid #540303 !important;
1460}
1461
1462div.new-msg-head-data div.email-area .box-selected{
1463        background-color : #BBBBBB;
1464}
1465
1466.fileupload_msg_tooltip{
1467    width: 99.7%;
1468    text-align: center;
1469    background: #DFEFFC;
1470    font-weight: bold;
1471    border-radius: 5px;
1472    height: 115px;
1473    line-height: 115px;
1474    font-size: larger;
1475}
1476
1477.fileupload_msg_tooltip.hover {
1478    background: #ADD9ED;
1479}
1480
1481.select-all-messages{
1482        min-height: 20px;
1483        font-size: 13px;
1484        font-family: Arial;
1485        white-space: nowrap;
1486        text-align: center;
1487}
1488.select-all-messages .select-link{
1489        text-decoration: underline !important;
1490}
1491
1492.none-selected{
1493        color: #9F9F9F;
1494}
1495.selected_shortcut_msg{
1496    color: white;
1497    background-color: #95A7FC;
1498}
1499
1500.current_selected_shortcut_msg{
1501    color: white;
1502    background-color: #5194d2;
1503}
1504
1505/*freeow*/
1506div.gray.alarmDeadline .button.delete
1507{
1508/*
1509        display: block;
1510        position: absolute;
1511        right: 19px;
1512        top: 50px;
1513        */
1514}
1515
1516/*div.gray.alarmDeadline ul.message-list{overflow: hidden;}*/
1517
1518/*div.gray.alarmDeadline ul.message-list li{ margin: 5px 0;}*/
1519
1520div.gray li{float: left; width: 253px;}
1521
1522div.gray li a.button.delete{float: right;}
1523
1524
1525.div-addtask #calendar_addtask_details1 .h1{
1526  width: 100%;
1527}
1528
1529.div-addtask #calendar_addtask_details2 textarea {
1530  width: 675px;
1531}
1532
1533.div-addtask .button-files-upload{width: 100%;}
1534.div-addtask fieldset.block-add-attendee .search-result-list, fieldset.block-add-activity .search-result-list{width: 330px;}
1535
1536.new-event-win div.div-addevent, .new-task-win div.div-addtask{width: 775px;}
1537
1538.calendar-addevent-details-txt-timezone, .calendar-addtask-details-txt-timezone{width: 212px;}
1539
1540.div-addtask #calendar_addtask_details1 .time-previsao { width: 40px; }
1541
1542.div-addtask #calendar_addtask_details1 .date-previsao{ width: 80px; }
1543
1544.div-addtask #calendar_addtask_details6{ width: 756px; }
1545.div-addtask #calendar_addtask_details1 .start-time{ width: 40px; }
1546.div-addtask #calendar_addtask_details1 .start-date{ width: 80px; }
1547.div-addtask #calendar_addtask_details1 .end-time{ width: 40px; }
1548.div-addtask #calendar_addtask_details1 .end-date{ width: 80px; }
1549.div-addtask #calendar_addtask_details1 .previsao-termino { margin: 0 0 0 20px; }
1550.div-addtask #calendar_addtask_details1 .subitem { margin: 5px; display: block;}
1551.div-addtask #calendar_addtask_details1 .subitem .span_done{ margin: 0 30px;}
1552.div-addtask #calendar_addtask_details1 .subitem .span_done img{position: relative; top:4px; width:16px; height:16px;}
1553.div-addtask #calendar_addtask_details1 .calendar_addevent_details_lnk_timezone { margin: 0 0 0 20px;}
1554.div-addtask #calendar_addtask_details1 .subitem .done { width: 45px;}
1555.div-addtask #calendar_addtask_details1 .ui-spinner-buttons{ top: -2px !important;}
1556
1557@-moz-document url-prefix() {.div-addtask #calendar_addtask_details1 .ui-spinner-buttons{ top: -14px !important;}}
1558
1559.div-addtask #calendar_addtask_details1 .ui-spinner-buttons .ui-spinner-up{height: 7px !important;}
1560.div-addtask #calendar_addtask_details1 .ui-spinner-buttons .ui-spinner-down{height: 8px !important;}
1561
1562.div-addtask #calendar_addtask_details1 .subitem .span_done.noAction{background-image: url("../../../prototype/modules/calendar/img/gray.png"); background-repeat: no-repeat; }
1563.div-addtask #calendar_addtask_details1 .subitem .span_done.inProcess{background-image: url("../../../prototype/modules/calendar/img/yellow.png"); background-repeat: no-repeat;}
1564.div-addtask #calendar_addtask_details1 .subitem .span_done.finished{background-image: url("../../../prototype/modules/calendar/img/green.png"); background-repeat: no-repeat;}
1565.div-addtask #calendar_addtask_details1 .subitem .span_done.canceled{background-image: url("../../../prototype/modules/calendar/img/red.png"); background-repeat: no-repeat;}
1566
1567#calendar_addtask_details4{margin: 0;}
1568#calendar_addtask_details5{margin: -2px 0 0 0;}
1569#calendar_addtask_details7{margin: 3px 0 0 0;}
1570.div-addtask #calendar_addtask_details1 .subitem .span_done label{position: relative; left: 28px;}
1571
1572.div-addtask fieldset#calendar_addtask_details5.tab-level2{ margin: 0 }
1573
1574.div-addtask  #calendar_addtask_details8 .parent {width: 746px; min-height: 208px; float: left;}
1575/*.div-addtask  #calendar_addtask_details8 .parent .child-top {width: 745px; height: 20px; background: #E8F4FD; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}*/
1576.div-addtask  #calendar_addtask_details8 .parent .child-top {width: 745px; height: 25px; background: #E8F4FD; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}
1577.div-addtask  #calendar_addtask_details8 .parent .child-bottom {width: 745px; height: 208px; overflow: auto;  float: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
1578.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each { height: 20px; }
1579.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each:hover { background: #FFF2F2; cursor: pointer;}
1580
1581.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .date-hour {overflow: hidden; width: 140px; float: left; height: 20px}
1582.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .date-hour span { margin: 8px; float: left; }
1583.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .user{overflow: hidden; width: 150px; float: left;  height: 20px; border-left: 1px solid #CCC; }
1584.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .user span{ margin: 8px; float: left; }
1585.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .attribute{overflow: hidden; width: 130px; float: left;  height: 20px; border-left: 1px solid #CCC; }
1586.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .attribute span{ margin: 8px; float: left; }
1587.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .beforeValue{overflow: hidden; width: 150px; float: left;  height: 20px; border-left: 1px solid #CCC; }
1588.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .beforeValue span{ margin: 8px; float: left; }
1589.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .afterValue{overflow: hidden; width: 150px; float: left;  height: 20px; border-left: 1px solid #CCC; }
1590.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .afterValue span{ margin: 8px; float: left; }
1591
1592.div-addtask  #calendar_addtask_details8 .parent .child-top .date-hour { width: 140px; float: left; background: #E8F4FD; height: 20px; text-align: center; }
1593.div-addtask  #calendar_addtask_details8 .parent .child-top .date-hour span{ display: block; padding: 6px; font-weight: bold; color: #2E6E9E; }
1594.div-addtask  #calendar_addtask_details8 .parent .child-top .user { width: 150px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E; text-align: center;}
1595.div-addtask  #calendar_addtask_details8 .parent .child-top .user span{display: block; padding: 6px;}
1596.div-addtask  #calendar_addtask_details8 .parent .child-top .attribute { width: 130px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
1597.div-addtask  #calendar_addtask_details8 .parent .child-top .attribute span{display: block; padding: 6px;}
1598.div-addtask  #calendar_addtask_details8 .parent .child-top .beforeValue { width: 150px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
1599.div-addtask  #calendar_addtask_details8 .parent .child-top .beforeValue span{display: block; padding: 6px; }
1600.div-addtask  #calendar_addtask_details8 .parent .child-top .afterValue { width: 150px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
1601.div-addtask  #calendar_addtask_details8 .parent .child-top .afterValue span{display: block; padding: 6px; }
1602
1603.new-message-input.email-text{
1604        resize: none;
1605        height: 16px;
1606        overflow: hidden;
1607        vertical-align: middle;
1608        cursor: text;
1609}
1610
1611/* Mail Archive */
1612.local-folder {
1613
1614}
1615
1616.local-connect {
1617        width: 16px;
1618        height: 16px;
1619        background: url("images/connect_delete.gif") no-repeat;
1620        display: inline-block;
1621        cursor: pointer;
1622}
1623
1624.expressomail-sprites-clip{
1625        background-image : url(images/mail-gifs.gif);
1626        background-position : 0 -238px;
1627        margin-left : 0;
1628        margin-top : 3px;
1629        background-repeat : no-repeat;
1630}
1631
1632.upper, .lower {
1633        background-color: gray;
1634        opacity:0.1;
1635        filter:alpha(opacity=30);
1636        height: 16px;
1637        position: fixed;
1638        width: 230px;
1639        display: none;
1640}
1641
1642.lower {
1643        top: 585px;
1644}               
1645
Note: See TracBrowser for help on using the repository browser.