#30: Adaptives Layout (https://polymap.org/mosaic/ticket/30)
[polymap3:falkos-polymap3-rhei.git] / plugins / org.polymap.rhei.batik / batik.css
1 /*******************************************************************************
2  * Copyright (c) 2012 EclipseSource and others.
3  * All rights reserved. This program and the accompanying materials
4  * are made available under the terms of the Eclipse Public License v1.0
5  * which accompanies this distribution, and is available at
6  * http://www.eclipse.org/legal/epl-v10.html
7  *
8  * Contributors:
9  *    EclipseSource - initial API and implementation
10  ******************************************************************************/
11
12 /*! fonts - Einbindung ├╝ber additionalHeaders */
13
14 /* Custom theme for all widgets */
15  * {
16   color: #222222;
17   background-color: #fff;
18   background-image: none;
19   font: 14px/120%"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
20 }
21 *:disabled {
22   color: #cdcdcd;
23 }
24 Display {
25   rwt-shadow-color: #cdcdcd;
26   rwt-highlight-color: #ffffff;
27   rwt-darkshadow-color: #85878c;
28   rwt-lightshadow-color: #dcdfe4;
29   rwt-thinborder-color: #fff;
30   rwt-selectionmarker-color: #fec83c;
31   rwt-infobackground-color: #ffffff;
32   rwt-error-image: url(resources/icons/rap/dialog/error.png );
33   rwt-information-image: url(resources/icons/rap/dialog/information.png );
34   rwt-question-image: url(resources/icons/rap/dialog/question.png );
35   rwt-warning-image: url(resources/icons/rap/dialog/warning.png );
36   rwt-working-image: url(resources/icons/rap/dialog/information.png );
37   rwt-fontlist: 14px"Open Sans", 'Segoe UI', Corbel, Calibri, Tahoma, 'Lucida Sans Unicode';
38   background-image: url(resources/icons/rap/display/browser_bg.png );
39   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
40 }
41 /* Default theme for all controls */
42  * {
43   border: none;
44   padding: 0px;
45 }
46 *[BORDER] {
47   border: 1px solid #cdcdcd;
48 }
49 /* Default theme for all composites */
50  Composite {
51   padding: 0;
52   opacity: 1;
53   background-color: transparent;
54   background-image: none;
55   border: none;
56   box-shadow: none;
57   animation: none;
58 }
59 Composite[BORDER] {
60   border: none;
61   border-radius: 2px;
62 }
63 /* Mosaic-UI elements (org.polymap.mosaic.ui) */
64  Composite.mosaic-case-action-active {
65   animation: slideIn 400ms ease-in;
66   background-color: #cacfd2;
67   background-image: url(resources/images/bg-noise-grey.png);
68   border-radius: 0px 8px 8px 8px;
69   border: none;
70 }
71 Composite.mosaic-case-action-deactive {
72 }
73 Composite.mosaic-case-status {
74   animation: fadeIn 600ms linear;
75 }
76 Composite.mosaic-case-toolbar {
77   background-color: transparent;
78 }
79 /* Button default theme */
80  Button {
81   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
82   background-image: none;
83   border: none;
84   border-radius: 4px;
85   padding: 6px 15px;
86   spacing: 2px;
87   cursor: default;
88   animation: none;
89   color: #ffffff;
90   background-color: #5a9cbd;
91   opacity: 1;
92   text-shadow: none;
93   box-shadow: none;
94 }
95
96 Button[PUSH], Button[PUSH].formeditor, Button[TOGGLE], Button[PUSH][BORDER], Button[TOGGLE][BORDER], Button[PUSH][FLAT], Button[TOGGLE][FLAT] {
97   border: none;
98   border-radius: 4px;
99   padding: 6px 15px;
100   background-color: #5a9cbd;
101   animation: hoverOut 400ms ease-out;
102   cursor: pointer;
103   color: #fff;
104 }
105 Button[ARROW], Button[ARROW][BORDER], Button[ARROW][FLAT] {
106   border: 1px solid #cdcdcd;
107   border-radius: 2px;
108   padding: 10px;
109   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
110   cursor: pointer;
111 }
112 Button[ARROW]:default, Button[PUSH]:default {
113   border: none;
114 }
115 Button[ARROW]:disabled, Button[PUSH]:disabled {
116   cursor: default;
117   color: #ffffff;
118   background-image: none;
119   background-color: #4a8aaf;
120   opacity: 0.2;
121   border: none;
122 }
123 Button[ARROW]:hover, Button[PUSH]:hover {
124   background-color: #216292;
125   animation: hoverOut 400ms ease-out;
126 }
127 Button[ARROW]:pressed, Button[PUSH]:pressed {
128   color: #fff;
129   background-color: #216292;
130 }
131 /*TOGGLE Button*/
132 Button[TOGGLE], Button[TOGGLE][BORDER], Button[TOGGLE][FLAT] {
133   border: 1px solid #4a8aaf;
134   border-radius: 4px;
135   padding: 2px 10px;
136   background-color: #ffffff;
137   animation: hoverOut 400ms ease-out;
138   cursor: pointer;
139   color: #4a8aaf;
140 }
141 /*Button[TOGGLE]:default {
142   color: #4a8aaf;
143   background-color: #ffffff;
144 }*/
145 Button[TOGGLE]:hover {
146   color: #216292;
147   background-color: #f1f4f6;
148   animation: hoverOut 400ms ease-out;
149 }
150 Button[TOGGLE]:selected, Button[TOGGLE]:pressed {
151   color: #216292;
152   background-color: transparent;
153   background-image: url(resources/icons/active.png );
154 }
155 Button[TOGGLE]:selected:hover {
156   background-color: #ffffff;
157   background-image: url(resources/icons/active.png );
158   /*opacity: 0.7;*/
159 }
160 Button[TOGGLE]:disabled:hover {
161   background-color: #216292;
162 }
163 Button[TOGGLE]:disabled.mosaic-case-submit, 
164 Button[TOGGLE]:disabled.mosaic-case-discard, 
165 Button[TOGGLE]:disabled, 
166 Button[TOGGLE]:selected:disabled, 
167 Button[TOGGLE].mosaic-case-toolbar:disabled {
168   background-color: #f1f4f6;
169 }
170 /*Submit und Cancel Buttons*/
171 Button[TOGGLE].mosaic-case-submit, Button[TOGGLE].mosaic-case-discard {
172   border: none;
173   background-image: none;
174   color: #ffffff;
175 }
176 /*Green Action/Submit Buttons*/
177 Button[TOGGLE].mosaic-case-submit, 
178 Button[PUSH].mosaic-case-submit, 
179 Button[PUSH]:selected.mosaic-case-submit, 
180 Button[TOGGLE]:selected.mosaic-case-submit {
181   background-color: #6eb02e;
182   background-image: none;
183 }
184 Button[TOGGLE]:hover.mosaic-case-submit, 
185 Button[PUSH]:hover.mosaic-case-submit, 
186 Button[PUSH]:selected:hover.mosaic-case-submit {
187   background-color: #519028;
188   background-image: none;
189 }
190 Button[PUSH]:disabled.mosaic-case-submit, Button[TOGGLE]:disabled.mosaic-case-submit {
191   background-color: #f0f7ea;
192   border: 1px solid #f0f7ea;
193   color: #ffffff;
194 }
195 /*Red Cancel Buttons*/
196 Button[PUSH].mosaic-case-discard, Button[PUSH]:selected.mosaic-case-discard {
197   background-color: #d32516;
198 }
199 Button[PUSH]:hover.mosaic-case-discard {
200   background-color: #9c1e13;
201 }
202 /*Toolbar-Button*/
203 Button[TOGGLE].mosaic-case-toolbar {
204   color: #4a8aaf;
205   background-color: #e5e9ec;
206   border: none;
207   background-image: none;
208 }
209 Button[TOGGLE].mosaic-case-toolbar:hover, Button[TOGGLE].mosaic-case-toolbar:selected, Button[TOGGLE].mosaic-case-toolbar:selected:hover {
210   color: #0f1c23;
211   background-color: #cacfd2;
212   border-radius: 4px 4px 0px 0px;
213   background-image: none;
214   background-image: url(resources/images/bg-noise-grey.png);
215   border-radius: 4px 4px 0px 0px;
216 }
217 Button[TOGGLE].mosaic-case-toolbar:hover {
218   border-radius: 4px;
219 }
220
221 Button[TOGGLE]:selected:hover.mosaic-case-toolbar {
222   color: #4a8aaf;
223 }
224 /*Navigation Buttons*/
225 Button[TOGGLE].atlas-navi, Button[PUSH].atlas-navi {
226   color: #4a8aaf;
227   background-color: #e5e9ec;
228   background-image: none;
229   border: none;
230 }
231 Button[TOGGLE]:selected.atlas-navi, Button[TOGGLE]:hover.atlas-navi, Button[PUSH]:hover.atlas-navi {
232   color: #0f1c23;
233   background-color: #cacfd2;
234   background-image: none;
235   background-image: url(resources/images/bg-noise-grey.png);
236   border: none;
237 }
238 /*Check-Button*/
239 Button[CHECK], Button[RADIO] {
240   padding: 3px 3px 3px 0;
241   spacing: 7px;
242   background-color: transparent;
243   color: #0f1c23;
244 }
245 Button[CHECK][BORDER], Button[RADIO][BORDER] {
246   cursor: default;
247   background-image: none;
248   border: 1px solid #cdcdcd;
249   border-radius: 2px;
250 }
251 Button-CheckIcon {
252   background-image: url(resources/icons/rap/button/check-unselected.png );
253 }
254 Button-CheckIcon:hover {
255   background-image: url(resources/icons/rap/button/check-selected-hover.png );
256 }
257 Button-CheckIcon:selected {
258   background-image: url(resources/icons/rap/button/check-selected.png );
259 }
260 Button-CheckIcon:hover:pressed {
261   background-image: url(resources/icons/rap/button/check-selected.png );
262 }
263 Button-CheckIcon:selected:hover {
264   background-image: url(resources/icons/rap/button/check-selected.png );
265 }
266 Button-CheckIcon:selected:grayed {
267   background-image: url(resources/icons/rap/button/check-grayed.png );
268 }
269 Button-CheckIcon:selected:grayed:hover {
270   background-image: url(resources/icons/rap/button/check-grayed-hover.png );
271 }
272 Button-RadioIcon {
273   background-image: url(resources/icons/rap/button/radio-unselected.png );
274 }
275 Button-RadioIcon:hover {
276   background-image: url(resources/icons/rap/button/radio-unselected-hover.png );
277 }
278 Button-RadioIcon:selected {
279   background-image: url(resources/icons/rap/button/radio-selected.png );
280 }
281 Button-RadioIcon:selected:hover {
282   background-image: url(resources/icons/rap/button/radio-selected-hover.png );
283 }
284 Button-ArrowIcon[UP] {
285   background-image: url(resources/icons/rap/button/arrow-up.png );
286 }
287 Button-ArrowIcon[DOWN] {
288   background-image: url(resources/icons/rap/button/arrow-down.png );
289 }
290 Button-ArrowIcon[LEFT] {
291   background-image: url(resources/icons/rap/button/arrow-left.png );
292 }
293 Button-ArrowIcon[RIGHT] {
294   background-image: url(resources/icons/rap/button/arrow-right.png );
295 }
296 Button-FocusIndicator[ARROW], Button-FocusIndicator[PUSH], Button-FocusIndicator[TOGGLE] {
297   background-color: transparent;
298   border: 0px dotted #b8b8b8;
299   margin: 2px;
300   padding: 0px;
301   opacity: 1;
302 }
303 Button-FocusIndicator[CHECK], Button-FocusIndicator[RADIO] {
304   background-color: transparent;
305   border: 1px dotted #b8b8b8;
306   padding: 2px 2px 2px 1px;
307   margin: 0px;
308   opacity: 1;
309 }
310 /* Combo default theme */
311  Combo, Combo[BORDER] {
312   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
313   color: #4a4a4a;
314   background-color: #ffffff;
315   border: 1px solid #aaaaaa;
316   border-radius: 0 2px 2px 0;
317   background-image: none;
318   text-shadow: none;
319   box-shadow: inset 0 0 3px #cdcdcd;
320 }
321 Combo:focused, Combo[BORDER]:focused {
322   border: 1px solid #4a8aaf;
323   box-shadow: none;
324 }
325 Combo:disabled, Combo[BORDER]:disabled {
326   box-shadow: none;
327   background-image: none;
328   color: #0f1c23;
329   background-color: #ffffff;
330   border: none;
331 }
332 Combo-Button {
333   cursor: default;
334   background-color: #efefef;
335   border: none;
336   border-left: 1px solid #cdcdcd;
337   border-radius: 0px 2px 2px 0px;
338   background-color: #f1f4f6;
339   width: 30px;
340 }
341 Combo-Button:disabled {
342   background-image: none;
343   background-color: #ffffff;
344   border-left: none;
345 }
346 Combo-Button-Icon {
347   background-image: url(resources/icons/rap/combo/down.png );
348 }
349 Combo-Button-Icon:hover {
350   background-image: url(resources/icons/rap/combo/down-hover.png );
351 }
352 Combo-Button-Icon:disabled {
353   background-image: none;
354 }
355 Combo-List {
356   border: 1px solid #4f7cb1;
357   box-shadow: 0 0 5px #4f7cb1;
358   border-radius: 2px;
359 }
360 Combo-Field {
361   padding: 4px 8px 4px 8px;
362 }
363 Combo-FocusIndicator {
364   background-color: transparent;
365   border: none;
366   margin: 0;
367   opacity: 0;
368 }
369 /* CoolBar default theme */
370  CoolBar {
371   background-image: none;
372 }
373 CoolItem-Handle {
374   border: 1px solid #cdcdcd;
375   width: 2px;
376 }
377 /* CTabFolder default theme */
378  CTabFolder {
379   border-color: #cdcdcd;
380   border-radius: 2px;
381 }
382 CTabItem {
383   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
384   color: #4a4a4a;
385   background-color: #f0f0f0;
386   background-image: none;
387   padding: 6px 15px;
388   spacing: 10px;
389   text-shadow: none;
390 }
391 CTabItem:selected {
392   color: #4a4a4a;
393   background-color: #d6d6d6;
394 }
395 /* Do not gray out disabled CTabItems, this is SWT behavior */
396  CTabItem:disabled {
397   color: black;
398 }
399 CTabFolder-DropDownButton-Icon {
400   background-image: url(resources/icons/rap/ctabfolder/ctabfolder-dropdown.png );
401 }
402 CTabFolder-DropDownButton-Icon:hover {
403   background-image: url(resources/icons/rap/ctabfolder/ctabfolder-dropdown-hover.png );
404 }
405 /* Group default theme */
406  Group {
407   font: 10px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
408   color: #4a4a4a;
409   background-color: #ffffff;
410   border: none;
411 }
412 Group-Frame {
413   margin: 20px 0 0 0;
414   padding: 15px 8px 8px 8px;
415   border: 1px solid #cdcdcd;
416   border-radius: 2px;
417 }
418 Group-Label {
419   padding: 2px 10px 2px 10px;
420   background-color: #f0f0f0;
421   border: 1px solid #cdcdcd;
422   border-radius: 10px;
423   color: inherit;
424   margin: 10px 10px 10px 20px;
425   text-shadow: none;
426 }
427 /* Label default theme */
428  Label {
429   font: 15px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
430   color: #4a4a4a;
431   background-color: transparent;
432   background-image: none;
433   border: none;
434   border-radius: 0;
435   text-decoration: none;
436   cursor: default;
437   opacity: 1;
438   text-shadow: none;
439 }
440 Label[BORDER] {
441   border: 1px solid #cdcdcd;
442   border-radius: 2px;
443 }
444 Label[SEPARATOR] {
445   
446 }
447 Label-SeparatorLine {
448   background-image: none;
449   background-color: transparent;
450   border: 0px solid #a4a4a4;
451   border-radius: 0px;
452   width: 2px;
453 }
454 Label-SeparatorLine[SHADOW_IN] {
455   border: 1px inset;
456 }
457 Label-SeparatorLine[SHADOW_OUT] {
458   border: 1px outset;
459 }
460 /* Link default theme */
461  Link {
462   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
463   color: #4a8aaf;
464   text-shadow: none;
465   text-decoration: none;
466 }
467 Link[BORDER] {
468   border: 1px solid #cdcdcd;
469 }
470 Link-Hyperlink {
471   color: #4a8aaf;
472   text-shadow: none;
473   text-decoration: none;
474 }
475 Link-Hyperlink:hover {
476   color: #0f1c23;
477   text-shadow: none;
478   text-decoration: underline;
479 }
480 Link-Hyperlink:disabled {
481   color: #959595;
482 }
483 /* List default theme */
484  List {
485   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
486   background-color: #ffffff;
487   border: none;
488   color: #4a4a4a;
489 }
490 List[BORDER] {
491   border: 1px solid #cacfd2;
492 }
493 List-Item {
494   padding: 5px 10px 5px 10px;
495   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
496   background-color: #ffffff;
497   background-image: url(resources/images/list-border.png);
498   color: inherit;
499   text-shadow: none;
500 }
501 List-Item:hover {
502   color: #0f1c23;
503   background-color: #f1f4f6;
504   background-image: none;
505 }
506 List-Item:selected {
507   color: #0f1c23;
508   background-color: #e5e9ec;
509   background-image: none;
510 }
511 List-Item:selected:unfocused {
512   color: inherit;
513   background-color: #e5e9ec;
514 }
515 List-Item:even {
516   background-color: #f0f0f0;
517 }
518 List-Item:even:hover {
519   color: #0f1c23;
520   background-color: #f1f4f6;
521 }
522 List-Item:even:selected {
523   color: #0f1c23;
524   background-color: #e5e9ec;
525 }
526 List-Item:even:selected:unfocused {
527   color: inherit;
528   background-color: #e5e9ec;
529 }
530 /* Menu default theme */
531  Menu {
532   padding: 0;
533   color: #0059a5;
534   background-color: #f9f9f9;
535   border: none;
536   border-radius: 4px;
537   box-shadow: 1px 1px 4px #ababab;
538   opacity: 1;
539   animation: none;
540 }
541 MenuItem {
542   color: #4a4a4a;
543   background-color: transparent;
544   background-image: none;
545   opacity: 1;
546   text-shadow: none;
547   padding: 4px 10px 4px 10px;
548 }
549 MenuItem[SEPARATOR] {
550   padding: 0px 10px;
551 }
552 MenuItem:hover {
553   color: #ffffff;
554   background-color: #216292;
555 }
556 MenuItem:pressed {
557   color: #ffffff;
558   background-color: #216292;
559 }
560 MenuItem:disabled {
561   color: #cdcdcd;
562   text-shadow: none;
563 }
564 MenuItem:onMenuBar {
565   padding: 4px 6px;
566 }
567 MenuItem-CheckIcon {
568   background-image: url(resources/icons/rap/menu/checkbox.gif );
569 }
570 MenuItem-RadioIcon {
571   background-image: url(resources/icons/rap/menu/radiobutton.gif );
572 }
573 MenuItem-CascadeIcon {
574   background-image: url(resources/icons/rap/menu/arrow.gif );
575 }
576 /* ProgressBar default theme */
577  ProgressBar {
578   background-color: #ffffff;
579   background-image: url(resources/icons/rap/progressbar/progressbar-background.png );
580   border: 1px solid #dbe8ef;
581   border-radius: 10px;
582 }
583 ProgressBar-Indicator {
584   background-color: #6eb02e;
585   border: none;
586   opacity: 0.9;
587 }
588 ProgressBar-Indicator:paused {
589   background-color: #ffcc00;
590 }
591 ProgressBar-Indicator:error {
592   background-color: #d32516;
593 }
594 /* Shell default theme */
595  Shell {
596   animation: none;
597   border: none;
598   border-radius: 2px;
599   background-color: #ffffff;
600   background-image: none;
601   padding: 0;
602   opacity: 1;
603   box-shadow: none;
604 }
605 Shell[TITLE], Shell[BORDER] {
606   background-color: #ffffff;
607   border: 1px solid #6e6e6e;
608   border-radius: 2px;
609   padding: 15px;
610   box-shadow: 0 0 4px #ababab;
611 }
612 Shell[BORDER]:inactive, Shell[TITLE]:inactive {
613   border: 1px solid #cdcdcd;
614   box-shadow: none;
615 }
616 Shell:maximized, Shell:maximized:inactive {
617   border: none;
618   box-shadow: none;
619   border-radius: 0px;
620 }
621 Shell-DisplayOverlay {
622   animation: fadeIn 200ms linear, fadeOut 400ms ease-out;
623   background-image: none;
624   background-color: #808080;
625   opacity: 0.2;
626 }
627 /* Shell titlebar */
628  Shell-Titlebar {
629   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
630   background-color: #4a8aaf;
631   color: #ffffff;
632   padding: 0 10px 0 10px;
633   margin: 0px;
634   height: 38px;
635   border: none;
636   border-radius: 0;
637   text-shadow: none;
638 }
639 Shell-Titlebar:inactive {
640   background-color: #f1f4f6;
641   color: #0f1c23
642 }
643 /* Shell buttons */
644
645 /* Minimize button */
646  Shell-MinButton {
647   background-image: url(resources/icons/rap/window/shell-min.png );
648   margin: 0 -2px 0 0;
649 }
650 Shell-MinButton:hover {
651   background-image: url(resources/icons/rap/window/shell-min-hover.png );
652 }
653 Shell-MinButton:inactive {
654   background-image: url(resources/icons/rap/window/shell-min.png );
655   margin: 0 -2px 0 0;
656 }
657 Shell-MinButton:inactive:hover {
658   background-image: url(resources/icons/rap/window/shell-min-hover.png );
659 }
660 /* Maximize button */
661  Shell-MaxButton {
662   background-image: url(resources/icons/rap/window/shell-max.png );
663   margin: 0 -2px 0 0;
664 }
665 Shell-MaxButton:hover {
666   background-image: url(resources/icons/rap/window/shell-max-hover.png );
667 }
668 Shell-MaxButton:inactive {
669   background-image: url(resources/icons/rap/window/shell-max.png );
670   margin: 0 -2px 0 0;
671 }
672 Shell-MaxButton:inactive:hover {
673   background-image: url(resources/icons/rap/window/shell-max-hover.png );
674 }
675 /* Restore button */
676  Shell-MaxButton:maximized {
677   background-image: url(resources/icons/rap/window/shell-restore.png );
678 }
679 Shell-MaxButton:maximized:hover {
680   background-image: url(resources/icons/rap/window/shell-restore-hover.png );
681 }
682 Shell-MaxButton:maximized:inactive {
683   background-image: url(resources/icons/rap/window/shell-restore.png );
684 }
685 Shell-MaxButton:maximized:inactive:hover {
686   background-image: url(resources/icons/rap/window/shell-restore-hover.png );
687 }
688 /* Close button */
689  Shell-CloseButton {
690   background-image: url(resources/icons/rap/window/shell-close.png );
691   margin: 0 -2px 0 0;
692 }
693 Shell-CloseButton:hover {
694   background-image: url(resources/icons/rap/window/shell-close-hover.png );
695 }
696 Shell-CloseButton:inactive {
697   background-image: url(resources/icons/rap/window/shell-close.png );
698   margin: 0 -2px 0 0;
699 }
700 Shell-CloseButton:inactive:hover {
701   background-image: url(resources/icons/rap/window/shell-close-hover.png );
702 }
703 /* Spinner default theme */
704  Spinner {
705   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
706   border: none;
707   border-radius: 0 2px 2px 0;
708   color: #464a4e;
709   background-color: #ffffff;
710   background-image: none;
711   text-shadow: none;
712   box-shadow: none;
713 }
714 Spinner[BORDER] {
715   border: 1px solid #aaaaaa;
716   border-radius: 0 2px 2px 0;
717   box-shadow: inset 0 0 3px #cdcdcd;
718 }
719 Spinner[BORDER]:focused {
720   border: 1px solid #4f7cb1;
721   box-shadow: 0 0 5px #4f7cb1;
722 }
723 Spinner:disabled, Spinner[BORDER]:disabled {
724   box-shadow: none;
725 }
726 Spinner-Field {
727   padding: 6px 10px 6px 10px;
728 }
729 Spinner-UpButton {
730   background-color: #efefef;
731   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#efefef));
732   width: 30px;
733   border: none;
734   border-left: 1px solid #cdcdcd;
735   border-radius: 0px 2px 0px 0px;
736   cursor: default;
737 }
738 Spinner-UpButton:disabled {
739   background-image: none;
740   background-color: transparent;
741 }
742 Spinner-UpButton-Icon {
743   background-image: url(resources/icons/rap/spinner/up.png );
744 }
745 Spinner-UpButton-Icon:hover {
746   background-image: url(resources/icons/rap/spinner/up-hover.png );
747 }
748 Spinner-DownButton {
749   background-color: #efefef;
750   background-image: gradient(linear, left top, left bottom, from(#efefef), to(#e4e4e4));
751   width: 30px;
752   border: none;
753   border-left: 1px solid #cdcdcd;
754   border-radius: 0px 0px 2px 0px;
755   cursor: default;
756 }
757 Spinner-DownButton:disabled {
758   background-image: none;
759   background-color: transparent;
760 }
761 Spinner-DownButton-Icon {
762   background-image: url(resources/icons/rap/spinner/down.png );
763 }
764 Spinner-DownButton-Icon:hover {
765   background-image: url(resources/icons/rap/spinner/down-hover.png );
766 }
767 /* TabFolder default theme */
768  TabFolder {
769   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
770   border: none;
771 }
772 TabFolder[BORDER] {
773   border: 1px solid #cdcdcd;
774 }
775 TabFolder-ContentContainer {
776   border: 1px solid #cdcdcd;
777 }
778 TabItem {
779   background-color: #ffffff;
780   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
781   border-top-color: #5882b5;
782   border-bottom-color: #5882b5;
783   text-shadow: 0 1px 0 #ffffff;
784   padding : 6px;
785 }
786 TabItem:selected {
787   color: #216292;
788   background-image: none;
789   padding : 6px 6px 7px 6px;
790 }
791 /* Table default theme */
792  Table {
793   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
794   background-color: #ffffff;
795   background-image: none;
796   color: #4a4a4a;
797   border-bottom: 1px solid #cacfd2;
798 }
799 Table[BORDER] {
800   border: none;
801 }
802 TableColumn {
803   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
804   background-color: #f1f4f6;
805   padding: 4px 10px 4px 10px;
806   background-image: none;
807   border-bottom: 1px solid #cacfd2;
808   text-shadow: 0 1px 0 #ffffff;
809
810 }
811 TableColumn:hover {
812   background-color: #f6f6f6;
813   animation: hoverOut 400ms ease-out;
814 }
815 TableItem {
816   background-color: transparent;
817   color: inherit;
818   text-decoration: none;
819   text-shadow: none;
820   background-image: none;
821   border-bottom: 1px solid #edf1f3;
822 }
823 TableItem:linesvisible {
824   border-bottom: none;
825 }
826 TableItem:linesvisible:even {
827   background-color: #ffffff;
828   color: inherit;
829   border-bottom: none;
830 }
831  Table-RowOverlay {
832   background-color: transparent;
833   color: inherit;
834   background-image: none;
835 }
836 Table-RowOverlay:hover {
837   color: #0f1c23;
838   background-color: #f1f4f6;
839   text-shadow: 0 1px 0 #ffffff;
840 }
841 Table-RowOverlay:selected {
842   color: #0f1c23;
843   background-color: #e5e9ec;
844 }
845 Table-RowOverlay:selected:unfocused {
846   color: inherit;
847   background-color: transparent;
848 }
849 Table-RowOverlay:linesvisible:even:hover {
850   color: #0f1c23;
851 }
852 Table-RowOverlay:linesvisible:even:selected {
853   color: #0f1c23;
854   background-color: #e5e9ec;
855 }
856 Table-RowOverlay:linesvisible:even:selected:unfocused {
857   color: inherit;
858   background-color: transparent;
859 }
860 TableColumn-SortIndicator {
861   background-image: none;
862   spacing: 5px;
863 }
864 TableColumn-SortIndicator:up {
865   background-image: url(resources/icons/rap/column/sort-indicator-up.png );
866 }
867 TableColumn-SortIndicator:down {
868   background-image: url(resources/icons/rap/column/sort-indicator-down.png );
869 }
870 Table-Cell {
871   spacing: 3px;
872   padding: 4px 10px 4px 10px;
873 }
874 Table-GridLine {
875   color: transparent;
876   /*#dedede;*/
877 }
878 Table-GridLine:horizontal {
879   color: #edf1f3;
880   /*transparent;*/
881 }
882 Table-Checkbox {
883   /*
884   For backward compatibility we have to keep the width property.
885   Deprecated, use "margin" instead.
886   */
887   width: 21px;
888   margin: 0 0 0 4px;
889   background-image: url(resources/icons/rap/button/check-unselected.png );
890 }
891 Table-Checkbox:hover {
892   background-image: url(resources/icons/rap/button/check-unselected-hover.png );
893 }
894 Table-Checkbox:checked {
895   background-image: url(resources/icons/rap/button/check-selected.png );
896 }
897 Table-Checkbox:checked:hover {
898   background-image: url(resources/icons/rap/button/check-selected-hover.png );
899 }
900 Table-Checkbox:checked:grayed {
901   background-image: url(resources/icons/rap/button/check-grayed.png );
902 }
903 Table-Checkbox:checked:grayed:hover {
904   background-image: url(resources/icons/rap/button/check-grayed-hover.png );
905 }
906 /* Text default theme - style formfields*/
907  Text {
908   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
909   border: none;
910   border-radius: 2px;
911   padding: 4px 8px 4px 8px;
912   color: #0f1c23;
913   background-color: #ffffff;
914   background-image: none;
915   text-shadow: none;
916   box-shadow: none;
917 }
918 Text[MULTI] {
919   /*
920  * padding currently has no effect because of bug 253644
921  * [TODO] remove comment if bug fixed
922  */
923   padding: 5px 10px 5px 10px;
924 }
925 Text[BORDER], Text[MULTI][BORDER] {
926   border: 1px solid #e5e9ec;
927   border-radius: 4px;
928   background-color: #ffffff;
929   box-shadow: inset 0 0 1px #cdcdcd;
930 }
931 Text[BORDER]:focused, Text[MULTI][BORDER]:focused {
932   border: 1px solid #4a8aaf;
933   box-shadow: none;
934 }
935 Text[BORDER]:disabled, Text[MULTI][BORDER]:disabled, Text[BORDER]:read-only, Text[MULTI][BORDER]:read-only {
936   box-shadow: none;
937   border: none;
938   color: #0f1c23;
939   background-color: #ffffff;
940   padding: 0px;
941 }
942 Text-Message {
943   color: #f1f4f6;
944   text-shadow: none;
945 }
946 Text-Message:disabled {
947   color: #0f1c23;
948   text-shadow: none;
949   padding: 0px;
950 }
951 /*Forms Background*/
952  Composite.batik-panel-form {
953   background-color: #e5e9ec;
954   border: none;
955   border-radius: 4px;
956 }
957 Composite.batik-panel-formfield {
958   background-color: #e5e9ec;
959 }
960 /*Form Backgroungs disabled*/
961 Composite.batik-panel-form-disabled {
962   background-color: #ffffff;
963   border: none;
964   border-radius: 4px;
965 }
966 Composite.batik-panel-formfield-disabled {
967   background-color: #ffffff;
968 }
969 /*Forms Fields*/
970 Label.batik-panel-formfield {
971   border-radius: 0px;
972 }
973 Label.batik-panel-formfield-disabled {
974   color: #0f1c23;
975   border-radius: 0px;
976 }
977 /*Text.batik-panel-formfield {
978   padding: 4px 8px 4px 8px;
979   border: 1px solid green;
980   border-radius: 10px;
981 }
982 Text:disabled.batik-panel-formfield-disabled {
983   padding: 8px 8px 8px 8px;
984   border: 1px solid green;
985   border-radius: 0px;
986 }
987 Text.batik-panel-formfield-disabled {
988   padding: 8px 8px 8px 8px;
989   border: 1px solid green;
990   border-radius: 0px;
991 }*/
992  /*Text:focused.formeditor {
993   background-color: #fff;
994 }*/
995 /* Navigation*/
996 Composite.atlas-navi, Composite.atlas-status, CLabel.atlas-status {
997   background-color: #e5e9ec;
998 }
999 /* ToolBar default theme */
1000  ToolBar {
1001   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1002   color: #4a4a4a;
1003   padding: 0;
1004   spacing: 0;
1005   background-color: #fff;
1006   background-image: none;
1007   border: none;
1008   border-radius: 0;
1009   opacity: 1;
1010 }
1011 ToolBar[BORDER] {
1012   border: 1px solid #a4a4a4;
1013   border-radius: 2px;
1014 }
1015 ToolItem {
1016   color: inherit;
1017   background-color: #fff;
1018   background-image: none;
1019   border: none;
1020   border-radius: 2px;
1021   padding: 8px;
1022   spacing: 4px;
1023   opacity: 1;
1024   animation: none;
1025   text-shadow: none;
1026 }
1027 ToolItem:hover {
1028   background-color: #f0f0f0;
1029   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
1030   border: 1px solid #cdcdcd;
1031   border-radius: 2px;
1032 }
1033 ToolItem:pressed, ToolItem:selected {
1034   border: 1px solid #a4a4a4;
1035   border-radius: 2px;
1036   padding: 9px 8px 8px 9px;
1037   background-image: gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9));
1038 }
1039 ToolItem-DropDownIcon {
1040   background-image: url(resources/icons/rap/toolbar/down.png );
1041   border: none;
1042 }
1043 ToolItem-DropDownIcon:hover {
1044   border: 1px inset;
1045 }
1046 ToolItem-Separator {
1047   width: 4px;
1048 }
1049 /* Tree default theme */
1050  Tree {
1051   background-color: #ffffff;
1052   border: none;
1053   color: #4a4a4a;
1054 }
1055 Tree[BORDER] {
1056   border: 1px solid #cdcdcd;
1057 }
1058 TreeItem {
1059   background-color: transparent;
1060   color: inherit;
1061   text-decoration: none;
1062   text-shadow: none;
1063   background-image: none;
1064 }
1065 TreeItem:linesvisible:even {
1066   background-color: #f0f0f0;
1067   color: inherit;
1068   border: none;
1069 }
1070 Tree-RowOverlay {
1071   background-color: transparent;
1072   color: inherit;
1073   background-image: none;
1074 }
1075 Tree-RowOverlay:hover {
1076   color: #4a4a4a;
1077   background-color: #b5b5b5;
1078   background-image: gradient(linear, left top, left bottom, from(#ebebeb), to(#d5d5d5));
1079 }
1080 Tree-RowOverlay:selected {
1081   color: #ffffff;
1082   background-color: #5882b5;
1083   background-image: gradient(linear, left top, left bottom, from(green), to(#416693));
1084 }
1085 Tree-RowOverlay:selected:unfocused {
1086   color: #ffffff;
1087   background-color: #b5b5b5;
1088   background-image: gradient(linear, left top, left bottom, from(#b5b5b5), to(#818181));
1089 }
1090 Tree-RowOverlay:linesvisible:even:hover {
1091   color: #4a4a4a;
1092   background-color: #b5b5b5;
1093   background-image: gradient(linear, left top, left bottom, from(#ebebeb), to(#d5d5d5));
1094 }
1095 Tree-RowOverlay:linesvisible:even:selected {
1096   color: #ffffff;
1097   background-color: #5882b5;
1098   background-image: gradient(linear, left top, left bottom, from(#5882b5), to(#416693));
1099 }
1100 Tree-RowOverlay:linesvisible:even:selected:unfocused {
1101   color: #ffffff;
1102   background-color: #b5b5b5;
1103   background-image: gradient(linear, left top, left bottom, from(#b5b5b5), to(#818181));
1104 }
1105 TreeColumn {
1106   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1107   color: inherit;
1108   background-color: #f0f0f0;
1109   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
1110   padding: 8px 10px 8px 6px;
1111   border-bottom: 1px solid #cdcdcd;
1112   text-shadow: none;
1113 }
1114 TreeColumn:hover {
1115   background-image: gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9));
1116 }
1117 TreeColumn-SortIndicator {
1118   background-image: none;
1119 }
1120 TreeColumn-SortIndicator:up {
1121   background-image: url(resources/icons/rap/column/sort-indicator-up.png );
1122 }
1123 TreeColumn-SortIndicator:down {
1124   background-image: url(resources/icons/rap/column/sort-indicator-down.png );
1125 }
1126 Tree-Cell {
1127   spacing: 3px;
1128   padding: 5px 3px 5px 3px;
1129 }
1130 Tree-GridLine {
1131   color: #d0d0d0;
1132 }
1133 Tree-GridLine:horizontal {
1134   color: transparent;
1135 }
1136 Tree-Checkbox {
1137   margin: 0px 2px 0px 0px;
1138   background-image: url(resources/icons/rap/button/check-unselected.png );
1139 }
1140 Tree-Checkbox:hover {
1141   background-image: url(resources/icons/rap/button/check-unselected-hover.png );
1142 }
1143 Tree-Checkbox:checked {
1144   background-image: url(resources/icons/rap/button/check-selected.png );
1145 }
1146 Tree-Checkbox:checked:hover {
1147   background-image: url(resources/icons/rap/button/check-selected-hover.png );
1148 }
1149 Tree-Checkbox:checked:grayed {
1150   background-image: url(resources/icons/rap/button/check-grayed.png );
1151 }
1152 Tree-Checkbox:checked:grayed:hover {
1153   background-image: url(resources/icons/rap/button/check-grayed-hover.png );
1154 }
1155 Tree-Indent {
1156   width: 16px;
1157   background-image: none;
1158 }
1159 Tree-Indent:collapsed {
1160   background-image: url(resources/icons/rap/tree/tree-collapsed.png );
1161 }
1162 Tree-Indent:collapsed:hover {
1163   background-image: url(resources/icons/rap/tree/tree-collapsed-hover.png );
1164 }
1165 Tree-Indent:expanded {
1166   background-image: url(resources/icons/rap/tree/tree-expanded.png );
1167 }
1168 Tree-Indent:expanded:hover {
1169   background-image: url(resources/icons/rap/tree/tree-expanded-hover.png );
1170 }
1171 Tree-Indent:line {
1172   background-image: none;
1173 }
1174 Tree-Indent:first {
1175   background-image: none;
1176 }
1177 Tree-Indent:first:collapsed {
1178   background-image: url(resources/icons/rap/tree/tree-collapsed.png );
1179 }
1180 Tree-Indent:first:collapsed:hover {
1181   background-image: url(resources/icons/rap/tree/tree-collapsed-hover.png );
1182 }
1183 Tree-Indent:first:expanded {
1184   background-image: url(resources/icons/rap/tree/tree-expanded.png );
1185 }
1186 Tree-Indent:first:expanded:hover {
1187   background-image: url(resources/icons/rap/tree/tree-expanded-hover.png );
1188 }
1189 Tree-Indent:last {
1190   background-image: none;
1191 }
1192 Tree-Indent:last:collapsed {
1193   background-image: url(resources/icons/rap/tree/tree-collapsed.png );
1194 }
1195 Tree-Indent:last:collapsed:hover {
1196   background-image: url(resources/icons/rap/tree/tree-collapsed-hover.png );
1197 }
1198 Tree-Indent:last:expanded {
1199   background-image: url(resources/icons/rap/tree/tree-expanded.png );
1200 }
1201 Tree-Indent:last:expanded:hover {
1202   background-image: url(resources/icons/rap/tree/tree-expanded-hover.png );
1203 }
1204 Tree-Indent:first:last {
1205   background-image: none;
1206 }
1207 Tree-Indent:first:last:collapsed {
1208   background-image: url(resources/icons/rap/tree/tree-collapsed.png );
1209 }
1210 Tree-Indent:first:last:collapsed:hover {
1211   background-image: url(resources/icons/rap/tree/tree-collapsed-hover.png );
1212 }
1213 Tree-Indent:first:last:expanded {
1214   background-image: url(resources/icons/rap/tree/tree-expanded.png );
1215 }
1216 Tree-Indent:first:last:expanded:hover {
1217   background-image: url(resources/icons/rap/tree/tree-expanded-hover.png );
1218 }
1219 /* Scale default theme */
1220  Scale {
1221   background-color: transparent;
1222   border-radius: 3px;
1223 }
1224 Scale-Thumb {
1225   background-color: #e5e5e5;
1226   border: 1px solid #a4a4a4;
1227   border-radius: 2px 2px 2px 2px;
1228 }
1229 Scale-Thumb:focused {
1230   border: 1px solid #4f7cb1;
1231 }
1232 /* DateTime default theme */
1233  DateTime {
1234   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1235   border: none;
1236   border-radius: 0 2px 2px 0;
1237   color: #464a4e;
1238   background-color: #f5f9fc;
1239   background-image: none;
1240   text-shadow: none;
1241 }
1242 DateTime[BORDER]:focused {
1243   border: 1px solid #4f7cb1;
1244 }
1245 DateTime-Field {
1246   padding: 5px 3px 6px 3px;
1247   text-shadow: none;
1248 }
1249 DateTime[BORDER] {
1250   border: 1px solid #cdcdcd;
1251   border-radius: 0 2px 2px 0;
1252 }
1253 DateTime-Calendar-Day {
1254   text-shadow: none;
1255 }
1256 DateTime-Field:selected, DateTime-Calendar-Day:selected {
1257   background-color: #5882b5;
1258   color: #ffffff;
1259 }
1260 DateTime-Calendar-Day:selected:hover {
1261   background-color: #5882b5;
1262   color: #ffffff;
1263 }
1264 DateTime-Calendar-Day:selected:unfocused {
1265   background-color: #c0c0c0;
1266 }
1267 DateTime-Calendar-Day:otherMonth {
1268   background-color: transparent;
1269   color: #808080;
1270 }
1271 DateTime-Calendar-Day:hover {
1272   background-color: #b5b5b5;
1273 }
1274 DateTime-Calendar-Navbar {
1275   border: none;
1276   border-radius: 0;
1277   background-color: #00569c;
1278   background-image: gradient(linear, left top, left bottom, from(#416693), to(#5882b5));
1279   color: white;
1280   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1281   text-shadow: none;
1282 }
1283 DateTime-Calendar-PreviousMonthButton {
1284   background-image: url(resources/icons/rap/calendar/lastMonth.png );
1285   cursor: default;
1286 }
1287 DateTime-Calendar-PreviousMonthButton:hover {
1288   background-image: url(resources/icons/rap/calendar/lastMonth-hover.png );
1289 }
1290 DateTime-Calendar-NextMonthButton {
1291   background-image: url(resources/icons/rap/calendar/nextMonth.png );
1292   cursor: default;
1293 }
1294 DateTime-Calendar-NextMonthButton:hover {
1295   background-image: url(resources/icons/rap/calendar/nextMonth-hover.png );
1296 }
1297 DateTime-Calendar-PreviousYearButton {
1298   background-image: url(resources/icons/rap/calendar/lastYear.png );
1299   cursor: default;
1300 }
1301 DateTime-Calendar-PreviousYearButton:hover {
1302   background-image: url(resources/icons/rap/calendar/lastYear-hover.png );
1303 }
1304 DateTime-Calendar-NextYearButton {
1305   background-image: url(resources/icons/rap/calendar/nextYear.png );
1306   cursor: default;
1307 }
1308 DateTime-Calendar-NextYearButton:hover {
1309   background-image: url(resources/icons/rap/calendar/nextYear-hover.png );
1310 }
1311 DateTime-UpButton {
1312   background-color: #f0f0f0;
1313   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#efefef));
1314   width: 30px;
1315   border: none;
1316   border-left: 1px solid #cdcdcd;
1317   border-radius: 0px 2px 0px 0px;
1318   cursor: default;
1319 }
1320 DateTime-UpButton-Icon {
1321   background-image: url(resources/icons/rap/datetime/up.png );
1322 }
1323 DateTime-UpButton-Icon:hover {
1324   background-image: url(resources/icons/rap/datetime/up-hover.png );
1325 }
1326 DateTime-DownButton {
1327   background-color: #f0f0f0;
1328   background-image: gradient(linear, left top, left bottom, from(#efefef), to(#e4e4e4));
1329   width: 30px;
1330   border: none;
1331   border-left: 1px solid #cdcdcd;
1332   border-radius: 0px 0px 2px 0px;
1333   cursor: default;
1334 }
1335 DateTime-DownButton-Icon {
1336   background-image: url(resources/icons/rap/datetime/down.png );
1337 }
1338 DateTime-DownButton-Icon:hover {
1339   background-image: url(resources/icons/rap/datetime/down-hover.png );
1340 }
1341 DateTime-DropDownButton {
1342   cursor: default;
1343   background-color: #f0f0f0;
1344   border: none;
1345   border-left: 1px solid #cdcdcd;
1346   border-radius: 0px 2px 2px 0px;
1347   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
1348   width: 30px;
1349 }
1350 DateTime-DropDownButton:disabled, DateTime-UpButton:disabled, DateTime-DownButton:disabled {
1351   background-image: none;
1352   background-color: transparent;
1353 }
1354 DateTime-DropDownButton-Icon {
1355   background-image: url(resources/icons/rap/spinner/down.png );
1356 }
1357 DateTime-DropDownButton-Icon:hover {
1358   background-image: url(resources/icons/rap/spinner/down-hover.png );
1359 }
1360 DateTime-DropDownCalendar {
1361   border: 1px #a7a6aa;
1362 }
1363 /* ExpandBar default theme */
1364  ExpandBar {
1365   color: #4a4a4a;
1366   background-color: white;
1367 }
1368 ExpandBar[BORDER] {
1369   border: 1px solid #cdcdcd;
1370   border-radius: 2px;
1371 }
1372 ExpandItem {
1373   border: 1px solid #cdcdcd;
1374   border-radius: 2px;
1375 }
1376 ExpandItem-Header {
1377   border: none;
1378   border-radius: 0;
1379   cursor: pointer;
1380   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
1381   text-shadow: none;
1382 }
1383 ExpandItem-Header:disabled {
1384   cursor: default;
1385 }
1386 ExpandItem-Button {
1387   background-image: url(resources/icons/rap/expanditem/expanditem-expand.png );
1388 }
1389 ExpandItem-Button:hover {
1390   background-image: url(resources/icons/rap/expanditem/expanditem-expand-hover.png );
1391 }
1392 ExpandItem-Button:expanded {
1393   background-image: url(resources/icons/rap/expanditem/expanditem-collapse.png );
1394 }
1395 ExpandItem-Button:expanded:hover {
1396   background-image: url(resources/icons/rap/expanditem/expanditem-collapse-hover.png );
1397 }
1398 /* Sash default theme */
1399  Sash {
1400   border: none;
1401   background-image: none;
1402   background-color: transparent;
1403 }
1404 Sash[BORDER] {
1405   border: 1px solid #cdcdcd;
1406 }
1407 Sash:hover {
1408   background-color: #e5e5e5;
1409 }
1410 Sash-Handle:horizontal {
1411   background-image: url(resources/icons/rap/sash/sash-handle-horizontal.png );
1412 }
1413 Sash-Handle:vertical {
1414   background-image: url(resources/icons/rap/sash/sash-handle-vertical.png );
1415 }
1416 /* Slider default theme */
1417  Slider {
1418   border: none;
1419   background-color: #f0f0f0;
1420   border-radius: 2px;
1421 }
1422 /* Thumb */
1423  Slider-Thumb[HORIZONTAL], Slider-Thumb[VERTICAL] {
1424   background-color: #e4e4e4;
1425   background-image: url(resources/icons/rap/slider/slider-background.png );
1426   border: 1px solid #cdcdcd;
1427   border-radius: 2px;
1428 }
1429 /* Buttons */
1430  Slider-UpButton, Slider-DownButton {
1431   background-color: #e4e4e4;
1432   border: 1px solid #cdcdcd;
1433   cursor: default;
1434   padding: 0;
1435 }
1436 Slider-UpButton[HORIZONTAL], Slider-DownButton[HORIZONTAL] {
1437   background-image: none;
1438 }
1439 Slider-UpButton[VERTICAL], Slider-DownButton[VERTICAL] {
1440   background-image: none;
1441 }
1442 Slider-UpButton[HORIZONTAL]:pressed, Slider-DownButton[HORIZONTAL]:pressed {
1443   background-image: none;
1444 }
1445 Slider-UpButton[VERTICAL]:pressed, Slider-DownButton[VERTICAL]:pressed {
1446   background-image: none;
1447 }
1448 /* Rounded Borders */
1449  Slider-UpButton[HORIZONTAL] {
1450   border-radius: 0px 2px 2px 0px;
1451 }
1452 Slider-UpButton[VERTICAL] {
1453   border-radius: 0px 0px 2px 2px;
1454 }
1455 Slider-DownButton[HORIZONTAL] {
1456   border-radius: 2px 0px 0px 2px;
1457 }
1458 Slider-DownButton[VERTICAL] {
1459   border-radius: 2px 2px 0px 0px;
1460 }
1461 /* Button Icons */
1462  Slider-UpButton-Icon[HORIZONTAL] {
1463   background-image: url(resources/icons/rap/slider/right.png );
1464 }
1465 Slider-UpButton-Icon[VERTICAL] {
1466   background-image: url(resources/icons/rap/slider/down.png );
1467 }
1468 Slider-DownButton-Icon[HORIZONTAL] {
1469   background-image: url(resources/icons/rap/slider/left.png );
1470 }
1471 Slider-DownButton-Icon[VERTICAL] {
1472   background-image: url(resources/icons/rap/slider/up.png );
1473 }
1474 /* ToolTip default theme */
1475  ToolTip {
1476   cursor: default;
1477   border: 0px solid #cdcdcd;
1478   border-radius: 4px;
1479   padding: 2px 4px;
1480   opacity: 1;
1481   color: #0f1c23;
1482   background-image : gradient(linear, left top, right top, from(#fffae5), to(#fff5ce));
1483   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1484   background-color: #fffae5;
1485   animation: fadeIn 200ms linear, fadeOut 50ms ease-out;
1486   box-shadow: 1px 1px 4px #181881;
1487 }
1488 ToolTip-Image[ICON_ERROR] {
1489   background-image: url(resources/icons/rap/tooltip/error.png );
1490 }
1491 ToolTip-Image[ICON_INFORMATION] {
1492   background-image: url(resources/icons/rap/tooltip/information.png );
1493 }
1494 ToolTip-Image[ICON_WARNING] {
1495   background-image: url(resources/icons/rap/tooltip/warning.png );
1496 }
1497 ToolTip-Text {
1498   color: #4a4a4a;
1499   font: bold 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1500   text-shadow: none;
1501 }
1502 ToolTip-Message {
1503   color: #4a4a4a;
1504   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1505   text-shadow: none;
1506 }
1507 Widget-ToolTip {
1508   border: 1px solid #cdcdcd;
1509   border-radius: 4px;
1510   padding: 2px 4px;
1511   opacity: 1;
1512   color: #0f1c23;
1513   background-image : gradient(linear, left top, right top, from(#fffae5), to(#fff5ce));
1514   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1515   animation: fadeIn 100ms linear, fadeOut 50ms ease-out;
1516   box-shadow: 2px 2px 3px #cdcdcd;
1517 }
1518 /* CCombo default theme */
1519  CCombo {
1520   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1521   color: #4a4a4a;
1522   background-color: #ffffff;
1523   background-image: none;
1524   border: none;
1525   border-radius: 0 2px 2px 0;
1526   text-shadow: none;
1527   box-shadow: none;
1528 }
1529 CCombo[BORDER] {
1530   border: 1px solid #aaaaaa;
1531   border-radius: 0 2px 2px 0;
1532   box-shadow: inset 0 0 3px #cdcdcd;
1533 }
1534 CCombo[BORDER]:focused {
1535   border: 1px solid #4f7cb1;
1536   box-shadow: 0 0 5px #4f7cb1;
1537 }
1538 CCombo:disabled, CCombo[BORDER]:disabled {
1539   box-shadow: none;
1540 }
1541 CCombo-Button {
1542   cursor: default;
1543   background-color: #efefef;
1544   background-image: gradient(linear, left top, left bottom, from(#f9f9f9), to(#e4e4e4));
1545   border: none;
1546   border-left: 1px solid #cdcdcd;
1547   border-radius: 0px 2px 2px 0px;
1548   width: 30px;
1549 }
1550 CCombo-Button:disabled {
1551   background-image: none;
1552   background-color: transparent;
1553 }
1554 CCombo-Button-Icon {
1555   background-image: url(resources/icons/rap/ccombo/down.png );
1556 }
1557 CCombo-Button-Icon:hover {
1558   background-image: url(resources/icons/rap/ccombo/down-hover.png );
1559 }
1560 CCombo-List {
1561   border: 1px solid #4f7cb1;
1562   box-shadow: 0 0 5px #4f7cb1;
1563   border-radius: 2px;
1564 }
1565 CCombo-Field {
1566   padding: 5px 10px 5px 10px;
1567 }
1568 CCombo-FocusIndicator {
1569   background-color: transparent;
1570   border: none;
1571   margin: 0;
1572   opacity: 0;
1573 }
1574 /* CLabel default theme */
1575  CLabel {
1576   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1577   color: #4a4a4a;
1578   background-color: #ffffff;
1579   background-image: none;
1580   border: none;
1581   padding: 6px;
1582   spacing: 5px;
1583   cursor: default;
1584   opacity: 1;
1585   text-shadow: none;
1586 }
1587 CLabel[BORDER] {
1588   border: 1px solid #cdcdcd;
1589   border-radius: 2px;
1590 }
1591 /* Browser default theme */
1592  Browser {
1593   border: none;
1594 }
1595 Browser[BORDER] {
1596   border: 1px solid #a4a4a4;
1597 }
1598 /* ScrollBar default theme */
1599  ScrollBar {
1600   background-color: #f0f0f0;
1601   background-image: none;
1602   border: none;
1603   border-radius: 0;
1604   width: 10px;
1605 }
1606 ScrollBar-Thumb {
1607   background-color: #f0f0f0;
1608   border: 1px solid #cdcdcd;
1609   border-radius: 15px;
1610   background-image: url(resources/icons/rap/scrollbar/scrollbar-background.png );
1611   min-height: 20px;
1612 }
1613 ScrollBar-UpButton, ScrollBar-DownButton {
1614   background-color: transparent;
1615   border: none;
1616   border-radius: 0;
1617   cursor: default;
1618 }
1619 ScrollBar-UpButton[HORIZONTAL] {
1620   background-image: url(resources/icons/rap/scrollbar/right.png );
1621 }
1622 ScrollBar-DownButton[HORIZONTAL] {
1623   background-image: url(resources/icons/rap/scrollbar/left.png );
1624 }
1625 ScrollBar-UpButton[VERTICAL] {
1626   background-image: url(resources/icons/rap/scrollbar/down.png )
1627 }
1628 ScrollBar-DownButton[VERTICAL] {
1629   background-image: url(resources/icons/rap/scrollbar/up.png );
1630 }
1631 /* FileUpload default theme */
1632  FileUpload {
1633   font: 14px"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1634   background-image: none;
1635   border: none;
1636   border-radius: 4px;
1637   padding: 6px 15px;
1638   spacing: 2px;
1639   cursor: default;
1640   animation: none;
1641   color: #ffffff;
1642   background-color: #5a9cbd;
1643   opacity: 1;
1644   text-shadow: none;
1645 }
1646 FileUpload:disabled {
1647   cursor: default;
1648   color: #d2d2d2;
1649   background-image: none;
1650   background-color: #fafafa;
1651   border: 1px solid #d2d2d2;
1652 }
1653 FileUpload:hover {
1654   background-color: #216292;
1655 }
1656 FileUpload:pressed {
1657   background-color: #216292;
1658 }
1659 FileUpload-FocusIndicator {
1660   background-color: transparent;
1661   border: 1px dotted #b8b8b8;
1662   margin: 2px;
1663   padding: 0px;
1664   opacity: 1;
1665 }
1666 /* JFace specific theming */
1667  Shell.jface_contentProposalPopup, Shell.jface_infoPopupDialog {
1668   border: 1px solid #cdcdcd;
1669   padding: 0;
1670   box-shadow: 0 0 4px #ababab;
1671 }
1672 /* Mosaic User-Styles */
1673
1674 /* Mosaic CSS-Pseudoklassen */
1675
1676 /*Section Heading*/
1677  Label.batik-panel-section-title {
1678   font: 22px/150%"Open Sans", "Lucida Sans", Helvetica, Verdana, Arial, sans-serif;
1679   color: #0f1c23;
1680   border: none;
1681 }
1682 /* Label.batik-panel-section-separator {
1683   opacity: 0;
1684 }*/
1685 Label:disabled.batik-panel-section-title {
1686   opacity: 0.3;
1687 }
1688 /*--------------*/