1 /*####################################################################################################################################
5 ####################################################################################################################################*/
9 border: 1px solid #be7800;
12 text-shadow: 0 -1px 0px #94440F;
13 background-image: -webkit-gradient(linear, left top, left bottom, from(#e9a015), to(#e98a15)); /* Saf4+, Chrome */
14 background-image: -webkit-linear-gradient(#e9a015, #e98a15); /* Chrome 10+, Saf5.1+ */
15 background-image: -moz-linear-gradient(#e9a015, #e98a15); /* FF3.6 */
16 background-image: -ms-linear-gradient(#e9a015, #e98a15); /* IE10 */
17 background-image: -o-linear-gradient(#e9a015, #e98a15); /* Opera 11.10+ */
18 background-image: linear-gradient(#e9a015, #e98a15);
21 border: 1px solid #BD610D;
24 background-image: -webkit-gradient(linear, left top, left bottom, from(#ea9e0c), to(#e68510)); /* Saf4+, Chrome */
25 background-image: -webkit-linear-gradient(#ea9e0c, #e68510); /* Chrome 10+, Saf5.1+ */
26 background-image: -moz-linear-gradient(#ea9e0c, #e68510); /* FF3.6 */
27 background-image: -ms-linear-gradient(#ea9e0c, #e68510); /* IE10 */
28 background-image: -o-linear-gradient(#ea9e0c, #e68510); /* Opera 11.10+ */
29 background-image: linear-gradient(#ea9e0c, #e68510);
31 .ui-btn-up-a a.ui-link-inherit {
35 border: 1px solid #b77504;
38 background-image: -webkit-gradient(linear, left top, left bottom, from(#edab30), to(#ed9730)); /* Saf4+, Chrome */
39 background-image: -webkit-linear-gradient(#edab30, #ed9730); /* Chrome 10+, Saf5.1+ */
40 background-image: -moz-linear-gradient(#edab30, #ed9730); /* FF3.6 */
41 background-image: -ms-linear-gradient(#edab30, #ed9730); /* IE10 */
42 background-image: -o-linear-gradient(#edab30, #ed9730); /* Opera 11.10+ */
43 background-image: linear-gradient(#edab30, #ed9730);
45 .ui-btn-hover-a a.ui-link-inherit {
49 border: 1px solid #BD610D;
52 background-image: -webkit-gradient(linear, left top, left bottom, from(#BA8011), to(#BA6E11)); /* Saf4+, Chrome */
53 background-image: -webkit-linear-gradient(#BA8011, #BA6E11); /* Chrome 10+, Saf5.1+ */
54 background-image: -moz-linear-gradient(#BA8011, #BA6E11); /* FF3.6 */
55 background-image: -ms-linear-gradient(#BA8011, #BA6E11); /* IE10 */
56 background-image: -o-linear-gradient(#BA8011, #BA6E11); /* Opera 11.10+ */
57 background-image: linear-gradient(#BA8011, #BA6E11);
62 text-shadow: 0 -1px 0px #94440F;
65 text-decoration: none;
66 font-family: Helvetica, Arial, sans-serif;
73 font-family: Helvetica, Arial, sans-serif;
75 .ui-bar-a .ui-link-inherit {
83 .ui-dialog.ui-overlay-a {
85 border: 1px solid #222;
88 text-shadow: 0 -1px 0px #000;
89 background-image: -webkit-gradient(linear, center top, center bottom, from(#333), color-stop(5%, #333), color-stop(15%, #444), color-stop(60%, #444), to(#222)); /* Saf4+, Chrome */
90 background-image: -webkit-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Chrome 10+, Saf5.1+ */
91 background-image: -moz-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* FF3.6 */
92 background-image: -ms-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* IE10 */
93 background-image: -o-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Opera 11.10+ */
94 background-image: linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%);
101 font-family: Helvetica, Arial, sans-serif;
103 .ui-body-a .ui-link-inherit {
106 .ui-body-a .ui-link {
111 /*####################################################################################################################################
115 ####################################################################################################################################*/
119 border: 1px solid #222;
122 text-shadow: 0 -1px 0px #111;
123 background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
124 background-image: -webkit-linear-gradient(#555, #333); /* Chrome 10+, Saf5.1+ */
125 background-image: -moz-linear-gradient(#555, #333); /* FF3.6 */
126 background-image: -ms-linear-gradient(#555, #333); /* IE10 */
127 background-image: -o-linear-gradient(#555, #333); /* Opera 11.10+ */
128 background-image: linear-gradient(#555, #333);
131 border: 1px solid #232323;
134 background-image: -webkit-gradient(linear, left top, left bottom, from(#5E5E5E), to(#393939)); /* Saf4+, Chrome */
135 background-image: -webkit-linear-gradient(#5E5E5E, #393939); /* Chrome 10+, Saf5.1+ */
136 background-image: -moz-linear-gradient(#5E5E5E, #393939); /* FF3.6 */
137 background-image: -ms-linear-gradient(#5E5E5E, #393939); /* IE10 */
138 background-image: -o-linear-gradient(#5E5E5E, #393939); /* Opera 11.10+ */
139 background-image: linear-gradient(#5E5E5E, #393939);
141 .ui-btn-up-b a.ui-link-inherit {
145 border: 1px solid #232323;
148 background-image: -webkit-gradient(linear, left top, left bottom, from(#6E6E6E), to(#494949)); /* Saf4+, Chrome */
149 background-image: -webkit-linear-gradient(#6E6E6E, #494949); /* Chrome 10+, Saf5.1+ */
150 background-image: -moz-linear-gradient(#6E6E6E, #494949); /* FF3.6 */
151 background-image: -ms-linear-gradient(#6E6E6E, #494949); /* IE10 */
152 background-image: -o-linear-gradient(#6E6E6E, #494949); /* Opera 11.10+ */
153 background-image: linear-gradient(#6E6E6E, #494949);
156 .ui-btn-hover-b a.ui-link-inherit {
160 border: 1px solid #232323;
163 background-image: -webkit-gradient(linear, left top, left bottom, from(#4E4E4E), to(#292929)); /* Saf4+, Chrome */
164 background-image: -webkit-linear-gradient(#4E4E4E, #292929); /* Chrome 10+, Saf5.1+ */
165 background-image: -moz-linear-gradient(#4E4E4E, #292929); /* FF3.6 */
166 background-image: -ms-linear-gradient(#4E4E4E, #292929); /* IE10 */
167 background-image: -o-linear-gradient(#4E4E4E, #292929); /* Opera 11.10+ */
168 background-image: linear-gradient(#4E4E4E, #292929);
170 .ui-btn-down-b a.ui-link-inherit {
176 text-shadow: 0 -1px 0px #111;
179 text-decoration: none;
180 font-family: Helvetica, Arial, sans-serif;
187 font-family: Helvetica, Arial, sans-serif;
189 .ui-bar-b .ui-link-inherit {
197 .ui-dialog.ui-overlay-b {
199 border: 1px solid #999;
200 background-color: #e5e5e5;
202 text-shadow: 0 1px 0px #fff;
203 background-image: url(images/texture_075.png);
210 font-family: Helvetica, Arial, sans-serif;
212 .ui-body-b .ui-link-inherit {
215 .ui-body-b .ui-link {
219 /*####################################################################################################################################
223 ####################################################################################################################################*/
227 border: 1px solid #ccc;
230 text-shadow: 0 1px 0px #fff;
231 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
232 background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
233 background-image: -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
234 background-image: -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
235 background-image: -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
236 background-image: linear-gradient(#eee, #e5e5e5);
243 font-family: Helvetica, Arial, sans-serif;
248 font-family: Helvetica, Arial, sans-serif;
251 text-decoration: none;
252 text-shadow: 0 1px 0px #fff;
255 border: 1px solid #ccc;
258 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
259 background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
260 background-image: -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
261 background-image: -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
262 background-image: -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
263 background-image: linear-gradient(#eee, #e5e5e5);
265 .ui-btn-up-c a.ui-link-inherit {
269 border: 1px solid #ccc;
272 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); /* Saf4+, Chrome */
273 background-image: -webkit-linear-gradient(#fff, #f5f5f5); /* Chrome 10+, Saf5.1+ */
274 background-image: -moz-linear-gradient(#fff, #f5f5f5); /* FF3.6 */
275 background-image: -ms-linear-gradient(#fff, #f5f5f5); /* IE10 */
276 background-image: -o-linear-gradient(#fff, #f5f5f5); /* Opera 11.10+ */
277 background-image: linear-gradient(#fff, #f5f5f5);
279 .ui-btn-hover-c a.ui-link-inherit {
283 border: 1px solid #ccc;
286 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d5d5d5)); /* Saf4+, Chrome */
287 background-image: -webkit-linear-gradient(#ddd, #d5d5d5); /* Chrome 10+, Saf5.1+ */
288 background-image: -moz-linear-gradient(#ddd, #d5d5d5); /* FF3.6 */
289 background-image: -ms-linear-gradient(#ddd, #d5d5d5); /* IE10 */
290 background-image: -o-linear-gradient(#ddd, #d5d5d5); /* Opera 11.10+ */
291 background-image: linear-gradient(#ddd, #d5d5d5);
293 .ui-btn-down-c a.ui-link-inherit {
297 .ui-dialog.ui-overlay-c {
298 border: 1px solid #ddd;
300 text-shadow: 0 1px 0px #fff;
302 background-image: url(images/texture_075.png);
309 font-family: Helvetica, Arial, sans-serif;
311 .ui-body-c .ui-link-inherit {
313 .ui-body-c .ui-link {
318 /*####################################################################################################################################
322 ####################################################################################################################################*/
326 border: 1px solid #ccc;
329 text-shadow: 0 1px 0px #fff;
330 background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), color-stop(5%, #ccc), color-stop(15%, #bbb), color-stop(95%, #ddd), to(#ccc)); /* Saf4+, Chrome */
331 background-image: -webkit-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Chrome 10+, Saf5.1+ */
332 background-image: -moz-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* FF3.6 */
333 background-image: -ms-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* IE10 */
334 background-image: -o-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Opera 11.10+ */
335 background-image: linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%);
342 font-family: Helvetica, Arial, sans-serif;
344 .ui-bar-d .ui-link-inherit {
353 border: 1px solid #c5c5c5;
356 background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ddd)); /* Saf4+, Chrome */
357 background-image: -webkit-linear-gradient(#d5d5d5, #ddd); /* Chrome 10+, Saf5.1+ */
358 background-image: -moz-linear-gradient(#d5d5d5, #ddd); /* FF3.6 */
359 background-image: -ms-linear-gradient(#d5d5d5, #ddd); /* IE10 */
360 background-image: -o-linear-gradient(#d5d5d5, #ddd); /* Opera 11.10+ */
361 background-image: linear-gradient(#d5d5d5, #ddd);
363 .ui-btn-up-d a.ui-link-inherit {
367 border: 1px solid #aaa;
370 background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ccc)); /* Saf4+, Chrome */
371 background-image: -webkit-linear-gradient(#c5c5c5, #ccc); /* Chrome 10+, Saf5.1+ */
372 background-image: -moz-linear-gradient(#c5c5c5, #ccc); /* FF3.6 */
373 background-image: -ms-linear-gradient(#c5c5c5, #ccc); /* IE10 */
374 background-image: -o-linear-gradient(#c5c5c5, #ccc); /* Opera 11.10+ */
375 background-image: linear-gradient(#c5c5c5, #ccc);
377 .ui-btn-hover-d a.ui-link-inherit {
381 border: 1px solid #999;
384 background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), to(#bbb)); /* Saf4+, Chrome */
385 background-image: -webkit-linear-gradient(#b5b5b5, #bbb); /* Chrome 10+, Saf5.1+ */
386 background-image: -moz-linear-gradient(#b5b5b5, #bbb); /* FF3.6 */
387 background-image: -ms-linear-gradient(#b5b5b5, #bbb); /* IE10 */
388 background-image: -o-linear-gradient(#b5b5b5, #bbb); /* Opera 11.10+ */
389 background-image: linear-gradient(#b5b5b5, #bbb);
391 .ui-btn-up-d a.ui-link {
397 font-family: Helvetica, Arial, sans-serif;
400 text-decoration: none;
401 text-shadow: 0 1px 0px #fff;
408 font-family: Helvetica, Arial, sans-serif;
410 .ui-body-d .ui-link-inherit {
414 .ui-dialog.ui-overlay-d {
415 border: 1px solid #aaa;
417 text-shadow: 0 1px 0px #fff;
419 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #f5f5f5), to(#eee)); /* Saf4+, Chrome */
420 background-image: -webkit-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Chrome 10+, Saf5.1+ */
421 background-image: -moz-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* FF3.6 */
422 background-image: -ms-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* IE10 */
423 background-image: -o-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Opera 11.10+ */
424 background-image: linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%);
426 .ui-body-d .ui-link {
431 .ui-body-c .ui-link-inherit {
433 .ui-body-c .ui-link {
439 /*####################################################################################################################################
443 ####################################################################################################################################*/
447 border: 1px solid #999;
450 text-shadow: 0 1px 0px #fff;
451 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#eee)); /* Saf4+, Chrome */
452 background-image: -webkit-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Chrome 10+, Saf5.1+ */
453 background-image: -moz-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* FF3.6 */
454 background-image: -ms-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* IE10 */
455 background-image: -o-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Opera 11.10+ */
456 background-image: linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%);
463 font-family: Helvetica, Arial, sans-serif;
465 .ui-bar-e .ui-link-inherit {
473 border: 1px solid #999;
476 text-shadow: 0 1px 0px #fff;
477 background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#f5f5f5)); /* Saf4+, Chrome */
478 background-image: -webkit-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Chrome 10+, Saf5.1+ */
479 background-image: -moz-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* FF3.6 */
480 background-image: -ms-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* IE10 */
481 background-image: -o-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Opera 11.10+ */
482 background-image: linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%);
484 .ui-btn-up-e a.ui-link-inherit {
488 border: 1px solid #777;
491 text-shadow: 0 1px 0px #fff;
492 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ddd), color-stop(50%, #ccc), to(#fff)); /* Saf4+, Chrome */
493 background-image: -webkit-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Chrome 10+, Saf5.1+ */
494 background-image: -moz-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* FF3.6 */
495 background-image: -ms-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* IE10 */
496 background-image: -o-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Opera 11.10+ */
497 background-image: linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%);
499 .ui-btn-hover-e a.ui-link-inherit {
503 border: 1px solid #888;
506 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(50%, #ccc), color-stop(50%, #bbb), to(#ddd)); /* Saf4+, Chrome */
507 background-image: -webkit-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Chrome 10+, Saf5.1+ */
508 background-image: -moz-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* FF3.6 */
509 background-image: -ms-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* IE10 */
510 background-image: -o-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Opera 11.10+ */
511 background-image: linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%);
513 .ui-btn-down-e a.ui-link-inherit {
519 font-family: Helvetica, Arial, sans-serif;
522 text-decoration: none;
523 text-shadow: 0 1px 0px #fff;
526 .ui-dialog.ui-overlay-e {
528 border: 1px solid #aaa;
531 text-shadow: 0 1px 0px #fff;
532 background-image: url(images/texture_075.png);
539 font-family: Helvetica, Arial, sans-serif;
541 .ui-body-e .ui-link-inherit {
544 .ui-body-e .ui-link {
549 /*####################################################################################################################################
553 ####################################################################################################################################*/
557 text-decoration: none !important;
560 /* Active class used as the "on" state across all themes */
564 text-decoration: none;
565 border: 1px solid #FFBC19;
568 text-shadow: 0 1px 0px #eee;
569 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDC52), to(#FFBC19)); /* Saf4+, Chrome */
570 background-image: -webkit-linear-gradient(#FFDC52, #FFBC19); /* Chrome 10+, Saf5.1+ */
571 background-image: -moz-linear-gradient(#FFDC52, #FFBC19); /* FF3.6 */
572 background-image: -ms-linear-gradient(#FFDC52, #FFBC19); /* IE10 */
573 background-image: -o-linear-gradient(#FFDC52, #FFBC19); /* Opera 11.10+ */
574 background-image: linear-gradient(#FFDC52, #FFBC19);
576 .ui-btn-active a.ui-link-inherit {
580 /* button Inner Highlight */
582 border-top: 1px solid #fff;
583 border-color: rgba(255,255,255,.25);
586 /* Container Corner radius */
588 -moz-border-radius-topleft: .6em;
589 -webkit-border-top-left-radius: .6em;
590 border-top-left-radius: .6em;
593 -moz-border-radius-topright: .6em;
594 -webkit-border-top-right-radius: .6em;
595 border-top-right-radius: .6em;
598 -moz-border-radius-bottomleft: .6em;
599 -webkit-border-bottom-left-radius: .6em;
600 border-bottom-left-radius: .6em;
603 -moz-border-radius-bottomright: .6em;
604 -webkit-border-bottom-right-radius: .6em;
605 border-bottom-right-radius: .6em;
608 -moz-border-radius-topleft: .6em;
609 -webkit-border-top-left-radius: .6em;
610 border-top-left-radius: .6em;
611 -moz-border-radius-topright: .6em;
612 -webkit-border-top-right-radius: .6em;
613 border-top-right-radius: .6em;
616 -moz-border-radius-bottomleft: .6em;
617 -webkit-border-bottom-left-radius: .6em;
618 border-bottom-left-radius: .6em;
619 -moz-border-radius-bottomright: .6em;
620 -webkit-border-bottom-right-radius: .6em;
621 border-bottom-right-radius: .6em;
624 -moz-border-radius-topright: .6em;
625 -webkit-border-top-right-radius: .6em;
626 border-top-right-radius: .6em;
627 -moz-border-radius-bottomright: .6em;
628 -webkit-border-bottom-right-radius: .6em;
629 border-bottom-right-radius: .6em;
632 -moz-border-radius-topleft: .6em;
633 -webkit-border-top-left-radius: .6em;
634 border-top-left-radius: .6em;
635 -moz-border-radius-bottomleft: .6em;
636 -webkit-border-bottom-left-radius: .6em;
637 border-bottom-left-radius: .6em;
640 -moz-border-radius: .6em;
641 -webkit-border-radius: .6em;
646 ----------------------------------*/
650 .ui-disabled, .ui-disabled a {
651 cursor: default !important;
655 -----------------------------------------------------------------------------------------------------------*/
659 background: rgba(0,0,0,.4);
660 background-image: url(images/icons-18-white.png);
661 background-repeat: no-repeat;
662 -moz-border-radius: 9px;
663 -webkit-border-radius: 9px;
669 -----------------------------------------------------------------------------------------------------------*/
673 background: rgba(255,255,255,.3);
674 background-image: url(images/icons-18-black.png);
675 background-repeat: no-repeat;
678 /* HD/"retina" sprite
679 -----------------------------------------------------------------------------------------------------------*/
681 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
682 only screen and (min--moz-device-pixel-ratio: 1.5),
683 only screen and (min-resolution: 240dpi) {
685 .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
686 .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
687 .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
688 .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
689 .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
690 background-image: url(images/icons-36-white.png);
691 -moz-background-size: 776px 18px;
692 -o-background-size: 776px 18px;
693 -webkit-background-size: 776px 18px;
694 background-size: 776px 18px;
697 background-image: url(images/icons-36-black.png);
703 background-position: -0 50%;
706 background-position: -36px 50%;
711 background-position: -72px 50%;
716 background-position: -108px 50%;
719 background-position: -144px 50%;
722 background-position: -180px 50%;
725 background-position: -216px 50%;
730 background-position: -252px 50%;
733 background-position: -288px 50%;
736 background-position: -324px 50%;
739 background-position: -360px 50%;
742 background-position: -396px 50%;
745 background-position: -432px 50%;
748 background-position: -468px 50%;
751 background-position: -504px 50%;
754 background-position: -540px 50%;
757 background-position: -576px 50%;
760 background-position: -612px 50%;
762 .ui-icon-checkbox-off {
763 background-position: -684px 50%;
765 .ui-icon-checkbox-on {
766 background-position: -648px 50%;
769 background-position: -756px 50%;
772 background-position: -720px 50%;
777 .ui-checkbox .ui-icon {
778 -moz-border-radius: 3px;
779 -webkit-border-radius: 3px;
782 .ui-icon-checkbox-off,
784 background-color: transparent;
786 .ui-checkbox-on .ui-icon,
787 .ui-radio-on .ui-icon {
788 background-color: #FFBC19; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
790 .ui-icon-searchfield {
791 background-image: url(images/icon-search-black.png);
792 background-size: 16px 16px;
797 background-image: url(images/ajax-loader.png);
800 -moz-border-radius: 20px;
801 -webkit-border-radius: 20px;
803 background-size: 35px 35px;
807 /* Button corner classes
808 -----------------------------------------------------------------------------------------------------------*/
811 -moz-border-radius-topleft: 1em;
812 -webkit-border-top-left-radius: 1em;
813 border-top-left-radius: 1em;
816 -moz-border-radius-topright: 1em;
817 -webkit-border-top-right-radius: 1em;
818 border-top-right-radius: 1em;
821 -moz-border-radius-bottomleft: 1em;
822 -webkit-border-bottom-left-radius: 1em;
823 border-bottom-left-radius: 1em;
826 -moz-border-radius-bottomright: 1em;
827 -webkit-border-bottom-right-radius: 1em;
828 border-bottom-right-radius: 1em;
831 -moz-border-radius-topleft: 1em;
832 -webkit-border-top-left-radius: 1em;
833 border-top-left-radius: 1em;
834 -moz-border-radius-topright: 1em;
835 -webkit-border-top-right-radius: 1em;
836 border-top-right-radius: 1em;
838 .ui-btn-corner-bottom {
839 -moz-border-radius-bottomleft: 1em;
840 -webkit-border-bottom-left-radius: 1em;
841 border-bottom-left-radius: 1em;
842 -moz-border-radius-bottomright: 1em;
843 -webkit-border-bottom-right-radius: 1em;
844 border-bottom-right-radius: 1em;
846 .ui-btn-corner-right {
847 -moz-border-radius-topright: 1em;
848 -webkit-border-top-right-radius: 1em;
849 border-top-right-radius: 1em;
850 -moz-border-radius-bottomright: 1em;
851 -webkit-border-bottom-right-radius: 1em;
852 border-bottom-right-radius: 1em;
854 .ui-btn-corner-left {
855 -moz-border-radius-topleft: 1em;
856 -webkit-border-top-left-radius: 1em;
857 border-top-left-radius: 1em;
858 -moz-border-radius-bottomleft: 1em;
859 -webkit-border-bottom-left-radius: 1em;
860 border-bottom-left-radius: 1em;
863 -moz-border-radius: .4em;
864 -webkit-border-radius: .4em;
868 .ui-corner-tl, .ui-corner-tr, .ui-corner-bl,
869 .ui-corner-br, .ui-corner-top, .ui-corner-bottom,
870 .ui-corner-right, .ui-corner-left, .ui-corner-all,
871 .ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl,
872 .ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom,
873 .ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all {
874 -webkit-background-clip: padding-box;
875 -moz-background-clip: padding;
876 background-clip: padding-box;
880 /* Form field separator */
882 border-bottom: rgb(130,130,130);
883 border-bottom: rgba(130,130,130,.3);
884 border-bottom-width: 1px;
885 border-bottom-style: solid;
892 filter: Alpha(Opacity=50);
898 -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
899 -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
900 box-shadow: 0px 0px 12px rgba(0,0,0,.6);
903 -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
904 -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
905 box-shadow: 0px 1px 4px rgba(0,0,0,.3);
907 .ui-bar-a .ui-shadow,
908 .ui-bar-b .ui-shadow ,
909 .ui-bar-c .ui-shadow {
910 -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
911 -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
912 box-shadow: 0px 1px 0 rgba(255,255,255,.3);
915 -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
916 -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
917 box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
920 -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
921 -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
922 box-shadow: 0px 1px 0 rgba(255,255,255,.4);
925 /* set focus state last */
927 -moz-box-shadow: 0px 0px 12px #FFBC19;
928 -webkit-box-shadow: 0px 0px 12px #FFBC19;
929 box-shadow: 0px 0px 12px #FFBC19;
932 /*####################################################################################################################################
936 ####################################################################################################################################*/
939 /* Make inline buttons more rounded */
940 .ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all,
941 .ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all .ui-btn-inner,
942 .ui-slider.ui-btn-corner-all{
943 -moz-border-radius: 1em;
944 -webkit-border-radius: 1em;
947 a.ui-btn.ui-btn-inline.ui-btn-corner-all,
948 a.ui-btn.ui-btn-inline.ui-btn-corner-all .ui-btn-inner{
949 -moz-border-radius: 2em;
950 -webkit-border-radius: 2em;
954 /* Give the search input a stronger border */
956 border: 1px solid #999;
959 /* Adjustment for indicator icons inside split list & Search Input - Well I hope so :) */
960 .ui-input-search .ui-btn-icon-notext,
961 .ui-btn-inner .ui-btn-icon-notext{
962 -moz-border-radius: 1em;
963 -webkit-border-radius: 1em;
966 .ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all,
967 .ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
968 -moz-border-radius: 1em;
969 -webkit-border-radius: 1em;
972 /* inner highlight is janky! */
973 .ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
974 border-top-color: transparent;