static/css/jquery-ricebase-theme/jquery-ui.css

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