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