source: sandbox/2.4.2-expresso1/expressoMail1_2/templates/default/main.css @ 6985

Revision 6985, 46.1 KB checked in by acoutinho, 12 years ago (diff)

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