Projet

Général

Profil

Paste
Télécharger (31,6 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / modules / jquery_update / replace / ui / themes / base / jquery-ui.css @ 503b3f7b

1
/*! jQuery UI - v1.10.2 - 2013-03-14
2
* http://jqueryui.com
3
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
4
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
5
/* Layout helpers
6
----------------------------------*/
7
.ui-helper-hidden {
8
        display: none;
9
}
10
.ui-helper-hidden-accessible {
11
        border: 0;
12
        clip: rect(0 0 0 0);
13
        height: 1px;
14
        margin: -1px;
15
        overflow: hidden;
16
        padding: 0;
17
        position: absolute;
18
        width: 1px;
19
}
20
.ui-helper-reset {
21
        margin: 0;
22
        padding: 0;
23
        border: 0;
24
        outline: 0;
25
        line-height: 1.3;
26
        text-decoration: none;
27
        font-size: 100%;
28
        list-style: none;
29
}
30
.ui-helper-clearfix:before,
31
.ui-helper-clearfix:after {
32
        content: "";
33
        display: table;
34
        border-collapse: collapse;
35
}
36
.ui-helper-clearfix:after {
37
        clear: both;
38
}
39
.ui-helper-clearfix {
40
        min-height: 0; /* support: IE7 */
41
}
42
.ui-helper-zfix {
43
        width: 100%;
44
        height: 100%;
45
        top: 0;
46
        left: 0;
47
        position: absolute;
48
        opacity: 0;
49
        filter:Alpha(Opacity=0);
50
}
51

    
52
.ui-front {
53
        z-index: 100;
54
}
55

    
56

    
57
/* Interaction Cues
58
----------------------------------*/
59
.ui-state-disabled {
60
        cursor: default !important;
61
}
62

    
63

    
64
/* Icons
65
----------------------------------*/
66

    
67
/* states and images */
68
.ui-icon {
69
        display: block;
70
        text-indent: -99999px;
71
        overflow: hidden;
72
        background-repeat: no-repeat;
73
}
74

    
75

    
76
/* Misc visuals
77
----------------------------------*/
78

    
79
/* Overlays */
80
.ui-widget-overlay {
81
        position: fixed;
82
        top: 0;
83
        left: 0;
84
        width: 100%;
85
        height: 100%;
86
}
87

    
88
.ui-accordion .ui-accordion-header {
89
        display: block;
90
        cursor: pointer;
91
        position: relative;
92
        margin-top: 2px;
93
        padding: .5em .5em .5em .7em;
94
        min-height: 0; /* support: IE7 */
95
}
96
.ui-accordion .ui-accordion-icons {
97
        padding-left: 2.2em;
98
}
99
.ui-accordion .ui-accordion-noicons {
100
        padding-left: .7em;
101
}
102
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
103
        padding-left: 2.2em;
104
}
105
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
106
        position: absolute;
107
        left: .5em;
108
        top: 50%;
109
        margin-top: -8px;
