koha-tmpl/opac-tmpl/bootstrap/lib/jquery/jquery-ui-1.12.1.css

   1 /*! jQuery UI - v1.12.1 - 2019-08-16
   2 * http://jqueryui.com
   3 * Includes: sortable.css, core.css, autocomplete.css, menu.css, datepicker.css, slider.css, tabs.css, tooltip.css, theme.css
   4 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
   5 * Copyright jQuery Foundation and other contributors; Licensed MIT */
   6
   7 .ui-sortable-handle {
   8         -ms-touch-action: none;
   9         touch-action: none;
  10 }
  11 /* Layout helpers
  12 ----------------------------------*/
  13 .ui-helper-hidden {
  14         display: none;
  15 }
  16 .ui-helper-hidden-accessible {
  17         border: 0;
  18         clip: rect(0 0 0 0);
  19         height: 1px;
  20         margin: -1px;
  21         overflow: hidden;
  22         padding: 0;
  23         position: absolute;
  24         width: 1px;
  25 }
  26 .ui-helper-reset {
  27         margin: 0;
  28         padding: 0;
  29         border: 0;
  30         outline: 0;
  31         line-height: 1.3;
  32         text-decoration: none;
  33         font-size: 100%;
  34         list-style: none;
  35 }
  36 .ui-helper-clearfix:before,
  37 .ui-helper-clearfix:after {
  38         content: "";
  39         display: table;
  40         border-collapse: collapse;
  41 }
  42 .ui-helper-clearfix:after {
  43         clear: both;
  44 }
  45 .ui-helper-zfix {
  46         width: 100%;
  47         height: 100%;
  48         top: 0;
  49         left: 0;
  50         position: absolute;
  51         opacity: 0;
  52         filter:Alpha(Opacity=0); /* support: IE8 */
  53 }
  54
  55 .ui-front {
  56         z-index: 100;
  57 }
  58
  59
  60 /* Interaction Cues
  61 ----------------------------------*/
  62 .ui-state-disabled {
  63         cursor: default !important;
  64         pointer-events: none;
  65 }
  66
  67
  68 /* Icons
  69 ----------------------------------*/
  70 .ui-icon {
  71         display: inline-block;
  72         vertical-align: middle;
  73         margin-top: -.25em;
  74         position: relative;
  75         text-indent: -99999px;
  76         overflow: hidden;
  77         background-repeat: no-repeat;
  78 }
  79
  80 .ui-widget-icon-block {
  81         left: 50%;
  82         margin-left: -8px;
  83         display: block;
  84 }
  85
  86 /* Misc visuals
  87 ----------------------------------*/
  88
  89 /* Overlays */
  90 .ui-widget-overlay {
  91         position: fixed;
  92         top: 0;
  93         left: 0;
  94         width: 100%;
  95         height: 100%;
  96 }
  97 .ui-autocomplete {
  98         position: absolute;
  99         top: 0;
 100         left: 0;
 101         cursor: default;
 102 }
 103 .ui-menu {
 104         list-style: none;
 105         padding: 0;
 106         margin: 0;
 107         display: block;
 108         outline: 0;
 109 }
 110 .ui-menu .ui-menu {
 111         position: absolute;
 112 }
 113 .ui-menu .ui-menu-item {
 114         margin: 0;
 115         cursor: pointer;
 116         /* support: IE10, see #8844 */
 117         list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
 118 }
 119 .ui-menu .ui-menu-item-wrapper {
 120         position: relative;
 121         padding: 3px 1em 3px .4em;
 122 }
 123 .ui-menu .ui-menu-divider {
 124         margin: 5px 0;
 125         height: 0;
 126         font-size: 0;
 127         line-height: 0;
 128         border-width: 1px 0 0 0;
 129 }
 130 .ui-menu .ui-state-focus,
 131 .ui-menu .ui-state-active {
 132         margin: -1px;
 133 }
 134
 135 /* icon support */
 136 .ui-menu-icons {
 137         position: relative;
 138 }
 139 .ui-menu-icons .ui-menu-item-wrapper {
 140         padding-left: 2em;
 141 }
 142
 143 /* left-aligned */
 144 .ui-menu .ui-icon {
 145         position: absolute;
 146         top: 0;
 147         bottom: 0;
 148         left: .2em;
 149         margin: auto 0;
 150 }
 151
 152 /* right-aligned */
 153 .ui-menu .ui-menu-icon {
 154         left: auto;
 155         right: 0;
 156 }
 157 .ui-datepicker {
 158         width: 17em;
 159         padding: .2em .2em 0;
 160         display: none;
 161 }
 162 .ui-datepicker .ui-datepicker-header {
 163         position: relative;
 164         padding: .2em 0;
 165 }
 166 .ui-datepicker .ui-datepicker-prev,
 167 .ui-datepicker .ui-datepicker-next {
 168         position: absolute;
 169         top: 2px;
 170         width: 1.8em;
 171         height: 1.8em;
 172 }
 173 .ui-datepicker .ui-datepicker-prev-hover,
 174 .ui-datepicker .ui-datepicker-next-hover {
 175         top: 1px;
 176 }
 177 .ui-datepicker .ui-datepicker-prev {
 178         left: 2px;
 179 }
 180 .ui-datepicker .ui-datepicker-next {
 181         right: 2px;
 182 }
 183 .ui-datepicker .ui-datepicker-prev-hover {
 184         left: 1px;
 185 }
 186 .ui-datepicker .ui-datepicker-next-hover {
 187         right: 1px;
 188 }
 189 .ui-datepicker .ui-datepicker-prev span,
 190 .ui-datepicker .ui-datepicker-next span {
 191         display: block;
 192         position: absolute;
 193         left: 50%;
 194         margin-left: -8px;
 195         top: 50%;
 196         margin-top: -8px;
 197 }
 198 .ui-datepicker .ui-datepicker-title {
 199         margin: 0 2.3em;
 200         line-height: 1.8em;
 201         text-align: center;
 202 }
 203 .ui-datepicker .ui-datepicker-title select {
 204         font-size: 1em;
 205         margin: 1px 0;
 206 }
 207 .ui-datepicker select.ui-datepicker-month,
 208 .ui-datepicker select.ui-datepicker-year {
 209         width: 45%;
 210 }
 211 .ui-datepicker table {
 212         width: 100%;
 213         font-size: .9em;
 214         border-collapse: collapse;
 215         margin: 0 0 .4em;
 216 }
 217 .ui-datepicker th {
 218         padding: .7em .3em;
 219         text-align: center;
 220         font-weight: bold;
 221         border: 0;
 222 }
 223 .ui-datepicker td {
 224         border: 0;
 225         padding: 1px;
 226 }
 227 .ui-datepicker td span,
 228 .ui-datepicker td a {
 229         display: block;
 230         padding: .2em;
 231         text-align: right;
 232         text-decoration: none;
 233 }
 234 .ui-datepicker .ui-datepicker-buttonpane {
 235         background-image: none;
 236         margin: .7em 0 0 0;
 237         padding: 0 .2em;
 238         border-left: 0;
 239         border-right: 0;
 240         border-bottom: 0;
 241 }
 242 .ui-datepicker .ui-datepicker-buttonpane button {
 243         float: right;
 244         margin: .5em .2em .4em;
 245         cursor: pointer;
 246         padding: .2em .6em .3em .6em;
 247         width: auto;
 248         overflow: visible;
 249 }
 250 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 251         float: left;
 252 }
 253
 254 /* with multiple calendars */
 255 .ui-datepicker.ui-datepicker-multi {
 256         width: auto;
 257 }
 258 .ui-datepicker-multi .ui-datepicker-group {
 259         float: left;
 260 }
 261 .ui-datepicker-multi .ui-datepicker-group table {
 262         width: 95%;
 263         margin: 0 auto .4em;
 264 }
 265 .ui-datepicker-multi-2 .ui-datepicker-group {
 266         width: 50%;
 267 }
 268 .ui-datepicker-multi-3 .ui-datepicker-group {
 269         width: 33.3%;
 270 }
 271 .ui-datepicker-multi-4 .ui-datepicker-group {
 272         width: 25%;
 273 }
 274 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 275 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 276         border-left-width: 0;
 277 }
 278 .ui-datepicker-multi .ui-datepicker-buttonpane {
 279         clear: left;
 280 }
 281 .ui-datepicker-row-break {
 282         clear: both;
 283         width: 100%;
 284         font-size: 0;
 285 }
 286
 287 /* RTL support */
 288 .ui-datepicker-rtl {
 289         direction: rtl;
 290 }
 291 .ui-datepicker-rtl .ui-datepicker-prev {
 292         right: 2px;
 293         left: auto;
 294 }
 295 .ui-datepicker-rtl .ui-datepicker-next {
 296         left: 2px;
 297         right: auto;
 298 }
 299 .ui-datepicker-rtl .ui-datepicker-prev:hover {
 300         right: 1px;
 301         left: auto;
 302 }
 303 .ui-datepicker-rtl .ui-datepicker-next:hover {
 304         left: 1px;
 305         right: auto;
 306 }
 307 .ui-datepicker-rtl .ui-datepicker-buttonpane {
 308         clear: right;
 309 }
 310 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
 311         float: left;
 312 }
 313 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 314 .ui-datepicker-rtl .ui-datepicker-group {
 315         float: right;
 316 }
 317 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 318 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 319         border-right-width: 0;
 320         border-left-width: 1px;
 321 }
 322
 323 /* Icons */
 324 .ui-datepicker .ui-icon {
 325         display: block;
 326         text-indent: -99999px;
 327         overflow: hidden;
 328         background-repeat: no-repeat;
 329         left: .5em;
 330         top: .3em;
 331 }
 332 .ui-slider {
 333         position: relative;
 334         text-align: left;
 335 }
 336 .ui-slider .ui-slider-handle {
 337         position: absolute;
 338         z-index: 2;
 339         width: 1.2em;
 340         height: 1.2em;
 341         cursor: default;
 342         -ms-touch-action: none;
 343         touch-action: none;
 344 }
 345 .ui-slider .ui-slider-range {
 346         position: absolute;
 347         z-index: 1;
 348         font-size: .7em;
 349         display: block;
 350         border: 0;
 351         background-position: 0 0;
 352 }
 353
 354 /* support: IE8 - See #6727 */
 355 .ui-slider.ui-state-disabled .ui-slider-handle,
 356 .ui-slider.ui-state-disabled .ui-slider-range {
 357         filter: inherit;
 358 }
 359
 360 .ui-slider-horizontal {
 361         height: .8em;
 362 }
 363 .ui-slider-horizontal .ui-slider-handle {
 364         top: -.3em;
 365         margin-left: -.6em;
 366 }
 367 .ui-slider-horizontal .ui-slider-range {
 368         top: 0;
 369         height: 100%;
 370 }
 371 .ui-slider-horizontal .ui-slider-range-min {
 372         left: 0;
 373 }
 374 .ui-slider-horizontal .ui-slider-range-max {
 375         right: 0;
 376 }
 377
 378 .ui-slider-vertical {
 379         width: .8em;
 380         height: 100px;
 381 }
 382 .ui-slider-vertical .ui-slider-handle {
 383         left: -.3em;
 384         margin-left: 0;
 385         margin-bottom: -.6em;
 386 }
 387 .ui-slider-vertical .ui-slider-range {
 388         left: 0;
 389         width: 100%;
 390 }
 391 .ui-slider-vertical .ui-slider-range-min {
 392         bottom: 0;
 393 }
 394 .ui-slider-vertical .ui-slider-range-max {
 395         top: 0;
 396 }
 397 .ui-tabs {
 398         position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 399         padding: .2em;
 400 }
 401 .ui-tabs .ui-tabs-nav {
 402         margin: 0;
 403         padding: .2em .2em 0;
 404 }
 405 .ui-tabs .ui-tabs-nav li {
 406         list-style: none;
 407         float: left;
 408         position: relative;
 409         top: 0;
 410         margin: 1px .2em 0 0;
 411         border-bottom-width: 0;
 412         padding: 0;
 413         white-space: nowrap;
 414 }
 415 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
 416         float: left;
 417         padding: .5em 1em;
 418         text-decoration: none;
 419 }
 420 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 421         margin-bottom: -1px;
 422         padding-bottom: 1px;
 423 }
 424 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
 425 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
 426 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
 427         cursor: text;
 428 }
 429 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
 430         cursor: pointer;
 431 }
 432 .ui-tabs .ui-tabs-panel {
 433         display: block;
 434         border-width: 0;
 435         padding: 1em 1.4em;
 436         background: none;
 437 }
 438 .ui-tooltip {
 439         padding: 8px;
 440         position: absolute;
 441         z-index: 9999;
 442         max-width: 300px;
 443 }
 444 body .ui-tooltip {
 445         border-width: 2px;
 446 }
 447
 448 /* Component containers
 449 ----------------------------------*/
 450 .ui-widget {
 451         font-family: Verdana,Arial,sans-serif;
 452         font-size: 1.1em;
 453 }
 454 .ui-widget .ui-widget {
 455         font-size: 1em;
 456 }
 457 .ui-widget input,
 458 .ui-widget select,
 459 .ui-widget textarea,
 460 .ui-widget button {
 461         font-family: Verdana,Arial,sans-serif;
 462         font-size: 1em;
 463 }
 464 .ui-widget.ui-widget-content {
 465         border: 1px solid #d3d3d3;
 466 }
 467 .ui-widget-content {
 468         border: 1px solid #aaaaaa;
 469         background: #ffffff;
 470         color: #222222;
 471 }
 472 .ui-widget-content a {
 473         color: #222222;
 474 }
 475 .ui-widget-header {
 476         border: 1px solid #aaaaaa;
 477         background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
 478         color: #222222;
 479         font-weight: bold;
 480 }
 481 .ui-widget-header a {
 482         color: #222222;
 483 }
 484
 485 /* Interaction states
 486 ----------------------------------*/
 487 .ui-state-default,
 488 .ui-widget-content .ui-state-default,
 489 .ui-widget-header .ui-state-default,
 490 .ui-button,
 491
 492 /* We use html here because we need a greater specificity to make sure disabled
 493 works properly when clicked or hovered */
 494 html .ui-button.ui-state-disabled:hover,
 495 html .ui-button.ui-state-disabled:active {
 496         border: 1px solid #d3d3d3;
 497         background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
 498         font-weight: normal;
 499         color: #555555;
 500 }
 501 .ui-state-default a,
 502 .ui-state-default a:link,
 503 .ui-state-default a:visited,
 504 a.ui-button,
 505 a:link.ui-button,
 506 a:visited.ui-button,
 507 .ui-button {
 508         color: #555555;
 509         text-decoration: none;
 510 }
 511 .ui-state-hover,
 512 .ui-widget-content .ui-state-hover,
 513 .ui-widget-header .ui-state-hover,
 514 .ui-state-focus,
 515 .ui-widget-content .ui-state-focus,
 516 .ui-widget-header .ui-state-focus,
 517 .ui-button:hover,
 518 .ui-button:focus {
 519         border: 1px solid #999999;
 520         background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
 521         font-weight: normal;
 522         color: #212121;
 523 }
 524 .ui-state-hover a,
 525 .ui-state-hover a:hover,
 526 .ui-state-hover a:link,
 527 .ui-state-hover a:visited,
 528 .ui-state-focus a,
 529 .ui-state-focus a:hover,
 530 .ui-state-focus a:link,
 531 .ui-state-focus a:visited,
 532 a.ui-button:hover,
 533 a.ui-button:focus {
 534         color: #212121;
 535         text-decoration: none;
 536 }
 537
 538 .ui-visual-focus {
 539         box-shadow: 0 0 3px 1px rgb(94, 158, 214);
 540 }
 541 .ui-state-active,
 542 .ui-widget-content .ui-state-active,
 543 .ui-widget-header .ui-state-active,
 544 a.ui-button:active,
 545 .ui-button:active,
 546 .ui-button.ui-state-active:hover {
 547         border: 1px solid #aaaaaa;
 548         background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
 549         font-weight: normal;
 550         color: #212121;
 551 }
 552 .ui-icon-background,
 553 .ui-state-active .ui-icon-background {
 554         border: #aaaaaa;
 555         background-color: #212121;
 556 }
 557 .ui-state-active a,
 558 .ui-state-active a:link,
 559 .ui-state-active a:visited {
 560         color: #212121;
 561         text-decoration: none;
 562 }
 563
 564 /* Interaction Cues
 565 ----------------------------------*/
 566 .ui-state-highlight,
 567 .ui-widget-content .ui-state-highlight,
 568 .ui-widget-header .ui-state-highlight {
 569         border: 1px solid #fcefa1;
 570         background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
 571         color: #363636;
 572 }
 573 .ui-state-checked {
 574         border: 1px solid #fcefa1;
 575         background: #fbf9ee;
 576 }
 577 .ui-state-highlight a,
 578 .ui-widget-content .ui-state-highlight a,
 579 .ui-widget-header .ui-state-highlight a {
 580         color: #363636;
 581 }
 582 .ui-state-error,
 583 .ui-widget-content .ui-state-error,
 584 .ui-widget-header .ui-state-error {
 585         border: 1px solid #cd0a0a;
 586         background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
 587         color: #cd0a0a;
 588 }
 589 .ui-state-error a,
 590 .ui-widget-content .ui-state-error a,
 591 .ui-widget-header .ui-state-error a {
 592         color: #cd0a0a;
 593 }
 594 .ui-state-error-text,
 595 .ui-widget-content .ui-state-error-text,
 596 .ui-widget-header .ui-state-error-text {
 597         color: #cd0a0a;
 598 }
 599 .ui-priority-primary,
 600 .ui-widget-content .ui-priority-primary,
 601 .ui-widget-header .ui-priority-primary {
 602         font-weight: bold;
 603 }
 604 .ui-priority-secondary,
 605 .ui-widget-content .ui-priority-secondary,
 606 .ui-widget-header .ui-priority-secondary {
 607         opacity: .7;
 608         filter:Alpha(Opacity=70); /* support: IE8 */
 609         font-weight: normal;
 610 }
 611 .ui-state-disabled,
 612 .ui-widget-content .ui-state-disabled,
 613 .ui-widget-header .ui-state-disabled {
 614         opacity: .35;
 615         filter:Alpha(Opacity=35); /* support: IE8 */
 616         background-image: none;
 617 }
 618 .ui-state-disabled .ui-icon {
 619         filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
 620 }
 621
 622 /* Icons
 623 ----------------------------------*/
 624
 625 /* states and images */
 626 .ui-icon {
 627         width: 16px;
 628         height: 16px;
 629 }
 630 .ui-icon,
 631 .ui-widget-content .ui-icon {
 632         background-image: url("images/ui-icons_222222_256x240.png");
 633 }
 634 .ui-widget-header .ui-icon {
 635         background-image: url("images/ui-icons_222222_256x240.png");
 636 }
 637 .ui-state-hover .ui-icon,
 638 .ui-state-focus .ui-icon,
 639 .ui-button:hover .ui-icon,
 640 .ui-button:focus .ui-icon {
 641         background-image: url("images/ui-icons_454545_256x240.png");
 642 }
 643 .ui-state-active .ui-icon,
 644 .ui-button:active .ui-icon {
 645         background-image: url("images/ui-icons_454545_256x240.png");
 646 }
 647 .ui-state-highlight .ui-icon,
 648 .ui-button .ui-state-highlight.ui-icon {
 649         background-image: url("images/ui-icons_2e83ff_256x240.png");
 650 }
 651 .ui-state-error .ui-icon,
 652 .ui-state-error-text .ui-icon {
 653         background-image: url("images/ui-icons_cd0a0a_256x240.png");
 654 }
 655 .ui-button .ui-icon {
 656         background-image: url("images/ui-icons_888888_256x240.png");
 657 }
 658
 659 /* positioning */
 660 .ui-icon-blank { background-position: 16px 16px; }
 661 .ui-icon-caret-1-n { background-position: 0 0; }
 662 .ui-icon-caret-1-ne { background-position: -16px 0; }
 663 .ui-icon-caret-1-e { background-position: -32px 0; }
 664 .ui-icon-caret-1-se { background-position: -48px 0; }
 665 .ui-icon-caret-1-s { background-position: -65px 0; }
 666 .ui-icon-caret-1-sw { background-position: -80px 0; }
 667 .ui-icon-caret-1-w { background-position: -96px 0; }
 668 .ui-icon-caret-1-nw { background-position: -112px 0; }
 669 .ui-icon-caret-2-n-s { background-position: -128px 0; }
 670 .ui-icon-caret-2-e-w { background-position: -144px 0; }
 671 .ui-icon-triangle-1-n { background-position: 0 -16px; }
 672 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
 673 .ui-icon-triangle-1-e { background-position: -32px -16px; }
 674 .ui-icon-triangle-1-se { background-position: -48px -16px; }
 675 .ui-icon-triangle-1-s { background-position: -65px -16px; }
 676 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
 677 .ui-icon-triangle-1-w { background-position: -96px -16px; }
 678 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
 679 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
 680 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
 681 .ui-icon-arrow-1-n { background-position: 0 -32px; }
 682 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
 683 .ui-icon-arrow-1-e { background-position: -32px -32px; }
 684 .ui-icon-arrow-1-se { background-position: -48px -32px; }
 685 .ui-icon-arrow-1-s { background-position: -65px -32px; }
 686 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
 687 .ui-icon-arrow-1-w { background-position: -96px -32px; }
 688 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
 689 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
 690 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
 691 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
 692 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
 693 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
 694 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
 695 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
 696 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
 697 .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
 698 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
 699 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
 700 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
 701 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
 702 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
 703 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
 704 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
 705 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
 706 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
 707 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
 708 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
 709 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
 710 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
 711 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
 712 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
 713 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
 714 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
 715 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
 716 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
 717 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
 718 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
 719 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
 720 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
 721 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
 722 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
 723 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
 724 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
 725 .ui-icon-arrow-4 { background-position: 0 -80px; }
 726 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
 727 .ui-icon-extlink { background-position: -32px -80px; }
 728 .ui-icon-newwin { background-position: -48px -80px; }
 729 .ui-icon-refresh { background-position: -64px -80px; }
 730 .ui-icon-shuffle { background-position: -80px -80px; }
 731 .ui-icon-transfer-e-w { background-position: -96px -80px; }
 732 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
 733 .ui-icon-folder-collapsed { background-position: 0 -96px; }
 734 .ui-icon-folder-open { background-position: -16px -96px; }
 735 .ui-icon-document { background-position: -32px -96px; }
 736 .ui-icon-document-b { background-position: -48px -96px; }
 737 .ui-icon-note { background-position: -64px -96px; }
 738 .ui-icon-mail-closed { background-position: -80px -96px; }
 739 .ui-icon-mail-open { background-position: -96px -96px; }
 740 .ui-icon-suitcase { background-position: -112px -96px; }
 741 .ui-icon-comment { background-position: -128px -96px; }
 742 .ui-icon-person { background-position: -144px -96px; }
 743 .ui-icon-print { background-position: -160px -96px; }
 744 .ui-icon-trash { background-position: -176px -96px; }
 745 .ui-icon-locked { background-position: -192px -96px; }
 746 .ui-icon-unlocked { background-position: -208px -96px; }
 747 .ui-icon-bookmark { background-position: -224px -96px; }
 748 .ui-icon-tag { background-position: -240px -96px; }
 749 .ui-icon-home { background-position: 0 -112px; }
 750 .ui-icon-flag { background-position: -16px -112px; }
 751 .ui-icon-calendar { background-position: -32px -112px; }
 752 .ui-icon-cart { background-position: -48px -112px; }
 753 .ui-icon-pencil { background-position: -64px -112px; }
 754 .ui-icon-clock { background-position: -80px -112px; }
 755 .ui-icon-disk { background-position: -96px -112px; }
 756 .ui-icon-calculator { background-position: -112px -112px; }
 757 .ui-icon-zoomin { background-position: -128px -112px; }
 758 .ui-icon-zoomout { background-position: -144px -112px; }
 759 .ui-icon-search { background-position: -160px -112px; }
 760 .ui-icon-wrench { background-position: -176px -112px; }
 761 .ui-icon-gear { background-position: -192px -112px; }
 762 .ui-icon-heart { background-position: -208px -112px; }
 763 .ui-icon-star { background-position: -224px -112px; }
 764 .ui-icon-link { background-position: -240px -112px; }
 765 .ui-icon-cancel { background-position: 0 -128px; }
 766 .ui-icon-plus { background-position: -16px -128px; }
 767 .ui-icon-plusthick { background-position: -32px -128px; }
 768 .ui-icon-minus { background-position: -48px -128px; }
 769 .ui-icon-minusthick { background-position: -64px -128px; }
 770 .ui-icon-close { background-position: -80px -128px; }
 771 .ui-icon-closethick { background-position: -96px -128px; }
 772 .ui-icon-key { background-position: -112px -128px; }
 773 .ui-icon-lightbulb { background-position: -128px -128px; }
 774 .ui-icon-scissors { background-position: -144px -128px; }
 775 .ui-icon-clipboard { background-position: -160px -128px; }
 776 .ui-icon-copy { background-position: -176px -128px; }
 777 .ui-icon-contact { background-position: -192px -128px; }
 778 .ui-icon-image { background-position: -208px -128px; }
 779 .ui-icon-video { background-position: -224px -128px; }
 780 .ui-icon-script { background-position: -240px -128px; }
 781 .ui-icon-alert { background-position: 0 -144px; }
 782 .ui-icon-info { background-position: -16px -144px; }
 783 .ui-icon-notice { background-position: -32px -144px; }
 784 .ui-icon-help { background-position: -48px -144px; }
 785 .ui-icon-check { background-position: -64px -144px; }
 786 .ui-icon-bullet { background-position: -80px -144px; }
 787 .ui-icon-radio-on { background-position: -96px -144px; }
 788 .ui-icon-radio-off { background-position: -112px -144px; }
 789 .ui-icon-pin-w { background-position: -128px -144px; }
 790 .ui-icon-pin-s { background-position: -144px -144px; }
 791 .ui-icon-play { background-position: 0 -160px; }
 792 .ui-icon-pause { background-position: -16px -160px; }
 793 .ui-icon-seek-next { background-position: -32px -160px; }
 794 .ui-icon-seek-prev { background-position: -48px -160px; }
 795 .ui-icon-seek-end { background-position: -64px -160px; }
 796 .ui-icon-seek-start { background-position: -80px -160px; }
 797 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
 798 .ui-icon-seek-first { background-position: -80px -160px; }
 799 .ui-icon-stop { background-position: -96px -160px; }
 800 .ui-icon-eject { background-position: -112px -160px; }
 801 .ui-icon-volume-off { background-position: -128px -160px; }
 802 .ui-icon-volume-on { background-position: -144px -160px; }
 803 .ui-icon-power { background-position: 0 -176px; }
 804 .ui-icon-signal-diag { background-position: -16px -176px; }
 805 .ui-icon-signal { background-position: -32px -176px; }
 806 .ui-icon-battery-0 { background-position: -48px -176px; }
 807 .ui-icon-battery-1 { background-position: -64px -176px; }
 808 .ui-icon-battery-2 { background-position: -80px -176px; }
 809 .ui-icon-battery-3 { background-position: -96px -176px; }
 810 .ui-icon-circle-plus { background-position: 0 -192px; }
 811 .ui-icon-circle-minus { background-position: -16px -192px; }
 812 .ui-icon-circle-close { background-position: -32px -192px; }
 813 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
 814 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
 815 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
 816 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
 817 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
 818 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
 819 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
 820 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
 821 .ui-icon-circle-zoomin { background-position: -176px -192px; }
 822 .ui-icon-circle-zoomout { background-position: -192px -192px; }
 823 .ui-icon-circle-check { background-position: -208px -192px; }
 824 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
 825 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
 826 .ui-icon-circlesmall-close { background-position: -32px -208px; }
 827 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
 828 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
 829 .ui-icon-squaresmall-close { background-position: -80px -208px; }
 830 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
 831 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
 832 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
 833 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
 834 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
 835 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
 836
 837
 838 /* Misc visuals
 839 ----------------------------------*/
 840
 841 /* Corner radius */
 842 .ui-corner-all,
 843 .ui-corner-top,
 844 .ui-corner-left,
 845 .ui-corner-tl {
 846         border-top-left-radius: 4px;
 847 }
 848 .ui-corner-all,
 849 .ui-corner-top,
 850 .ui-corner-right,
 851 .ui-corner-tr {
 852         border-top-right-radius: 4px;
 853 }
 854 .ui-corner-all,
 855 .ui-corner-bottom,
 856 .ui-corner-left,
 857 .ui-corner-bl {
 858         border-bottom-left-radius: 4px;
 859 }
 860 .ui-corner-all,
 861 .ui-corner-bottom,
 862 .ui-corner-right,
 863 .ui-corner-br {
 864         border-bottom-right-radius: 4px;
 865 }
 866
 867 /* Overlays */
 868 .ui-widget-overlay {
 869         background: #aaaaaa;
 870         opacity: .3;
 871         filter: Alpha(Opacity=30); /* support: IE8 */
 872 }
 873 .ui-widget-shadow {
 874         -webkit-box-shadow: -8px -8px 8px #aaaaaa;
 875         box-shadow: -8px -8px 8px #aaaaaa;
 876 }