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