110
}
111
.ui-accordion .ui-accordion-content {
112
        padding: 1em 2.2em;
113
        border-top: 0;
114
        overflow: auto;
115
}
116

    
117
.ui-autocomplete {
118
        position: absolute;
119
        top: 0;
120
        left: 0;
121
        cursor: default;
122
}
123

    
124
.ui-button {
125
        display: inline-block;
126
        position: relative;
127
        padding: 0;
128
        line-height: normal;
129
        margin-right: .1em;
130
        cursor: pointer;
131
        vertical-align: middle;
132
        text-align: center;
133
        overflow: visible; /* removes extra width in IE */
134
}
135
.ui-button,
136
.ui-button:link,
137
.ui-button:visited,
138
.ui-button:hover,
139
.ui-button:active {
140
        text-decoration: none;
141
}
142
/* to make room for the icon, a width needs to be set here */
143
.ui-button-icon-only {
144
        width: 2.2em;
145
}
146
/* button elements seem to need a little more width */
147
button.ui-button-icon-only {
148
        width: 2.4em;
149
}
150
.ui-button-icons-only {
151
        width: 3.4em;
152
}
153
button.ui-button-icons-only {
154
        width: 3.7em;
155
}
156

    
157
/* button text element */
158
.ui-button .ui-button-text {
159
        display: block;
160
        line-height: normal;
161
}
162
.ui-button-text-only .ui-button-text {
163
        padding: .4em 1em;
164
}
165
.ui-button-icon-only .ui-button-text,
166
.ui-button-icons-only .ui-button-text {
167
        padding: .4em;
168
        text-indent: -9999999px;
169
}
170
.ui-button-text-icon-primary .ui-button-text,
171
.ui-button-text-icons .ui-button-text {
172
        padding: .4em 1em .4em 2.1em;
173
}
174
.ui-button-text-icon-secondary .ui-button-text,
175
.ui-button-text-icons .ui-button-text {
176
        padding: .4em 2.1em .4em 1em;
177
}
178
.ui-button-text-icons .ui-button-text {
179
        padding-left: 2.1em;
180
        padding-right: 2.1em;
181
}
182
/* no icon support for input elements, provide padding by default */
183
input.ui-button {
184
        padding: .4em 1em;
185
}
186

    
187
/* button icon element(s) */
188
.ui-button-icon-only .ui-icon,
189
.ui-button-text-icon-primary .ui-icon,
190
.ui-button-text-icon-secondary .ui-icon,
191
.ui-button-text-icons .ui-icon,
192
.ui-button-icons-only .ui-icon {
193
        position: absolute;
194
        top: 50%;
195
        margin-top: -8px;
196
}
197
.ui-button-icon-only .ui-icon {
198
        left: 50%;
199
        margin-left: -8px;
200
}
201
.ui-button-text-icon-primary .ui-button-icon-primary,
202
.ui-button-text-icons .ui-button-icon-primary,
203
.ui-button-icons-only .ui-button-icon-primary {
204
        left: .5em;
205
}
206
.ui-button-text-icon-secondary .ui-button-icon-secondary,
207
.ui-button-text-icons .ui-button-icon-secondary,
208
.ui-button-icons-only .ui-button-icon-secondary {
209
        right: .5em;
210
}
211

    
212
/* button sets */
213
.ui-buttonset {
214
        margin-right: 7px;
215
}
216
.ui-buttonset .ui-button {
217
        margin-left: 0;
218
        margin-right: -.3em;
219
}
220

    
221
/* workarounds */
222
/* reset extra padding in Firefox, see h5bp.com/l */
223
input.ui-button::-moz-focus-inner,
224
button.ui-button::-moz-focus-inner {
225
        border: 0;
226
        padding: 0;
227
}
228

    
229
.ui-datepicker {
230
        width: 17em;
231
        padding: .2em .2em 0;
232
        display: none;
233
}
234
.ui-datepicker .ui-datepicker-header {
235
        position: relative;
236
        padding: .2em 0;
237
}
238
.ui-datepicker .ui-datepicker-prev,
239
.ui-datepicker .ui-datepicker-next {
240
        position: absolute;
241
        top: 2px;
242
        width: 1.8em;
243
        height: 1.8em;
244
}
245
.ui-datepicker .ui-datepicker-prev-hover,
246
.ui-datepicker .ui-datepicker-next-hover {
247
        top: 1px;
248
}
249
.ui-datepicker .ui-datepicker-prev {
250
        left: 2px;
251
}
252
.ui-datepicker .ui-datepicker-next {
253
        right: 2px;
254
}
255
.ui-datepicker .ui-datepicker-prev-hover {
256
        left: 1px;
257
}
258
.ui-datepicker .ui-datepicker-next-hover {
259
        right: 1px;
260
}
261
.ui-datepicker .ui-datepicker-prev span,
262
.ui-datepicker .ui-datepicker-next span {
263
        display: block;
264
        position: absolute;
265
        left: 50%;
266
        margin-left: -8px;
267
        top: 50%;
268
        margin-top: -8px;
269
}
270
.ui-datepicker .ui-datepicker-title {
271
        margin: 0 2.3em;
272
        line-height: 1.8em;
273
        text-align: center;
274
}
275
.ui-datepicker .ui-datepicker-title select {
276
        font-size: 1em;
277
        margin: 1px 0;
278
}
279
.ui-datepicker select.ui-datepicker-month-year {
280
        width: 100%;
281
}
282
.ui-datepicker select.ui-datepicker-month,
283
.ui-datepicker select.ui-datepicker-year {
284
        width: 49%;
285
}
286
.ui-datepicker table {
287
        width: 100%;
288
        font-size: .9em;
289
        border-collapse: collapse;
290
        margin: 0 0 .4em;
291
}
292
.ui-datepicker th {
293
        padding: .7em .3em;
294
        text-align: center;
295
        font-weight: bold;
296
        border: 0;
297
}
298
.ui-datepicker td {
299
        border: 0;
300
        padding: 1px;
301
}
302
.ui-datepicker td span,
303
.ui-datepicker td a {
304
        display: block;
305
        padding: .2em;
306
        text-align: right;
307
        text-decoration: none;
308
}
309
.ui-datepicker .ui-datepicker-buttonpane {
310
        background-image: none;
311
        margin: .7em 0 0 0;
312
        padding: 0 .2em;
313
        border-left: 0;
314
        border-right: 0;
315
        border-bottom: 0;
316
}
317
.ui-datepicker .ui-datepicker-buttonpane button {
318
        float: right;
319
        margin: .5em .2em .4em;
320
        cursor: pointer;
321
        padding: .2em .6em .3em .6em;
322
        width: auto;
323
        overflow: visible;
324
}
325
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
326
        float: left;
