source: branches/gdl-frontend/src/anaToMia/hosted_files/gdl_widgets/gwt/clean/clean.css

Last change on this file was 976, checked in by lgiessmann, 13 years ago

gdl-frontend: updated all hosted javascript files for the gdl-frontend
File size: 28.6 KB
Line 
1/**
2 * The file contains styles for GWT widgets in the Clean theme.
3 *
4 * In order to maintain cross-browser compatibility, the following syntax is
5 * used to create IE6 specific style rules:
6 *    .gwt-Widget {
7 *      property: rule applies to all browsers
8 *      -property: rule applies only to IE6 (overrides previous rule)
9 *    }
10 *    * html .gwt-Widget {
11 *      property: rule applies to all versions of IE
12 *    }
13 */
14
15body, table td, select, button {
16  font-family: Arial Unicode MS, Arial, sans-serif;
17  font-size: small;
18}
19pre {
20  font-family: "courier new", courier;
21  font-size: small;
22}
23body {
24  color: black;
25  margin: 10px;
26  border: 0px;
27  padding: 0px;
28  background: #fff;
29  direction: ltr;
30}
31a, a:visited {
32  color: #0066cc;
33  text-decoration:none;
34}
35
36a:hover {
37  color: #0066cc;
38  text-decoration:underline;
39}
40
41select {
42  background: white;
43}
44
45/**
46 * The reference theme can be used to determine when this style sheet has
47 * loaded.  Create a hidden div element with absolute position, assign the style
48 * name below, and attach it to the DOM.  Use a timer to detect when the
49 * element's height and width are set to 5px.
50 */
51.gwt-Reference-clean {
52  height: 5px;
53  width: 5px;
54  zoom: 1;
55}
56
57.gwt-Button {
58  margin: 0;
59  padding: 5px 7px;
60  text-decoration: none;
61  cursor: pointer;
62  cursor: hand;
63  font-size:small;
64  background: url("images/hborder.png") repeat-x 0px -2077px;
65  border:1px solid #bbb;
66  border-bottom: 1px solid #a0a0a0;
67  border-radius: 3px;
68 -moz-border-radius: 3px;
69}
70.gwt-Button:active {
71  border: 1px inset #ccc;
72}
73.gwt-Button:hover {
74  border-color: #939393;
75}
76.gwt-Button[disabled] {
77  cursor: default;
78  color: #888;
79}
80.gwt-Button[disabled]:hover {
81  border: 1px outset #ccc;
82}
83
84.gwt-CheckBox {
85}
86.gwt-CheckBox-disabled {
87  color: #888;
88}
89
90.gwt-DecoratorPanel {
91}
92.gwt-DecoratorPanel .topCenter {
93  border-top: 1px solid #bbb;
94  line-height: 0px;
95}
96.gwt-DecoratorPanel .bottomCenter {
97  border-bottom: 1px solid #bbb;
98  line-height: 0px;
99}
100.gwt-DecoratorPanel .topCenterInner,
101.gwt-DecoratorPanel .bottomCenterInner {
102  height: 1px;
103  line-height: 0px;
104  font-size: 1px;
105}
106.gwt-DecoratorPanel .middleLeft {
107  border-left: 1px solid #bbb;
108}
109.gwt-DecoratorPanel .middleRight {
110  border-right: 1px solid #bbb;
111}
112.gwt-DecoratorPanel .middleLeftInner,
113.gwt-DecoratorPanel .middleRightInner {
114  width: 1px;
115  line-height: 1px;
116}
117.gwt-DecoratorPanel .topLeftInner,
118.gwt-DecoratorPanel .topRightInner,
119.gwt-DecoratorPanel .bottomLeftInner,
120.gwt-DecoratorPanel .bottomRightInner {
121  width: 5px;
122  height: 5px;
123  zoom: 1;
124  font-size: 1px;
125  overflow: hidden;
126}
127.gwt-DecoratorPanel .topLeft {
128  line-height: 0px;
129  background: url(images/circles.png) no-repeat 0px -6px;
130  -background: url(images/circles_ie6.png) no-repeat 0px -6px;
131}
132.gwt-DecoratorPanel .topRight {
133  line-height: 0px;
134  background: url(images/circles.png) no-repeat -5px -6px;
135  -background: url(images/circles_ie6.png) no-repeat -5px -6px;
136}
137.gwt-DecoratorPanel .bottomLeft {
138  line-height: 0px;
139  background: url(images/circles.png) no-repeat 0px -11px;
140  -background: url(images/circles_ie6.png) no-repeat 0px -11px;
141}
142.gwt-DecoratorPanel .bottomRight {
143  line-height: 0px;
144  background: url(images/circles.png) no-repeat -5px -11px;
145  -background: url(images/circles_ie6.png) no-repeat -5px -11px;
146}
147* html .gwt-DecoratorPanel .topLeftInner,
148* html .gwt-DecoratorPanel .topRightInner,
149* html .gwt-DecoratorPanel .bottomLeftInner,
150* html .gwt-DecoratorPanel .bottomRightInner {
151  width: 5px;
152  height: 5px;
153  overflow: hidden;
154}
155
156.gwt-DialogBox .Caption {
157  background: #F1F1F1;
158  padding: 4px 8px 4px 4px;
159  cursor: default;
160  font-family: Arial Unicode MS, Arial, sans-serif;
161  font-weight: bold;
162  border-bottom: 1px solid #bbbbbb;
163  border-top: 1px solid #D2D2D2;
164}
165.gwt-DialogBox .dialogContent {
166}
167.gwt-DialogBox .dialogMiddleCenter {
168  padding: 3px;
169  background: white;
170}
171.gwt-DialogBox .dialogBottomCenter {
172  background: url(images/hborder.png) repeat-x 0px -2945px;
173  -background: url(images/hborder_ie6.png) repeat-x 0px -2144px;
174}
175.gwt-DialogBox .dialogMiddleLeft {
176  background: url(images/vborder.png) repeat-y -31px 0px;
177}
178.gwt-DialogBox .dialogMiddleRight {
179  background: url(images/vborder.png) repeat-y -32px 0px;
180  -background: url(images/vborder_ie6.png) repeat-y -32px 0px;
181}
182.gwt-DialogBox .dialogTopLeftInner {
183  width: 10px;
184  height: 8px;
185  zoom: 1;
186}
187.gwt-DialogBox .dialogTopRightInner {
188  width: 12px;
189  zoom: 1;
190}
191.gwt-DialogBox .dialogBottomLeftInner {
192  width: 10px;
193  height: 12px;
194  zoom: 1;
195}
196.gwt-DialogBox .dialogBottomRightInner {
197  width: 12px;
198  height: 12px;
199  zoom: 1;
200}
201.gwt-DialogBox .dialogTopLeft {
202  background: url(images/circles.png) no-repeat -20px 0px;
203  -background: url(images/circles_ie6.png) no-repeat -20px 0px;
204}
205.gwt-DialogBox .dialogTopRight {
206  background: url(images/circles.png) no-repeat -28px 0px;
207  -background: url(images/circles_ie6.png) no-repeat -28px 0px;
208}
209.gwt-DialogBox .dialogBottomLeft {
210  background: url(images/circles.png) no-repeat 0px -36px;
211  -background: url(images/circles_ie6.png) no-repeat 0px -36px;
212}
213.gwt-DialogBox .dialogBottomRight {
214  background: url(images/circles.png) no-repeat -8px -36px;
215  -background: url(images/circles_ie6.png) no-repeat -8px -36px;
216}
217* html .gwt-DialogBox .dialogTopLeftInner {
218  width: 10px;
219  overflow: hidden;
220}
221* html .gwt-DialogBox .dialogTopRightInner {
222  width: 12px;
223  overflow: hidden;
224}
225* html .gwt-DialogBox .dialogBottomLeftInner {
226  width: 10px;
227  height: 12px;
228  overflow: hidden;
229}
230* html .gwt-DialogBox .dialogBottomRightInner {
231  width: 12px;
232  height: 12px;
233  overflow: hidden;
234}
235
236.gwt-DisclosurePanel {
237}
238.gwt-DisclosurePanel-open {
239}
240.gwt-DisclosurePanel-closed {
241}
242.gwt-DisclosurePanel .header,
243.gwt-DisclosurePanel .header a,
244.gwt-DisclosurePanel .header td {
245  text-decoration: none;  /* Remove underline from header */
246  color: black; 
247  cursor: pointer;
248  cursor: hand;
249}
250.gwt-DisclosurePanel .content {
251  border-left: 3px solid #e7e7e7;
252  padding: 4px 0px 4px 8px;
253  margin-left: 6px;
254}
255
256.gwt-FileUpload {
257}
258
259.gwt-Frame {
260  border-top: 2px solid #666;
261  border-left: 2px solid #666;
262  border-right: 2px solid #bbb;
263  border-bottom: 2px solid #bbb;
264}
265
266.gwt-HorizontalSplitPanel {
267}
268.gwt-HorizontalSplitPanel .hsplitter {
269  cursor: move;
270  border: 0px; 
271  background: #e7e7e7;
272  line-height: 0px;
273}
274.gwt-VerticalSplitPanel {
275}
276.gwt-VerticalSplitPanel .vsplitter {
277  cursor: move;
278  border: 0px; 
279  background: #e7e7e7;
280  line-height: 0px;
281}
282
283.gwt-HTML {
284  padding: 0 0px;
285}
286
287.gwt-Hyperlink {
288}
289
290.gwt-Image {
291}
292
293.gwt-Label {
294}
295
296.gwt-ListBox {
297}
298
299.gwt-MenuBar {
300  cursor: default;
301}
302.gwt-MenuBar .gwt-MenuItem {
303  cursor: default;
304  font-family: Arial Unicode MS, Arial, sans-serif;
305}
306.gwt-MenuBar .gwt-MenuItem-selected {
307  background: #E3E8F3;
308}
309.gwt-MenuBar-horizontal {
310  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
311  border: 1px solid #e0e0e0;
312}
313.gwt-MenuBar-horizontal .gwt-MenuItem {
314  padding: 5px 10px;
315  vertical-align: bottom;
316  color: #000;
317  font-weight: bold;
318}
319.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
320  width: 1px;
321  padding: 0px;
322  margin: 0px;
323  border: 0px;
324  border-left: 1px solid #ccc;
325  background: white;
326}
327.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
328  width: 1px;
329  height: 1px;
330  background: white; 
331}
332.gwt-MenuBar-vertical {
333  margin-top: 0px;
334  margin-left: 0px;
335  background: white;
336}
337.gwt-MenuBar-vertical table {
338  border-collapse: collapse;
339}
340.gwt-MenuBar-vertical .gwt-MenuItem {
341  padding: 2px 40px 2px 1px;
342}
343.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
344  padding: 2px 0px;
345}
346.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
347  height: 1px;
348  padding: 0px;
349  border: 0px;
350  border-top: 1px solid #ccc;
351  overflow: hidden;
352}
353.gwt-MenuBar-vertical .subMenuIcon {
354  padding-right: 4px;
355}
356.gwt-MenuBar-vertical .subMenuIcon-selected {
357  background: #E3E8F3;
358}
359.gwt-MenuBarPopup {
360  margin: 0px 0px 0px 3px;
361}
362.gwt-MenuBarPopup .menuPopupTopCenter {
363  background: url(images/hborder.png) 0px -12px repeat-x;
364}
365.gwt-MenuBarPopup .menuPopupBottomCenter {
366  background: url(images/hborder.png) 0px -13px repeat-x;
367  -background: url(images/hborder_ie6.png) 0px -13px repeat-x;
368}
369.gwt-MenuBarPopup .menuPopupMiddleLeft {
370  background: url(images/vborder.png) -12px 0px repeat-y;
371  -background: url(images/vborder_ie6.png) -12px 0px repeat-y;
372}
373.gwt-MenuBarPopup .menuPopupMiddleRight {
374  background: url(images/vborder.png) -13px 0px repeat-y;
375  -background: url(images/vborder_ie6.png) -13px 0px repeat-y;
376}
377.gwt-MenuBarPopup .menuPopupTopLeftInner {
378  width: 5px;
379  height: 5px;
380  zoom: 1;
381}
382.gwt-MenuBarPopup .menuPopupTopRightInner {
383  width: 8px;
384  height: 5px;
385  zoom: 1;
386}
387.gwt-MenuBarPopup .menuPopupBottomLeftInner {
388  width: 5px;
389  height: 8px;
390  zoom: 1;
391}
392.gwt-MenuBarPopup .menuPopupBottomRightInner {
393  width: 8px;
394  height: 8px;
395  zoom: 1;
396}
397.gwt-MenuBarPopup .menuPopupTopLeft {
398  background: url(images/corner.png) no-repeat 0px -36px;
399  -background: url(images/corner_ie6.png) no-repeat 0px -36px;
400}
401.gwt-MenuBarPopup .menuPopupTopRight {
402  background: url(images/corner.png) no-repeat -5px -36px;
403  -background: url(images/corner_ie6.png) no-repeat -5px -36px;
404}
405.gwt-MenuBarPopup .menuPopupBottomLeft {
406  background: url(images/corner.png) no-repeat 0px -41px;
407  -background: url(images/corner_ie6.png) no-repeat 0px -41px;
408}
409.gwt-MenuBarPopup .menuPopupBottomRight {
410  background: url(images/corner.png) no-repeat -5px -41px;
411  -background: url(images/corner_ie6.png) no-repeat -5px -41px;
412}
413* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
414  width: 5px;
415  height: 5px;
416  overflow: hidden;
417}
418* html .gwt-MenuBarPopup .menuPopupTopRightInner {
419  width: 8px;
420  height: 5px;
421  overflow: hidden;
422}
423* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
424  width: 5px;
425  height: 8px;
426  overflow: hidden;
427}
428* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
429  width: 8px;
430  height: 8px;
431  overflow: hidden;
432}
433
434.gwt-PasswordTextBox {
435  padding: 5px 4px;
436  border: 1px solid #ccc;
437  border-top: 1px solid #999;
438  font-size: 100%;
439}
440.gwt-PasswordTextBox-readonly {
441  color: #888;
442}
443
444.gwt-PopupPanel {
445  border: 3px solid #e7e7e7;
446  padding: 3px;
447  background: white;
448}
449
450.gwt-DecoratedPopupPanel .popupContent {
451}
452.gwt-DecoratedPopupPanel .popupMiddleCenter {
453  padding: 3px;
454  background: #f1f1f1;
455}
456.gwt-DecoratedPopupPanel .popupTopCenter {
457  background: url(images/hborder.png) 0px -2937px repeat-x;
458}
459.gwt-DecoratedPopupPanel .popupBottomCenter {
460  background:  url(images/hborder.png) repeat-x 0px -2938px;
461  -background: url(images/hborder_ie6.png) repeat-x 0px -2138px;
462}
463.gwt-DecoratedPopupPanel .popupMiddleLeft {
464  background: url(images/vborder.png) -21px 0px repeat-y;
465}
466.gwt-DecoratedPopupPanel .popupMiddleRight {
467  background: url(images/vborder.png) repeat-y -24px 0px;
468  -background: url(images/vborder_ie6.png) repeat-y -24px 0px;
469}
470.gwt-DecoratedPopupPanel .popupTopLeftInner {
471  width: 6px;
472  height: 5px;
473  zoom: 1;
474}
475.gwt-DecoratedPopupPanel .popupTopRightInner {
476  width: 6px;
477  height: 5px;
478  zoom: 1;
479}
480.gwt-DecoratedPopupPanel .popupBottomLeftInner {
481  width: 6px;
482  height: 6px;
483  zoom: 1;
484}
485.gwt-DecoratedPopupPanel .popupBottomRightInner {
486  width: 6px;
487  height: 6px;
488  zoom: 1;
489}
490.gwt-DecoratedPopupPanel .popupTopLeft {
491  background: url(images/circles.png) no-repeat 0px -16px;
492  -background: url(images/circles_ie6.png) no-repeat 0px -16px;
493}
494.gwt-DecoratedPopupPanel .popupTopRight {
495  background: url(images/circles.png) no-repeat -6px -16px;
496  -background: url(images/circles_ie6.png) no-repeat -6px -16px;
497}
498.gwt-DecoratedPopupPanel .popupBottomLeft {
499  background: url(images/circles.png) no-repeat 0px -21px;
500  -background: url(images/circles_ie6.png) no-repeat 0px -21px;
501}
502.gwt-DecoratedPopupPanel .popupBottomRight {
503  background: url(images/circles.png) no-repeat -6px -21px;
504  -background: url(images/circles_ie6.png) no-repeat -6px -21px;
505}
506* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
507  width: 6px;
508  height: 5px;
509  overflow: hidden;
510}
511* html .gwt-DecoratedPopupPanel .popupTopRightInner {
512  width: 6px;
513  height: 5px;
514  overflow: hidden;
515}
516* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
517  width: 6px;
518  height: 6px;
519  overflow: hidden;
520}
521* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
522  width: 6px;
523  height: 6px;
524  overflow: hidden;
525}
526
527.gwt-PopupPanelGlass {
528  background-color: #000;
529  opacity: 0.3;
530  filter: alpha(opacity=30);
531}
532
533.gwt-PushButton-up,
534.gwt-PushButton-up-hovering,
535.gwt-PushButton-up-disabled,
536.gwt-PushButton-down,
537.gwt-PushButton-down-hovering,
538.gwt-PushButton-down-disabled {
539  margin: 0;
540  text-decoration: none;
541  background: url("images/hborder.png") repeat-x 0px -27px;
542  border-radius: 2px;
543  -moz-border-radius: 2px;
544}
545.gwt-PushButton-up,
546.gwt-PushButton-up-hovering,
547.gwt-PushButton-up-disabled {
548  padding: 3px 5px 3px 5px;
549}
550.gwt-PushButton-up {
551  border:1px solid #bbb;
552  border-bottom: 1px solid #a0a0a0;
553  cursor: pointer;
554  cursor: hand;
555}
556.gwt-PushButton-up-hovering {
557  border: 1px solid;
558  border-color: #939393;
559  cursor: pointer;
560  cursor: hand;
561}
562.gwt-PushButton-up-disabled {
563  border: 1px solid #bbb;
564  cursor: default;
565  opacity: .5;
566  filter: alpha(opacity=45);
567  zoom: 1;
568}
569.gwt-PushButton-down,
570.gwt-PushButton-down-hovering,
571.gwt-PushButton-down-disabled {
572  padding: 4px 4px 2px 6px;
573  outline:none;
574}
575.gwt-PushButton-down {
576  border: 1px inset #666;
577  cursor: pointer;
578  cursor: hand;
579}
580.gwt-PushButton-down-hovering {
581  border: 1px solid #939393;
582  border-top: 1px solid #333333;
583  cursor: pointer;
584  cursor: hand;
585}
586.gwt-PushButton-down-disabled {
587  border: 1px outset #ccc;
588  cursor: default;
589  opacity: 0.5;
590  filter: alpha(opacity=45);
591  zoom: 1;
592}
593
594.gwt-RadioButton {
595}
596.gwt-RadioButton-disabled {
597  color: #888;
598}
599
600.gwt-RichTextArea {
601}
602.hasRichTextToolbar {
603  border: 0px;
604}
605.gwt-RichTextToolbar {
606  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
607  border-bottom: 1px solid #BBBBBB;
608  padding: 3px;
609  margin: 0px;
610}
611.gwt-RichTextToolbar .gwt-PushButton-up {
612  padding: 0px 1px 0px 0px;
613  margin-right: 4px;
614  margin-bottom: 4px;
615  border-width: 1px; 
616}
617.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
618  margin-right: 4px;
619  margin-bottom: 4px;
620  padding: 0px 1px 0px 0px;
621  border-width: 1px; 
622}
623.gwt-RichTextToolbar .gwt-PushButton-down {
624  margin-right: 4px;
625  margin-bottom: 4px;
626  padding: 0px 0px 0px 1px;
627  border-width: 1px; 
628}
629.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
630  margin-right: 4px;
631  margin-bottom: 4px;
632  padding: 0px 0px 0px 1px;
633  border-width: 1px; 
634}
635.gwt-RichTextToolbar .gwt-ToggleButton-up {
636  margin-right: 4px;
637  margin-bottom: 4px;
638  padding: 0px 1px 0px 0px;
639  border:1px solid #bbb;
640  border-bottom: 1px solid #a0a0a0;
641}
642.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
643  margin-right: 4px;
644  margin-bottom: 4px;
645  padding: 0px 1px 0px 0px;
646  border-width: 1px;
647}
648.gwt-RichTextToolbar .gwt-ToggleButton-down {
649  margin-right: 4px;
650  margin-bottom: 4px;
651  padding: 0px 0px 0px 1px;
652  border-width: 1px;
653}
654.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
655  margin-right: 4px;
656  margin-bottom: 4px;
657  padding: 0px 0px 0px 1px;
658  border-width: 1px;
659}
660
661.gwt-StackPanel {
662  border-bottom: 1px solid #bbbbbb;
663}
664.gwt-StackPanel .gwt-StackPanelItem {
665  cursor: pointer;
666  cursor: hand;
667  font-weight: bold;
668  font-size: 1.3em;
669  padding: 3px;
670  border: 1px solid #bbbbbb;
671  border-bottom: 0px;
672  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
673}
674.gwt-StackPanel .gwt-StackPanelContent {
675  border: 1px solid #bbbbbb;
676  border-bottom: 0px;
677  background: white;
678  padding: 2px 2px 10px 5px;
679}
680
681.gwt-DecoratedStackPanel {
682  border-bottom: 1px solid #bbbbbb;
683}
684.gwt-DecoratedStackPanel .gwt-StackPanelContent {
685  border: 1px solid #bbbbbb;
686  border-bottom: 0px;
687  background: white;
688  padding: 2px 2px 10px 5px;
689}
690.gwt-DecoratedStackPanel .gwt-StackPanelItem {
691  cursor: pointer;
692  cursor: hand;
693}
694.gwt-DecoratedStackPanel .stackItemTopLeft,
695.gwt-DecoratedStackPanel .stackItemTopRight {
696  height: 6px;
697  width: 6px;
698  zoom: 1;
699}
700.gwt-DecoratedStackPanel .stackItemTopLeft {
701  border-left: 1px solid #bbbbbb;
702  background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
703  -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
704}
705.gwt-DecoratedStackPanel .stackItemTopRight {
706  border-right: 1px solid #bbbbbb;
707  background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
708  -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
709}
710.gwt-DecoratedStackPanel .stackItemTopLeftInner,
711.gwt-DecoratedStackPanel .stackItemTopRightInner {
712  width: 1px;
713  height: 1px;
714}
715* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
716* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
717  width: 6px;
718  height: 6px;
719  overflow: hidden;
720}
721.gwt-DecoratedStackPanel .stackItemTopCenter {
722  background: url(images/hborder.png) 0px -21px repeat-x;
723}
724.gwt-DecoratedStackPanel .stackItemMiddleLeft {
725  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
726  border-left: 1px solid #bbbbbb;
727}
728.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
729.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
730  width: 1px;
731  height: 1px;
732}
733.gwt-DecoratedStackPanel .stackItemMiddleRight {
734  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
735  border-right: 1px solid #bbbbbb;
736}
737.gwt-DecoratedStackPanel .stackItemMiddleCenter {
738  font-weight: bold;
739  font-size: 1.3em;
740  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
741}
742.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
743.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
744  border: 0px;
745  background-color: white;
746}
747.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
748.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
749  background-color: white;
750}
751
752.gwt-SuggestBox {
753  padding: 5px 4px;
754  border: 1px solid #ccc;
755  border-top: 1px solid #999;
756  font-size: 100%;
757  font-family: Arial Unicode MS, Arial, sans-serif;
758}
759
760.gwt-SuggestBoxPopup {
761}
762
763.gwt-SuggestBoxPopup .item {
764  padding: 2px 6px;
765  color: #000;
766  cursor: default;
767  font-size: 110%;
768}
769.gwt-SuggestBoxPopup .item-selected {
770  background: #D5E2FF;
771}
772.gwt-SuggestBoxPopup .suggestPopupContent {
773  background: white;
774}
775.gwt-SuggestBoxPopup .suggestPopupTopCenter {
776  border-top: 1px solid #bbb;
777}
778.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
779  border-bottom: 1px solid #bbb;
780}
781.gwt-SuggestBoxPopup .suggestPopupTopCenterInner,
782.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner {
783  height: 1px;
784  line-height: 1px;
785}
786.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
787  border-left: 1px solid #bbb;
788}
789.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
790  border-right: 1px solid #bbb;
791}
792.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner,
793.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner {
794  width: 1px;
795  line-height: 1px;
796}
797.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
798  width: 0px;
799  height: 0px;
800  zoom: 1; 
801}
802.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
803  width: 0px;
804  height: 0px;
805  zoom: 1;
806}
807.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
808  width: 0px;
809  height: 0px;
810  zoom: 1;
811}
812.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
813  width: 0px;
814  height: 0px;
815  zoom: 1;
816}
817.gwt-SuggestBoxPopup .suggestPopupTopLeft {
818  background: url(images/circles.png) no-repeat 0px -6px;
819  -background: url(images/circles_ie6.png) no-repeat 0px -6px;
820  width:5px;
821  height:5px;
822}
823.gwt-SuggestBoxPopup .suggestPopupTopRight {
824  background: url(images/circles.png) no-repeat -5px -6px;
825  -background: url(images/circles_ie6.png) no-repeat -5px -6px;
826  width:5px;
827  height:5px;
828}
829.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
830  background: url(images/circles.png) no-repeat 0px -11px;
831  -background: url(images/circles_ie6.png) no-repeat 0px -11px;
832  width:5px;
833  height:5px;
834}
835.gwt-SuggestBoxPopup .suggestPopupBottomRight {
836  background: url(images/circles.png) no-repeat -5px -11px;
837  -background: url(images/circles_ie6.png) no-repeat -5px -11px;
838  width:5px;
839  height:5px;
840}
841* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
842  width: 0px;
843  height: 0px;
844  overflow: hidden;
845}
846* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
847  width: 0px;
848  height: 0px;
849  overflow: hidden;
850}
851* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
852  width: 0px;
853  height: 0px;
854  overflow: hidden;
855}
856* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
857  width: 0px;
858  height: 0px;
859  overflow: hidden;
860}
861
862.gwt-TabBar {
863  background: #ccc;
864  padding-top: 6px;
865}
866.gwt-TabBar .gwt-TabBarFirst {
867  width: 5px;  /* first tab distance from the left */
868}
869.gwt-TabBar .gwt-TabBarRest {
870}
871.gwt-TabBar .gwt-TabBarItem {
872  margin-left: 4px;
873  padding: 4px 8px 4px 8px;
874  cursor: pointer;
875  cursor: hand;
876  color: white;
877  font-weight: normal;
878  text-align: center;
879  background: #8E8E8E;
880  -moz-border-radius: 3px 3px 0px 0px;
881  border-radius: 3px 3px 0px 0px;
882}
883.gwt-TabBar .gwt-TabBarItem-selected {
884  cursor: default;
885  background: white;
886  color: #333;
887  font-weight: bold;
888} 
889.gwt-TabBar .gwt-TabBarItem-disabled {
890  cursor: default;
891  color: #999999;
892}
893.gwt-TabPanel {
894}
895.gwt-TabPanelBottom {
896  border-color: #ccc;
897  border-style: solid;
898  border-width: 0px 1px 1px;
899  overflow: hidden;
900  padding: 6px;
901}
902.gwt-DecoratedTabBar {
903  background: #ccc;
904  padding-top: 6px;
905}
906.gwt-DecoratedTabBar .gwt-TabBarFirst {
907  width: 5px;  /* first tab distance from the left */
908}
909.gwt-DecoratedTabBar .gwt-TabBarRest {
910}
911.gwt-DecoratedTabBar .gwt-TabBarItem {
912  border-collapse: collapse;
913  margin-left: 4px;
914}
915.gwt-DecoratedTabBar .tabTopCenter {
916  padding: 0px;
917  background: #8E8E8E;
918}
919.gwt-DecoratedTabBar .tabTopLeft,
920.gwt-DecoratedTabBar .tabTopRight {
921  padding: 0px;
922  zoom: 1;
923}
924.gwt-DecoratedTabBar .tabTopLeftInner,
925.gwt-DecoratedTabBar .tabTopRightInner {
926  width: 3px;
927  height: 3px;
928}
929.gwt-DecoratedTabBar .tabTopLeft {
930  background: url(images/circles.png) no-repeat 0px 0px;
931  -background: url(images/circles_ie6.png) no-repeat 0px 0px;
932}
933.gwt-DecoratedTabBar .tabTopRight {
934  background: url(images/circles.png) no-repeat -3px 0px;
935  -background: url(images/circles_ie6.png) no-repeat -3px 0px;
936}
937* html .gwt-DecoratedTabBar .tabTopLeftInner,
938* html .gwt-DecoratedTabBar .tabTopRightInner {
939  width: 3px;
940  height: 3px;
941  overflow: hidden;
942}
943.gwt-DecoratedTabBar .tabMiddleLeft,
944.gwt-DecoratedTabBar .tabMiddleRight {
945  width: 3px;
946  padding: 0px;
947  background: #8E8E8E;
948}
949.gwt-DecoratedTabBar .tabMiddleLeftInner,
950.gwt-DecoratedTabBar .tabMiddleRightInner {
951  width: 1px;
952  height: 1px;
953}
954.gwt-DecoratedTabBar .tabMiddleCenter {
955  padding: 0px 5px 4px 5px;
956  cursor: pointer;
957  cursor: hand;
958  color: #fff;
959  font-weight: normal;
960  text-align: center;
961  background: #8E8E8E;
962}
963.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
964  background:#fff;
965}
966.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
967  background: url(images/circles.png) no-repeat -6px 0px;
968  -background: url(images/circles_ie6.png) no-repeat -6px 0px;
969}
970.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
971  background: url(images/circles.png) no-repeat -9px 0px;
972  -background: url(images/circles_ie6.png) no-repeat -9px 0px;
973}
974.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
975.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
976  background: #fff;
977}
978.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
979  cursor: default;
980  background: #fff;
981  color:#333;
982  font-weight:bold;
983}
984.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
985  cursor: default;
986  color: #999999;
987}
988
989.gwt-TextArea {
990  padding: 4px;
991  border: 1px solid #ccc;
992  border-top: 1px solid #666;
993  font-size: 100%;
994  font-family: Arial Unicode MS, Arial, sans-serif;
995}
996.gwt-TextArea-readonly {
997  color: #888;
998}
999
1000.gwt-TextBox {
1001  padding: 5px 4px;
1002  border: 1px solid #ccc;
1003  border-top: 1px solid #999;
1004  font-size: small;
1005  font-family: Arial Unicode MS, Arial, sans-serif;
1006}
1007.gwt-TextBox-readonly {
1008  color: #888;
1009}
1010.gwt-ToggleButton-up,
1011.gwt-ToggleButton-up-hovering,
1012.gwt-ToggleButton-up-disabled,
1013.gwt-ToggleButton-down,
1014.gwt-ToggleButton-down-hovering,
1015.gwt-ToggleButton-down-disabled {
1016  margin: 0;
1017  text-decoration: none;
1018  background: url("images/hborder.png") repeat-x 0px -27px;
1019  -moz-border-radius: 2px;
1020  border-radius: 2px;
1021}
1022.gwt-ToggleButton-up,
1023.gwt-ToggleButton-up-hovering,
1024.gwt-ToggleButton-up-disabled {
1025  padding: 3px 5px 3px 5px;
1026}
1027.gwt-ToggleButton-up {
1028  border:1px solid #bbb;
1029  border-bottom: 1px solid #a0a0a0; 
1030  cursor: pointer;
1031  cursor: hand;
1032}
1033.gwt-ToggleButton-up-hovering {
1034  border: 1px solid;
1035  border-color: #939393;
1036  cursor: pointer;
1037  cursor: hand;
1038}
1039.gwt-ToggleButton-up-disabled {
1040  border: 1px solid #bbb;
1041  cursor: default;
1042  opacity: .5;
1043  zoom: 1;
1044  filter: alpha(opacity=45);
1045}
1046.gwt-ToggleButton-down,
1047.gwt-ToggleButton-down-hovering,
1048.gwt-ToggleButton-down-disabled {
1049  padding: 4px 4px 2px 6px;
1050}
1051.gwt-ToggleButton-down {
1052  background-position: 0 -513px;
1053  border: 1px inset #666;
1054  cursor: pointer;
1055  cursor: hand;
1056}
1057.gwt-ToggleButton-down-hovering {
1058  background-position: 0 -513px;
1059  border: 1px inset;
1060  border-color: #9cf #69e #69e #7af;
1061  cursor: pointer;
1062  cursor: hand;
1063}
1064.gwt-ToggleButton-down-disabled {
1065  background-position: 0 -513px;
1066  border: 1px inset #ccc;
1067  cursor: default;
1068  opacity: .5;
1069  zoom: 1;
1070  filter: alpha(opacity=45);
1071}
1072
1073.gwt-Tree .gwt-TreeItem {
1074  padding: 1px 0px;
1075  margin: 0px;
1076  white-space: nowrap;
1077  cursor: hand;
1078  cursor: pointer;
1079}
1080.gwt-Tree .gwt-TreeItem-selected {
1081  background: #ebeff9;
1082}
1083.gwt-TreeItem .gwt-RadioButton input,
1084.gwt-TreeItem .gwt-CheckBox input {
1085  margin-left: 0px;
1086}
1087* html .gwt-TreeItem .gwt-RadioButton input,
1088* html .gwt-TreeItem .gwt-CheckBox input {
1089  margin-left: -4px;
1090}
1091
1092.gwt-DateBox {
1093  padding: 5px 4px;
1094  border: 1px solid #ccc;
1095  border-top: 1px solid #999;
1096  font-size: 100%;
1097}
1098.gwt-DateBox input {
1099  width: 8em;
1100}
1101.dateBoxFormatError {
1102  background: #ffcccc;
1103}
1104.dateBoxPopup {
1105}
1106
1107.gwt-DatePicker {
1108  border: 1px solid #ccc;
1109  border-top:1px solid #999;
1110  cursor: default;
1111}
1112.gwt-DatePicker td,
1113.datePickerMonthSelector td:focus {
1114  outline: none;
1115}
1116.datePickerDays {
1117  width: 100%;
1118  background: white;
1119}
1120.datePickerDay,
1121.datePickerWeekdayLabel,
1122.datePickerWeekendLabel {
1123  font-size: 85%;
1124  text-align: center;
1125  padding: 4px;
1126  outline: none;
1127  font-weight:bold;
1128  color:#333;
1129  border-right: 1px solid #EDEDED;
1130  border-bottom: 1px solid #EDEDED;
1131}
1132.datePickerWeekdayLabel,
1133.datePickerWeekendLabel {
1134  background: #fff;
1135  padding: 0px 4px 2px;
1136  cursor: default;
1137  color:#666;
1138  font-size:70%;
1139  font-weight:normal;
1140}
1141.datePickerDay {
1142  padding: 4px 7px;
1143  cursor: hand;
1144  cursor: pointer;
1145}
1146.datePickerDayIsWeekend {
1147  background: #f7f7f7;
1148}
1149.datePickerDayIsFiller {
1150  color: #999;
1151  font-weight:normal;
1152}
1153.datePickerDayIsValue {
1154  background: #d7dfe8;
1155}
1156.datePickerDayIsDisabled {
1157  color: #AAAAAA;
1158  font-style: italic;
1159}
1160.datePickerDayIsHighlighted {
1161  background: #F0E68C;
1162}
1163.datePickerDayIsValueAndHighlighted {
1164  background: #d7dfe8;
1165}
1166.datePickerDayIsToday {
1167  padding: 3px;
1168  color: #fff;
1169  background: url(images/hborder.png) repeat-x 0px -2607px;
1170}
1171
1172.datePickerMonthSelector {
1173  width: 100%;
1174  padding: 1px 0 5px 0;
1175  background: #fff;
1176}
1177td.datePickerMonth {
1178  text-align: center;
1179  vertical-align: middle;
1180  white-space: nowrap;
1181  font-size: 100%;
1182  font-weight: bold;
1183  color: #333;
1184}
1185.datePickerPreviousButton,
1186.datePickerNextButton {
1187  font-size: 120%;
1188  line-height: 1em;
1189  color: #3a6aad;
1190  cursor: hand;
1191  cursor: pointer;
1192  font-weight: bold;
1193  padding: 0px 4px;
1194  outline: none;
1195}
1196
1197.gwt-StackLayoutPanel {
1198  border-bottom: 1px solid #bbbbbb;
1199}
1200.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
1201  cursor: pointer;
1202  cursor: hand;
1203  font-weight: bold;
1204  font-size: 1.3em;
1205  padding: 3px;
1206  border: 1px solid #bbbbbb;
1207  border-bottom: 0px;
1208  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
1209}
1210.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
1211  background: #d3def6;
1212}
1213.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
1214  border: 1px solid #bbbbbb;
1215  border-bottom: 0px;
1216  background: white;
1217  padding: 2px 2px 10px 5px;
1218}
1219
1220.gwt-TabLayoutPanel {
1221}
1222.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
1223  background: #ccc;
1224  padding-top: 6px;
1225  padding-left: 5px;
1226}
1227.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
1228  border-color: #ccc;
1229  border-style: solid;
1230  border-width: 0px 1px 1px;
1231}
1232.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
1233  overflow: hidden;
1234  padding: 6px;
1235}
1236.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
1237  margin-left: 4px;
1238  padding: 4px 8px 4px 8px;
1239  cursor: pointer;
1240  cursor: hand;
1241  color: white;
1242  font-weight: normal;
1243  text-align: center;
1244  background: #8E8E8E;
1245  -moz-border-radius: 3px 3px 0px 0px;
1246  border-radius: 3px 3px 0px 0px;
1247}
1248.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
1249  cursor: default;
1250  background: white;
1251  color: #333;
1252  font-weight: bold;
1253}
1254
1255.gwt-SplitLayoutPanel-HDragger {
1256  background: #e7e7e7 url(images/thumb_vertical.png) center center no-repeat;
1257  cursor: col-resize;
1258}
1259
1260.gwt-SplitLayoutPanel-VDragger {
1261  background: #e7e7e7 url(images/thumb_horz.png) center center no-repeat;
1262  cursor: row-resize;
1263}
Note: See TracBrowser for help on using the repository browser.