make e-Mail links clickable
[tine20] / tine20 / Tinebase / css / Tinebase.css
1 html, body {
2     font:normal 12px verdana;
3     margin:0;
4     padding:0;
5     border:0 none;
6     overflow:hidden;
7     height:100%;
8 }
9
10 /* ----- actions -------------------------------------------------------------*/
11 .action_add {
12     background-image:url(../../images/oxygen/16x16/actions/list-add.png) !important;
13 }
14 .x-btn-medium .action_add {
15     background-image:url(../../images/oxygen/22x22/actions/list-add.png) !important;
16 }
17 .x-btn-large .action_add {
18     background-image:url(../../images/oxygen/32x32/actions/list-add.png) !important;
19 }
20
21 .action_cut {
22     background-image:url(../../images/oxygen/16x16/actions/edit-cut.png) !important;
23 }
24 .x-btn-medium .action_cut {
25     background-image:url(../../images/oxygen/22x22/actions/edit-cut.png) !important;
26 }
27 .x-btn-large .action_cut {
28     background-image:url(../../images/oxygen/32x32/actions/edit-cut.png) !important;
29 }
30
31 .action_cut_break {
32     background-image:url(../../images/oxygen/16x16/actions/edit-cut-break.png) !important;
33 }
34 .x-btn-medium .action_cut_break {
35     background-image:url(../../images/oxygen/22x22/actions/edit-cut-break.png) !important;
36 }
37 .x-btn-large .action_cut_break {
38     background-image:url(../../images/oxygen/32x32/actions/edit-cut-break.png) !important;
39 }
40
41 .action_paste {
42     background-image:url(../../images/oxygen/16x16/actions/edit-paste.png) !important;
43 }
44 .x-btn-medium .action_paste {
45     background-image:url(../../images/oxygen/22x22/actions/edit-paste.png) !important;
46 }
47 .x-btn-large .action_paste {
48     background-image:url(../../images/oxygen/32x32/actions/edit-paste.png) !important;
49 }
50
51 .action_remove {
52     background-image:url(../../images/oxygen/16x16/actions/list-remove.png) !important;
53 }
54 .x-btn-medium .action_remove {
55     background-image:url(../../images/oxygen/22x22/actions/list-remove.png) !important;
56 }
57 .x-btn-large .action_remove {
58     background-image:url(../../images/oxygen/32x32/actions/list-remove.png) !important;
59 }
60
61
62 .action_edit {
63     background-image:url(../../images/oxygen/16x16/actions/edit.png) !important;
64 }
65 .x-btn-medium .action_edit {
66     background-image:url(../../images/oxygen/22x22/actions/edit.png) !important;
67 }
68 .x-btn-large .action_edit {
69     background-image:url(../../images/oxygen/32x32/actions/edit.png) !important;
70 }
71
72
73 .action_editcopy {
74     background-image:url(../../images/oxygen/16x16/actions/edit-copy.png) !important;
75 }
76 .x-btn-medium .action_editcopy {
77     background-image:url(../../images/oxygen/22x22/actions/edit-copy.png) !important;
78 }
79 .x-btn-large .action_editcopy {
80     background-image:url(../../images/oxygen/32x32/actions/edit-copy.png) !important;
81 }
82
83
84 .action_rename {
85     background-image:url(../../images/oxygen/16x16/actions/document-properties.png) !important;
86 }
87 .x-btn-medium .action_rename {
88     background-image:url(../../images/oxygen/22x22/actions/document-properties.png) !important;
89 }
90 .x-btn-large .action_rename {
91     background-image:url(../../images/oxygen/32x32/actions/document-properties.png) !important;
92 }
93
94 .action_changecolor {
95     background-image:url(../../images/oxygen/16x16/actions/color-line.png) !important;
96 }
97 .x-btn-medium .action_changecolor {
98     background-image:url(../../images/oxygen/22x22/actions/color-line.png) !important;
99 }
100 .x-btn-large .action_changecolor {
101     background-image:url(../../images/oxygen/32x32/actions/color-line.png) !important;
102 }
103
104 .action_toggleshared {
105     background-image:url(../../images/oxygen/16x16/actions/get-hot-new-stuff.png) !important;
106 }
107
108 .action_delete {
109     background-image:url(../../images/oxygen/16x16/actions/edit-delete.png) !important;
110 }
111 .x-btn-medium .action_delete {
112     background-image:url(../../images/oxygen/22x22/actions/edit-delete.png) !important;
113 }
114 .x-btn-large .action_delete {
115     background-image:url(../../images/oxygen/32x32/actions/edit-delete.png) !important;
116 }
117
118 .action_applyChanges {
119     background-image:url(../../images/oxygen/16x16/actions/dialog-ok-apply.png) !important;
120 }
121 .x-btn-medium .action_applyChanges {
122     background-image:url(../../images/oxygen/22x22/actions/dialog-ok-apply.png) !important;
123 }
124 .x-btn-large .action_applyChanges {
125     background-image:url(../../images/oxygen/32x32/actions/dialog-ok-apply.png) !important;
126 }
127
128
129 .action_cancel {
130     background-image:url(../../images/oxygen/16x16/actions/dialog-cancel.png) !important;
131 }
132 .x-btn-medium .action_cancel {
133     background-image:url(../../images/oxygen/22x22/actions/dialog-cancel.png) !important;
134 }
135 .x-btn-large .action_cancel {
136     background-image:url(../../images/oxygen/32x32/actions/dialog-cancel.png) !important;
137 }
138
139
140 .action_saveAndClose {
141     background-image:url(../../images/oxygen/16x16/actions/dialog-ok.png) !important;
142 }
143 .x-btn-medium .action_saveAndClose {
144     background-image:url(../../images/oxygen/22x22/actions/dialog-ok.png) !important;
145 }
146 .x-btn-large .action_saveAndClose {
147     background-image:url(../../images/oxygen/32x32/actions/dialog-ok.png) !important;
148 }
149
150 .action_next {
151     background-image:url(../../images/oxygen/16x16/actions/go-next.png) !important;
152 }
153 .x-btn-medium .action_next {
154     background-image:url(../../images/oxygen/22x22/actions/go-next.png) !important;
155 }
156 .x-btn-large .action_next {
157     background-image:url(../../images/oxygen/32x32/actions/go-next.png) !important;
158 }
159
160 .action_previous {
161     background-image:url(../../images/oxygen/16x16/actions/go-previous.png) !important;
162 }
163 .x-btn-medium .action_previous {
164     background-image:url(../../images/oxygen/22x22/actions/go-previous.png) !important;
165 }
166 .x-btn-large .action_previous {
167     background-image:url(../../images/oxygen/32x32/actions/go-previous.png) !important;
168 }
169
170 .action_managePermissions {
171     background-image:url(../../images/oxygen/16x16/actions/password.png) !important;
172 }
173 .x-btn-medium .action_managePermissions {
174     background-image:url(../../images/oxygen/22x22/actions/password.png) !important;
175 }
176 .x-btn-large .action_managePermissions {
177     background-image:url(../../images/oxygen/32x32/actions/password.png) !important;
178 }
179
180 .action_manageProperties {
181     background-image:url(../../images/oxygen/16x16/actions/dialog-information.png) !important;
182 }
183 .x-btn-medium .action_manageProperties {
184     background-image:url(../../images/oxygen/22x22/actions/dialog-information.png) !important;
185 }
186 .x-btn-large .action_manageProperties {
187     background-image:url(../../images/oxygen/32x32/actions/dialog-information.png) !important;
188 }
189
190 .action_addContact {
191     background-image:url(../../images/oxygen/16x16/actions/add-user.png) !important;
192 }
193 .x-btn-medium .action_addContact {
194     background-image:url(../../images/oxygen/22x22/actions/add-user.png) !important;
195 }
196 .x-btn-large .action_addContact {
197     background-image:url(../../images/oxygen/32x32/actions/add-user.png) !important;
198 }
199
200
201 .action_deleteContact {
202     background-image:url(../../images/oxygen/16x16/actions/delete-user.png) !important;
203 }
204 .x-btn-medium .action_deleteContact {
205     background-image:url(../../images/oxygen/22x22/actions/delete-user.png) !important;
206 }
207 .x-btn-large .action_deleteContact {
208     background-image:url(../../images/oxygen/32x32/actions/delete-user.png) !important;
209 }
210
211
212 .action_exportAsPdf {
213     background-image:url(../../images/oxygen/16x16/mimetypes/pdf.png) !important;
214 }
215 .x-btn-medium .action_exportAsPdf {
216     background-image:url(../../images/oxygen/22x22/mimetypes/pdf.png) !important;
217 }
218 .x-btn-large .action_exportAsPdf {
219     background-image:url(../../images/oxygen/32x32/mimetypes/pdf.png) !important;
220 }
221
222
223 .action_showArchived {
224     background-image:url(../../images/oxygen/16x16/actions/ark-extract.png) !important;
225 }
226 .x-btn-medium .action_showArchived {
227     background-image:url(../../images/oxygen/22x22/actions/ark-extract.png) !important;
228 }
229 .x-btn-large .action_showArchived {
230     background-image:url(../../images/oxygen/32x32/actions/ark-extract.png) !important;
231 }
232
233
234 .action_logOut {
235     background-image:url(../../images/oxygen/16x16/actions/system-shutdown.png) !important;
236 }
237 .x-btn-medium .action_logOut {
238     background-image:url(../../images/oxygen/22x22/actions/system-shutdown.png) !important;
239 }
240 .x-btn-large .action_logOut {
241     background-image:url(../../images/oxygen/32x32/actions/system-shutdown.png) !important;
242 }
243
244 .action_login {
245     background-image:url(../../images/oxygen/16x16/actions/view-refresh.png) !important;
246 }
247 .x-btn-medium .action_login {
248     background-image:url(../../images/oxygen/22x22/actions/view-refresh.png) !important;
249 }
250 .x-btn-large .action_login {
251     background-image:url(../../images/oxygen/32x32/actions/view-refresh.png) !important;
252 }
253
254 .action_loadTutorial { 
255     background-image: url(../../images/help-icon.png) !important;
256 }
257
258 .action_tag {
259     background-image:url(../../images/oxygen/16x16/actions/rss-tag.png) !important;
260 }
261 .x-btn-medium .action_tag {
262     background-image:url(../../images/oxygen/22x22/actions/rss-tag.png) !important;
263 }
264 .x-btn-large .action_tag {
265     background-image:url(../../images/oxygen/32x32/actions/rss-tag.png) !important;
266 }
267
268 .action_tag_delete {
269     background-image:url(../../images/oxygen/16x16/actions/rss-tag-delete.png) !important;
270 }
271
272 .action_uploadImage {
273     background-image:url(../../images/oxygen/16x16/actions/insert-image.png) !important;
274 }
275 .x-btn-medium .action_uploadImage {
276     background-image:url(../../images/oxygen/22x22/actions/insert-image.png) !important;
277 }
278 .x-btn-large .action_uploadImage {
279     background-image:url(../../images/oxygen/32x32/actions/insert-image.png) !important;
280 }
281
282
283 .action_cropImage {
284     background-image:url(../../images/oxygen/16x16/actions/select-rectangular.png) !important;
285 }
286 .x-btn-medium .action_cropImage {
287     background-image:url(../../images/oxygen/22x22/actions/select-rectangular.png) !important;
288 }
289 .x-btn-large .action_cropImage {
290     background-image:url(../../images/oxygen/32x32/actions/select-rectangular.png) !important;
291 }
292
293
294 .action_originalImage {
295     background-image:url(../../images/oxygen/16x16/mimetypes/image-jpeg2000.png) !important;
296 }
297 .x-btn-medium .action_originalImage {
298     background-image:url(../../images/oxygen/22x22/mimetypes/image-jpeg2000.png) !important;
299 }
300 .x-btn-large .action_originalImage {
301     background-image:url(../../images/oxygen/32x32/mimetypes/image-jpeg2000.png) !important;
302 }
303
304
305 .action_export {
306     background-image:url(../../images/oxygen/16x16/actions/file-export.png) !important;
307 }
308 .x-btn-medium .action_export {
309     background-image:url(../../images/oxygen/22x22/actions/file-export.png) !important;
310 }
311 .x-btn-large .action_export {
312     background-image:url(../../images/oxygen/32x32/actions/file-export.png) !important;
313 }
314
315
316 .action_import {
317     background-image:url(../../images/oxygen/16x16/actions/view-sort-ascending.png) !important;
318 }
319 .x-btn-medium .action_import {
320     background-image:url(../../images/oxygen/22x22/actions/view-sort-ascending.png) !important;
321 }
322 .x-btn-large .action_import {
323     background-image:url(../../images/oxygen/32x32/actions/view-sort-ascending.png) !important;
324 }
325
326
327 .action_about {
328     background-image:url(../../images/oxygen/16x16/actions/dialog-information.png) !important;
329 }
330 .x-btn-medium .action_about {
331     background-image:url(../../images/oxygen/22x22/actions/dialog-information.png) !important;
332 }
333 .x-btn-large .action_about {
334     background-image:url(../../images/oxygen/32x32/actions/dialog-information.png) !important;
335 }
336
337
338 .action_adminMode {
339     background-image:url(../../images/oxygen/16x16/apps/systemtray.png) !important;
340 }
341 .x-btn-medium .action_adminMode {
342     background-image:url(../../images/oxygen/22x22/apps/systemtray.png) !important;
343 }
344 .x-btn-large .action_adminMode {
345     background-image:url(../../images/oxygen/32x32/apps/systemtray.png) !important;
346 }
347
348
349 .action_composeEmail {
350     background-image:url(../../images/oxygen/16x16/apps/kmail.png) !important;
351 }
352 .x-btn-medium .action_composeEmail {
353     background-image:url(../../images/oxygen/22x22/apps/kmail.png) !important;
354 }
355 .x-btn-large .action_composeEmail {
356     background-image:url(../../images/oxygen/32x32/apps/kmail.png) !important;
357 }
358
359 .action_print {
360     background-image:url(../../images/oxygen/16x16/actions/document-print.png) !important;
361 }
362 .x-btn-medium .action_print {
363     background-image:url(../../images/oxygen/22x22/actions/document-print.png) !important;
364 }
365 .x-btn-large .action_print {
366     background-image:url(../../images/oxygen/32x32/actions/document-print.png) !important;
367 }
368
369 .action_printPreview {
370     background-image:url(../../images/oxygen/16x16/actions/document-print-preview.png) !important;
371 }
372 .x-btn-medium .action_printPreview {
373     background-image:url(../../images/oxygen/22x22/actions/document-print-preview.png) !important;
374 }
375 .x-btn-large .action_printPreview {
376     background-image:url(../../images/oxygen/32x32/actions/document-print-preview.png) !important;
377 }
378
379 .action_resolveDuplicates {
380     background-image: url(../../images/oxygen/16x16/actions/file-revert.png) !important;
381 }
382
383 .tinebase-action-export-xls {
384     background-image:url(../../images/oxygen/16x16/mimetypes/application-vnd.ms-excel.png) !important;
385 }
386 .x-btn-medium .tinebase-action-export-xls {
387     background-image:url(../../images/oxygen/22x22/mimetypes/application-vnd.ms-excel.png) !important;
388 }
389 .x-btn-large .tinebase-action-export-xls {
390     background-image:url(../../images/oxygen/32x32/mimetypes/application-vnd.ms-excel.png) !important;
391 }
392
393
394 .tinebase-action-export-ods {
395     background-image:url(../../images/oxygen/16x16/mimetypes/application-vnd.oasis.opendocument.spreadsheet.png) !important;
396 }
397 .x-btn-medium .tinebase-action-export-ods {
398     background-image:url(../../images/oxygen/22x22/mimetypes/application-vnd.oasis.opendocument.spreadsheet.png) !important;
399 }
400 .x-btn-large .tinebase-action-export-ods {
401     background-image:url(../../images/oxygen/32x32/mimetypes/application-vnd.oasis.opendocument.spreadsheet.png) !important;
402 }
403
404
405 .tinebase-action-export-csv {
406     background-image:url(../../images/oxygen/16x16/mimetypes/text-csv.png) !important;
407 }
408 .x-btn-medium .tinebase-action-export-csv {
409     background-image:url(../../images/oxygen/22x22/mimetypes/text-csv.png) !important;
410 }
411 .x-btn-large .tinebase-action-export-csv {
412     background-image:url(../../images/oxygen/32x32/mimetypes/text-csv.png) !important;
413 }
414
415 .tinebase-action-debug-console {
416     background-image:url(../../images/oxygen/16x16/apps/utilities-terminal.png) !important;
417 }
418
419 .action_report {
420     background-image:url(../../images/oxygen/22x22/actions/history-kdeprint.png) !important;
421 }
422
423 /* ----- tree classes --------------------------------------------------------*/
424 .tinebase-tree-drop-move  .x-dd-drop-icon {
425     background-image:url(../../images/oxygen/16x16/places/link.png) !important;
426 }
427
428 .tinebase-tree-hide-collapsetool .x-tree-ec-icon {
429     background: 0;
430 }
431
432 .tinebase-westpanel-node-favorite img.x-tree-node-icon {
433     background-image:url(../../images/oxygen/16x16/actions/knewstuff.png);
434 }
435
436 .tinebase-westpanel-node-favorite-shared img.x-tree-node-icon {
437     background-image:url(../../images/oxygen/16x16/actions/get-hot-new-stuff.png);
438 }
439
440 .action-tinebase-favorite {
441     background-image:url(../../images/oxygen/16x16/actions/knewstuff.png) !important;
442 }
443
444 /* ----- login dialog --------------------------------------------------------*/
445 .tb-login-panel form {
446     padding: 20px 10px 20px 20px;
447 }
448
449 .tb-login-lobobox {
450     text-align:right;
451     height: 60px;
452 }
453
454 .tb-login-big-label {
455     font-size: 16px;
456     font-weight: bold;
457     color: gray;
458     line-height: 35px;
459 }
460
461 .tb-login-logo {
462  }
463
464 .tb-login-button-spacer {
465     height: 30px;
466 }
467
468 .tb-login-infosection {
469     padding-left: 20px;
470 }
471
472 .tb-login-infosection {
473     color: gray;
474     line-height:17px;
475     /*margin-top:-12px;*/
476 }
477
478 .tb-login-infosection a {
479     text-decoration: none;
480     font-style: normal;
481     color: #1E78AD;
482 }
483
484 .tb-login-infosection .tb-login-surveypanel {
485     padding-top: 20px;
486 }
487
488 /* ----- about dialog --------------------------------------------------------*/
489 .tb-about-dlg {
490     text-align: center;
491 }
492 .tb-about-img {
493     margin-top: 10px;
494 }
495 .tb-about-version {
496     margin-top: 50px;
497     font-weight: bold;
498 }
499 .tb-about-build {
500     font-size: smaller;
501 }
502 .tb-about-copyright {
503     margin-top: 50px;
504 }
505
506 .tb-about-credits-license {
507     margin-top: 10px;
508 }
509
510 .tb-about-whatsnew p {
511     background: transparent url(../../images/oxygen/16x16/actions/dialog-information.png) left top no-repeat;
512     padding: 2px 0 2px 20px;
513 }
514
515 /* -------- tags renderer ------------------------------------------------------------*/
516 .tb-grid-tags {
517     width: 8px; 
518     height: 8px; 
519     border: 1px solid black; 
520     float: left;
521     margin-right: 2px;
522     margin-top: 1px;
523     border-radius: 5px;
524 }
525
526 .ext-gecko .tb-grid-tags {
527     -moz-border-radius: 5px;
528     margin-top: 2px;
529 }
530
531 .x-menu-item-text .tb-grid-tags {
532     margin-top: 4px;
533 }
534
535 .x-menu-item-text .x-widget-tag-tagitem-text {
536     line-height: 16px;
537 }
538
539 /* ----- account renderer ------------------------------------------------------------*/
540 .renderer {
541     width: 12px;
542     float: left;
543     padding-left: 5px;
544 }
545
546 .renderer_accountUserIcon {
547     background-image:url(../../images/oxygen/16x16/actions/user-female.png) !important;
548     background-repeat: no-repeat;
549     background-position: 2px 2px;
550 }
551
552 .renderer_accountGroupIcon {
553     background-image:url(../../images/oxygen/16x16/actions/users.png) !important;
554     background-repeat: no-repeat;
555     background-position: 2px 2px;
556 }
557
558 .renderer_accountGroupmemberIcon {
559     background-image:url(../../images/groupmember.png) !important;
560     background-repeat: no-repeat;
561     background-position: 2px 2px;
562 }
563
564 .renderer_accountContactIcon {
565     background-image:url(../../images/oxygen/16x16/actions/user.png) !important;
566     background-repeat: no-repeat;
567     background-position: 2px 2px;
568 }
569
570
571 .tinebase-accounttype-user {
572     background-image:url(../../images/oxygen/16x16/actions/user-female.png) !important;
573 }
574 .x-btn-medium .tinebase-accounttype-user {
575     background-image:url(../../images/oxygen/22x22/actions/user-female.png) !important;
576 }
577 .x-btn-large .tinebase-accounttype-user {
578     background-image:url(../../images/oxygen/32x32/actions/user-female.png) !important;
579 }
580
581 .tinebase-accounttype-group {
582     background-image:url(../../images/oxygen/16x16/actions/users.png) !important;
583 }
584 .x-btn-medium .tinebase-accounttype-group {
585     background-image:url(../../images/oxygen/22x22/actions/users.png) !important;
586 }
587 .x-btn-large .tinebase-accounttype-group {
588     background-image:url(../../images/oxygen/32x32/actions/users.png) !important;
589 }
590
591 .tinebase-accounttype-addanyone {
592     background-image:url(../../images/oxygen/16x16/actions/users.png) !important;
593 }
594 .x-btn-medium .tinebase-accounttype-addanyone {
595     background-image:url(../../images/oxygen/22x22/actions/users.png) !important;
596 }
597 .x-btn-large .tinebase-accounttype-addanyone {
598     background-image:url(../../images/oxygen/32x32/actions/users.png) !important;
599 }
600
601 /* ----- notes ------------------------------------------------------------*/
602 .notes_noteIcon {
603    background-image:url(../../images/oxygen/16x16/actions/note.png) !important;
604 }
605 .x-btn-medium .notes_noteIcon {
606    background-image:url(../../images/oxygen/22x22/actions/note.png) !important;
607 }
608 .x-btn-large .notes_noteIcon {
609    background-image:url(../../images/oxygen/32x32/actions/note.png) !important;
610 }
611
612 .notes_telephoneIcon {
613    background-image:url(../../images/oxygen/16x16/apps/kcall.png) !important;
614 }
615 .x-btn-medium .notes_telephoneIcon {
616    background-image:url(../../images/oxygen/22x22/apps/kcall.png) !important;
617 }
618 .x-btn-large .notes_telephoneIcon {
619    background-image:url(../../images/oxygen/32x32/apps/kcall.png) !important;
620 }
621
622 .notes_emailIcon {
623    background-image:url(../../images/oxygen/16x16/actions/kontact-mail.png) !important;
624 }
625 .x-btn-medium .notes_emailIcon {
626    background-image:url(../../images/oxygen/22x22/actions/kontact-mail.png) !important;
627 }
628 .x-btn-large .notes_emailIcon {
629    background-image:url(../../images/oxygen/32x32/actions/kontact-mail.png) !important;
630 }
631
632 .descriptionIcon {
633    background-image:url(../../images/oxygen/16x16/apps/kwrite.png) !important;
634 }
635 .x-btn-medium .descriptionIcon {
636    background-image:url(../../images/oxygen/22x22/apps/kwrite.png) !important;
637 }
638 .x-btn-large .descriptionIcon {
639    background-image:url(../../images/oxygen/32x32/apps/kwrite.png) !important;
640 }
641
642 /* ----- mainmenu ------------------------------------------------------------*/
643 /*
644 .tine-mainscreen-mainmenu .x-toolbar {
645     background-image: url(../../images/tbar-menu-bg.gif);
646     border: 0;
647     margin-top: -1px;
648     height: 18px;
649 }
650 */
651
652 .tine-mainscreen-mainmenu .x-toolbar {
653     background-color: #EBF3FD;
654     border: none;
655     background-image: url(../../images/apptabs-bg.png);
656 }
657
658 .tine-mainscreen-mainmenu .x-toolbar .x-btn td {
659     background: none;
660     border: none;
661 }
662
663 .tine-mainscreen-mainmenu .x-toolbar-ct {
664     margin-top: -2px;
665 }
666
667 .tine-mainscreen-mainmenu .x-btn-over td.x-btn-mc,
668 .tine-mainscreen-mainmenu .x-btn-over td.x-btn-mc button{
669     text-decoration: underline;
670 }
671
672 .tine-favicon {
673     background-image:url(../../images/favicon.png) !important;
674 }
675
676 .tine-mainscreen-apptabs .x-tab-strip-wrap ul.x-tab-strip-top {
677     background-color:#EBF3FD;
678     background-image: url(../../images/apptabs-bg.png);
679     border-bottom-color:#8db2e3;
680     background-position: 0px -20px;
681 }
682
683 .tine-mainscreen-apptabs .x-tab-panel-header {
684     border: none;
685 }
686
687 /*
688 .tine-mainscreen-apptabs .x-tab-strip-wrap {
689     padding-top: 2px;
690 }
691 */
692
693 .tine-mainscreen-apptabspanel-menu-tabel .x-tab-left {
694     background-image: url(../../images/tabs_sprite_slope_right.gif);
695     padding-right: 24px;
696 }
697
698 .tine-mainscreen-apptabspanel-menu-tabel {
699     margin-right: -10px;
700 }
701
702 .x-tab-strip .tine-mainscreen-apptabspanel-menu-tabel span.x-tab-strip-text {
703     padding-right: 10px;
704 }
705
706 .x-tab-strip li.tine-mainscreen-apptabspanel-menu-tabel a.x-tab-strip-close,
707 .x-tab-strip li.tine-mainscreen-apptabspanel-menu-tabel a.x-tab-strip-close:hover {
708     background-image:url("../../library/ExtJS/resources/images/default/button/arrow.gif");
709     top: 6px;
710     right: 19px;
711 }
712
713 /* ----- appchooser panel-----------------------------------------------------*/
714 .app-panel-title {
715     font-size: 15px;
716     font-weight: normal;
717     padding-top: 7px;
718 }
719 .app-panel-header-active {
720     background:transparent url(../../library/ExtJS/resources/images/default/panel/light-hd.gif) repeat-x scroll 0pt -9px;
721     /*background:#EBF3FD url(../../library/ExtJS/resources/images/default/grid/grid3-hrow-over.gif) repeat-x scroll left bottom;*/
722 }
723 .app-panel-header-over {
724     /*background:transparent url(../../library/ExtJS/resources/images/default/panel/light-hd.gif) repeat-x scroll 0pt -9px;*/
725     background:#EBF3FD url(../../library/ExtJS/resources/images/default/grid/grid3-hrow-over.gif) repeat-x scroll left bottom;
726 }
727
728 .app-panel-appicon-text {
729     position: absolute;
730     top: 0px;
731     width: 20px;
732     overflow: hidden;
733 }
734
735 .app-panel-apptitle-text {
736     margin-left: 5px;
737 }
738
739 /******* grid row classes *********/
740 .grid_row_enabled td{
741     font-weight: bold;
742     /* background-color: '#b5efc8'; */
743 }
744
745 .grid_row_disabled td{
746     /* background-color: '#efb5b5'; */
747 }
748
749 .x-grid3-cell-inner, .x-grid3-hd-inner {
750     white-space: nowrap;
751 }
752
753 .tw-activities-grid .x-grid3-cell-inner, .x-grid3-hd-inner {
754     white-space: normal;
755 }
756
757 .tine-grid-row-nolongerinfilter td {
758     color: #aaaaaa;
759 }
760
761 /******* grid cell classes *********/
762
763 .tine-grid-cell-hint {
764     background-image:url("../../library/ExtJS/resources/images/default/button/arrow.gif");
765     position: absolute;
766     top: 0px;
767     right: 0px;
768     width: 10px;
769 }
770
771 .tine-grid-cell-no-dirty {
772     background-image:url("../../library/ExtJS/resources/images/default/s.gif");
773 }
774
775 .tine-editorgrid-row-invalid {
776     border: 1px dotted red;
777 }
778
779 .tine-duplicateresolve-keepvalue {
780     color: #006600;
781 }
782
783 .tine-duplicateresolve-discardvalue {
784     color: #660000;
785 }
786
787 .tine-duplicateresolve-adoptedvalue {
788     color: #666666;
789 }
790
791 .tine-recordclass-gridicon {
792     background-repeat: no-repeat;
793     display: block;
794     height: 16px;
795     width: 16px;
796     margin: -2px 5px -2px 0;
797     float:left;
798 }
799
800 /******** downloads ***********/
801
802 .tinebase-download-link{
803     cursor: pointer;
804     color: blue;
805 }
806
807 span:hover.tinebase-download-link {
808     color: #4444ff;
809 }
810
811 .action_download {
812     background-image:url(../../images/oxygen/16x16/actions/save-all.png) !important;
813 }
814 .x-btn-medium .action_download {
815     background-image:url(../../images/oxygen/22x22/actions/save-all.png) !important;
816 }
817 .x-btn-large .action_download {
818     background-image:url(../../images/oxygen/32x32/actions/save-all.png) !important;
819 }
820
821 /********* uploads ************/
822
823 .x-tinebase-uploading {
824     background-image:url(../../library/ExtJS/resources/images/default/grid/wait.gif) !important;
825 }
826
827 .x-tinebase-uploadrow .x-grid3-cell-inner {
828     background-image:url(../../library/ExtJS/resources/images/default/grid/wait.gif);
829     background-repeat: no-repeat;
830     padding-left: 19px;
831 }
832
833 .x-tinebase-uploadpaused .x-grid3-cell-inner {
834     background-image:url(../../images/oxygen/16x16/actions/media-playback-pause.png);
835     background-repeat: no-repeat;
836     padding-left: 19px;
837 }
838
839 .x-tinebase-uploading .x-grid3-cell-inner {
840     background-image:url(../../images/oxygen/16x16/actions/media-playback-start.png);
841     background-repeat: no-repeat;
842     padding-left: 19px;
843 }
844
845 .x-tinebase-uploadcomplete .x-grid3-cell-inner {
846     background-image:url(../../images/oxygen/16x16/actions/dialog-ok-apply.png);
847     background-repeat: no-repeat;
848     padding-left: 19px;
849 }
850
851 /******** email ***********/
852
853 a:hover.tinebase-email-link {
854     cursor: pointer;
855     color: #4444ff;
856 }
857
858 .tinebase-addtocontacts-link{
859     cursor: pointer;
860     color: blue;
861 }
862
863 span:hover.tinebase-addtocontacts-link {
864     color: #4444ff;
865 }
866
867 .tinebase-showheaders-link{
868     cursor: pointer;
869     color: blue;
870 }
871
872 span:hover.tinebase-showheaders-link {
873     color: #4444ff;
874 }
875
876 .tine-keyfield-icon {
877     width: 12px;
878     height: 12px;
879     vertical-align: text-bottom;
880     padding-right: 4px;
881 }
882
883 .x-grid .tine-keyfield-icon {
884     vertical-align: text-top;
885 }
886
887 /*.x-combo-list-item .tine-keyfield-icon {
888     padding-right: 4px;
889 }*/
890
891 .search-item {border: 1px solid white}
892
893 /* multiple edit dialog */
894     
895 .tinebase-editmultipledialog-noneedit, 
896 input.tinebase-editmultipledialog-noneedit, 
897 textarea.tinebase-editmultipledialog-noneedit {
898     background-color: #f4f1d3;
899     background-image:none!important;
900     }
901     
902 .tinebase-editmultipledialog-clearer {
903     background: transparent url("../../themes/tine20/resources/images/tine20/form/clear-trigger.gif") -16px top no-repeat;
904     border-bottom:1px solid #7eadd9; 
905     height:18px;
906     width:18px;
907     display:block;
908     position:absolute;
909     z-index:9;
910     }
911     
912 .tinebase-editmultipledialog-clearer.hidden {
913     border-bottom:none; 
914     height:18px; 
915     background-image: url(../../library/ExtJS/resources/images/default/s.gif);
916     }
917     
918 .tinebase-editmultipledialog-clearer.undo {
919     background: transparent url(../../images/oxygen/16x16/actions/edit-undo-grey.png) 0 3px no-repeat;
920     border-bottom: none;   
921     }
922
923 .tinebase-editmultipledialog-clearer.undo.over {
924     background: transparent url(../../images/oxygen/16x16/actions/edit-undo.png) 0 3px no-repeat;
925     }
926     
927 .tinebase-editmultipledialog-dirty {
928     position:absolute;
929     left:0;
930     background-image: url(../../library/ExtJS/resources/images/default/grid/dirty.gif);
931     background-repeat: no-repeat;
932 }    
933     
934 .tinebase-editmultipledialog-clearer.click {background-position: -33px 0}
935
936 .tinebase-editmultipledialog-clearer.over {background-position: -67px 0}
937
938 .tinebase-editmultipledialog-dirtycheck {
939     background-color: #F4F1D3; /* #F9F9A3 */
940     border: 1px solid #B5B8C8;
941     padding: 2px 2px 1px 2px;
942     border-radius: 3px;
943 }
944
945 .tine-wordbox {
946     border: 1px solid gray;
947     margin-left: 3px;
948     border-radius: 2px;
949     padding: 0px 5px;
950     background-color: white;
951 }
952
953 /* token mode edit dialog */
954 .tinebase-tokenedit-textfield {
955     color: white;
956 }
957
958 .tinebase-tokenedit-tokenbox {
959     position: absolute;
960     background-color: white;
961     z-index: 100;
962     overflow: hidden;
963 }
964
965 .tinebase-tokenedit-token {
966     border: 1px solid gray;
967     margin-right: 3px;
968 }
969
970 .tinebase-tokenedit-tokenbox-area .tinebase-tokenedit-token {
971     display: inline-block;
972     line-height: 13px;
973 }
974
975 .tinebase-tokenedit-token-selected {
976     background-color: #FFFFAE;
977 }
978
979 .tinebase-tokenedit-position {
980     display: none;
981     width: 0px;
982     border: 1px solid gray;
983     margin-right: 3px;
984     line-height: 13px;
985     overflow: hidden;
986 }
987
988 .tb-version-tinepanel {
989     display: none;
990 }