327
}
328

    
329
/* with multiple calendars */
330
.ui-datepicker.ui-datepicker-multi {
331
        width: auto;
332
}
333
.ui-datepicker-multi .ui-datepicker-group {
334
        float: left;
335
}
336
.ui-datepicker-multi .ui-datepicker-group table {
337
        width: 95%;
338
        margin: 0 auto .4em;
339
}
340
.ui-datepicker-multi-2 .ui-datepicker-group {
341
        width: 50%;
342
}
343
.ui-datepicker-multi-3 .ui-datepicker-group {
344
        width: 33.3%;
345
}
346
.ui-datepicker-multi-4 .ui-datepicker-group {
347
        width: 25%;
348
}
349
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
350
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
351
        border-left-width: 0;
352
}
353
.ui-datepicker-multi .ui-datepicker-buttonpane {
354
        clear: left;
355
}
356
.ui-datepicker-row-break {
357
        clear: both;
358
        width: 100%;
359
        font-size: 0;
360
}
361

    
362
/* RTL support */
363
.ui-datepicker-rtl {
364
        direction: rtl;
365
}
366
.ui-datepicker-rtl .ui-datepicker-prev {
367
        right: 2px;
368
        left: auto;
369
}
370
.ui-datepicker-rtl .ui-datepicker-next {
371
        left: 2px;
372
        right: auto;
373
}
374
.ui-datepicker-rtl .ui-datepicker-prev:hover {
375
        right: 1px;
376
        left: auto;
377
}
378
.ui-datepicker-rtl .ui-datepicker-next:hover {
379
        left: 1px;
380
        right: auto;
381
}
382
.ui-datepicker-rtl .ui-datepicker-buttonpane {
383
        clear: right;
384
}
385
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
386
        float: left;
387
}
388
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
389
.ui-datepicker-rtl .ui-datepicker-group {
390
        float: right;
391
}
392
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
393
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
394
        border-right-width: 0;
395
        border-left-width: 1px;
396
}
397

    
398
.ui-dialog {
399
        position: absolute;
400
        top: 0;
401
        left: 0;
402
        padding: .2em;
403
        outline: 0;
404
}
405
.ui-dialog .ui-dialog-titlebar {
406
        padding: .4em 1em;
407
        position: relative;
408
}
409
.ui-dialog .ui-dialog-title {
410
        float: left;
411
        margin: .1em 0;
412
        white-space: nowrap;
413
        width: 90%;
414
        overflow: hidden;
415
        text-overflow: ellipsis;
416
}
417
.ui-dialog .ui-dialog-titlebar-close {
418
        position: absolute;
419
        right: .3em;
420
        top: 50%;
421
        width: 21px;
422
        margin: -10px 0 0 0;
423
        padding: 1px;
424
        height: 20px;
425
}
426
.ui-dialog .ui-dialog-content {
427
        position: relative;
428
        border: 0;
429
        padding: .5em 1em;
430
        background: none;
431
        overflow: auto;
432
}
433
.ui-dialog .ui-dialog-buttonpane {
434
        text-align: left;
435
        border-width: 1px 0 0 0;
436
        background-image: none;
437
        margin-top: .5em;
438
        padding: .3em 1em .5em .4em;
439
}
440
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
441
        float: right;
