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