static/css/jquery-cassava-theme/jquery-ui-1.10.3.custom.css

   1 /*! jQuery UI - v1.10.3 - 2013-11-11
   2 * http://jqueryui.com
   3 * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.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.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
   4 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%23e3e3cc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
   5 * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
   6
   7 /* Layout helpers
   8 ----------------------------------*/
   9 .ui-helper-hidden {
  10         display: none;
  11 }
  12 .ui-helper-hidden-accessible {
  13         border: 0;
  14         clip: rect(0 0 0 0);
  15         height: 1px;
  16         margin: -1px;
  17         overflow: hidden;
  18         padding: 0;
  19         position: absolute;
  20         width: 1px;
  21 }
  22 .ui-helper-reset {
  23         margin: 0;
  24         padding: 0;
  25         border: 0;
  26         outline: 0;
  27         line-height: 1.3;
  28         text-decoration: none;
  29         font-size: 100%;
  30         list-style: none;
  31 }
  32 .ui-helper-clearfix:before,
  33 .ui-helper-clearfix:after {
  34         content: "";
  35         display: table;
  36         border-collapse: collapse;
  37 }
  38 .ui-helper-clearfix:after {
  39         clear: both;
  40 }
  41 .ui-helper-clearfix {
  42         min-height: 0; /* support: IE7 */
  43 }
  44 .ui-helper-zfix {
  45         width: 100%;
  46         height: 100%;
  47         top: 0;
  48         left: 0;
  49         position: absolute;
  50         opacity: 0;
  51         filter:Alpha(Opacity=0);
  52 }
  53
  54 .ui-front {
  55         z-index: 100;
  56 }
  57
  58
  59 /* Interaction Cues
  60 ----------------------------------*/
  61 .ui-state-disabled {
  62         cursor: default !important;
  63 }
  64
  65
  66 /* Icons
  67 ----------------------------------*/
  68
  69 /* states and images */
  70 .ui-icon {
  71         display: block;
  72         text-indent: -99999px;
  73         overflow: hidden;
  74         background-repeat: no-repeat;
  75 }
  76
  77
  78 /* Misc visuals
  79 ----------------------------------*/
  80
  81 /* Overlays */
  82 .ui-widget-overlay {
  83         position: fixed;
  84         top: 0;
  85         left: 0;
  86         width: 100%;
  87         height: 100%;
  88 }
  89 .ui-resizable {
  90         position: relative;
  91 }
  92 .ui-resizable-handle {
  93         position: absolute;
  94         font-size: 0.1px;
  95         display: block;
  96 }
  97 .ui-resizable-disabled .ui-resizable-handle,
  98 .ui-resizable-autohide .ui-resizable-handle {
  99         display: none;
 100 }
 101 .ui-resizable-n {
 102         cursor: n-resize;
 103         height: 7px;
 104         width: 100%;
 105         top: -5px;
 106         left: 0;
 107 }
 108 .ui-resizable-s {
 109         cursor: s-resize;
 110         height: 7px;
 111         width: 100%;
 112         bottom: -5px;
 113         left: 0;
 114 }
 115 .ui-resizable-e {
 116         cursor: e-resize;
 117         width: 7px;
 118         right: -5px;
 119         top: 0;
 120         height: 100%;
 121 }
 122 .ui-resizable-w {
 123         cursor: w-resize;
 124         width: 7px;
 125         left: -5px;
 126         top: 0;
 127         height: 100%;
 128 }
 129 .ui-resizable-se {
 130         cursor: se-resize;
 131         width: 12px;
 132         height: 12px;
 133         right: 1px;
 134         bottom: 1px;
 135 }
 136 .ui-resizable-sw {
 137         cursor: sw-resize;
 138         width: 9px;
 139         height: 9px;
 140         left: -5px;
 141         bottom: -5px;
 142 }
 143 .ui-resizable-nw {
 144         cursor: nw-resize;
 145         width: 9px;
 146         height: 9px;
 147         left: -5px;
 148         top: -5px;
 149 }
 150 .ui-resizable-ne {
 151         cursor: ne-resize;
 152         width: 9px;
 153         height: 9px;
 154         right: -5px;
 155         top: -5px;
 156 }
 157 .ui-selectable-helper {
 158         position: absolute;
 159         z-index: 100;
 160         border: 1px dotted black;
 161 }
 162 .ui-accordion .ui-accordion-header {
 163         display: block;
 164         cursor: pointer;
 165         position: relative;
 166         margin-top: 2px;
 167         padding: .2em .5em .2em .7em;
 168         min-height: 0; /* support: IE7 */
 169 }
 170 .ui-accordion .ui-accordion-icons {
 171         padding-left: 2.2em;
 172 }
 173 .ui-accordion .ui-accordion-noicons {
 174         padding-left: .7em;
 175 }
 176 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
 177         padding-left: 2.2em;
 178 }
 179 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
 180         position: absolute;
 181         left: .5em;
 182         top: 50%;
 183         margin-top: -8px;
 184 }
 185 .ui-accordion .ui-accordion-content {
 186         padding: 1em 2.2em;
 187         border-top: 0;
 188         overflow: auto;
 189 }
 190
 191 .ui-accordion .ui-accordion-content a:link {
 192     color:#954A09;
 193     text-decoration:none;
 194 }
 195
 196 .ui-accordion .ui-accordion-content a:visited {
 197     color:#CE8E00;
 198     text-decoration:none;
 199 }
 200
 201 .ui-accordion .ui-accordion-content a:hover {
 202     color:#CE8E00;
 203     text-decoration:underline;
 204 }
 205
 206 .ui-autocomplete {
 207         position: absolute;
 208         top: 0;
 209         left: 0;
 210         cursor: default;
 211 }
 212 .ui-button {
 213         display: inline-block;
 214         position: relative;
 215         padding: 0;
 216         line-height: normal;
 217         margin-right: .1em;
 218         cursor: pointer;
 219         vertical-align: middle;
 220         text-align: center;
 221         overflow: visible; /* removes extra width in IE */
 222 }
 223 .ui-button,
 224 .ui-button:link,
 225 .ui-button:visited,
 226 .ui-button:hover,
 227 .ui-button:active {
 228         text-decoration: none;
 229 }
 230 /* to make room for the icon, a width needs to be set here */
 231 .ui-button-icon-only {
 232         width: 2.2em;
 233 }
 234 /* button elements seem to need a little more width */
 235 button.ui-button-icon-only {
 236         width: 2.4em;
 237 }
 238 .ui-button-icons-only {
 239         width: 3.4em;
 240 }
 241 button.ui-button-icons-only {
 242         width: 3.7em;
 243 }
 244
 245 /* button text element */
 246 .ui-button .ui-button-text {
 247         display: block;
 248         line-height: normal;
 249 }
 250 .ui-button-text-only .ui-button-text {
 251         padding: .4em 1em;
 252 }
 253 .ui-button-icon-only .ui-button-text,
 254 .ui-button-icons-only .ui-button-text {
 255         padding: .4em;
 256         text-indent: -9999999px;
 257 }
 258 .ui-button-text-icon-primary .ui-button-text,
 259 .ui-button-text-icons .ui-button-text {
 260         padding: .4em 1em .4em 2.1em;
 261 }
 262 .ui-button-text-icon-secondary .ui-button-text,
 263 .ui-button-text-icons .ui-button-text {
 264         padding: .4em 2.1em .4em 1em;
 265 }
 266 .ui-button-text-icons .ui-button-text {
 267         padding-left: 2.1em;
 268         padding-right: 2.1em;
 269 }
 270 /* no icon support for input elements, provide padding by default */
 271 input.ui-button {
 272         padding: .4em 1em;
 273 }
 274
 275 /* button icon element(s) */
 276 .ui-button-icon-only .ui-icon,
 277 .ui-button-text-icon-primary .ui-icon,
 278 .ui-button-text-icon-secondary .ui-icon,
 279 .ui-button-text-icons .ui-icon,
 280 .ui-button-icons-only .ui-icon {
 281         position: absolute;
 282         top: 50%;
 283         margin-top: -8px;
 284 }
 285 .ui-button-icon-only .ui-icon {
 286         left: 50%;
 287         margin-left: -8px;
 288 }
 289 .ui-button-text-icon-primary .ui-button-icon-primary,
 290 .ui-button-text-icons .ui-button-icon-primary,
 291 .ui-button-icons-only .ui-button-icon-primary {
 292         left: .5em;
 293 }
 294 .ui-button-text-icon-secondary .ui-button-icon-secondary,
 295 .ui-button-text-icons .ui-button-icon-secondary,
 296 .ui-button-icons-only .ui-button-icon-secondary {
 297         right: .5em;
 298 }
 299
 300 /* button sets */
 301 .ui-buttonset {
 302         margin-right: 7px;
 303 }
 304 .ui-buttonset .ui-button {
 305         margin-left: 0;
 306         margin-right: -.3em;
 307 }
 308
 309 /* workarounds */
 310 /* reset extra padding in Firefox, see h5bp.com/l */
 311 input.ui-button::-moz-focus-inner,
 312 button.ui-button::-moz-focus-inner {
 313         border: 0;
 314         padding: 0;
 315 }
 316 .ui-datepicker {
 317         width: 17em;
 318         padding: .2em .2em 0;
 319         display: none;
 320 }
 321 .ui-datepicker .ui-datepicker-header {
 322         position: relative;
 323         padding: .2em 0;
 324 }
 325 .ui-datepicker .ui-datepicker-prev,
 326 .ui-datepicker .ui-datepicker-next {
 327         position: absolute;
 328         top: 2px;
 329         width: 1.8em;
 330         height: 1.8em;
 331 }
 332 .ui-datepicker .ui-datepicker-prev-hover,
 333 .ui-datepicker .ui-datepicker-next-hover {
 334         top: 1px;
 335 }
 336 .ui-datepicker .ui-datepicker-prev {
 337         left: 2px;
 338 }
 339 .ui-datepicker .ui-datepicker-next {
 340         right: 2px;
 341 }
 342 .ui-datepicker .ui-datepicker-prev-hover {
 343         left: 1px;
 344 }
 345 .ui-datepicker .ui-datepicker-next-hover {
 346         right: 1px;
 347 }
 348 .ui-datepicker .ui-datepicker-prev span,
 349 .ui-datepicker .ui-datepicker-next span {
 350         display: block;
 351         position: absolute;
 352         left: 50%;
 353         margin-left: -8px;
 354         top: 50%;
 355         margin-top: -8px;
 356 }
 357 .ui-datepicker .ui-datepicker-title {
 358         margin: 0 2.3em;
 359         line-height: 1.8em;
 360         text-align: center;
 361 }
 362 .ui-datepicker .ui-datepicker-title select {
 363         font-size: 1em;
 364         margin: 1px 0;
 365 }
 366 .ui-datepicker select.ui-datepicker-month-year {
 367         width: 100%;
 368 }
 369 .ui-datepicker select.ui-datepicker-month,
 370 .ui-datepicker select.ui-datepicker-year {
 371         width: 49%;
 372 }
 373 .ui-datepicker table {
 374         width: 100%;
 375         font-size: .9em;
 376         border-collapse: collapse;
 377         margin: 0 0 .4em;
 378 }
 379 .ui-datepicker th {
 380         padding: .7em .3em;
 381         text-align: center;
 382         font-weight: bold;
 383         border: 0;
 384 }
 385 .ui-datepicker td {
 386         border: 0;
 387         padding: 1px;
 388 }
 389 .ui-datepicker td span,
 390 .ui-datepicker td a {
 391         display: block;
 392         padding: .2em;
 393         text-align: right;
 394         text-decoration: none;
 395 }
 396 .ui-datepicker .ui-datepicker-buttonpane {
 397         background-image: none;
 398         margin: .7em 0 0 0;
 399         padding: 0 .2em;
 400         border-left: 0;
 401         border-right: 0;
 402         border-bottom: 0;
 403 }
 404 .ui-datepicker .ui-datepicker-buttonpane button {
 405         float: right;
 406         margin: .5em .2em .4em;
 407         cursor: pointer;
 408         padding: .2em .6em .3em .6em;
 409         width: auto;
 410         overflow: visible;
 411 }
 412 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 413         float: left;
 414 }
 415
 416 /* with multiple calendars */
 417 .ui-datepicker.ui-datepicker-multi {
 418         width: auto;
 419 }
 420 .ui-datepicker-multi .ui-datepicker-group {
 421         float: left;
 422 }
 423 .ui-datepicker-multi .ui-datepicker-group table {
 424         width: 95%;
 425         margin: 0 auto .4em;
 426 }
 427 .ui-datepicker-multi-2 .ui-datepicker-group {
 428         width: 50%;
 429 }
 430 .ui-datepicker-multi-3 .ui-datepicker-group {
 431         width: 33.3%;
 432 }
 433 .ui-datepicker-multi-4 .ui-datepicker-group {
 434         width: 25%;
 435 }
 436 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 437 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 438         border-left-width: 0;
 439 }
 440 .ui-datepicker-multi .ui-datepicker-buttonpane {
 441         clear: left;
 442 }
 443 .ui-datepicker-row-break {
 444         clear: both;
 445         width: 100%;
 446         font-size: 0;
 447 }
 448
 449 /* RTL support */
 450 .ui-datepicker-rtl {
 451         direction: rtl;
 452 }
 453 .ui-datepicker-rtl .ui-datepicker-prev {
 454         right: 2px;
 455         left: auto;
 456 }
 457 .ui-datepicker-rtl .ui-datepicker-next {
 458         left: 2px;
 459         right: auto;
 460 }
 461 .ui-datepicker-rtl .ui-datepicker-prev:hover {
 462         right: 1px;
 463         left: auto;
 464 }
 465 .ui-datepicker-rtl .ui-datepicker-next:hover {
 466         left: 1px;
 467         right: auto;
 468 }
 469 .ui-datepicker-rtl .ui-datepicker-buttonpane {
 470         clear: right;
 471 }
 472 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
 473         float: left;
 474 }
 475 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 476 .ui-datepicker-rtl .ui-datepicker-group {
 477         float: right;
 478 }
 479 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 480 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 481         border-right-width: 0;
 482         border-left-width: 1px;
 483 }
 484 .ui-dialog {
 485         position: absolute;
 486         top: 0;
 487         left: 0;
 488         padding: .2em;
 489         outline: 0;
 490 }
 491 .ui-dialog .ui-dialog-titlebar {
 492         padding: .4em 1em;
 493         position: relative;
 494 }
 495 .ui-dialog .ui-dialog-title {
 496         float: left;
 497         margin: .1em 0;
 498         white-space: nowrap;
 499         width: 90%;
 500         overflow: hidden;
 501         text-overflow: ellipsis;
 502 }
 503 .ui-dialog .ui-dialog-titlebar-close {
 504         position: absolute;
 505         right: .3em;
 506         top: 50%;
 507         width: 21px;
 508         margin: -10px 0 0 0;
 509         padding: 1px;
 510         height: 20px;
 511 }
 512 .ui-dialog .ui-dialog-content {
 513         position: relative;
 514         border: 0;
 515         padding: .5em 1em;
 516         background: none;
 517         overflow: auto;
 518 }
 519 .ui-dialog .ui-dialog-buttonpane {
 520         text-align: left;
 521         border-width: 1px 0 0 0;
 522         background-image: none;
 523         margin-top: .5em;
 524         padding: .3em 1em .5em .4em;
 525 }
 526 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 527         float: right;
 528 }
 529 .ui-dialog .ui-dialog-buttonpane button {
 530         margin: .5em .4em .5em 0;
 531         cursor: pointer;
 532 }
 533 .ui-dialog .ui-resizable-se {
 534         width: 12px;
 535         height: 12px;
 536         right: -5px;
 537         bottom: -5px;
 538         background-position: 16px 16px;
 539 }
 540 .ui-draggable .ui-dialog-titlebar {
 541         cursor: move;
 542 }
 543 .ui-menu {
 544         list-style: none;
 545         padding: 2px;
 546         margin: 0;
 547         display: block;
 548         outline: none;
 549 }
 550 .ui-menu .ui-menu {
 551         margin-top: -3px;
 552         position: absolute;
 553 }
 554 .ui-menu .ui-menu-item {
 555         margin: 0;
 556         padding: 0;
 557         width: 100%;
 558         /* support: IE10, see #8844 */
 559         list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
 560 }
 561 .ui-menu .ui-menu-divider {
 562         margin: 5px -2px 5px -2px;
 563         height: 0;
 564         font-size: 0;
 565         line-height: 0;
 566         border-width: 1px 0 0 0;
 567 }
 568 .ui-menu .ui-menu-item a {
 569         text-decoration: none;
 570         display: block;
 571         padding: 2px .4em;
 572         line-height: 1.5;
 573         min-height: 0; /* support: IE7 */
 574         font-weight: normal;
 575 }
 576 .ui-menu .ui-menu-item a.ui-state-focus,
 577 .ui-menu .ui-menu-item a.ui-state-active {
 578         font-weight: normal;
 579         margin: -1px;
 580 }
 581
 582 .ui-menu .ui-state-disabled {
 583         font-weight: normal;
 584         margin: .4em 0 .2em;
 585         line-height: 1.5;
 586 }
 587 .ui-menu .ui-state-disabled a {
 588         cursor: default;
 589 }
 590
 591 /* icon support */
 592 .ui-menu-icons {
 593         position: relative;
 594 }
 595 .ui-menu-icons .ui-menu-item a {
 596         position: relative;
 597         padding-left: 2em;
 598 }
 599
 600 /* left-aligned */
 601 .ui-menu .ui-icon {
 602         position: absolute;
 603         top: .2em;
 604         left: .2em;
 605 }
 606
 607 /* right-aligned */
 608 .ui-menu .ui-menu-icon {
 609         position: static;
 610         float: right;
 611 }
 612 .ui-progressbar {
 613         height: 2em;
 614         text-align: left;
 615         overflow: hidden;
 616 }
 617 .ui-progressbar .ui-progressbar-value {
 618         margin: -1px;
 619         height: 100%;
 620 }
 621 .ui-progressbar .ui-progressbar-overlay {
 622         background: url("images/animated-overlay.gif");
 623         height: 100%;
 624         filter: alpha(opacity=25);
 625         opacity: 0.25;
 626 }
 627 .ui-progressbar-indeterminate .ui-progressbar-value {
 628         background-image: none;
 629 }
 630 .ui-slider {
 631         position: relative;
 632         text-align: left;
 633 }
 634 .ui-slider .ui-slider-handle {
 635         position: absolute;
 636         z-index: 2;
 637         width: 1.2em;
 638         height: 1.2em;
 639         cursor: default;
 640 }
 641 .ui-slider .ui-slider-range {
 642         position: absolute;
 643         z-index: 1;
 644         font-size: .7em;
 645         display: block;
 646         border: 0;
 647         background-position: 0 0;
 648 }
 649
 650 /* For IE8 - See #6727 */
 651 .ui-slider.ui-state-disabled .ui-slider-handle,
 652 .ui-slider.ui-state-disabled .ui-slider-range {
 653         filter: inherit;
 654 }
 655
 656 .ui-slider-horizontal {
 657         height: .8em;
 658 }
 659 .ui-slider-horizontal .ui-slider-handle {
 660         top: -.3em;
 661         margin-left: -.6em;
 662 }
 663 .ui-slider-horizontal .ui-slider-range {
 664         top: 0;
 665         height: 100%;
 666 }
 667 .ui-slider-horizontal .ui-slider-range-min {
 668         left: 0;
 669 }
 670 .ui-slider-horizontal .ui-slider-range-max {
 671         right: 0;
 672 }
 673
 674 .ui-slider-vertical {
 675         width: .8em;
 676         height: 100px;
 677 }
 678 .ui-slider-vertical .ui-slider-handle {
 679         left: -.3em;
 680         margin-left: 0;
 681         margin-bottom: -.6em;
 682 }
 683 .ui-slider-vertical .ui-slider-range {
 684         left: 0;
 685         width: 100%;
 686 }
 687 .ui-slider-vertical .ui-slider-range-min {
 688         bottom: 0;
 689 }
 690 .ui-slider-vertical .ui-slider-range-max {
 691         top: 0;
 692 }
 693 .ui-spinner {
 694         position: relative;
 695         display: inline-block;
 696         overflow: hidden;
 697         padding: 0;
 698         vertical-align: middle;
 699 }
 700 .ui-spinner-input {
 701         border: none;
 702         background: none;
 703         color: inherit;
 704         padding: 0;
 705         margin: .2em 0;
 706         vertical-align: middle;
 707         margin-left: .4em;
 708         margin-right: 22px;
 709 }
 710 .ui-spinner-button {
 711         width: 16px;
 712         height: 50%;
 713         font-size: .5em;
 714         padding: 0;
 715         margin: 0;
 716         text-align: center;
 717         position: absolute;
 718         cursor: default;
 719         display: block;
 720         overflow: hidden;
 721         right: 0;
 722 }
 723 /* more specificity required here to overide default borders */
 724 .ui-spinner a.ui-spinner-button {
 725         border-top: none;
 726         border-bottom: none;
 727         border-right: none;
 728 }
 729 /* vertical centre icon */
 730 .ui-spinner .ui-icon {
 731         position: absolute;
 732         margin-top: -8px;
 733         top: 50%;
 734         left: 0;
 735 }
 736 .ui-spinner-up {
 737         top: 0;
 738 }
 739 .ui-spinner-down {
 740         bottom: 0;
 741 }
 742
 743 /* TR overrides */
 744 .ui-spinner .ui-icon-triangle-1-s {
 745         /* need to fix icons sprite */
 746         background-position: -65px -16px;
 747 }
 748 .ui-tabs {
 749         position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 750         padding: .2em;
 751 }
 752 .ui-tabs .ui-tabs-nav {
 753         margin: 0;
 754         padding: .2em .2em 0;
 755 }
 756 .ui-tabs .ui-tabs-nav li {
 757         list-style: none;
 758         float: left;
 759         position: relative;
 760         top: 0;
 761         margin: 1px .2em 0 0;
 762         border-bottom-width: 0;
 763         padding: 0;
 764         white-space: nowrap;
 765 }
 766 .ui-tabs .ui-tabs-nav li a {
 767         float: left;
 768         padding: .5em 1em;
 769         text-decoration: none;
 770 }
 771 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 772         margin-bottom: -1px;
 773         padding-bottom: 1px;
 774 }
 775 .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
 776 .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
 777 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
 778         cursor: text;
 779 }
 780 .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... */
 781 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
 782         cursor: pointer;
 783 }
 784 .ui-tabs .ui-tabs-panel {
 785         display: block;
 786         border-width: 0;
 787         padding: 1em 1.4em;
 788         background: none;
 789 }
 790 .ui-tooltip {
 791         padding: 8px;
 792         position: absolute;
 793         z-index: 9999;
 794         max-width: 300px;
 795         -webkit-box-shadow: 0 0 5px #aaa;
 796         box-shadow: 0 0 5px #aaa;
 797 }
 798 body .ui-tooltip {
 799         border-width: 2px;
 800 }
 801
 802 /* Component containers
 803 ----------------------------------*/
 804 .ui-widget {
 805         font-family: Verdana,Arial,sans-serif;
 806         font-size: 1.1em;
 807 }
 808 .ui-widget .ui-widget {
 809         font-size: 1em;
 810 }
 811 .ui-widget input,
 812 .ui-widget select,
 813 .ui-widget textarea,
 814 .ui-widget button {
 815         font-family: Verdana,Arial,sans-serif;
 816         font-size: 1em;
 817 }
 818 .ui-widget-content {
 819         border: 1px solid #aaaaaa;
 820         background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
 821         color: #222222;
 822 }
 823 .ui-widget-content a {
 824         color: #222222;
 825 }
 826 .ui-widget-header {
 827         border: 1px solid #aaaaaa;
 828         background: #e3e3cc url(images/ui-bg_highlight-soft_75_e3e3cc_1x100.png) 50% 50% repeat-x;
 829         color: #222222;
 830         font-weight: bold;
 831 }
 832 .ui-widget-header a {
 833         color: #222222;
 834 }
 835
 836 /* Interaction states
 837 ----------------------------------*/
 838 .ui-state-default,
 839 .ui-widget-content .ui-state-default,
 840 .ui-widget-header .ui-state-default {
 841         border: 1px solid #d3d3d3;
 842         background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
 843         font-weight: normal;
 844         color: #555555;
 845 }
 846 .ui-state-default a,
 847 .ui-state-default a:link,
 848 .ui-state-default a:visited {
 849         color: #555555;
 850         text-decoration: none;
 851 }
 852 .ui-state-hover,
 853 .ui-widget-content .ui-state-hover,
 854 .ui-widget-header .ui-state-hover,
 855 .ui-state-focus,
 856 .ui-widget-content .ui-state-focus,
 857 .ui-widget-header .ui-state-focus {
 858         border: 1px solid #999999;
 859         background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
 860         font-weight: normal;
 861         color: #212121;
 862 }
 863 .ui-state-hover a,
 864 .ui-state-hover a:hover,
 865 .ui-state-hover a:link,
 866 .ui-state-hover a:visited {
 867         color: #212121;
 868         text-decoration: none;
 869 }
 870 .ui-state-active,
 871 .ui-widget-content .ui-state-active,
 872 .ui-widget-header .ui-state-active {
 873         border: 1px solid #aaaaaa;
 874         background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
 875         font-weight: normal;
 876         color: #212121;
 877 }
 878 .ui-state-active a,
 879 .ui-state-active a:link,
 880 .ui-state-active a:visited {
 881         color: #212121;
 882         text-decoration: none;
 883 }
 884
 885 /* Interaction Cues
 886 ----------------------------------*/
 887 .ui-state-highlight,
 888 .ui-widget-content .ui-state-highlight,
 889 .ui-widget-header .ui-state-highlight {
 890         border: 1px solid #fcefa1;
 891         background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
 892         color: #363636;
 893 }
 894 .ui-state-highlight a,
 895 .ui-widget-content .ui-state-highlight a,
 896 .ui-widget-header .ui-state-highlight a {
 897         color: #363636;
 898 }
 899 .ui-state-error,
 900 .ui-widget-content .ui-state-error,
 901 .ui-widget-header .ui-state-error {
 902         border: 1px solid #cd0a0a;
 903         background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
 904         color: #cd0a0a;
 905 }
 906 .ui-state-error a,
 907 .ui-widget-content .ui-state-error a,
 908 .ui-widget-header .ui-state-error a {
 909         color: #cd0a0a;
 910 }
 911 .ui-state-error-text,
 912 .ui-widget-content .ui-state-error-text,
 913 .ui-widget-header .ui-state-error-text {
 914         color: #cd0a0a;
 915 }
 916 .ui-priority-primary,
 917 .ui-widget-content .ui-priority-primary,
 918 .ui-widget-header .ui-priority-primary {
 919         font-weight: bold;
 920 }
 921 .ui-priority-secondary,
 922 .ui-widget-content .ui-priority-secondary,
 923 .ui-widget-header .ui-priority-secondary {
 924         opacity: .7;
 925         filter:Alpha(Opacity=70);
 926         font-weight: normal;
 927 }
 928 .ui-state-disabled,
 929 .ui-widget-content .ui-state-disabled,
 930 .ui-widget-header .ui-state-disabled {
 931         opacity: .35;
 932         filter:Alpha(Opacity=35);
 933         background-image: none;
 934 }
 935 .ui-state-disabled .ui-icon {
 936         filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
 937 }
 938
 939 /* Icons
 940 ----------------------------------*/
 941
 942 /* states and images */
 943 .ui-icon {
 944         width: 16px;
 945         height: 16px;
 946 }
 947 .ui-icon,
 948 .ui-widget-content .ui-icon {
 949         background-image: url(images/ui-icons_222222_256x240.png);
 950 }
 951 .ui-widget-header .ui-icon {
 952         background-image: url(images/ui-icons_222222_256x240.png);
 953 }
 954 .ui-state-default .ui-icon {
 955         background-image: url(images/ui-icons_888888_256x240.png);
 956 }
 957 .ui-state-hover .ui-icon,
 958 .ui-state-focus .ui-icon {
 959         background-image: url(images/ui-icons_454545_256x240.png);
 960 }
 961 .ui-state-active .ui-icon {
 962         background-image: url(images/ui-icons_454545_256x240.png);
 963 }
 964 .ui-state-highlight .ui-icon {
 965         background-image: url(images/ui-icons_2e83ff_256x240.png);
 966 }
 967 .ui-state-error .ui-icon,
 968 .ui-state-error-text .ui-icon {
 969         background-image: url(images/ui-icons_cd0a0a_256x240.png);
 970 }
 971
 972 /* positioning */
 973 .ui-icon-blank { background-position: 16px 16px; }
 974 .ui-icon-carat-1-n { background-position: 0 0; }
 975 .ui-icon-carat-1-ne { background-position: -16px 0; }
 976 .ui-icon-carat-1-e { background-position: -32px 0; }
 977 .ui-icon-carat-1-se { background-position: -48px 0; }
 978 .ui-icon-carat-1-s { background-position: -64px 0; }
 979 .ui-icon-carat-1-sw { background-position: -80px 0; }
 980 .ui-icon-carat-1-w { background-position: -96px 0; }
 981 .ui-icon-carat-1-nw { background-position: -112px 0; }
 982 .ui-icon-carat-2-n-s { background-position: -128px 0; }
 983 .ui-icon-carat-2-e-w { background-position: -144px 0; }
 984 .ui-icon-triangle-1-n { background-position: 0 -16px; }
 985 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
 986 .ui-icon-triangle-1-e { background-position: -32px -16px; }
 987 .ui-icon-triangle-1-se { background-position: -48px -16px; }
 988 .ui-icon-triangle-1-s { background-position: -64px -16px; }
 989 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
 990 .ui-icon-triangle-1-w { background-position: -96px -16px; }
 991 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
 992 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
 993 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
 994 .ui-icon-arrow-1-n { background-position: 0 -32px; }
 995 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
 996 .ui-icon-arrow-1-e { background-position: -32px -32px; }
 997 .ui-icon-arrow-1-se { background-position: -48px -32px; }
 998 .ui-icon-arrow-1-s { background-position: -64px -32px; }
 999 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1000 .ui-icon-arrow-1-w { background-position: -96px -32px; }
