Subversion Repositories SmartDukaan

Rev

Rev 86 | Details | Compare with Previous | Last modification | View Log | RSS feed

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