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

Revision 7398, 47.8 KB checked in by antonio, 12 years ago (diff)

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