442
}
443
.ui-dialog .ui-dialog-buttonpane button {
444
        margin: .5em .4em .5em 0;
445
        cursor: pointer;
446
}
447
.ui-dialog .ui-resizable-se {
448
        width: 12px;
449
        height: 12px;
450
        right: -5px;
451
        bottom: -5px;
452
        background-position: 16px 16px;
453
}
454
.ui-draggable .ui-dialog-titlebar {
455
        cursor: move;
456
}
457

    
458
.ui-menu {
459
        list-style: none;
460
        padding: 2px;
461
        margin: 0;
462
        display: block;
463
        outline: none;
464
}
465
.ui-menu .ui-menu {
466
        margin-top: -3px;
467
        position: absolute;
468
}
469
.ui-menu .ui-menu-item {
470
        margin: 0;
471
        padding: 0;
472
        width: 100%;
473
}
474
.ui-menu .ui-menu-divider {
475
        margin: 5px -2px 5px -2px;
476
        height: 0;
477
        font-size: 0;
478
        line-height: 0;
479
        border-width: 1px 0 0 0;
480
}
481
.ui-menu .ui-menu-item a {
482
        text-decoration: none;
483
        display: block;
484
        padding: 2px .4em;
485
        line-height: 1.5;
486
        min-height: 0; /* support: IE7 */
487
        font-weight: normal;
488
}
489
.ui-menu .ui-menu-item a.ui-state-focus,
490
.ui-menu .ui-menu-item a.ui-state-active {
491
        font-weight: normal;
492
        margin: -1px;
493
}
494

    
495
.ui-menu .ui-state-disabled {
496
        font-weight: normal;
497
        margin: .4em 0 .2em;
498
        line-height: 1.5;
499
}
500
.ui-menu .ui-state-disabled a {
501
        cursor: default;
502
}
503

    
504
/* icon support */
505
.ui-menu-icons {
506
        position: relative;
507
}
508
.ui-menu-icons .ui-menu-item a {
509
        position: relative;
510
        padding-left: 2em;
511
}
512

    
513
/* left-aligned */
514
.ui-menu .ui-icon {
515
        position: absolute;
516
        top: .2em;
517
        left: .2em;
518
}
519

    
520
/* right-aligned */
521
.ui-menu .ui-menu-icon {
522
        position: static;
523
        float: right;
524
}
525

    
526
.ui-progressbar {
527
        height: 2em;
528
        text-align: left;
529
        overflow: hidden;
530
}
531
.ui-progressbar .ui-progressbar-value {
532
        margin: -1px;
533
        height: 100%;
534
}
535
.ui-progressbar .ui-progressbar-overlay {
536
        background: url("images/animated-overlay.gif");
537
        height: 100%;
538
        filter: alpha(opacity=25);
539
        opacity: 0.25;
540
}
541
.ui-progressbar-indeterminate .ui-progressbar-value {
542
        background-image: none;
543
}
544

    
545
.ui-resizable {
546
        position: relative;
547
}
548
.ui-resizable-handle {
549
        position: absolute;
550
        font-size: 0.1px;
551
        display: block;
552
}
553
.ui-resizable-disabled .ui-resizable-handle,
554
.ui-resizable-autohide .ui-resizable-handle {
555
        display: none;
556
}
557
.ui-resizable-n {
558
        cursor: n-resize;
559
        height: 7px;
560
        width: 100%;
561
        top: -5px;
562
        left: 0;
563
}
564
.ui-resizable-s {
565
        cursor: s-resize;
566
        height: 7px;
567
        width: 100%;
568
        bottom: -5px;
569
        left: 0;
570
}
571
.ui-resizable-e {
572
        cursor: e-resize;
573
        width: 7px;
574
        right: -5px;
575
        top: 0;
576
        height: 100%;
577
}
578
.ui-resizable-w {
579
        cursor: w-resize;
580
        width: 7px;
581
        left: -5px;
582
        top: 0;
583
        height: 100%;
584
}
585
.ui-resizable-se {
586
        cursor: se-resize;
587
        width: 12px;
588
        height: 12px;
589
        right: 1px;
590
        bottom: 1px;
591
}
592
.ui-resizable-sw {
593
        cursor: sw-resize;
594
        width: 9px;
595
        height: 9px;
596
        left: -5px;
597
        bottom: -5px;
598
}
599
.ui-resizable-nw {
600
        cursor: nw-resize;
601
        width: 9px;
602
        height: 9px;
603
        left: -5px;
604
        top: -5px;
605
}
606
.ui-resizable-ne {
607
        cursor: ne-resize;
608
        width: 9px;
609
        height: 9px;
610
        right: -5px;
611
        top: -5px;
612
}
613

    
614
.ui-selectable-helper {
615
        position: absolute;
616
        z-index: 100;
617
        border: 1px dotted black;
618
}
619

    
620
.ui-slider {
621
        position: relative;
622
        text-align: left;
623
}
624
.ui-slider .ui-slider-handle {
625
        position: absolute;
626
        z-index: 2;
627
        width: 1.2em;
628
        height: 1.2em;
629
        cursor: default;
630
}
631
.ui-slider .ui-slider-range {
632
        position: absolute;
633
        z-index: 1;
634
        font-size: .7em;
635
        display: block;
636
        border: 0;
637
        background-position: 0 0;
638
}
639

    
640
/* For IE8 - See #6727 */
641
.ui-slider.ui-state-disabled .ui-slider-handle,
642
.ui-slider.ui-state-disabled .ui-slider-range {
643
        filter: inherit;
644
}
645

    
646
.ui-slider-horizontal {
647
        height: .8em;
648
}
649
.ui-slider-horizontal .ui-slider-handle {
650
        top: -.3em;
651
        margin-left: -.6em;
652
}
653
.ui-slider-horizontal .ui-slider-range {
654
        top: 0;
655
        height: 100%;
656
}
657
.ui-slider-horizontal .ui-slider-range-min {
658
        left: 0;
659
}
660
.ui-slider-horizontal .ui-slider-range-max {
661
        right: 0;
662
}
663

    
664
.ui-slider-vertical {
665
        width: .8em;
666
        height: 100px;
667
}
668
.ui-slider-vertical .ui-slider-handle {
669
        left: -.3em;
670
        margin-left: 0;
671
        margin-bottom: -.6em;
672
}
673
.ui-slider-vertical .ui-slider-range {
674
        left: 0;
675
        width: 100%;
676
}
677
.ui-slider-vertical .ui-slider-range-min {
678
        bottom: 0;
679
}
680
.ui-slider-vertical .ui-slider-range-max {
681
        top: 0;
682
}
683

    
684
.ui-spinner {
685
        position: relative;
686
        display: inline-block;
687
        overflow: hidden;
688
        padding: 0;
689
        vertical-align: middle;
690
}
691
.ui-spinner-input {
692
        border: none;
693
        background: none;
694
        color: inherit;
695
        padding: 0;
696
        margin: .2em 0;
697
        vertical-align: middle;
698
        margin-left: .4em;
699
        margin-right: 22px;
700
}
701
.ui-spinner-button {
702
        width: 16px;
703
        height: 50%;
704
        font-size: .5em;
705
        padding: 0;
706
        margin: 0;
707
        text-align: center;
708
        position: absolute;
709
        cursor: default;
710
        display: block;
711
        overflow: hidden;
712
        right: 0;
713
}
714
/* more specificity required here to overide default borders */
715
.ui-spinner a.ui-spinner-button {
716
        border-top: none;
717
        border-bottom: none;
718
        border-right: none;
719
}
720
/* vertical centre icon */
721
.ui-spinner .ui-icon {
722
        position: absolute;
723
        margin-top: -8px;
724
        top: 50%;
725
        left: 0;
726
}
727
.ui-spinner-up {
728
        top: 0;
729
}
730
.ui-spinner-down {
731
        bottom: 0;
732
}
733

    
734
/* TR overrides */
735
.ui-spinner .ui-icon-triangle-1-s {
736
        /* need to fix icons sprite */
737
        background-position: -65px -16px;
738
}
739

    
740
.ui-tabs {
741
        position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
742
        padding: .2em;
743
}
744
.ui-tabs .ui-tabs-nav {
745
        margin: 0;
746
        padding: .2em .2em 0;
747
}
748
.ui-tabs .ui-tabs-nav li {
749
        list-style: none;
750
        float: left;
751
        position: relative;
752
        top: 0;
753
        margin: 1px .2em 0 0;
754
        border-bottom-width: 0;
755
        padding: 0;
756
        white-space: nowrap;
757
}
758
.ui-tabs .ui-tabs-nav li a {
759
        float: left;
760
        padding: .5em 1em;
761
        text-decoration: none;
762
}
763
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
764
        margin-bottom: -1px;
