lib/jquery/ui-1.10.4/css/base/jquery-ui.css

   1 /*! jQuery UI - v1.10.4 - 2014-01-17
   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 2014 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,
 280 .ui-datepicker select.ui-datepicker-year {
 281         width: 49%;
 282 }
 283 .ui-datepicker table {
 284         width: 100%;
 285         font-size: .9em;
 286         border-collapse: collapse;
 287         margin: 0 0 .4em;
 288 }
 289 .ui-datepicker th {
 290         padding: .7em .3em;
 291         text-align: center;
 292         font-weight: bold;
 293         border: 0;
 294 }
 295 .ui-datepicker td {
 296         border: 0;
 297         padding: 1px;
 298 }
 299 .ui-datepicker td span,
 300 .ui-datepicker td a {
 301         display: block;
 302         padding: .2em;
 303         text-align: right;
 304         text-decoration: none;
 305 }
 306 .ui-datepicker .ui-datepicker-buttonpane {
 307         background-image: none;
 308         margin: .7em 0 0 0;
 309         padding: 0 .2em;
 310         border-left: 0;
 311         border-right: 0;
 312         border-bottom: 0;
 313 }
 314 .ui-datepicker .ui-datepicker-buttonpane button {
 315         float: right;
 316         margin: .5em .2em .4em;
 317         cursor: pointer;
 318         padding: .2em .6em .3em .6em;
 319         width: auto;
 320         overflow: visible;
 321 }
 322 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 323         float: left;
 324 }
 325
 326 /* with multiple calendars */
 327 .ui-datepicker.ui-datepicker-multi {
 328         width: auto;
 329 }
 330 .ui-datepicker-multi .ui-datepicker-group {
 331         float: left;
 332 }
 333 .ui-datepicker-multi .ui-datepicker-group table {
 334         width: 95%;
 335         margin: 0 auto .4em;
 336 }
 337 .ui-datepicker-multi-2 .ui-datepicker-group {
 338         width: 50%;
 339 }
 340 .ui-datepicker-multi-3 .ui-datepicker-group {
 341         width: 33.3%;
 342 }
 343 .ui-datepicker-multi-4 .ui-datepicker-group {
 344         width: 25%;
 345 }
 346 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 347 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 348         border-left-width: 0;
 349 }
 350 .ui-datepicker-multi .ui-datepicker-buttonpane {
 351         clear: left;
 352 }
 353 .ui-datepicker-row-break {
 354         clear: both;
 355         width: 100%;
 356         font-size: 0;
 357 }
 358
 359 /* RTL support */
 360 .ui-datepicker-rtl {
 361         direction: rtl;
 362 }
 363 .ui-datepicker-rtl .ui-datepicker-prev {
 364         right: 2px;
 365         left: auto;
 366 }
 367 .ui-datepicker-rtl .ui-datepicker-next {
 368         left: 2px;
 369         right: auto;
 370 }
 371 .ui-datepicker-rtl .ui-datepicker-prev:hover {
 372         right: 1px;
 373         left: auto;
 374 }
 375 .ui-datepicker-rtl .ui-datepicker-next:hover {
 376         left: 1px;
 377         right: auto;
 378 }
 379 .ui-datepicker-rtl .ui-datepicker-buttonpane {
 380         clear: right;
 381 }
 382 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
 383         float: left;
 384 }
 385 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 386 .ui-datepicker-rtl .ui-datepicker-group {
 387         float: right;
 388 }
 389 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 390 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 391         border-right-width: 0;
 392         border-left-width: 1px;
 393 }
 394
 395 .ui-dialog {
 396         overflow: hidden;
 397         position: absolute;
 398         top: 0;
 399         left: 0;
 400         padding: .2em;
 401         outline: 0;
 402 }
 403 .ui-dialog .ui-dialog-titlebar {
 404         padding: .4em 1em;
 405         position: relative;
 406 }
 407 .ui-dialog .ui-dialog-title {
 408         float: left;
 409         margin: .1em 0;
 410         white-space: nowrap;
 411         width: 90%;
 412         overflow: hidden;
 413         text-overflow: ellipsis;
 414 }
 415 .ui-dialog .ui-dialog-titlebar-close {
 416         position: absolute;
 417         right: .3em;
 418         top: 50%;
 419         width: 20px;
 420         margin: -10px 0 0 0;
 421         padding: 1px;
 422         height: 20px;
 423 }
 424 .ui-dialog .ui-dialog-content {
 425         position: relative;
 426         border: 0;
 427         padding: .5em 1em;
 428         background: none;
 429         overflow: auto;
 430 }
 431 .ui-dialog .ui-dialog-buttonpane {
 432         text-align: left;
 433         border-width: 1px 0 0 0;
 434         background-image: none;
 435         margin-top: .5em;
 436         padding: .3em 1em .5em .4em;
 437 }
 438 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 439         float: right;
 440 }
 441 .ui-dialog .ui-dialog-buttonpane button {
 442         margin: .5em .4em .5em 0;
 443         cursor: pointer;
 444 }
 445 .ui-dialog .ui-resizable-se {
 446         width: 12px;
 447         height: 12px;
 448         right: -5px;
 449         bottom: -5px;
 450         background-position: 16px 16px;
 451 }
 452 .ui-draggable .ui-dialog-titlebar {
 453         cursor: move;
 454 }
 455
 456 .ui-menu {
 457         list-style: none;
 458         padding: 2px;
 459         margin: 0;
 460         display: block;
 461         outline: none;
 462 }
 463 .ui-menu .ui-menu {
 464         margin-top: -3px;
 465         position: absolute;
 466 }
 467 .ui-menu .ui-menu-item {
 468         margin: 0;
 469         padding: 0;
 470         width: 100%;
 471         /* support: IE10, see #8844 */
 472         list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
 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 override default borders */
 715 .ui-spinner a.ui-spinner-button {
 716         border-top: none;
 717         border-bottom: none;
 718         border-right: none;
 719 }
 720 /* vertically center 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 .ui-tabs-anchor {
 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 .ui-tabs-anchor,
 768 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
 769 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
 770         cursor: text;
 771 }
 772 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
 773         cursor: pointer;
 774 }
 775 .ui-tabs .ui-tabs-panel {
 776         display: block;
 777         border-width: 0;
 778         padding: 1em 1.4em;
 779         background: none;
 780 }
 781
 782 .ui-tooltip {
 783         padding: 8px;
 784         position: absolute;
 785         z-index: 9999;
 786         max-width: 300px;
 787         -webkit-box-shadow: 0 0 5px #aaa;
 788         box-shadow: 0 0 5px #aaa;
 789 }
 790 body .ui-tooltip {
 791         border-width: 2px;
 792 }
 793
 794 /* Component containers
 795 ----------------------------------*/
 796 .ui-widget {
 797         font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
 798         font-size: 1.1em/*{fsDefault}*/;
 799 }
 800 .ui-widget .ui-widget {
 801         font-size: 1em;
 802 }
 803 .ui-widget input,
 804 .ui-widget select,
 805 .ui-widget textarea,
 806 .ui-widget button {
 807         font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
 808         font-size: 1em;
 809 }
 810 .ui-widget-content {
 811         border: 1px solid #aaaaaa/*{borderColorContent}*/;
 812         background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
 813         color: #222222/*{fcContent}*/;
 814 }
 815 .ui-widget-content a {
 816         color: #222222/*{fcContent}*/;
 817 }
 818 .ui-widget-header {
 819         border: 1px solid #aaaaaa/*{borderColorHeader}*/;
 820         background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
 821         color: #222222/*{fcHeader}*/;
 822         font-weight: bold;
 823 }
 824 .ui-widget-header a {
 825         color: #222222/*{fcHeader}*/;
 826 }
 827
 828 /* Interaction states
 829 ----------------------------------*/
 830 .ui-state-default,
 831 .ui-widget-content .ui-state-default,
 832 .ui-widget-header .ui-state-default {
 833         border: 1px solid #d3d3d3/*{borderColorDefault}*/;
 834         background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
 835         font-weight: normal/*{fwDefault}*/;
 836         color: #555555/*{fcDefault}*/;
 837 }
 838 .ui-state-default a,
 839 .ui-state-default a:link,
 840 .ui-state-default a:visited {
 841         color: #555555/*{fcDefault}*/;
 842         text-decoration: none;
 843 }
 844 .ui-state-hover,
 845 .ui-widget-content .ui-state-hover,
 846 .ui-widget-header .ui-state-hover,
 847 .ui-state-focus,
 848 .ui-widget-content .ui-state-focus,
 849 .ui-widget-header .ui-state-focus {
 850         border: 1px solid #999999/*{borderColorHover}*/;
 851         background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
 852         font-weight: normal/*{fwDefault}*/;
 853         color: #212121/*{fcHover}*/;
 854 }
 855 .ui-state-hover a,
 856 .ui-state-hover a:hover,
 857 .ui-state-hover a:link,
 858 .ui-state-hover a:visited,
 859 .ui-state-focus a,
 860 .ui-state-focus a:hover,
 861 .ui-state-focus a:link,
 862 .ui-state-focus a:visited {
 863         color: #212121/*{fcHover}*/;
 864         text-decoration: none;
 865 }
 866 .ui-state-active,
 867 .ui-widget-content .ui-state-active,
 868 .ui-widget-header .ui-state-active {
 869         border: 1px solid #aaaaaa/*{borderColorActive}*/;
 870         background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
 871         font-weight: normal/*{fwDefault}*/;
 872         color: #212121/*{fcActive}*/;
 873 }
 874 .ui-state-active a,
 875 .ui-state-active a:link,
 876 .ui-state-active a:visited {
 877         color: #212121/*{fcActive}*/;
 878         text-decoration: none;
 879 }
 880
 881 /* Interaction Cues
 882 ----------------------------------*/
 883 .ui-state-highlight,
 884 .ui-widget-content .ui-state-highlight,
 885 .ui-widget-header .ui-state-highlight {
 886         border: 1px solid #fcefa1/*{borderColorHighlight}*/;
 887         background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
 888         color: #363636/*{fcHighlight}*/;
 889 }
 890 .ui-state-highlight a,
 891 .ui-widget-content .ui-state-highlight a,
 892 .ui-widget-header .ui-state-highlight a {
 893         color: #363636/*{fcHighlight}*/;
 894 }
 895 .ui-state-error,
 896 .ui-widget-content .ui-state-error,
 897 .ui-widget-header .ui-state-error {
 898         border: 1px solid #cd0a0a/*{borderColorError}*/;
 899         background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
 900         color: #cd0a0a/*{fcError}*/;
 901 }
 902 .ui-state-error a,
 903 .ui-widget-content .ui-state-error a,
 904 .ui-widget-header .ui-state-error a {
 905         color: #cd0a0a/*{fcError}*/;
 906 }
 907 .ui-state-error-text,
 908 .ui-widget-content .ui-state-error-text,
 909 .ui-widget-header .ui-state-error-text {
 910         color: #cd0a0a/*{fcError}*/;
 911 }
 912 .ui-priority-primary,
 913 .ui-widget-content .ui-priority-primary,
 914 .ui-widget-header .ui-priority-primary {
 915         font-weight: bold;
 916 }
 917 .ui-priority-secondary,
 918 .ui-widget-content .ui-priority-secondary,
 919 .ui-widget-header .ui-priority-secondary {
 920         opacity: .7;
 921         filter:Alpha(Opacity=70);
 922         font-weight: normal;
 923 }
 924 .ui-state-disabled,
 925 .ui-widget-content .ui-state-disabled,
 926 .ui-widget-header .ui-state-disabled {
 927         opacity: .35;
 928         filter:Alpha(Opacity=35);
 929         background-image: none;
 930 }
 931 .ui-state-disabled .ui-icon {
 932         filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
 933 }
 934
 935 /* Icons
 936 ----------------------------------*/
 937
 938 /* states and images */
 939 .ui-icon {
 940         width: 16px;
 941         height: 16px;
 942 }
 943 .ui-icon,
 944 .ui-widget-content .ui-icon {
 945         background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
 946 }
 947 .ui-widget-header .ui-icon {
 948         background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
 949 }
 950 .ui-state-default .ui-icon {
 951         background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
 952 }
 953 .ui-state-hover .ui-icon,
 954 .ui-state-focus .ui-icon {
 955         background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
 956 }
 957 .ui-state-active .ui-icon {
 958         background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
 959 }
 960 .ui-state-highlight .ui-icon {
 961         background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
 962 }
 963 .ui-state-error .ui-icon,
 964 .ui-state-error-text .ui-icon {
 965         background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
 966 }
 967
 968 /* positioning */
 969 .ui-icon-blank { background-position: 16px 16px; }
 970 .ui-icon-carat-1-n { background-position: 0 0; }
 971 .ui-icon-carat-1-ne { background-position: -16px 0; }
 972 .ui-icon-carat-1-e { background-position: -32px 0; }
 973 .ui-icon-carat-1-se { background-position: -48px 0; }
 974 .ui-icon-carat-1-s { background-position: -64px 0; }
 975 .ui-icon-carat-1-sw { background-position: -80px 0; }
 976 .ui-icon-carat-1-w { background-position: -96px 0; }
 977 .ui-icon-carat-1-nw { background-position: -112px 0; }
 978 .ui-icon-carat-2-n-s { background-position: -128px 0; }
 979 .ui-icon-carat-2-e-w { background-position: -144px 0; }
 980 .ui-icon-triangle-1-n { background-position: 0 -16px; }
 981 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
 982 .ui-icon-triangle-1-e { background-position: -32px -16px; }
 983 .ui-icon-triangle-1-se { background-position: -48px -16px; }
 984 .ui-icon-triangle-1-s { background-position: -64px -16px; }
 985 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
 986 .ui-icon-triangle-1-w { background-position: -96px -16px; }
 987 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
 988 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
 989 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
 990 .ui-icon-arrow-1-n { background-position: 0 -32px; }
 991 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
 992 .ui-icon-arrow-1-e { background-position: -32px -32px; }
 993 .ui-icon-arrow-1-se { background-position: -48px -32px; }
 994 .ui-icon-arrow-1-s { background-position: -64px -32px; }
 995 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
 996 .ui-icon-arrow-1-w { background-position: -96px -32px; }
 997 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
 998 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
 999 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1000 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1001 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1002 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1003 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1004 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1005 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1006 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1007 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1008 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1009 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1010 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1011 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1012 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1013 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1014 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1015 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1016 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1017 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1018 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1019 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1020 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1021 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1022 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1023 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1024 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1025 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1026 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1027 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1028 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1029 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1030 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1031 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1032 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1033 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1034 .ui-icon-arrow-4 { background-position: 0 -80px; }
1035 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1036 .ui-icon-extlink { background-position: -32px -80px; }
1037 .ui-icon-newwin { background-position: -48px -80px; }
1038 .ui-icon-refresh { background-position: -64px -80px; }
1039 .ui-icon-shuffle { background-position: -80px -80px; }
1040 .ui-icon-transfer-e-w { background-position: -96px -80px; }
1041 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1042 .ui-icon-folder-collapsed { background-position: 0 -96px; }
1043 .ui-icon-folder-open { background-position: -16px -96px; }
1044 .ui-icon-document { background-position: -32px -96px; }
1045 .ui-icon-document-b { background-position: -48px -96px; }
1046 .ui-icon-note { background-position: -64px -96px; }
1047 .ui-icon-mail-closed { background-position: -80px -96px; }
1048 .ui-icon-mail-open { background-position: -96px -96px; }
1049 .ui-icon-suitcase { background-position: -112px -96px; }
1050 .ui-icon-comment { background-position: -128px -96px; }
1051 .ui-icon-person { background-position: -144px -96px; }
1052 .ui-icon-print { background-position: -160px -96px; }
1053 .ui-icon-trash { background-position: -176px -96px; }
1054 .ui-icon-locked { background-position: -192px -96px; }
1055 .ui-icon-unlocked { background-position: -208px -96px; }
1056 .ui-icon-bookmark { background-position: -224px -96px; }
1057 .ui-icon-tag { background-position: -240px -96px; }
1058 .ui-icon-home { background-position: 0 -112px; }
1059 .ui-icon-flag { background-position: -16px -112px; }
1060 .ui-icon-calendar { background-position: -32px -112px; }
1061 .ui-icon-cart { background-position: -48px -112px; }
1062 .ui-icon-pencil { background-position: -64px -112px; }
1063 .ui-icon-clock { background-position: -80px -112px; }
1064 .ui-icon-disk { background-position: -96px -112px; }
1065 .ui-icon-calculator { background-position: -112px -112px; }
1066 .ui-icon-zoomin { background-position: -128px -112px; }
1067 .ui-icon-zoomout { background-position: -144px -112px; }
1068 .ui-icon-search { background-position: -160px -112px; }
1069 .ui-icon-wrench { background-position: -176px -112px; }
1070 .ui-icon-gear { background-position: -192px -112px; }
1071 .ui-icon-heart { background-position: -208px -112px; }
1072 .ui-icon-star { background-position: -224px -112px; }
1073 .ui-icon-link { background-position: -240px -112px; }
1074 .ui-icon-cancel { background-position: 0 -128px; }
1075 .ui-icon-plus { background-position: -16px -128px; }
1076 .ui-icon-plusthick { background-position: -32px -128px; }
1077 .ui-icon-minus { background-position: -48px -128px; }
1078 .ui-icon-minusthick { background-position: -64px -128px; }
1079 .ui-icon-close { background-position: -80px -128px; }
1080 .ui-icon-closethick { background-position: -96px -128px; }
1081 .ui-icon-key { background-position: -112px -128px; }
1082 .ui-icon-lightbulb { background-position: -128px -128px; }
1083 .ui-icon-scissors { background-position: -144px -128px; }
1084 .ui-icon-clipboard { background-position: -160px -128px; }
1085 .ui-icon-copy { background-position: -176px -128px; }
1086 .ui-icon-contact { background-position: -192px -128px; }
1087 .ui-icon-image { background-position: -208px -128px; }
1088 .ui-icon-video { background-position: -224px -128px; }
1089 .ui-icon-script { background-position: -240px -128px; }
1090 .ui-icon-alert { background-position: 0 -144px; }
1091 .ui-icon-info { background-position: -16px -144px; }
1092 .ui-icon-notice { background-position: -32px -144px; }
1093 .ui-icon-help { background-position: -48px -144px; }
1094 .ui-icon-check { background-position: -64px -144px; }
1095 .ui-icon-bullet { background-position: -80px -144px; }
1096 .ui-icon-radio-on { background-position: -96px -144px; }
1097 .ui-icon-radio-off { background-position: -112px -144px; }
1098 .ui-icon-pin-w { background-position: -128px -144px; }
1099 .ui-icon-pin-s { background-position: -144px -144px; }
1100 .ui-icon-play { background-position: 0 -160px; }
1101 .ui-icon-pause { background-position: -16px -160px; }
1102 .ui-icon-seek-next { background-position: -32px -160px; }
1103 .ui-icon-seek-prev { background-position: -48px -160px; }
1104 .ui-icon-seek-end { background-position: -64px -160px; }
1105 .ui-icon-seek-start { background-position: -80px -160px; }
1106 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1107 .ui-icon-seek-first { background-position: -80px -160px; }
1108 .ui-icon-stop { background-position: -96px -160px; }
1109 .ui-icon-eject { background-position: -112px -160px; }
1110 .ui-icon-volume-off { background-position: -128px -160px; }
1111 .ui-icon-volume-on { background-position: -144px -160px; }
1112 .ui-icon-power { background-position: 0 -176px; }
1113 .ui-icon-signal-diag { background-position: -16px -176px; }
1114 .ui-icon-signal { background-position: -32px -176px; }
1115 .ui-icon-battery-0 { background-position: -48px -176px; }
1116 .ui-icon-battery-1 { background-position: -64px -176px; }
1117 .ui-icon-battery-2 { background-position: -80px -176px; }
1118 .ui-icon-battery-3 { background-position: -96px -176px; }
1119 .ui-icon-circle-plus { background-position: 0 -192px; }
1120 .ui-icon-circle-minus { background-position: -16px -192px; }
1121 .ui-icon-circle-close { background-position: -32px -192px; }
1122 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1123 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1124 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1125 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1126 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1127 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1128 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1129 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1130 .ui-icon-circle-zoomin { background-position: -176px -192px; }
1131 .ui-icon-circle-zoomout { background-position: -192px -192px; }
1132 .ui-icon-circle-check { background-position: -208px -192px; }
1133 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1134 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1135 .ui-icon-circlesmall-close { background-position: -32px -208px; }
1136 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1137 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1138 .ui-icon-squaresmall-close { background-position: -80px -208px; }
1139 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1140 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1141 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1142 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1143 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1144 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1145
1146
1147 /* Misc visuals
1148 ----------------------------------*/
1149
1150 /* Corner radius */
1151 .ui-corner-all,
1152 .ui-corner-top,
1153 .ui-corner-left,
1154 .ui-corner-tl {
1155         border-top-left-radius: 4px/*{cornerRadius}*/;
1156 }
1157 .ui-corner-all,
1158 .ui-corner-top,
1159 .ui-corner-right,
1160 .ui-corner-tr {
1161         border-top-right-radius: 4px/*{cornerRadius}*/;
1162 }
1163 .ui-corner-all,
1164 .ui-corner-bottom,
1165 .ui-corner-left,
1166 .ui-corner-bl {
1167         border-bottom-left-radius: 4px/*{cornerRadius}*/;
1168 }
1169 .ui-corner-all,
1170 .ui-corner-bottom,
1171 .ui-corner-right,
1172 .ui-corner-br {
1173         border-bottom-right-radius: 4px/*{cornerRadius}*/;
1174 }
1175
1176 /* Overlays */
1177 .ui-widget-overlay {
1178         background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
1179         opacity: .3/*{opacityOverlay}*/;
1180         filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
1181 }
1182 .ui-widget-shadow {
1183         margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
1184         padding: 8px/*{thicknessShadow}*/;
1185         background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
1186         opacity: .3/*{opacityShadow}*/;
1187         filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
1188         border-radius: 8px/*{cornerRadiusShadow}*/;
1189 }