1001 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1002 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1003 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1004 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1005 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1006 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1007 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1008 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1009 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1010 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1011 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1012 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1013 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1014 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1015 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1016 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1017 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1018 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1019 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1020 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1021 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1022 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1023 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1024 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1025 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1026 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1027 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1028 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1029 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1030 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1031 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1032 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1033 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1034 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1035 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1036 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1037 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1038 .ui-icon-arrow-4 { background-position: 0 -80px; }
1039 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1040 .ui-icon-extlink { background-position: -32px -80px; }
1041 .ui-icon-newwin { background-position: -48px -80px; }
1042 .ui-icon-refresh { background-position: -64px -80px; }
1043 .ui-icon-shuffle { background-position: -80px -80px; }
1044 .ui-icon-transfer-e-w { background-position: -96px -80px; }
1045 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1046 .ui-icon-folder-collapsed { background-position: 0 -96px; }
1047 .ui-icon-folder-open { background-position: -16px -96px; }
1048 .ui-icon-document { background-position: -32px -96px; }
1049 .ui-icon-document-b { background-position: -48px -96px; }
1050 .ui-icon-note { background-position: -64px -96px; }
1051 .ui-icon-mail-closed { background-position: -80px -96px; }
1052 .ui-icon-mail-open { background-position: -96px -96px; }
1053 .ui-icon-suitcase { background-position: -112px -96px; }
1054 .ui-icon-comment { background-position: -128px -96px; }
1055 .ui-icon-person { background-position: -144px -96px; }
1056 .ui-icon-print { background-position: -160px -96px; }
1057 .ui-icon-trash { background-position: -176px -96px; }
1058 .ui-icon-locked { background-position: -192px -96px; }
1059 .ui-icon-unlocked { background-position: -208px -96px; }
1060 .ui-icon-bookmark { background-position: -224px -96px; }
1061 .ui-icon-tag { background-position: -240px -96px; }
1062 .ui-icon-home { background-position: 0 -112px; }
1063 .ui-icon-flag { background-position: -16px -112px; }
1064 .ui-icon-calendar { background-position: -32px -112px; }
1065 .ui-icon-cart { background-position: -48px -112px; }
1066 .ui-icon-pencil { background-position: -64px -112px; }
1067 .ui-icon-clock { background-position: -80px -112px; }
1068 .ui-icon-disk { background-position: -96px -112px; }
1069 .ui-icon-calculator { background-position: -112px -112px; }
1070 .ui-icon-zoomin { background-position: -128px -112px; }
1071 .ui-icon-zoomout { background-position: -144px -112px; }
1072 .ui-icon-search { background-position: -160px -112px; }
1073 .ui-icon-wrench { background-position: -176px -112px; }
1074 .ui-icon-gear { background-position: -192px -112px; }
1075 .ui-icon-heart { background-position: -208px -112px; }
1076 .ui-icon-star { background-position: -224px -112px; }
1077 .ui-icon-link { background-position: -240px -112px; }
1078 .ui-icon-cancel { background-position: 0 -128px; }
1079 .ui-icon-plus { background-position: -16px -128px; }
1080 .ui-icon-plusthick { background-position: -32px -128px; }
1081 .ui-icon-minus { background-position: -48px -128px; }
1082 .ui-icon-minusthick { background-position: -64px -128px; }
1083 .ui-icon-close { background-position: -80px -128px; }
1084 .ui-icon-closethick { background-position: -96px -128px; }
1085 .ui-icon-key { background-position: -112px -128px; }
1086 .ui-icon-lightbulb { background-position: -128px -128px; }
1087 .ui-icon-scissors { background-position: -144px -128px; }
1088 .ui-icon-clipboard { background-position: -160px -128px; }
1089 .ui-icon-copy { background-position: -176px -128px; }
1090 .ui-icon-contact { background-position: -192px -128px; }
1091 .ui-icon-image { background-position: -208px -128px; }
1092 .ui-icon-video { background-position: -224px -128px; }
1093 .ui-icon-script { background-position: -240px -128px; }
1094 .ui-icon-alert { background-position: 0 -144px; }
1095 .ui-icon-info { background-position: -16px -144px; }
1096 .ui-icon-notice { background-position: -32px -144px; }
1097 .ui-icon-help { background-position: -48px -144px; }
1098 .ui-icon-check { background-position: -64px -144px; }
1099 .ui-icon-bullet { background-position: -80px -144px; }
1100 .ui-icon-radio-on { background-position: -96px -144px; }
1101 .ui-icon-radio-off { background-position: -112px -144px; }
1102 .ui-icon-pin-w { background-position: -128px -144px; }
1103 .ui-icon-pin-s { background-position: -144px -144px; }
1104 .ui-icon-play { background-position: 0 -160px; }
1105 .ui-icon-pause { background-position: -16px -160px; }
1106 .ui-icon-seek-next { background-position: -32px -160px; }
1107 .ui-icon-seek-prev { background-position: -48px -160px; }
1108 .ui-icon-seek-end { background-position: -64px -160px; }
1109 .ui-icon-seek-start { background-position: -80px -160px; }
1110 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1111 .ui-icon-seek-first { background-position: -80px -160px; }
1112 .ui-icon-stop { background-position: -96px -160px; }
1113 .ui-icon-eject { background-position: -112px -160px; }
1114 .ui-icon-volume-off { background-position: -128px -160px; }
1115 .ui-icon-volume-on { background-position: -144px -160px; }
1116 .ui-icon-power { background-position: 0 -176px; }
1117 .ui-icon-signal-diag { background-position: -16px -176px; }
1118 .ui-icon-signal { background-position: -32px -176px; }
1119 .ui-icon-battery-0 { background-position: -48px -176px; }
1120 .ui-icon-battery-1 { background-position: -64px -176px; }
1121 .ui-icon-battery-2 { background-position: -80px -176px; }
1122 .ui-icon-battery-3 { background-position: -96px -176px; }
1123 .ui-icon-circle-plus { background-position: 0 -192px; }
1124 .ui-icon-circle-minus { background-position: -16px -192px; }
1125 .ui-icon-circle-close { background-position: -32px -192px; }
1126 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1127 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1128 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1129 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1130 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1131 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1132 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1133 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1134 .ui-icon-circle-zoomin { background-position: -176px -192px; }
1135 .ui-icon-circle-zoomout { background-position: -192px -192px; }
1136 .ui-icon-circle-check { background-position: -208px -192px; }
1137 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1138 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1139 .ui-icon-circlesmall-close { background-position: -32px -208px; }
1140 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1141 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1142 .ui-icon-squaresmall-close { background-position: -80px -208px; }
1143 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1144 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1145 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1146 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1147 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1148 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1149
1150
1151 /* Misc visuals
1152 ----------------------------------*/
1153
1154 /* Corner radius */
1155 .ui-corner-all,
1156 .ui-corner-top,
1157 .ui-corner-left,
1158 .ui-corner-tl {
1159         border-top-left-radius: 4px;
1160 }
1161 .ui-corner-all,
1162 .ui-corner-top,
1163 .ui-corner-right,
1164 .ui-corner-tr {
1165         border-top-right-radius: 4px;
1166 }
1167 .ui-corner-all,
1168 .ui-corner-bottom,
1169 .ui-corner-left,
1170 .ui-corner-bl {
1171         border-bottom-left-radius: 4px;
1172 }
1173 .ui-corner-all,
1174 .ui-corner-bottom,
1175 .ui-corner-right,
1176 .ui-corner-br {
1177         border-bottom-right-radius: 4px;
1178 }
1179
1180 /* Overlays */
1181 .ui-widget-overlay {
1182         background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1183         opacity: .3;
1184         filter: Alpha(Opacity=30);
1185 }
1186 .ui-widget-shadow {
1187         margin: -8px 0 0 -8px;
1188         padding: 8px;
1189         background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1190         opacity: .3;
1191         filter: Alpha(Opacity=30);
1192         border-radius: 8px;
1193 }