crm.fsf.org/20131203/files/sites/all/modules-old/civicrm/packages/kcfinder/themes/dark/01.ui.css

   1 /*
   2
   3 This CSS code is generated from http://ui.sunhater.com
   4 (c)2014 Pavel Tzonkov, sunhater.com. All rights reserved.
   5
   6 */
   7 /*** jQueryUI */
   8 /** Base */
   9
  10 .ui-helper-hidden {
  11     display: none;
  12 }
  13 .ui-helper-hidden-accessible {
  14     border: 0;
  15     clip: rect(0 0 0 0);
  16     height: 1px;
  17     margin: -1px;
  18     overflow: hidden;
  19     padding: 0;
  20     position: absolute;
  21     width: 1px;
  22 }
  23 .ui-helper-reset {
  24     margin: 0;
  25     padding: 0;
  26     border: 0;
  27     outline: 0;
  28     line-height: 1.3;
  29     text-decoration: none;
  30     font-size: 100%;
  31     list-style: none;
  32 }
  33 .ui-helper-clearfix:before,
  34 .ui-helper-clearfix:after {
  35     content: "";
  36     display: table;
  37     border-collapse: collapse;
  38 }
  39 .ui-helper-clearfix:after {
  40     clear: both;
  41 }
  42 .ui-helper-clearfix {
  43     min-height: 0; /* support: IE7 */
  44 }
  45 .ui-helper-zfix {
  46     width: 100%;
  47     height: 100%;
  48     top: 0;
  49     left: 0;
  50     position: absolute;
  51     opacity: 0;
  52     filter:alpha(opacity=0);
  53 }
  54
  55 .ui-front {
  56     z-index: 100;
  57 }
  58
  59 .ui-widget .ui-widget,
  60 .ui-widget input,
  61 .ui-widget select,
  62 .ui-widget textarea,
  63 .ui-widget button {
  64     font-size: 1em;
  65 }
  66 .ui-widget-content {
  67     border: 1px solid #888;
  68     background: #000;
  69     color: #aaa;
  70 }
  71 .ui-widget-content a {
  72     color: #aaa;
  73 }
  74 .ui-widget-header {
  75     border: 1px solid #4685b3;
  76     color: #fff;
  77     font-weight: bold;
  78     background: #184977;
  79     background: -webkit-linear-gradient(top, #184977, #4685b3);
  80     background: -moz-linear-gradient(top, #184977, #4685b3);
  81     background: -ms-linear-gradient(top, #184977, #4685b3);
  82     background: -o-linear-gradient(top, #184977, #4685b3);
  83     background: linear-gradient(to bottom, #184977, #4685b3);
  84 }
  85 .ui-widget-header a {
  86     color: #fff;
  87 }
  88
  89 /* Interaction states
  90 ----------------------------------*/
  91
  92 .ui-state-default,
  93 .ui-widget-content .ui-state-default,
  94 .ui-widget-header .ui-state-default,
  95 .ui-widget.ui-state-disabled {
  96     transition: .2s;
  97     border: 1px solid #555;
  98     background: #333;
  99     background: -webkit-linear-gradient(top, #555, #111);
 100     background: -moz-linear-gradient(top, #555, #111);
 101     background: -ms-linear-gradient(top, #555, #111);
 102     background: -o-linear-gradient(top, #555, #111);
 103     background: linear-gradient(to bottom, #555, #111);
 104     font-weight: bold;
 105     color: #aaa;
 106 }
 107
 108 .ui-state-hover,
 109 .ui-widget-content .ui-state-hover,
 110 .ui-widget-header .ui-state-hover,
 111 .ui-state-focus,
 112 .ui-widget-content .ui-state-focus,
 113 .ui-widget-header .ui-state-focus {
 114     transition: .2s;
 115     background: -webkit-linear-gradient(top, #111, #555);
 116     background: -moz-linear-gradient(top, #111, #555);
 117     background: -ms-linear-gradient(top, #111, #555);
 118     background: -o-linear-gradient(top, #111, #555);
 119     background: linear-gradient(to bottom, #111, #555);
 120 }
 121
 122 .ui-state-active,
 123 .ui-widget-content .ui-state-active,
 124 .ui-widget-header .ui-state-active,
 125 .ui-menu .ui-state-focus {
 126     transition: .2s;
 127     border: 1px solid #184977;
 128     background: #4685b3;
 129     background: -webkit-linear-gradient(top, #184977, #4685b3);
 130     background: -moz-linear-gradient(top, #184977, #4685b3);
 131     background: -ms-linear-gradient(top, #184977, #4685b3);
 132     background: -o-linear-gradient(top, #184977, #4685b3);
 133     background: linear-gradient(to bottom, #184977, #4685b3);
 134     font-weight: bold;
 135     color: #fff;
 136 }
 137
 138 .ui-state-default a,
 139 .ui-state-default a:link,
 140 .ui-state-default a:visited,
 141 .ui-state-hover a,
 142 .ui-state-hover a:hover,
 143 .ui-state-hover a:link,
 144 .ui-state-hover a:visited,
 145 .ui-state-active a,
 146 .ui-state-active a:link,
 147 .ui-state-active a:visited {
 148     transition: .2s;
 149     color: #fff;
 150     text-decoration: none;
 151 }
 152
 153 .ui-menu .ui-state-active {
 154     transition: .2s;
 155     border-color: #6b6b6b;
 156     background: #6b6b6b;
 157     background: -webkit-linear-gradient(top, #6b6b6b, #ababab);
 158     background: -moz-linear-gradient(top, #6b6b6b, #ababab);
 159     background: -ms-linear-gradient(top, #6b6b6b, #ababab);
 160     background: -o-linear-gradient(top, #6b6b6b, #ababab);
 161     background: linear-gradient(to bottom, #6b6b6b, #ababab);
 162 }
 163
 164 /* Interaction Cues
 165 ----------------------------------*/
 166
 167 .ui-state-highlight,
 168 .ui-widget-content .ui-state-highlight,
 169 .ui-widget-header .ui-state-highlight {
 170     border: 1px solid #d5bc2c;
 171     box-shadow: inset 0 0 5px #d5bc2c;
 172     background: #fff6bf;
 173     color: #aaa;
 174 }
 175 .ui-state-error,
 176 .ui-widget-content .ui-state-error,
 177 .ui-widget-header .ui-state-error {
 178     border: 1px solid #cf7f7f;
 179     box-shadow: inset 0 0 5px #cf7f7f;
 180     background: #fac4c4;
 181     color: #aaa;
 182 }
 183 .ui-state-error a,
 184 .ui-widget-content .ui-state-error a,
 185 .ui-widget-header .ui-state-error a,
 186 .ui-state-highlight a,
 187 .ui-widget-content .ui-state-highlight a,
 188 .ui-widget-header .ui-state-highlight a,
 189 .ui-state-error-text,
 190 .ui-widget-content .ui-state-error-text,
 191 .ui-widget-header .ui-state-error-text {
 192     color: #aaa;
 193 }
 194 .ui-priority-primary,
 195 .ui-widget-content .ui-priority-primary,
 196 .ui-widget-header .ui-priority-primary {
 197     font-weight: bold;
 198 }
 199 .ui-priority-secondary,
 200 .ui-widget-content .ui-priority-secondary,
 201 .ui-widget-header .ui-priority-secondary {
 202     opacity: .5;
 203     filter:alpha(opacity=50);
 204     font-weight: normal;
 205 }
 206 .ui-state-disabled,
 207 .ui-widget-content .ui-state-disabled,
 208 .ui-widget-header .ui-state-disabled {
 209     opacity: .50;
 210     filter:alpha(opacity=50);
 211     background-image: none;
 212 }
 213 .ui-state-disabled .ui-icon {
 214     filter:alpha(opacity=50); /* For IE8 - See #6059 */
 215 }
 216
 217 /* Interaction Cues
 218 ----------------------------------*/
 219 .ui-state-disabled {
 220     cursor: default !important;
 221 }
 222
 223 /* Misc visuals
 224 ----------------------------------*/
 225
 226 /* Overlays */
 227 .ui-widget-overlay {
 228     position: fixed;
 229     top: 0;
 230     left: 0;
 231     width: 100%;
 232     height: 100%;
 233 }
 234 .ui-resizable {
 235     position: relative;
 236 }
 237 .ui-resizable-handle {
 238     position: absolute;
 239     font-size: 0.1px;
 240     display: block;
 241 }
 242 .ui-resizable-disabled .ui-resizable-handle,
 243 .ui-resizable-autohide .ui-resizable-handle {
 244     display: none;
 245 }
 246 .ui-resizable-n {
 247     cursor: n-resize;
 248     height: 7px;
 249     width: 100%;
 250     top: -5px;
 251     left: 0;
 252 }
 253 .ui-resizable-s {
 254     cursor: s-resize;
 255     height: 7px;
 256     width: 100%;
 257     bottom: -5px;
 258     left: 0;
 259 }
 260 .ui-resizable-e {
 261     cursor: e-resize;
 262     width: 7px;
 263     right: -5px;
 264     top: 0;
 265     height: 100%;
 266 }
 267 .ui-resizable-w {
 268     cursor: w-resize;
 269     width: 7px;
 270     left: -5px;
 271     top: 0;
 272     height: 100%;
 273 }
 274 .ui-resizable-se {
 275     cursor: se-resize;
 276     width: 12px;
 277     height: 12px;
 278     right: 1px;
 279     bottom: 1px;
 280 }
 281 .ui-resizable-sw {
 282     cursor: sw-resize;
 283     width: 9px;
 284     height: 9px;
 285     left: -5px;
 286     bottom: -5px;
 287 }
 288 .ui-resizable-nw {
 289     cursor: nw-resize;
 290     width: 9px;
 291     height: 9px;
 292     left: -5px;
 293     top: -5px;
 294 }
 295 .ui-resizable-ne {
 296     cursor: ne-resize;
 297     width: 9px;
 298     height: 9px;
 299     right: -5px;
 300     top: -5px;
 301 }
 302 .ui-selectable-helper {
 303     position: absolute;
 304     z-index: 100;
 305     border: 1px dotted black;
 306 }
 307
 308
 309 /** Accordion */
 310
 311 .ui-accordion .ui-accordion-header {
 312     display: block;
 313     cursor: pointer;
 314     position: relative;
 315     margin-top: 2px;
 316     padding: 6px;
 317     min-height: 0; /* support: IE7 */
 318 }
 319 .ui-accordion .ui-accordion-icons,
 320 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
 321     padding-left: 24px;
 322 }
 323 .ui-accordion .ui-accordion-noicons {
 324     padding-left: 5px;
 325 }
 326
 327 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
 328     position: absolute;
 329     left: 5px;
 330     top: 50%;
 331     margin-top: -8px;
 332 }
 333 .ui-accordion .ui-accordion-content {
 334     padding: 1em;
 335     border-top: 0;
 336     overflow: auto;
 337 }
 338
 339
 340 /** Autocomplete */
 341
 342 .ui-autocomplete {
 343     position: absolute;
 344     top: 0;
 345     left: 0;
 346     cursor: pointer;
 347 }
 348
 349
 350 /** Button */
 351
 352 .ui-button {
 353     display: inline-block;
 354     position: relative;
 355     padding: 0;
 356     line-height: normal;
 357     cursor: pointer;
 358     vertical-align: middle;
 359     text-align: center;
 360     overflow: visible; /* removes extra width in IE */
 361 }
 362 .ui-button,
 363 .ui-button:link,
 364 .ui-button:visited,
 365 .ui-button:hover,
 366 .ui-button:active {
 367     text-decoration: none;
 368 }
 369 /* to make room for the icon, a width needs to be set here */
 370 .ui-button-icon-only {
 371     width: 36px;
 372 }
 373 .ui-button-icons-only {
 374     width: 50px;
 375 }
 376 /* button text element */
 377 .ui-button .ui-button-text {
 378     display: block;
 379     line-height: normal;
 380 }
 381 .ui-button-text-only .ui-button-text {
 382     padding: 6px 10px;
 383 }
 384 .ui-button-icon-only .ui-button-text,
 385 .ui-button-icons-only .ui-button-text {
 386     padding: 6px;
 387     text-indent: -9999999px;
 388 }
 389 .ui-button-text-icon-primary .ui-button-text,
 390 .ui-button-text-icons .ui-button-text {
 391     padding: 6px 10px 6px 28px;
 392 }
 393 .ui-button-text-icon-secondary .ui-button-text,
 394 .ui-button-text-icons .ui-button-text {
 395     padding: 6px 28px 6px 10px;
 396 }
 397 .ui-button-text-icons .ui-button-text {
 398     padding-left: 28px;
 399     padding-right: 28px;
 400 }
 401 /* no icon support for input elements, provide padding by default */
 402 input.ui-button {
 403     padding: 6px 10px;
 404 }
 405
 406 /* button icon element(s) */
 407 .ui-button-icon-only .ui-icon,
 408 .ui-button-text-icon-primary .ui-icon,
 409 .ui-button-text-icon-secondary .ui-icon,
 410 .ui-button-text-icons .ui-icon,
 411 .ui-button-icons-only .ui-icon {
 412     position: absolute;
 413     top: 50%;
 414     margin-top: -8px;
 415 }
 416 .ui-button-icon-only .ui-icon {
 417     left: 50%;
 418     margin-left: -8px;
 419 }
 420 .ui-button-text-icon-primary .ui-button-icon-primary,
 421 .ui-button-text-icons .ui-button-icon-primary,
 422 .ui-button-icons-only .ui-button-icon-primary {
 423     left: 7px;
 424 }
 425 .ui-button-text-icon-secondary .ui-button-icon-secondary,
 426 .ui-button-text-icons .ui-button-icon-secondary,
 427 .ui-button-icons-only .ui-button-icon-secondary {
 428     right: 7px;
 429 }
 430 /* workarounds */
 431 /* reset extra padding in Firefox, see h5bp.com/l */
 432 input.ui-button::-moz-focus-inner,
 433 button.ui-button::-moz-focus-inner {
 434     border: 0;
 435     padding: 0;
 436 }
 437
 438
 439 /** Button set */
 440
 441 .ui-buttonset {
 442     margin:0;
 443     overflow:auto;
 444 }
 445 .ui-buttonset .ui-button {
 446     margin: 0;
 447     float:left;
 448 }
 449
 450
 451 /** Date picker */
 452
 453 .ui-datepicker {
 454     width: 19em;
 455     display: none;
 456     padding: 10px;
 457 }
 458 .ui-datepicker .ui-datepicker-header {
 459     position: relative;
 460     padding: 2px 0;
 461 }
 462 .ui-datepicker .ui-datepicker-prev,
 463 .ui-datepicker .ui-datepicker-next {
 464     position: absolute;
 465     top: 4px;
 466     width: 20px;
 467     height: 20px;
 468 }
 469 .ui-datepicker .ui-datepicker-prev-hover,
 470 .ui-datepicker .ui-datepicker-next-hover {
 471     top: 3px;
 472 }
 473 .ui-datepicker .ui-datepicker-prev {
 474     left: 4px;
 475 }
 476 .ui-datepicker .ui-datepicker-next {
 477     right: 4px;
 478 }
 479 .ui-datepicker .ui-datepicker-prev-hover {
 480     left: 3px;
 481 }
 482 .ui-datepicker .ui-datepicker-next-hover {
 483     right: 3px;
 484 }
 485 .ui-datepicker .ui-datepicker-prev span,
 486 .ui-datepicker .ui-datepicker-next span {
 487     display: block;
 488     position: absolute;
 489     left: 50%;
 490     margin-left: -8px;
 491     top: 50%;
 492     margin-top: -8px;
 493 }
 494 .ui-datepicker .ui-datepicker-title {
 495     margin: 0 10px;
 496     padding: 4px 0;
 497     text-align: center;
 498 }
 499 .ui-datepicker .ui-datepicker-title select {
 500     font-size: 1em;
 501     margin:-2px 2px;
 502     padding:0;
 503     outline:0;
 504 }
 505 .ui-datepicker table {
 506     width: 100%;
 507     border-collapse: collapse;
 508     margin: 0;
 509     font-size: 1em;
 510 }
 511 .ui-datepicker th {
 512     padding: 3px;
 513     text-align: center;
 514     font-weight: bold;
 515     border: 0;
 516 }
 517 .ui-datepicker td {
 518     border: 0;
 519     padding: 1px;
 520 }
 521 .ui-datepicker td span,
 522 .ui-datepicker td a {
 523     display: block;
 524     padding: 2px 3px;
 525     text-align: right;
 526     text-decoration: none;
 527 }
 528 .ui-datepicker .ui-datepicker-buttonpane {
 529     background-image: none;
 530     margin: 10px -11px -11px -11px;
 531     padding: 10px;
 532     border: 1px solid #184977;
 533     background: #e4f5ff;
 534     overflow: auto;
 535 }
 536 .ui-datepicker .ui-datepicker-buttonpane button {
 537     float: right;
 538     cursor: pointer;
 539     width: auto;
 540     overflow: visible;
 541     margin: 0;
 542     padding: 6px 10px;
 543     font-weight: bold;
 544     opacity: 1;
 545     filter: alpha(opacity=100);
 546 }
 547 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 548     float: left;
 549 }
 550
 551 /* with multiple calendars */
 552 .ui-datepicker.ui-datepicker-multi {
 553     width: auto;
 554     padding:10px;
 555 }
 556 .ui-datepicker-multi .ui-datepicker-group {
 557     float: left;
 558 }
 559 .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header {
 560     margin:0;
 561 }
 562 .ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-last {
 563     margin-right:0;
 564 }
 565
 566 .ui-datepicker-multi .ui-datepicker-group table {
 567     width: 95%;
 568     margin: 0 auto .4em;
 569 }
 570 .ui-datepicker-multi-2 .ui-datepicker-group {
 571     width: 50%;
 572 }
 573 .ui-datepicker-multi-3 .ui-datepicker-group {
 574     width: 33.3%;
 575 }
 576 .ui-datepicker-multi-4 .ui-datepicker-group {
 577     width: 25%;
 578 }
 579
 580 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 581 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 582     border-left-width: 0;
 583 }
 584 .ui-datepicker-multi .ui-datepicker-buttonpane {
 585     clear: left;
 586 }
 587 .ui-datepicker-row-break {
 588     clear: both;
 589     font-size: 0;
 590     width: 100px;
 591 }
 592 th.ui-datepicker-week-col {
 593     color: #215b82;
 594 }
 595 td.ui-datepicker-week-col {
 596     text-align:right;
 597     padding-right:7px;
 598     color: #215b82;
 599 }
 600 td.ui-datepicker-other-month a.ui-state-default {
 601     font-weight: bold;
 602 }
 603 th.ui-datepicker-week-end {
 604     color: #f44;
 605 }
 606
 607 /* RTL support */
 608 .ui-datepicker-rtl {
 609     direction: rtl;
 610 }
 611 .ui-datepicker-rtl .ui-datepicker-prev {
 612     right: 2px;
 613     left: auto;
 614 }
 615 .ui-datepicker-rtl .ui-datepicker-next {
 616     left: 2px;
 617     right: auto;
 618 }
 619 .ui-datepicker-rtl .ui-datepicker-prev:hover {
 620     right: 1px;
 621     left: auto;
 622 }
 623 .ui-datepicker-rtl .ui-datepicker-next:hover {
 624     left: 1px;
 625     right: auto;
 626 }
 627 .ui-datepicker-rtl .ui-datepicker-buttonpane {
 628     clear: right;
 629 }
 630 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
 631     float: left;
 632 }
 633 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 634 .ui-datepicker-rtl .ui-datepicker-group {
 635     float: right;
 636 }
 637 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 638 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 639     border-right-width: 0;
 640     border-left-width: 1px;
 641 }
 642
 643
 644 /** Dialog */
 645
 646 .ui-dialog {
 647     position: absolute;
 648     top: 0;
 649     left: 0;
 650     padding: 4px;
 651     outline: 0;
 652     box-shadow: 0 0 10px #000;
 653 }
 654 .ui-dialog .ui-dialog-titlebar {
 655     padding: 5px 10px;
 656     position: relative;
 657 }
 658 .ui-dialog .ui-dialog-title {
 659     float: left;
 660     margin: 0;
 661     padding: 1px 0;
 662     white-space: nowrap;
 663     width: 90%;
 664     overflow: hidden;
 665     text-overflow: ellipsis;
 666 }
 667 .ui-dialog .ui-dialog-titlebar-close {
 668     position: absolute;
 669     right: .3em;
 670     top: 50%;
 671     width: 21px;
 672     margin: -10px 0 0 0;
 673     padding: 1px;
 674     height: 20px;
 675 }
 676 .ui-dialog .ui-dialog-content {
 677     position: relative;
 678     border: 0;
 679     padding: 1em;
 680     margin: 0 -4px;
 681     background: none;
 682     overflow: auto;
 683 }
 684 .ui-dialog .ui-dialog-buttonpane {
 685     text-align: left;
 686     border-width: 1px 0 0 0;
 687     background-image: none;
 688     padding: 10px;
 689 }
 690 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 691     float: right;
 692 }
 693 .ui-dialog .ui-dialog-buttonpane button {
 694     margin: 0 0 0 5px;
 695     cursor: pointer;
 696 }
 697 .ui-dialog .ui-resizable-se {
 698     width: 12px;
 699     height: 12px;
 700     right: -5px;
 701     bottom: -5px;
 702     background-position: 16px 16px;
 703 }
 704 .ui-draggable .ui-dialog-titlebar {
 705     cursor: move;
 706 }
 707
 708
 709 /** Menu */
 710
 711 .ui-menu {
 712     list-style: none;
 713     padding: 0;
 714     margin: 0;
 715     display: block;
 716     outline: 0;
 717 }
 718 .ui-menu .ui-menu {
 719     margin-top: -3px;
 720     position: absolute;
 721 }
 722 .ui-menu .ui-menu-item {
 723     margin: 0;
 724     padding: 0;
 725     width: 100%;
 726     /* support: IE10, see #8844 */
 727     list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
 728 }
 729 .ui-menu .ui-menu-divider {
 730     margin: 1px 10px 1px 10px;
 731     height: 0;
 732     font-size: 0;
 733     line-height: 0;
 734     border-width: 1px 0 0 0;
 735     border-color: #777;
 736 }
 737 .ui-menu .ui-menu-item a {
 738     text-decoration: none;
 739     display: block;
 740     padding: 5px 10px;
 741     line-height: 1.5;
 742     min-height: 0; /* support: IE7 */
 743     font-weight: normal;
 744     border-radius:0;
 745 }
 746 .ui-menu .ui-menu-item a.ui-state-focus,
 747 .ui-menu .ui-menu-item a.ui-state-active {
 748     font-weight: normal;
 749     margin: -1px;
 750     transition: none;
 751 }
 752 .ui-menu .ui-state-disabled {
 753     font-weight: normal;
 754     line-height: 1.5;
 755 }
 756 .ui-menu .ui-state-disabled a {
 757     cursor: default;
 758 }
 759 .ui-menu.ui-corner-all.sh-menu {
 760     border-radius: 4px;
 761 }
 762 .ui-menu.ui-corner-all, .ui-menu.sh-menu.ui-autocomplete.ui-corner-all {
 763     border-radius: 0;
 764 }
 765
 766 /* icon support */
 767 .ui-menu-icons {
 768     position: relative;
 769 }
 770 .ui-menu-icons .ui-menu-item a {
 771     position: relative;
 772     padding-left: 2em;
 773 }
 774
 775 /* left-aligned */
 776 .ui-menu .ui-icon {
 777     position: absolute;
 778     top: .2em;
 779     left: .2em;
 780 }
 781
 782 /* right-aligned */
 783 .ui-menu .ui-menu-icon {
 784     position: static;
 785     float: right;
 786 }
 787
 788
 789 /** Progress bar */
 790
 791 .ui-progressbar {
 792     height: 2.1em;
 793     text-align: left;
 794     overflow: hidden;
 795 }
 796 .ui-progressbar .ui-progressbar-value {
 797     margin: -1px;
 798     height: 100%;
 799 }
 800 .ui-progressbar .ui-progressbar-overlay {
 801     height: 100%;
 802     filter: alpha(opacity=25);
 803     opacity: 0.25;
 804 }
 805 .ui-progressbar-indeterminate .ui-progressbar-value {
 806     background-image: none;
 807 }
 808
 809
 810 /** Slider */
 811
 812 .ui-slider {
 813     position: relative;
 814     text-align: left;
 815     margin: 0 13px;
 816     border-radius:15px;
 817 }
 818 .ui-slider .ui-slider-handle {
 819     position: absolute;
 820     z-index: 2;
 821     width: 18px;
 822     height: 18px;
 823     border-radius: 9px;
 824     cursor: default;
 825     box-shadow: 0 0 3px #aaa, inset 0 0 7px #fff, inset 0 0 3px #fff;
 826 }
 827 .ui-slider .ui-slider-handle.ui-state-active {
 828     box-shadow: 0 0 3px #4685b3, inset 0 0 7px #fff, inset 0 0 3px #fff;
 829 }
 830 .ui-slider .ui-slider-range {
 831     position: absolute;
 832     z-index: 1;
 833     display: block;
 834     border: 0;
 835     background-position: 0 0;
 836 }
 837
 838 /* For IE8 - See #6727 */
 839 .ui-slider.ui-state-disabled .ui-slider-handle,
 840 .ui-slider.ui-state-disabled .ui-slider-range {
 841     filter: inherit;
 842 }
 843
 844 .ui-slider-horizontal {
 845     height: 10px;
 846 }
 847 .ui-slider-horizontal .ui-slider-handle {
 848     top: -5px;
 849     margin-left: -9px;
 850 }
 851 .ui-slider-horizontal .ui-slider-range {
 852     top: 0;
 853     height: 100%;
 854 }
 855 .ui-slider-horizontal .ui-slider-range-min {
 856     left: 0;
 857 }
 858 .ui-slider-horizontal .ui-slider-range-max {
 859     right: 0;
 860 }
 861
 862 .ui-slider-vertical {
 863     width: 10px;
 864     height: 150px;
 865 }
 866 .ui-slider-vertical .ui-slider-handle {
 867     left: -5px;
 868     margin-left: 0;
 869     margin-bottom: -9px;
 870 }
 871 .ui-slider-vertical .ui-slider-range {
 872     left: -1px;
 873     width: 100%;
 874 }
 875 .ui-slider-vertical .ui-slider-range-min {
 876     bottom: 0;
 877 }
 878 .ui-slider-vertical .ui-slider-range-max {
 879     top: 0;
 880 }
 881
 882
 883 /** Spinner */
 884
 885 .ui-spinner.ui-widget {
 886     position: relative;
 887     display: inline-block;
 888     overflow: hidden;
 889     padding: 0;
 890     vertical-align: middle;
 891     background: #fff;
 892     background: -webkit-linear-gradient(top, #f0f0f0, #fff);
 893     background: -moz-linear-gradient(top, #f0f0f0, #fff);
 894     background: -ms-linear-gradient(top, #f0f0f0, #fff);
 895     background: -o-linear-gradient(top, #f0f0f0, #fff);
 896     background: linear-gradient(to bottom, #f0f0f0, #fff);
 897 }
 898 .ui-spinner-input {
 899     border: none;
 900     color: inherit;
 901     padding: 0;
 902     margin: 6px 24px 6px 10px;
 903     vertical-align: middle;
 904     outline: 0;
 905     background: transparent;
 906 }
 907 .ui-spinner-input {
 908     color: #aaa}
 909 .ui-spinner-input:focus {
 910     color: #000;
 911 }
 912 .ui-spinner-button {
 913     width: 16px;
 914     height: 50%;
 915     font-size: .5em;
 916     padding: 0;
 917     margin: 0;
 918     text-align: center;
 919     position: absolute;
 920     cursor: default;
 921     display: block;
 922     overflow: hidden;
 923     right: 0;
 924 }
 925 /* more specificity required here to overide default borders */
 926 .ui-spinner a.ui-spinner-button {
 927     border-top: none;
 928     border-bottom: none;
 929     border-right: none;
 930 }
 931 /* vertical centre icon */
 932 .ui-spinner .ui-icon {
 933     position: absolute;
 934     margin-top: -8px;
 935     top: 50%;
 936     left: 0;
 937 }
 938 .ui-spinner-up {
 939     top: 0;
 940 }
 941 .ui-spinner-down {
 942     bottom: 0;
 943 }
 944
 945 /* TR overrides */
 946 .ui-spinner .ui-icon-triangle-1-s {
 947     /* need to fix icons sprite */
 948     background-position: -65px -16px;
 949 }
 950
 951
 952 /** Tabs */
 953
 954 .ui-tabs {
 955     position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 956 }
 957 .ui-tabs .ui-tabs-nav {
 958     margin: 0;
 959     padding: 3px 3px 0 3px;
 960 }
 961 .ui-tabs .ui-tabs-nav li {
 962     list-style: none;
 963     float: left;
 964     position: relative;
 965     top: 0;
 966     margin: 1px 3px 0 0;
 967     border-bottom-width: 0;
 968     padding: 0;
 969     white-space: nowrap;
 970 }
 971 .ui-tabs .ui-tabs-nav li a {
 972     float: left;
 973     padding: 6px 10px;
 974     text-decoration: none;
 975 }
 976 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 977     margin-bottom: -1px;
 978     padding-bottom: 1px;
 979 }
 980 .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
 981 .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
 982 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
 983     cursor: text;
 984 }
 985 .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... */
 986 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
 987     cursor: pointer;
 988 }
 989 .ui-tabs .ui-tabs-panel {
 990     display: block;
 991     border-width: 0;
 992     padding: 1em;
 993     background: none;
 994 }
 995
 996 /** Tooltip */
 997
 998 body .ui-tooltip {
 999     padding: 6px 10px;
1000     position: absolute;
1001     z-index: 9999;
1002     max-width: 300px;
1003     color: #808080;
1004     border-color: #a5a5a5;
1005     box-shadow: inset 0 0 4px #a5a5a5, 0 0 4px #a5a5a5;
1006     background: -webkit-linear-gradient(top, #ddd, #fff);
1007     background: -moz-linear-gradient(top, #ddd, #fff);
1008     background: -ms-linear-gradient(top, #ddd, #fff);
1009     background: -o-linear-gradient(top, #ddd, #fff);
1010     background: linear-gradient(to bottom, #ddd, #fff);
1011 }
1012
1013 /** Icons */
1014
1015 /* states and images */
1016 .ui-icon {
1017     display: block;
1018     text-indent: -99999px;
1019     overflow: hidden;
1020     background-repeat: no-repeat;
1021     width: 16px;
1022     height: 16px;
1023 }
1024
1025 .ui-icon,
1026 .ui-button.ui-state-active .ui-icon,
1027 .ui-dialog .ui-dialog-titlebar-close .ui-icon {
1028     background-image: url(img/ui-icons_white.png);
1029 }
1030
1031 .ui-button .ui-icon {
1032     background-image: url(img/ui-icons_grey.png);
1033 }
1034
1035 /* positioning */
1036 .ui-icon-blank { background-position: 16px 16px; }
1037 .ui-icon-carat-1-n { background-position: 0 0; }
1038 .ui-icon-carat-1-ne { background-position: -16px 0; }
1039 .ui-icon-carat-1-e { background-position: -32px 0; }
1040 .ui-icon-carat-1-se { background-position: -48px 0; }
1041 .ui-icon-carat-1-s { background-position: -64px 0; }
1042 .ui-icon-carat-1-sw { background-position: -80px 0; }
1043 .ui-icon-carat-1-w { background-position: -96px 0; }
1044 .ui-icon-carat-1-nw { background-position: -112px 0; }
1045 .ui-icon-carat-2-n-s { background-position: -128px 0; }
1046 .ui-icon-carat-2-e-w { background-position: -144px 0; }
1047 .ui-icon-triangle-1-n { background-position: 0 -16px; }
1048 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1049 .ui-icon-triangle-1-e { background-position: -32px -16px; }
1050 .ui-icon-triangle-1-se { background-position: -48px -16px; }
1051 .ui-icon-triangle-1-s { background-position: -64px -16px; }
1052 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1053 .ui-icon-triangle-1-w { background-position: -96px -16px; }
1054 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1055 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1056 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1057 .ui-icon-arrow-1-n { background-position: 0 -32px; }
1058 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1059 .ui-icon-arrow-1-e { background-position: -32px -32px; }
1060 .ui-icon-arrow-1-se { background-position: -48px -32px; }
1061 .ui-icon-arrow-1-s { background-position: -64px -32px; }
1062 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1063 .ui-icon-arrow-1-w { background-position: -96px -32px; }
1064 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1065 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1066 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1067 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1068 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1069 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1070 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1071 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1072 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1073 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1074 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1075 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1076 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1077 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1078 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1079 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1080 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1081 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1082 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1083 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1084 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1085 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1086 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1087 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1088 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1089 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1090 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1091 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1092 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1093 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1094 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1095 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1096 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1097 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1098 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1099 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1100 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1101 .ui-icon-arrow-4 { background-position: 0 -80px; }
1102 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1103 .ui-icon-extlink { background-position: -32px -80px; }
1104 .ui-icon-newwin { background-position: -48px -80px; }
1105 .ui-icon-refresh { background-position: -64px -80px; }
1106 .ui-icon-shuffle { background-position: -80px -80px; }
1107 .ui-icon-transfer-e-w { background-position: -96px -80px; }
1108 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1109 .ui-icon-folder-collapsed { background-position: 0 -96px; }
1110 .ui-icon-folder-open { background-position: -16px -96px; }
1111 .ui-icon-document { background-position: -32px -96px; }
1112 .ui-icon-document-b { background-position: -48px -96px; }
1113 .ui-icon-note { background-position: -64px -96px; }
1114 .ui-icon-mail-closed { background-position: -80px -96px; }
1115 .ui-icon-mail-open { background-position: -96px -96px; }
1116 .ui-icon-suitcase { background-position: -112px -96px; }
1117 .ui-icon-comment { background-position: -128px -96px; }
1118 .ui-icon-person { background-position: -144px -96px; }
1119 .ui-icon-print { background-position: -160px -96px; }
1120 .ui-icon-trash { background-position: -176px -96px; }
1121 .ui-icon-locked { background-position: -192px -96px; }
1122 .ui-icon-unlocked { background-position: -208px -96px; }
1123 .ui-icon-bookmark { background-position: -224px -96px; }
1124 .ui-icon-tag { background-position: -240px -96px; }
1125 .ui-icon-home { background-position: 0 -112px; }
1126 .ui-icon-flag { background-position: -16px -112px; }
1127 .ui-icon-calendar { background-position: -32px -112px; }
1128 .ui-icon-cart { background-position: -48px -112px; }
1129 .ui-icon-pencil { background-position: -64px -112px; }
1130 .ui-icon-clock { background-position: -80px -112px; }
1131 .ui-icon-disk { background-position: -96px -112px; }
1132 .ui-icon-calculator { background-position: -112px -112px; }
1133 .ui-icon-zoomin { background-position: -128px -112px; }
1134 .ui-icon-zoomout { background-position: -144px -112px; }
1135 .ui-icon-search { background-position: -160px -112px; }
1136 .ui-icon-wrench { background-position: -176px -112px; }
1137 .ui-icon-gear { background-position: -192px -112px; }
1138 .ui-icon-heart { background-position: -208px -112px; }
1139 .ui-icon-star { background-position: -224px -112px; }
1140 .ui-icon-link { background-position: -240px -112px; }
1141 .ui-icon-cancel { background-position: 0 -128px; }
1142 .ui-icon-plus { background-position: -16px -128px; }
1143 .ui-icon-plusthick { background-position: -32px -128px; }
1144 .ui-icon-minus { background-position: -48px -128px; }
1145 .ui-icon-minusthick { background-position: -64px -128px; }
1146 .ui-icon-close { background-position: -80px -128px; }
1147 .ui-icon-closethick { background-position: -96px -128px; }
1148 .ui-icon-key { background-position: -112px -128px; }
1149 .ui-icon-lightbulb { background-position: -128px -128px; }
1150 .ui-icon-scissors { background-position: -144px -128px; }
1151 .ui-icon-clipboard { background-position: -160px -128px; }
1152 .ui-icon-copy { background-position: -176px -128px; }
1153 .ui-icon-contact { background-position: -192px -128px; }
1154 .ui-icon-image { background-position: -208px -128px; }
1155 .ui-icon-video { background-position: -224px -128px; }
1156 .ui-icon-script { background-position: -240px -128px; }
1157 .ui-icon-alert { background-position: 0 -144px; }
1158 .ui-icon-info { background-position: -16px -144px; }
1159 .ui-icon-notice { background-position: -32px -144px; }
1160 .ui-icon-help { background-position: -48px -144px; }
1161 .ui-icon-check { background-position: -64px -144px; }
1162 .ui-icon-bullet { background-position: -80px -144px; }
1163 .ui-icon-radio-on { background-position: -96px -144px; }
1164 .ui-icon-radio-off { background-position: -112px -144px; }
1165 .ui-icon-pin-w { background-position: -128px -144px; }
1166 .ui-icon-pin-s { background-position: -144px -144px; }
1167 .ui-icon-play { background-position: 0 -160px; }
1168 .ui-icon-pause { background-position: -16px -160px; }
1169 .ui-icon-seek-next { background-position: -32px -160px; }
1170 .ui-icon-seek-prev { background-position: -48px -160px; }
1171 .ui-icon-seek-end { background-position: -64px -160px; }
1172 .ui-icon-seek-start { background-position: -80px -160px; }
1173 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1174 .ui-icon-seek-first { background-position: -80px -160px; }
1175 .ui-icon-stop { background-position: -96px -160px; }
1176 .ui-icon-eject { background-position: -112px -160px; }
1177 .ui-icon-volume-off { background-position: -128px -160px; }
1178 .ui-icon-volume-on { background-position: -144px -160px; }
1179 .ui-icon-power { background-position: 0 -176px; }
1180 .ui-icon-signal-diag { background-position: -16px -176px; }
1181 .ui-icon-signal { background-position: -32px -176px; }
1182 .ui-icon-battery-0 { background-position: -48px -176px; }
1183 .ui-icon-battery-1 { background-position: -64px -176px; }
1184 .ui-icon-battery-2 { background-position: -80px -176px; }
1185 .ui-icon-battery-3 { background-position: -96px -176px; }
1186 .ui-icon-circle-plus { background-position: 0 -192px; }
1187 .ui-icon-circle-minus { background-position: -16px -192px; }
1188 .ui-icon-circle-close { background-position: -32px -192px; }
1189 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1190 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1191 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1192 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1193 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1194 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1195 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1196 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1197 .ui-icon-circle-zoomin { background-position: -176px -192px; }
1198 .ui-icon-circle-zoomout { background-position: -192px -192px; }
1199 .ui-icon-circle-check { background-position: -208px -192px; }
1200 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1201 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1202 .ui-icon-circlesmall-close { background-position: -32px -208px; }
1203 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1204 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1205 .ui-icon-squaresmall-close { background-position: -80px -208px; }
1206 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1207 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1208 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1209 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1210 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1211 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1212
1213
1214 /** Misc */
1215
1216 /* Corner radius */
1217 .ui-corner-all,
1218 .ui-corner-top,
1219 .ui-corner-left,
1220 .ui-corner-tl,
1221 .ui-menu .ui-menu-item.ui-menu-item-first a {
1222     border-top-left-radius: 4px;
1223 }
1224 .ui-corner-all,
1225 .ui-corner-top,
1226 .ui-corner-right,
1227 .ui-corner-tr,
1228 .ui-menu .ui-menu-item.ui-menu-item-first a {
1229     border-top-right-radius:4px;
1230 }
1231 .ui-corner-all,
1232 .ui-corner-bottom,
1233 .ui-corner-left,
1234 .ui-corner-bl,
1235 .ui-menu .ui-menu-item.ui-menu-item-last a,
1236 .ui-dialog-buttonpane,
1237 .ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-header,
1238 .ui-datepicker .ui-datepicker-buttonpane {
1239     border-bottom-left-radius: 4px;
1240 }
1241 .ui-corner-all,
1242 .ui-corner-bottom,
1243 .ui-corner-right,
1244 .ui-corner-br,
1245 .ui-menu .ui-menu-item.ui-menu-item-last a,
1246 .ui-dialog-buttonpane,
1247 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
1248 .ui-datepicker .ui-datepicker-buttonpane {
1249     border-bottom-right-radius: 4px;
1250 }
1251
1252 /* Overlays */
1253 .ui-widget-overlay {
1254     background: rgba(255,255,255,.5);
1255 }
1256 .ui-widget-shadow {
1257     margin: -7px 0 0 -7px;
1258     padding: 7px;
1259     background: rgba(0,0,0,.3);
1260     border-radius: 8px;
1261 }
1262
1263 /* SunHater Fixes */
1264
1265 .ui-accordion-content-active, .ui-tabs, .ui-slider-range, .ui-datepicker, .ui-dialog {
1266     border-color: #4d637c;
1267 }
1268
1269 .ui-slider .ui-slider-range {
1270     border: 1px solid #4685b3;
1271     top: -1px
1272 }
1273
1274 .ui-progressbar {
1275     overflow:visible;
1276 }
1277 .ui-progressbar-value {
1278     border: 1px solid #4685b3;
1279     margin-top: -1px
1280 }
1281
1282 .ui-button {
1283     box-shadow: inset 0 0 3px #555, inset 0 0 6px #555, 0 0 3px #000, 0 0 2px #000;
1284 }
1285 .ui-button.ui-state-active {
1286     box-shadow: inset 0 0 3px #88b9da, 0 0 3px #000, 0 0 2px #000;
1287 }
1288 .ui-widget-header,
1289 .ui-menu-item .ui-state-focus {
1290     box-shadow: inset 0 0 3px #88b9da;
1291 }
1292
1293 .ui-state-default,
1294 .ui-state-focus,
1295 .ui-state-active,
1296 .ui-widget-header,
1297 fieldset.sh-uniform label,
1298 fieldset.sh-uniform legend {
1299     text-shadow:
1300         1px 0 rgba(0,0,0,.2),
1301         -1px 0 rgba(0,0,0,.2),
1302         0 -1px rgba(0,0,0,.2),
1303         0 1px rgba(0,0,0,.2),
1304         1px 1px rgba(0,0,0,.2),
1305         -1px -1px rgba(0,0,0,.2),
1306         1px -1px rgba(0,0,0,.2),
1307         -1px 1px rgba(0,0,0,.2);
1308 }
1309
1310 .ui-tabs .ui-state-active,
1311 .ui-datepicker .ui-state-highlight {
1312     text-shadow: none;
1313 }
1314 .ui-datepicker .ui-state-highlight {
1315     color: #215b82;
1316     border-color: #4685b3;
1317     box-shadow: inset 0 0 4px #4685b3;
1318     background: #fff;
1319     background: -webkit-linear-gradient(top, #dfeef8, #fff);
1320     background: -moz-linear-gradient(top, #dfeef8, #fff);
1321     background: -ms-linear-gradient(top, #dfeef8, #fff);
1322     background: -o-linear-gradient(top, #dfeef8, #fff);
1323     background: linear-gradient(to bottom, #dfeef8, #fff);
1324 }
1325
1326 .ui-progressbar, .ui-slider, .ui-menu {
1327     box-shadow: inset 0 0 4px #666, 0 0 3px #000, 0 0 6px #000;
1328     background: #000;
1329     background: -webkit-linear-gradient(top, #111, #444);
1330     background: -moz-linear-gradient(top, #111, #444);
1331     background: -ms-linear-gradient(top, #111, #444);
1332     background: -o-linear-gradient(top, #111, #444);
1333     background: linear-gradient(to bottom, #111, #444);
1334 }
1335
1336 .ui-slider, .ui-spinner, .ui-progressbar, .ui-menu {
1337     border-color: #555;
1338 }
1339
1340 .ui-datepicker-calendar .ui-state-default {
1341     border-radius: 3px;
1342 }
1343
1344 .ui-tabs .ui-tabs-nav {
1345     margin: -1px;
1346     border-bottom-right-radius: 0;
1347     border-bottom-left-radius: 0;
1348     padding-left:3px;
1349 }
1350
1351 .ui-tabs-active.ui-state-active {
1352     background: #fff;
1353     background: -webkit-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
1354     background: -moz-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
1355     background: -ms-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
1356     background: -o-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
1357     background: linear-gradient(to bottom, #ccc, #ddd, #eee, #fff, #fff, #fff);
1358     box-shadow: inset 0 0 5px #fff, inset 0 0 5px #fff, inset 0 0 5px #fff;
1359 }
1360 .ui-tabs-active.ui-state-active a {
1361     color: #215b82;
1362 }
1363 .ui-state-default, .ui-state-default a {
1364     outline: 0;
1365 }
1366 .ui-datepicker-header,
1367 .ui-dialog-titlebar {
1368     border-bottom-right-radius: 0;
1369     border-bottom-left-radius: 0;
1370     margin: -5px -5px 0 -5px;
1371 }
1372 .ui-datepicker-header {
1373     margin: -11px -11px 5px -11px;
1374 }
1375
1376 .ui-datepicker-header a:hover {
1377     cursor: pointer;
1378 }
1379
1380 .ui-dialog-titlebar-close.ui-state-default {
1381     border-color: transparent;
1382     background: none;
1383     box-shadow: none;
1384 }
1385
1386 .ui-dialog-titlebar-close.ui-state-default.ui-state-hover {
1387     transition: .2s;
1388     border: 1px solid #555;
1389     background: #333;
1390     background: -webkit-linear-gradient(top, #555, #111);
1391     background: -moz-linear-gradient(top, #555, #111);
1392     background: -ms-linear-gradient(top, #555, #111);
1393     background: -o-linear-gradient(top, #555, #111);
1394     background: linear-gradient(to bottom, #555, #111);
1395     box-shadow: inset 0 0 3px #555, inset 0 0 6px #555, 0 0 3px #000, 0 0 2px #000;
1396 }
1397
1398 .ui-dialog-buttonpane {
1399     background: #202D3E;
1400     box-shadow: inset 0 0 3px #000, inset 0 0 2px #000;
1401     border-top-color: #4d637c;
1402     margin: 0 -4px -4px -4px;
1403     padding: 0;
1404 }
1405
1406 /*** Uniform */
1407 /* Remove default webkit and possible mozilla .search styles.
1408  * Keeping this as :active to remove browser styles */
1409 div.checker input,
1410 input[type="search"],
1411 input[type="search"]:active {
1412     -moz-appearance: none;
1413     -webkit-appearance: none;
1414 }
1415
1416 div.selector,
1417 div.selector span,
1418 div.checker span,
1419 div.radio span,
1420 div.uploader,
1421 div.uploader
1422 span.action,
1423 div.button,
1424 div.button span {
1425     -webkit-font-smoothing: antialiased;
1426 }
1427
1428 div.selector,
1429 div.checker,
1430 div.button,
1431 div.radio,
1432 div.uploader {
1433     display: -moz-inline-box;
1434     display: inline-block;
1435     zoom: 1;
1436     vertical-align: middle;
1437 }
1438
1439 div.checker span,
1440 div.checker input,
1441 div.radio span,
1442 div.radio input,
1443 div.button span {
1444     display: -moz-inline-box;
1445     display: inline-block;
1446     zoom: 1;
1447     text-align: center;
1448 }
1449
1450 div.selector select,
1451 div.checker input,
1452 div.button button,
1453 div.button input,
1454 div.button a,
1455 div.radio input,
1456 div.uploader input,
1457 input.uniform-input,
1458 select.uniform-multiselect,
1459 textarea.uniform {
1460     outline: 0;
1461 }
1462
1463 div.selector,
1464 div.selector *,
1465 div.radio,
1466 div.radio *,
1467 div.checker,
1468 div.checker *,
1469 div.uploader,
1470 div.uploader *,
1471 div.button,
1472 div.button * {
1473     margin: 0;
1474     padding: 0;
1475 }
1476
1477 /* Select */
1478 div.selector {
1479     padding: 0 1.9em 0 0;
1480     position: relative;
1481     overflow: hidden;
1482     border: 1px solid;
1483     border-radius: 4px;
1484 }
1485 div.selector span {
1486     text-overflow: ellipsis;
1487     display: block;
1488     overflow: hidden;
1489     white-space: nowrap;
1490     padding:6px 0 6px 10px;
1491     cursor: pointer;
1492     width: 100%;
1493     border-right: 1px solid;
1494     border-top-left-radius: 4px;
1495     border-bottom-left-radius: 4px;
1496 }
1497 div.selector .ui-icon {
1498     background: url(img/ui-icons_grey.png) -65px -16px;
1499 }
1500 div.selector select {
1501     opacity: 0;
1502     filter: alpha(opacity=0);
1503     border: 0;
1504     background: none;
1505     position: absolute;
1506     height: 50px;
1507     bottom: 0;
1508     width: 100%;
1509     cursor: pointer;
1510 }
1511
1512 /* Checkbox */
1513 div.checker {
1514     position: relative;
1515     border: 1px solid;
1516     padding: 1px;
1517     border-radius: 4px;
1518 }
1519 div.checker,
1520 div.checker span,
1521 div.checker input {
1522     width: 15px;
1523     height: 15px;
1524 }
1525 div.checker span.checked {
1526     background: url(img/ui-icons_grey.png) -64px -145px;
1527 }
1528 div.checker input {
1529     opacity: 0;
1530     filter: alpha(opacity=0);
1531     border: 0;
1532     background: none;
1533     cursor: pointer;
1534 }
1535
1536 /* Radio */
1537 div.radio {
1538     position: relative;
1539     border: 1px solid;
1540     padding: 1px;
1541     border-radius: 9px;
1542 }
1543 div.radio,
1544 div.radio span,
1545 div.radio input {
1546     width: 15px;
1547     height: 15px;
1548 }
1549 div.radio span.checked {
1550     background: url(img/ui-icons_grey.png) -80px -145px;
1551 }
1552 div.radio input {
1553     opacity: 0;
1554     border: 0;
1555     background: none;
1556     cursor: pointer;
1557 }
1558
1559 /* Upload */
1560 div.uploader {
1561     cursor: pointer;
1562     position: relative;
1563     overflow: hidden;
1564     border-radius: 4px;
1565 }
1566 div.uploader span.action {
1567     text-align: center;
1568     float: left;
1569     display: inline;
1570     overflow: hidden;
1571     cursor: pointer;
1572     padding: 6px 10px;
1573     border-top-right-radius: 4px;
1574     border-bottom-right-radius: 4px;
1575 }
1576 div.uploader span.filename {
1577     text-overflow: ellipsis;
1578     display: block;
1579     overflow: hidden;
1580     white-space: nowrap;
1581     float: left;
1582     padding: 6px 10px;
1583     border-right: 1px solid;
1584     border-top-left-radius: 4px;
1585     border-bottom-left-radius: 4px;
1586 }
1587 div.uploader input {
1588     opacity: 0;
1589     filter: alpha(opacity=0);
1590     border: 0;
1591     background: none;
1592     position: absolute;
1593     top: 0;
1594     right: 0;
1595     float: right;
1596     cursor: pointer;
1597     font-size: 100px;
1598 }
1599 div.uploader input::-webkit-file-upload-button {
1600     cursor: pointer;
1601 }
1602 div.uploader.active span.filename,
1603 div.uploader.focus span.filename {
1604     border-right: 1px solid;
1605 }
1606
1607 /* Button */
1608 div.button {
1609     cursor: pointer;
1610     position: relative;
1611     overflow: hidden;
1612     border: 1px solid;
1613     border-radius: 4px;
1614 }
1615 div.button a,
1616 div.button button,
1617 div.button input {
1618     opacity: 0;
1619     filter: alpha(opacity=0);
1620     display: block;
1621     left: 0;
1622     top: 0;
1623     position: absolute;
1624     margin: 0;
1625     padding: 0;
1626     font-size: 1000px;
1627     cursor: pointer;
1628 }
1629 div.button span {
1630     padding: 0;
1631     margin: 6px 10px;
1632 }
1633
1634 /* Text fields */
1635 input.uniform-input,
1636 select.uniform-multiselect,
1637 textarea.uniform {
1638     margin: 0;
1639     border: 1px solid;
1640     border-radius: 4px;
1641 }
1642 input.uniform-input,
1643 textarea.uniform {
1644     padding: 6px 10px;
1645 }
1646 textarea.uniform {
1647     overflow: auto;
1648 }
1649 select.uniform-multiselect {
1650     padding: 5px;
1651 }
1652
1653
1654 /** Colorize elements */
1655
1656 div.uploader {
1657     border: 1px solid #aaa;
1658 }
1659 div.uploader.active,
1660 div.uploader.focus {
1661     border-color: #184977;
1662 }
1663
1664 /* Default - text fields */
1665 input.uniform-input,
1666 select.uniform-multiselect,
1667 textarea.uniform,
1668 div.uploader span.filename,
1669 div.selector span {
1670     border-color: #666;
1671     box-shadow: inset 0 0 4px #555;
1672     background: #000;
1673     background: -webkit-linear-gradient(top, #111, #333);
1674     background: -moz-linear-gradient(top, #111, #333);
1675     background: -ms-linear-gradient(top, #111, #333);
1676     background: -o-linear-gradient(top, #111, #333);
1677     background: linear-gradient(to bottom, #111, #333);
1678     color: #aaa;
1679 }
1680
1681 select.uniform-multiselect option {
1682     color: #aaa;
1683 }
1684
1685 select.uniform-multiselect.focus option {
1686     color: #000;
1687 }
1688
1689 /* Focus - text fields */
1690 input.uniform-input.focus,
1691 select.uniform-multiselect.focus,
1692 textarea.uniform.focus,
1693 div.uploader.active span.filename,
1694 div.uploader.focus span.filename,
1695 div.selector.active span,
1696 div.selector.focus span {
1697     border-color: #4d637c;
1698     box-shadow: inset 0 0 4px #4d637c;
1699     color: #fff;
1700     background: #202D3E;
1701     background: -webkit-linear-gradient(top, #131427, #273446);
1702     background: -moz-linear-gradient(top, #131427, #273446);
1703     background: -ms-linear-gradient(top, #131427, #273446);
1704     background: -o-linear-gradient(top, #131427, #273446);
1705     background: linear-gradient(to bottom, #131427, #273446);
1706 }
1707
1708 /* Read-only - text fields */
1709 input.uniform-input[readonly],
1710 textarea.uniform[readonly],
1711 input.uniform-input[readonly]:focus,
1712 textarea.uniform[readonly]:focus {
1713     color: #808080;
1714     border-color: #a5a5a5;
1715     box-shadow: inset 0 0 4px #a5a5a5;
1716     background: -webkit-linear-gradient(top, #ddd, #fff);
1717     background: -moz-linear-gradient(top, #ddd, #fff);
1718     background: -ms-linear-gradient(top, #ddd, #fff);
1719     background: -o-linear-gradient(top, #ddd, #fff);
1720     background: linear-gradient(to bottom, #ddd, #fff);
1721 }
1722
1723 /* Default - buttons */
1724 div.selector,
1725 div.button,
1726 div.uploader span.action,
1727 div.radio,
1728 div.checker {
1729     border-color: #555;
1730     background: #333;
1731     background: -webkit-linear-gradient(top, #555, #111);
1732     background: -moz-linear-gradient(top, #555, #111);
1733     background: -ms-linear-gradient(top, #555, #111);
1734     background: -o-linear-gradient(top, #555, #111);
1735     background: linear-gradient(to bottom, #555, #111);
1736     box-shadow: inset 0 0 7px #555, inset 0 0 3px #555, 0 0 3px #000, 0 0 6px #000;
1737 }
1738
1739 /* Hover - buttons */
1740 div.selector.hover,
1741 div.button.hover,
1742 div.uploader.hover span.action,
1743 div.radio.hover,
1744 div.checker.hover {
1745     background: #333;
1746     background: -webkit-linear-gradient(top, #111, #555);
1747     background: -moz-linear-gradient(top, #111, #555);
1748     background: -ms-linear-gradient(top, #111, #555);
1749     background: -o-linear-gradient(top, #111, #555);
1750     background: linear-gradient(to bottom, #111, #555);
1751 }
1752
1753 /* Focus - buttons */
1754 div.selector.focus,
1755 div.button.focus,
1756 div.uploader.focus span.action,
1757 div.radio.focus,
1758 div.checker.focus {
1759     color: #fff;
1760     border-color: #4685b3;
1761     background: #4685b3;
1762     background: -webkit-linear-gradient(top, #4685b3, #184977);
1763     background: -moz-linear-gradient(top, #4685b3, #184977);
1764     background: -ms-linear-gradient(top, #4685b3, #184977);
1765     background: -o-linear-gradient(top, #4685b3, #184977);
1766     background: linear-gradient(to bottom, #4685b3, #184977);
1767     box-shadow: inset 0 0 7px #4e9ed4, inset 0 0 3px #4e9ed4, 0 0 3px #000, 0 0 6px #000;
1768 }
1769
1770 /* Active - buttons */
1771 div.button.active,
1772 div.button.active.hover,
1773 div.button.focus.hover,
1774 div.uploader.active span.action,
1775 div.uploader.active.hover span.action,
1776 div.uploader.focus.hover span.action,
1777 div.radio.active,
1778 div.radio.active.hover,
1779 div.radio.focus.hover,
1780 div.checker.active,
1781 div.checker.active.hover,
1782 div.checker.focus.hover,
1783 div.selector.active,
1784 div.selector.active.hover {
1785     color: #fff;
1786     border-color: #4685b3;
1787     background: #184977;
1788     background: -webkit-linear-gradient(top, #184977, #4685b3);
1789     background: -moz-linear-gradient(top, #184977, #4685b3);
1790     background: -ms-linear-gradient(top, #184977, #4685b3);
1791     background: -o-linear-gradient(top, #184977, #4685b3);
1792     background: linear-gradient(to bottom, #184977, #4685b3);
1793     box-shadow: inset 0 0 7px #4e9ed4, inset 0 0 3px #4e9ed4, 0 0 3px #000, 0 0 6px #000;
1794 }
1795
1796 div.selector.focus .ui-icon,
1797 div.checker.focus span.checked,
1798 div.radio.focus span.checked,
1799 div.selector.active .ui-icon,
1800 div.checker.active span.checked,
1801 div.radio.active span.checked {
1802     background-image: url(img/ui-icons_white.png);
1803 }
1804
1805 /* Disabled */
1806 input.uniform-input[disabled],
1807 select.uniform-multiselect[disabled],
1808 textarea.uniform[disabled],
1809 div.button.disabled,
1810 div.uploader.disabled,
1811 div.radio.disabled,
1812 div.checker.disabled,
1813 div.selector.disabled,
1814 div.selector.disabled.active{
1815     opacity: .5;
1816     filter: alpha(opacity=50);
1817     cursor: default;
1818 }
1819
1820 div.selector.disabled select,
1821 div.uploader.disabled input,
1822 div.button.disabled input,
1823 div.button.disabled button,
1824 div.button.disabled a,
1825 div.radio.disabled input,
1826 div.checker.disabled input {
1827     cursor: default;
1828 }
1829
1830 /* Buttons text */
1831 div.button span,
1832 div.uploader span.action {
1833     font-weight: bold;
1834     color: #aaa;
1835     text-shadow:
1836         1px 0 rgba(0,0,0,.2),
1837         -1px 0 rgba(0,0,0,.2),
1838         0 -1px rgba(0,0,0,.2),
1839         0 1px rgba(0,0,0,.2),
1840         1px 1px rgba(0,0,0,.2),
1841         -1px -1px rgba(0,0,0,.2),
1842         1px -1px rgba(0,0,0,.2),
1843         -1px 1px rgba(0,0,0,.2);
1844 }
1845
1846 /* Placeholder colors */
1847 input.uniform-input::-webkit-input-placeholder,
1848 textarea.uniform::-webkit-input-placeholder {
1849     color: #ababab;
1850 }
1851 input.uniform-input:-moz-placeholder,
1852 textarea.uniform::-moz-placeholder {
1853     color: #aaa;
1854 }
1855 input.uniform-input::-moz-placeholder,
1856 textarea.uniform::-moz-placeholder {
1857     color: #aaa;
1858 }
1859 input.uniform-input:-ms-input-placeholder,
1860 textarea.uniform:-ms-input-placeholder{
1861     color: #ababab;
1862 }
1863 input.uniform-input:focus::-webkit-input-placeholder,
1864 textarea.uniform:focus::-webkit-input-placeholder{
1865     color: #184977;
1866 }
1867 input.uniform-input:focus:-moz-placeholder,
1868 textarea.uniform:focus:-moz-placeholder {
1869     color: #184977;
1870 }
1871 input.uniform-input:focus::-moz-placeholder,
1872 textarea.uniform:focus::-moz-placeholder {
1873     color: #184977;
1874 }
1875 input.uniform-input:focus:-ms-input-placeholder,
1876 textarea.uniform:focus:-ms-input-placeholder {
1877     color: #184977;
1878 }
1879
1880 /** sh-uniform elements (a shUniform patch must be applied) */
1881
1882 fieldset.sh-uniform {
1883     color: #aaa;
1884     border: 1px solid #425064;
1885     border-radius: 4px;
1886     background: #202d3e;
1887     box-shadow: inset 0 0 3px #000, inset 0 0 6px #000, 0 0 3px #425064, 0 0 2px #425064;
1888     margin: 0 10px 10px 0;
1889     padding: 10px;
1890 }
1891 fieldset.sh-uniform legend {
1892     font-weight: bold;
1893     color: #aaa;
1894 }
1895 label.sh-uniform {
1896     color: #aaa;
1897 }
1898
1899 /*** shCheckset */
1900
1901 .shcs {
1902     margin: 0;
1903 }
1904 .shcs > div {
1905     border: 1px solid;
1906     border-top: 0;
1907     padding: 5px;
1908     border-bottom-left-radius: 4px;
1909     border-bottom-right-radius: 4px;
1910 }
1911 .shcs > input, .shcs > input:focus, .shcs > input:hover {
1912     border-bottom-left-radius: 0;
1913     border-bottom-right-radius: 0;
1914     margin:0;
1915 }
1916 .shcs label {
1917     padding: 2px 5px 2px 2px;
1918     border: 1px solid transparent;
1919     border-radius: 4px;
1920     color: #aaa;
1921 }
1922 .shcs > div, .shcs label:hover {
1923     border-color: #aaa;
1924     box-shadow: inset 0 0 4px #aaa;
1925     background: #fff;
1926     background: -webkit-linear-gradient(top, #f0f0f0, #fff);
1927     background: -moz-linear-gradient(top, #f0f0f0, #fff);
1928     background: -ms-linear-gradient(top, #f0f0f0, #fff);
1929     background: -o-linear-gradient(top, #f0f0f0, #fff);
1930     background: linear-gradient(to bottom, #f0f0f0, #fff);
1931 }
1932 .shcs label:hover {
1933     color: #aaa;
1934     cursor: pointer;
1935 }
1936 .shcs > div.focus, .shcs label.checked {
1937     border-color: #184977;
1938     box-shadow: inset 0 0 4px #4685b3;
1939     color: #000;
1940     background: #fff;
1941     background: -webkit-linear-gradient(top, #dfeef8, #fff);
1942     background: -moz-linear-gradient(top, #dfeef8, #fff);
1943     background: -ms-linear-gradient(top, #dfeef8, #fff);
1944     background: -o-linear-gradient(top, #dfeef8, #fff);
1945     background: linear-gradient(to bottom, #dfeef8, #fff);
1946 }
1947 .shcs label.checked div.checker {
1948     border-color: #4685b3;
1949     background: #4685b3;
1950     background: -webkit-linear-gradient(top, #4685b3, #184977);
1951     background: -moz-linear-gradient(top, #4685b3, #184977);
1952     background: -ms-linear-gradient(top, #4685b3, #184977);
1953     background: -o-linear-gradient(top, #4685b3, #184977);
1954     background: linear-gradient(to bottom, #4685b3, #184977);
1955 }
1956 .shcs label.checked div.checker.hover {
1957     border-color: #4685b3;
1958     background: #184977;
1959     background: -webkit-linear-gradient(top, #184977, #4685b3);
1960     background: -moz-linear-gradient(top, #184977, #4685b3);
1961     background: -ms-linear-gradient(top, #184977, #4685b3);
1962     background: -o-linear-gradient(top, #184977, #4685b3);
1963     background: linear-gradient(to bottom, #184977, #4685b3);
1964 }
1965
1966 .shcs div.checker.focus {
1967     border-color: #aaa;
1968     background: #aaa;
1969     background: -webkit-linear-gradient(top, #ababab, #aaa);
1970     background: -moz-linear-gradient(top, #ababab, #aaa);
1971     background: -ms-linear-gradient(top, #ababab, #aaa);
1972     background: -o-linear-gradient(top, #ababab, #aaa);
1973     background: linear-gradient(to bottom, #ababab, #aaa);
1974     box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
1975 }
1976
1977 .shcs div.checker.focus.hover {
1978     border-color: #aaa;
1979     background: #aaa;
1980     background: -webkit-linear-gradient(top, #aaa, #ababab);
1981     background: -moz-linear-gradient(top, #aaa, #ababab);
1982     background: -ms-linear-gradient(top, #aaa, #ababab);
1983     background: -o-linear-gradient(top, #aaa, #ababab);
1984     background: linear-gradient(to bottom, #aaa, #ababab);
1985 }
1986
1987 .shcs label > span {
1988     position:relative;
1989     margin-left:5px;
1990     top:1px;
1991 }