source: sandbox/2.5.0-expresso1/expressoMail1_2/templates/default/main.css @ 7270

Revision 7270, 48.1 KB checked in by fernando, 12 years ago (diff)

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