765
        padding-bottom: 1px;
766
}
767
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
768
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
769
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
770
        cursor: text;
771
}
772
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
773
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
774
        cursor: pointer;
775
}
776
.ui-tabs .ui-tabs-panel {
777
        display: block;
778
        border-width: 0;
779
        padding: 1em 1.4em;
780
        background: none;
781
}
782

    
783
.ui-tooltip {
784
        padding: 8px;
785
        position: absolute;
786
        z-index: 9999;
787
        max-width: 300px;
788
        -webkit-box-shadow: 0 0 5px #aaa;
789
        box-shadow: 0 0 5px #aaa;
790
}
791
body .ui-tooltip {
792
        border-width: 2px;
793
}
794

    
795
/* Component containers
796
----------------------------------*/
797
.ui-widget {
798
        font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
799
        font-size: 1.1em/*{fsDefault}*/;
800
}
801
.ui-widget .ui-widget {
802
        font-size: 1em;
803
}
804
.ui-widget input,
805
.ui-widget select,
806
.ui-widget textarea,
807
.ui-widget button {
808
        font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
809
        font-size: 1em;
810
}
811
.ui-widget-content {
812
        border: 1px solid #aaaaaa/*{borderColorContent}*/;
813
        background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
814
        color: #222222/*{fcContent}*/;
815
}
816
.ui-widget-content a {
817
        color: #222222/*{fcContent}*/;
818
}
819
.ui-widget-header {
820
        border: 1px solid #aaaaaa/*{borderColorHeader}*/;
821
        background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
822
        color: #222222/*{fcHeader}*/;
823
        font-weight: bold;
824
}
825
.ui-widget-header a {
826
        color: #222222/*{fcHeader}*/;
827
}
828

    
829
/* Interaction states
830
----------------------------------*/
831
.ui-state-default,
832
.ui-widget-content .ui-state-default,
833
.ui-widget-header .ui-state-default {
834
        border: 1px solid #d3d3d3/*{borderColorDefault}*/;
835
        background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
836
        font-weight: normal/*{fwDefault}*/;
837
        color: #555555/*{fcDefault}*/;
838
}
839
.ui-state-default a,
840
.ui-state-default a:link,
841
.ui-state-default a:visited {
842
        color: #555555/*{fcDefault}*/;
843
        text-decoration: none;
844
}
845
.ui-state-hover,
846
.ui-widget-content .ui-state-hover,
847
.ui-widget-header .ui-state-hover,
848
.ui-state-focus,
849
.ui-widget-content .ui-state-focus,
850
.ui-widget-header .ui-state-focus {
851
        border: 1px solid #999999/*{borderColorHover}*/;
852
        background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
853
        font-weight: normal/*{fwDefault}*/;
854
        color: #212121/*{fcHover}*/;
855
}
856
.ui-state-hover a,
857
.ui-state-hover a:hover,
858
.ui-state-hover a:link,
859
.ui-state-hover a:visited {
860
        color: #212121/*{fcHover}*/;
861
        text-decoration: none;
862
}
863
.ui-state-active,
864
.ui-widget-content .ui-state-active,
865
.ui-widget-header .ui-state-active {
866
        border: 1px solid #aaaaaa/*{borderColorActive}*/;
867
        background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
868
        font-weight: normal/*{fwDefault}*/;
869
        color: #212121/*{fcActive}*/;
870
}
871
.ui-state-active a,
872
.ui-state-active a:link,
873
.ui-state-active a:visited {
874
        color: #212121/*{fcActive}*/;
875
        text-decoration: none;
876
}
877

    
878
/* Interaction Cues
879
----------------------------------*/
880
.ui-state-highlight,
881
.ui-widget-content .ui-state-highlight,
882
.ui-widget-header .ui-state-highlight {
883
        border: 1px solid #fcefa1/*{borderColorHighlight}*/;
884
        background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
885
        color: #363636/*{fcHighlight}*/;
886
}
887
.ui-state-highlight a,
888
.ui-widget-content .ui-state-highlight a,
889
.ui-widget-header .ui-state-highlight a {
890
        color: #363636/*{fcHighlight}*/;
891
}
892
.ui-state-error,
893
.ui-widget-content .ui-state-error,
894
.ui-widget-header .ui-state-error {
895
        border: 1px solid #cd0a0a/*{borderColorError}*/;
896
        background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
897
        color: #cd0a0a/*{fcError}*/;
898
}
899
.ui-state-error a,
900
.ui-widget-content .ui-state-error a,
901
.ui-widget-header .ui-state-error a {
902
        color: #cd0a0a/*{fcError}*/;
903
}
904
.ui-state-error-text,
905
.ui-widget-content .ui-state-error-text,
906
.ui-widget-header .ui-state-error-text {
907
        color: #cd0a0a/*{fcError}*/;
908
}
909
.ui-priority-primary,
910
.ui-widget-content .ui-priority-primary,
911
.ui-widget-header .ui-priority-primary {
912
        font-weight: bold;
913
}
914
.ui-priority-secondary,
915
.ui-widget-content .ui-priority-secondary,
916
.ui-widget-header .ui-priority-secondary {
917
        opacity: .7;
918
        filter:Alpha(Opacity=70);
919
        font-weight: normal;
920
}
921
.ui-state-disabled,
922
.ui-widget-content .ui-state-disabled,
923
.ui-widget-header .ui-state-disabled {
924
        opacity: .35;
925
        filter:Alpha(Opacity=35);
926
        background-image: none;
927
}
928
.ui-state-disabled .ui-icon {
929
        filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
930
}
931

    
932
/* Icons
933
----------------------------------*/
934

    
935
/* states and images */
936
.ui-icon {
937
        width: 16px;
938
        height: 16px;
939
}
940
.ui-icon,
941
.ui-widget-content .ui-icon {
942
        background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
943
}
944
.ui-widget-header .ui-icon {
945
        background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
946
}
947
.ui-state-default .ui-icon {
948
        background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
949
}
950
.ui-state-hover .ui-icon,
951
.ui-state-focus .ui-icon {
952
        background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
953
}
954
.ui-state-active .ui-icon {
955
        background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
956
}
957
.ui-state-highlight .ui-icon {
958
        background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
959
}
960
.ui-state-error .ui-icon,
961
.ui-state-error-text .ui-icon {
962
        background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
963
}
964

    
965
/* positioning */
966
.ui-icon-blank { background-position: 16px 16px; }
967
.ui-icon-carat-1-n { background-position: 0 0; }
968
.ui-icon-carat-1-ne { background-position: -16px 0; }
969
.ui-icon-carat-1-e { background-position: -32px 0; }
970
.ui-icon-carat-1-se { background-position: -48px 0; }
971
.ui-icon-carat-1-s { background-position: -64px 0; }
972
.ui-icon-carat-1-sw { background-position: -80px 0; }
973
.ui-icon-carat-1-w { background-position: -96px 0; }
974
.ui-icon-carat-1-nw { background-position: -112px 0; }
975
.ui-icon-carat-2-n-s { background-position: -128px 0; }
976
.ui-icon-carat-2-e-w { background-position: -144px 0; }
977
.ui-icon-triangle-1-n { background-position: 0 -16px; }
978
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
979
.ui-icon-triangle-1-e { background-position: -32px -16px; }
980
.ui-icon-triangle-1-se { background-position: -48px -16px; }
981
.ui-icon-triangle-1-s { background-position: -64px -16px; }
982
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
983
.ui-icon-triangle-1-w { background-position: -96px -16px; }
984
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
985
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
986
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
987
.ui-icon-arrow-1-n { background-position: 0 -32px; }
988
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
989
.ui-icon-arrow-1-e { background-position: -32px -32px; }
990
.ui-icon-arrow-1-se { background-position: -48px -32px; }
991
.ui-icon-arrow-1-s { background-position: -64px -32px; }
992
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
993
.ui-icon-arrow-1-w { background-position: -96px -32px; }
994
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
995
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
996
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
997
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
998
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
999
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1000
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1001
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1002
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1003
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1004
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1005
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1006
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1007
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1008
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1009
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1010
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1011
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1012
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1013
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1014
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1015
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1016
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1017
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1018
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1019
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1020
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1021
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1022
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1023
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1024
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1025
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1026
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1027
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1028
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1029
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1030
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1031
.ui-icon-arrow-4 { background-position: 0 -80px; }
1032
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
1033
.ui-icon-extlink { background-position: -32px -80px; }
1034
.ui-icon-newwin { background-position: -48px -80px; }
1035
.ui-icon-refresh { background-position: -64px -80px; }
1036
.ui-icon-shuffle { background-position: -80px -80px; }
1037
.ui-icon-transfer-e-w { background-position: -96px -80px; }
1038
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
1039
.ui-icon-folder-collapsed { background-position: 0 -96px; }
1040
.ui-icon-folder-open { background-position: -16px -96px; }
1041
.ui-icon-document { background-position: -32px -96px; }
1042
.ui-icon-document-b { background-position: -48px -96px; }
1043
.ui-icon-note { background-position: -64px -96px; }
1044
.ui-icon-mail-closed { background-position: -80px -96px; }
1045
.ui-icon-mail-open { background-position: -96px -96px; }
1046
.ui-icon-suitcase { background-position: -112px -96px; }
1047
.ui-icon-comment { background-position: -128px -96px; }
1048
.ui-icon-person { background-position: -144px -96px; }
1049
.ui-icon-print { background-position: -160px -96px; }
1050
.ui-icon-trash { background-position: -176px -96px; }
1051
.ui-icon-locked { background-position: -192px -96px; }
1052
.ui-icon-unlocked { background-position: -208px -96px; }
1053
.ui-icon-bookmark { background-position: -224px -96px; }
1054
.ui-icon-tag { background-position: -240px -96px; }
1055
.ui-icon-home { background-position: 0 -112px; }
1056
.ui-icon-flag { background-position: -16px -112px; }
1057
.ui-icon-calendar { background-position: -32px -112px; }
1058
.ui-icon-cart { background-position: -48px -112px; }
1059
.ui-icon-pencil { background-position: -64px -112px; }
1060
.ui-icon-clock { background-position: -80px -112px; }
1061
.ui-icon-disk { background-position: -96px -112px; }
1062
.ui-icon-calculator { background-position: -112px -112px; }
1063
.ui-icon-zoomin { background-position: -128px -112px; }
1064
.ui-icon-zoomout { background-position: -144px -112px; }
1065
.ui-icon-search { background-position: -160px -112px; }
1066
.ui-icon-wrench { background-position: -176px -112px; }
1067
.ui-icon-gear { background-position: -192px -112px; }
1068
.ui-icon-heart { background-position: -208px -112px; }
1069
.ui-icon-star { background-position: -224px -112px; }
1070
.ui-icon-link { background-position: -240px -112px; }
1071
.ui-icon-cancel { background-position: 0 -128px; }
1072
.ui-icon-plus { background-position: -16px -128px; }
1073
.ui-icon-plusthick { background-position: -32px -128px; }
1074
.ui-icon-minus { background-position: -48px -128px; }
1075
.ui-icon-minusthick { background-position: -64px -128px; }
1076
.ui-icon-close { background-position: -80px -128px; }
1077
.ui-icon-closethick { background-position: -96px -128px; }
1078
.ui-icon-key { background-position: -112px -128px; }
1079
.ui-icon-lightbulb { background-position: -128px -128px; }
1080
.ui-icon-scissors { background-position: -144px -128px; }
1081
.ui-icon-clipboard { background-position: -160px -128px; }
1082
.ui-icon-copy { background-position: -176px -128px; }
1083
.ui-icon-contact { background-position: -192px -128px; }
1084
.ui-icon-image { background-position: -208px -128px; }
1085
.ui-icon-video { background-position: -224px -128px; }
1086
.ui-icon-script { background-position: -240px -128px; }
1087
.ui-icon-alert { background-position: 0 -144px; }
1088
.ui-icon-info { background-position: -16px -144px; }
1089
.ui-icon-notice { background-position: -32px -144px; }
1090
.ui-icon-help { background-position: -48px -144px; }
1091
.ui-icon-check { background-position: -64px -144px; }
1092
.ui-icon-bullet { background-position: -80px -144px; }
1093
.ui-icon-radio-on { background-position: -96px -144px; }
1094
.ui-icon-radio-off { background-position: -112px -144px; }
1095
.ui-icon-pin-w { background-position: -128px -144px; }
1096
.ui-icon-pin-s { background-position: -144px -144px; }
1097
.ui-icon-play { background-position: 0 -160px; }
1098
.ui-icon-pause { background-position: -16px -160px; }
1099
.ui-icon-seek-next { background-position: -32px -160px; }
1100
.ui-icon-seek-prev { background-position: -48px -160px; }
1101
.ui-icon-seek-end { background-position: -64px -160px; }
1102
.ui-icon-seek-start { background-position: -80px -160px; }
1103
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1104
.ui-icon-seek-first { background-position: -80px -160px; }
1105
.ui-icon-stop { background-position: -96px -160px; }
1106
.ui-icon-eject { background-position: -112px -160px; }
1107
.ui-icon-volume-off { background-position: -128px -160px; }
1108
.ui-icon-volume-on { background-position: -144px -160px; }
1109
.ui-icon-power { background-position: 0 -176px; }
1110
.ui-icon-signal-diag { background-position: -16px -176px; }
1111
.ui-icon-signal { background-position: -32px -176px; }
1112
.ui-icon-battery-0 { background-position: -48px -176px; }
1113
.ui-icon-battery-1 { background-position: -64px -176px; }
1114
.ui-icon-battery-2 { background-position: -80px -176px; }
1115
.ui-icon-battery-3 { background-position: -96px -176px; }
1116
.ui-icon-circle-plus { background-position: 0 -192px; }
1117
.ui-icon-circle-minus { background-position: -16px -192px; }
1118
.ui-icon-circle-close { background-position: -32px -192px; }
1119
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
1120
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
1121
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
1122
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
1123
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
1124
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
1125
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
1126
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
1127
.ui-icon-circle-zoomin { background-position: -176px -192px; }
1128
.ui-icon-circle-zoomout { background-position: -192px -192px; }
1129
.ui-icon-circle-check { background-position: -208px -192px; }
1130
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
1131
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
1132
.ui-icon-circlesmall-close { background-position: -32px -208px; }
1133
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
1134
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
1135
.ui-icon-squaresmall-close { background-position: -80px -208px; }
1136
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1137
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1138
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1139
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1140
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1141
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1142

    
1143

    
1144
/* Misc visuals
1145
----------------------------------*/
1146

    
1147
/* Corner radius */
1148
.ui-corner-all,
1149
.ui-corner-top,
1150
.ui-corner-left,
1151
.ui-corner-tl {
1152
        border-top-left-radius: 4px/*{cornerRadius}*/;
1153
}
1154
.ui-corner-all,
1155
.ui-corner-top,
1156
.ui-corner-right,
1157
.ui-corner-tr {
1158
        border-top-right-radius: 4px/*{cornerRadius}*/;
1159
}
1160
.ui-corner-all,
1161
.ui-corner-bottom,
1162
.ui-corner-left,
1163
.ui-corner-bl {
1164
        border-bottom-left-radius: 4px/*{cornerRadius}*/;
1165
}
1166
.ui-corner-all,
1167
.ui-corner-bottom,
1168
.ui-corner-right,
1169
.ui-corner-br {
1170
        border-bottom-right-radius: 4px/*{cornerRadius}*/;
1171
}
1172

    
1173
/* Overlays */
1174
.ui-widget-overlay {
1175
        background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
1176
        opacity: .3/*{opacityOverlay}*/;
1177
        filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
1178
}
1179
.ui-widget-shadow {
1180
        margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
1181
        padding: 8px/*{thicknessShadow}*/;
1182
        background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
1183
        opacity: .3/*{opacityShadow}*/;
1184
        filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
1185
        border-radius: 8px/*{cornerRadiusShadow}*/;
1186
}