bundles/org.simantics.debug.browser/resources/css/jquery-ui.structure.css

   1 /*!
   2  * jQuery UI CSS Framework 1.11.2
   3  * http://jqueryui.com
   4  *
   5  * Copyright 2014 jQuery Foundation and other contributors
   6  * Released under the MIT license.
   7  * http://jquery.org/license
   8  *
   9  * http://api.jqueryui.com/category/theming/
  10  */
  11
  12 /* Layout helpers
  13 ----------------------------------*/
  14 .ui-helper-hidden {
  15         display: none;
  16 }
  17 .ui-helper-hidden-accessible {
  18         border: 0;
  19         clip: rect(0 0 0 0);
  20         height: 1px;
  21         margin: -1px;
  22         overflow: hidden;
  23         padding: 0;
  24         position: absolute;
  25         width: 1px;
  26 }
  27 .ui-helper-reset {
  28         margin: 0;
  29         padding: 0;
  30         border: 0;
  31         outline: 0;
  32         line-height: 1.3;
  33         text-decoration: none;
  34         font-size: 100%;
  35         list-style: none;
  36 }
  37 .ui-helper-clearfix:before,
  38 .ui-helper-clearfix:after {
  39         content: "";
  40         display: table;
  41         border-collapse: collapse;
  42 }
  43 .ui-helper-clearfix:after {
  44         clear: both;
  45 }
  46 .ui-helper-clearfix {
  47         min-height: 0; /* support: IE7 */
  48 }
  49 .ui-helper-zfix {
  50         width: 100%;
  51         height: 100%;
  52         top: 0;
  53         left: 0;
  54         position: absolute;
  55         opacity: 0;
  56         filter:Alpha(Opacity=0); /* support: IE8 */
  57 }
  58
  59 .ui-front {
  60         z-index: 100;
  61 }
  62
  63
  64 /* Interaction Cues
  65 ----------------------------------*/
  66 .ui-state-disabled {
  67         cursor: default !important;
  68 }
  69
  70
  71 /* Icons
  72 ----------------------------------*/
  73
  74 /* states and images */
  75 .ui-icon {
  76         display: block;
  77         text-indent: -99999px;
  78         overflow: hidden;
  79         background-repeat: no-repeat;
  80 }
  81
  82
  83 /* Misc visuals
  84 ----------------------------------*/
  85
  86 /* Overlays */
  87 .ui-widget-overlay {
  88         position: fixed;
  89         top: 0;
  90         left: 0;
  91         width: 100%;
  92         height: 100%;
  93 }
  94 .ui-accordion .ui-accordion-header {
  95         display: block;
  96         cursor: pointer;
  97         position: relative;
  98         margin: 2px 0 0 0;
  99         padding: .5em .5em .5em .7em;
 100         min-height: 0; /* support: IE7 */
 101         font-size: 100%;
 102 }
 103 .ui-accordion .ui-accordion-icons {
 104         padding-left: 2.2em;
 105 }
 106 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
 107         padding-left: 2.2em;
 108 }
 109 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
 110         position: absolute;
 111         left: .5em;
 112         top: 50%;
 113         margin-top: -8px;
 114 }
 115 .ui-accordion .ui-accordion-content {
 116         padding: 1em 2.2em;
 117         border-top: 0;
 118         overflow: auto;
 119 }
 120 .ui-autocomplete {
 121         position: absolute;
 122         top: 0;
 123         left: 0;
 124         cursor: default;
 125 }
 126 .ui-button {
 127         display: inline-block;
 128         position: relative;
 129         padding: 0;
 130         line-height: normal;
 131         margin-right: .1em;
 132         cursor: pointer;
 133         vertical-align: middle;
 134         text-align: center;
 135         overflow: visible; /* removes extra width in IE */
 136 }
 137 .ui-button,
 138 .ui-button:link,
 139 .ui-button:visited,
 140 .ui-button:hover,
 141 .ui-button:active {
 142         text-decoration: none;
 143 }
 144 /* to make room for the icon, a width needs to be set here */
 145 .ui-button-icon-only {
 146         width: 2.2em;
 147 }
 148 /* button elements seem to need a little more width */
 149 button.ui-button-icon-only {
 150         width: 2.4em;
 151 }
 152 .ui-button-icons-only {
 153         width: 3.4em;
 154 }
 155 button.ui-button-icons-only {
 156         width: 3.7em;
 157 }
 158
 159 /* button text element */
 160 .ui-button .ui-button-text {
 161         display: block;
 162         line-height: normal;
 163 }
 164 .ui-button-text-only .ui-button-text {
 165         padding: .4em 1em;
 166 }
 167 .ui-button-icon-only .ui-button-text,
 168 .ui-button-icons-only .ui-button-text {
 169         padding: .4em;
 170         text-indent: -9999999px;
 171 }
 172 .ui-button-text-icon-primary .ui-button-text,
 173 .ui-button-text-icons .ui-button-text {
 174         padding: .4em 1em .4em 2.1em;
 175 }
 176 .ui-button-text-icon-secondary .ui-button-text,
 177 .ui-button-text-icons .ui-button-text {
 178         padding: .4em 2.1em .4em 1em;
 179 }
 180 .ui-button-text-icons .ui-button-text {
 181         padding-left: 2.1em;
 182         padding-right: 2.1em;
 183 }
 184 /* no icon support for input elements, provide padding by default */
 185 input.ui-button {
 186         padding: .4em 1em;
 187 }
 188
 189 /* button icon element(s) */
 190 .ui-button-icon-only .ui-icon,
 191 .ui-button-text-icon-primary .ui-icon,
 192 .ui-button-text-icon-secondary .ui-icon,
 193 .ui-button-text-icons .ui-icon,
 194 .ui-button-icons-only .ui-icon {
 195         position: absolute;
 196         top: 50%;
 197         margin-top: -8px;
 198 }
 199 .ui-button-icon-only .ui-icon {
 200         left: 50%;
 201         margin-left: -8px;
 202 }
 203 .ui-button-text-icon-primary .ui-button-icon-primary,
 204 .ui-button-text-icons .ui-button-icon-primary,
 205 .ui-button-icons-only .ui-button-icon-primary {
 206         left: .5em;
 207 }
 208 .ui-button-text-icon-secondary .ui-button-icon-secondary,
 209 .ui-button-text-icons .ui-button-icon-secondary,
 210 .ui-button-icons-only .ui-button-icon-secondary {
 211         right: .5em;
 212 }
 213
 214 /* button sets */
 215 .ui-buttonset {
 216         margin-right: 7px;
 217 }
 218 .ui-buttonset .ui-button {
 219         margin-left: 0;
 220         margin-right: -.3em;
 221 }
 222
 223 /* workarounds */
 224 /* reset extra padding in Firefox, see h5bp.com/l */
 225 input.ui-button::-moz-focus-inner,
 226 button.ui-button::-moz-focus-inner {
 227         border: 0;
 228         padding: 0;
 229 }
 230 .ui-datepicker {
 231         width: 17em;
 232         padding: .2em .2em 0;
 233         display: none;
 234 }
 235 .ui-datepicker .ui-datepicker-header {
 236         position: relative;
 237         padding: .2em 0;
 238 }
 239 .ui-datepicker .ui-datepicker-prev,
 240 .ui-datepicker .ui-datepicker-next {
 241         position: absolute;
 242         top: 2px;
 243         width: 1.8em;
 244         height: 1.8em;
 245 }
 246 .ui-datepicker .ui-datepicker-prev-hover,
 247 .ui-datepicker .ui-datepicker-next-hover {
 248         top: 1px;
 249 }
 250 .ui-datepicker .ui-datepicker-prev {
 251         left: 2px;
 252 }
 253 .ui-datepicker .ui-datepicker-next {
 254         right: 2px;
 255 }
 256 .ui-datepicker .ui-datepicker-prev-hover {
 257         left: 1px;
 258 }
 259 .ui-datepicker .ui-datepicker-next-hover {
 260         right: 1px;
 261 }
 262 .ui-datepicker .ui-datepicker-prev span,
 263 .ui-datepicker .ui-datepicker-next span {
 264         display: block;
 265         position: absolute;
 266         left: 50%;
 267         margin-left: -8px;
 268         top: 50%;
 269         margin-top: -8px;
 270 }
 271 .ui-datepicker .ui-datepicker-title {
 272         margin: 0 2.3em;
 273         line-height: 1.8em;
 274         text-align: center;
 275 }
 276 .ui-datepicker .ui-datepicker-title select {
 277         font-size: 1em;
 278         margin: 1px 0;
 279 }
 280 .ui-datepicker select.ui-datepicker-month,
 281 .ui-datepicker select.ui-datepicker-year {
 282         width: 45%;
 283 }
 284 .ui-datepicker table {
 285         width: 100%;
 286         font-size: .9em;
 287         border-collapse: collapse;
 288         margin: 0 0 .4em;
 289 }
 290 .ui-datepicker th {
 291         padding: .7em .3em;
 292         text-align: center;
 293         font-weight: bold;
 294         border: 0;
 295 }
 296 .ui-datepicker td {
 297         border: 0;
 298         padding: 1px;
 299 }
 300 .ui-datepicker td span,
 301 .ui-datepicker td a {
 302         display: block;
 303         padding: .2em;
 304         text-align: right;
 305         text-decoration: none;
 306 }
 307 .ui-datepicker .ui-datepicker-buttonpane {
 308         background-image: none;
 309         margin: .7em 0 0 0;
 310         padding: 0 .2em;
 311         border-left: 0;
 312         border-right: 0;
 313         border-bottom: 0;
 314 }
 315 .ui-datepicker .ui-datepicker-buttonpane button {
 316         float: right;
 317         margin: .5em .2em .4em;
 318         cursor: pointer;
 319         padding: .2em .6em .3em .6em;
 320         width: auto;
 321         overflow: visible;
 322 }
 323 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 324         float: left;
 325 }
 326
 327 /* with multiple calendars */
 328 .ui-datepicker.ui-datepicker-multi {
 329         width: auto;
 330 }
 331 .ui-datepicker-multi .ui-datepicker-group {
 332         float: left;
 333 }
 334 .ui-datepicker-multi .ui-datepicker-group table {
 335         width: 95%;
 336         margin: 0 auto .4em;
 337 }
 338 .ui-datepicker-multi-2 .ui-datepicker-group {
 339         width: 50%;
 340 }
 341 .ui-datepicker-multi-3 .ui-datepicker-group {
 342         width: 33.3%;
 343 }
 344 .ui-datepicker-multi-4 .ui-datepicker-group {
 345         width: 25%;
 346 }
 347 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 348 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 349         border-left-width: 0;
 350 }
 351 .ui-datepicker-multi .ui-datepicker-buttonpane {
 352         clear: left;
 353 }
 354 .ui-datepicker-row-break {
 355         clear: both;
 356         width: 100%;
 357         font-size: 0;
 358 }
 359
 360 /* RTL support */
 361 .ui-datepicker-rtl {
 362         direction: rtl;
 363 }
 364 .ui-datepicker-rtl .ui-datepicker-prev {
 365         right: 2px;
 366         left: auto;
 367 }
 368 .ui-datepicker-rtl .ui-datepicker-next {
 369         left: 2px;
 370         right: auto;
 371 }
 372 .ui-datepicker-rtl .ui-datepicker-prev:hover {
 373         right: 1px;
 374         left: auto;
 375 }
 376 .ui-datepicker-rtl .ui-datepicker-next:hover {
 377         left: 1px;
 378         right: auto;
 379 }
 380 .ui-datepicker-rtl .ui-datepicker-buttonpane {
 381         clear: right;
 382 }
 383 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
 384         float: left;
 385 }
 386 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 387 .ui-datepicker-rtl .ui-datepicker-group {
 388         float: right;
 389 }
 390 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 391 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 392         border-right-width: 0;
 393         border-left-width: 1px;
 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 .ui-draggable-handle {
 456         -ms-touch-action: none;
 457         touch-action: none;
 458 }
 459 .ui-menu {
 460         list-style: none;
 461         padding: 0;
 462         margin: 0;
 463         display: block;
 464         outline: none;
 465 }
 466 .ui-menu .ui-menu {
 467         position: absolute;
 468 }
 469 .ui-menu .ui-menu-item {
 470         position: relative;
 471         margin: 0;
 472         padding: 3px 1em 3px .4em;
 473         cursor: pointer;
 474         min-height: 0; /* support: IE7 */
 475         /* support: IE10, see #8844 */
 476         list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
 477 }
 478 .ui-menu .ui-menu-divider {
 479         margin: 5px 0;
 480         height: 0;
 481         font-size: 0;
 482         line-height: 0;
 483         border-width: 1px 0 0 0;
 484 }
 485 .ui-menu .ui-state-focus,
 486 .ui-menu .ui-state-active {
 487         margin: -1px;
 488 }
 489
 490 /* icon support */
 491 .ui-menu-icons {
 492         position: relative;
 493 }
 494 .ui-menu-icons .ui-menu-item {
 495         padding-left: 2em;
 496 }
 497
 498 /* left-aligned */
 499 .ui-menu .ui-icon {
 500         position: absolute;
 501         top: 0;
 502         bottom: 0;
 503         left: .2em;
 504         margin: auto 0;
 505 }
 506
 507 /* right-aligned */
 508 .ui-menu .ui-menu-icon {
 509         left: auto;
 510         right: 0;
 511 }
 512 .ui-progressbar {
 513         height: 2em;
 514         text-align: left;
 515         overflow: hidden;
 516 }
 517 .ui-progressbar .ui-progressbar-value {
 518         margin: -1px;
 519         height: 100%;
 520 }
 521 .ui-progressbar .ui-progressbar-overlay {
 522         background: url("data:image/gif;base64,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");
 523         height: 100%;
 524         filter: alpha(opacity=25); /* support: IE8 */
 525         opacity: 0.25;
 526 }
 527 .ui-progressbar-indeterminate .ui-progressbar-value {
 528         background-image: none;
 529 }
 530 .ui-resizable {
 531         position: relative;
 532 }
 533 .ui-resizable-handle {
 534         position: absolute;
 535         font-size: 0.1px;
 536         display: block;
 537         -ms-touch-action: none;
 538         touch-action: none;
 539 }
 540 .ui-resizable-disabled .ui-resizable-handle,
 541 .ui-resizable-autohide .ui-resizable-handle {
 542         display: none;
 543 }
 544 .ui-resizable-n {
 545         cursor: n-resize;
 546         height: 7px;
 547         width: 100%;
 548         top: -5px;
 549         left: 0;
 550 }
 551 .ui-resizable-s {
 552         cursor: s-resize;
 553         height: 7px;
 554         width: 100%;
 555         bottom: -5px;
 556         left: 0;
 557 }
 558 .ui-resizable-e {
 559         cursor: e-resize;
 560         width: 7px;
 561         right: -5px;
 562         top: 0;
 563         height: 100%;
 564 }
 565 .ui-resizable-w {
 566         cursor: w-resize;
 567         width: 7px;
 568         left: -5px;
 569         top: 0;
 570         height: 100%;
 571 }
 572 .ui-resizable-se {
 573         cursor: se-resize;
 574         width: 12px;
 575         height: 12px;
 576         right: 1px;
 577         bottom: 1px;
 578 }
 579 .ui-resizable-sw {
 580         cursor: sw-resize;
 581         width: 9px;
 582         height: 9px;
 583         left: -5px;
 584         bottom: -5px;
 585 }
 586 .ui-resizable-nw {
 587         cursor: nw-resize;
 588         width: 9px;
 589         height: 9px;
 590         left: -5px;
 591         top: -5px;
 592 }
 593 .ui-resizable-ne {
 594         cursor: ne-resize;
 595         width: 9px;
 596         height: 9px;
 597         right: -5px;
 598         top: -5px;
 599 }
 600 .ui-selectable {
 601         -ms-touch-action: none;
 602         touch-action: none;
 603 }
 604 .ui-selectable-helper {
 605         position: absolute;
 606         z-index: 100;
 607         border: 1px dotted black;
 608 }
 609 .ui-selectmenu-menu {
 610         padding: 0;
 611         margin: 0;
 612         position: absolute;
 613         top: 0;
 614         left: 0;
 615         display: none;
 616 }
 617 .ui-selectmenu-menu .ui-menu {
 618         overflow: auto;
 619         /* Support: IE7 */
 620         overflow-x: hidden;
 621         padding-bottom: 1px;
 622 }
 623 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
 624         font-size: 1em;
 625         font-weight: bold;
 626         line-height: 1.5;
 627         padding: 2px 0.4em;
 628         margin: 0.5em 0 0 0;
 629         height: auto;
 630         border: 0;
 631 }
 632 .ui-selectmenu-open {
 633         display: block;
 634 }
 635 .ui-selectmenu-button {
 636         display: inline-block;
 637         overflow: hidden;
 638         position: relative;
 639         text-decoration: none;
 640         cursor: pointer;
 641 }
 642 .ui-selectmenu-button span.ui-icon {
 643         right: 0.5em;
 644         left: auto;
 645         margin-top: -8px;
 646         position: absolute;
 647         top: 50%;
 648 }
 649 .ui-selectmenu-button span.ui-selectmenu-text {
 650         text-align: left;
 651         padding: 0.4em 2.1em 0.4em 1em;
 652         display: block;
 653         line-height: 1.4;
 654         overflow: hidden;
 655         text-overflow: ellipsis;
 656         white-space: nowrap;
 657 }
 658 .ui-slider {
 659         position: relative;
 660         text-align: left;
 661 }
 662 .ui-slider .ui-slider-handle {
 663         position: absolute;
 664         z-index: 2;
 665         width: 1.2em;
 666         height: 1.2em;
 667         cursor: default;
 668         -ms-touch-action: none;
 669         touch-action: none;
 670 }
 671 .ui-slider .ui-slider-range {
 672         position: absolute;
 673         z-index: 1;
 674         font-size: .7em;
 675         display: block;
 676         border: 0;
 677         background-position: 0 0;
 678 }
 679
 680 /* support: IE8 - See #6727 */
 681 .ui-slider.ui-state-disabled .ui-slider-handle,
 682 .ui-slider.ui-state-disabled .ui-slider-range {
 683         filter: inherit;
 684 }
 685
 686 .ui-slider-horizontal {
 687         height: .8em;
 688 }
 689 .ui-slider-horizontal .ui-slider-handle {
 690         top: -.3em;
 691         margin-left: -.6em;
 692 }
 693 .ui-slider-horizontal .ui-slider-range {
 694         top: 0;
 695         height: 100%;
 696 }
 697 .ui-slider-horizontal .ui-slider-range-min {
 698         left: 0;
 699 }
 700 .ui-slider-horizontal .ui-slider-range-max {
 701         right: 0;
 702 }
 703
 704 .ui-slider-vertical {
 705         width: .8em;
 706         height: 100px;
 707 }
 708 .ui-slider-vertical .ui-slider-handle {
 709         left: -.3em;
 710         margin-left: 0;
 711         margin-bottom: -.6em;
 712 }
 713 .ui-slider-vertical .ui-slider-range {
 714         left: 0;
 715         width: 100%;
 716 }
 717 .ui-slider-vertical .ui-slider-range-min {
 718         bottom: 0;
 719 }
 720 .ui-slider-vertical .ui-slider-range-max {
 721         top: 0;
 722 }
 723 .ui-sortable-handle {
 724         -ms-touch-action: none;
 725         touch-action: none;
 726 }
 727 .ui-spinner {
 728         position: relative;
 729         display: inline-block;
 730         overflow: hidden;
 731         padding: 0;
 732         vertical-align: middle;
 733 }
 734 .ui-spinner-input {
 735         border: none;
 736         background: none;
 737         color: inherit;
 738         padding: 0;
 739         margin: .2em 0;
 740         vertical-align: middle;
 741         margin-left: .4em;
 742         margin-right: 22px;
 743 }
 744 .ui-spinner-button {
 745         width: 16px;
 746         height: 50%;
 747         font-size: .5em;
 748         padding: 0;
 749         margin: 0;
 750         text-align: center;
 751         position: absolute;
 752         cursor: default;
 753         display: block;
 754         overflow: hidden;
 755         right: 0;
 756 }
 757 /* more specificity required here to override default borders */
 758 .ui-spinner a.ui-spinner-button {
 759         border-top: none;
 760         border-bottom: none;
 761         border-right: none;
 762 }
 763 /* vertically center icon */
 764 .ui-spinner .ui-icon {
 765         position: absolute;
 766         margin-top: -8px;
 767         top: 50%;
 768         left: 0;
 769 }
 770 .ui-spinner-up {
 771         top: 0;
 772 }
 773 .ui-spinner-down {
 774         bottom: 0;
 775 }
 776
 777 /* TR overrides */
 778 .ui-spinner .ui-icon-triangle-1-s {
 779         /* need to fix icons sprite */
 780         background-position: -65px -16px;
 781 }
 782 .ui-tabs {
 783         position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 784         padding: .2em;
 785 }
 786 .ui-tabs .ui-tabs-nav {
 787         margin: 0;
 788         padding: .2em .2em 0;
 789 }
 790 .ui-tabs .ui-tabs-nav li {
 791         list-style: none;
 792         float: left;
 793         position: relative;
 794         top: 0;
 795         margin: 1px .2em 0 0;
 796         border-bottom-width: 0;
 797         padding: 0;
 798         white-space: nowrap;
 799 }
 800 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
 801         float: left;
 802         padding: .5em 1em;
 803         text-decoration: none;
 804 }
 805 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 806         margin-bottom: -1px;
 807         padding-bottom: 1px;
 808 }
 809 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
 810 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
 811 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
 812         cursor: text;
 813 }
 814 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
 815         cursor: pointer;
 816 }
 817 .ui-tabs .ui-tabs-panel {
 818         display: block;
 819         border-width: 0;
 820         padding: 1em 1.4em;
 821         background: none;
 822 }
 823 .ui-tooltip {
 824         padding: 8px;
 825         position: absolute;
 826         z-index: 9999;
 827         max-width: 300px;
 828         -webkit-box-shadow: 0 0 5px #aaa;
 829         box-shadow: 0 0 5px #aaa;
 830 }
 831 body .ui-tooltip {
 832         border-width: 2px;
 833 }