1/*! jQuery UI - v1.11.0 - 2014-06-26 2* http://jqueryui.com 3* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.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=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&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-accordion .ui-accordion-header { 90 display: block; 91 cursor: pointer; 92 position: relative; 93 margin: 2px 0 0 0; 94 padding: .5em .5em .5em .7em; 95 min-height: 0; /* support: IE7 */ 96 font-size: 100%; 97} 98.ui-accordion .ui-accordion-icons { 99 padding-left: 2.2em; 100} 101.ui-accordion .ui-accordion-icons .ui-accordion-icons { 102 padding-left: 2.2em; 103} 104.ui-accordion .ui-accordion-header .ui-accordion-header-icon { 105 position: absolute; 106 left: .5em; 107 top: 50%; 108 margin-top: -8px; 109} 110.ui-accordion .ui-accordion-content { 111 padding: 1em 2.2em; 112 border-top: 0; 113 overflow: auto; 114} 115.ui-autocomplete { 116 position: absolute; 117 top: 0; 118 left: 0; 119 cursor: default; 120} 121.ui-button { 122 display: inline-block; 123 position: relative; 124 padding: 0; 125 line-height: normal; 126 margin-right: .1em; 127 cursor: pointer; 128 vertical-align: middle; 129 text-align: center; 130 overflow: visible; /* removes extra width in IE */ 131} 132.ui-button, 133.ui-button:link, 134.ui-button:visited, 135.ui-button:hover, 136.ui-button:active { 137 text-decoration: none; 138} 139/* to make room for the icon, a width needs to be set here */ 140.ui-button-icon-only { 141 width: 2.2em; 142} 143/* button elements seem to need a little more width */ 144button.ui-button-icon-only { 145 width: 2.4em; 146} 147.ui-button-icons-only { 148 width: 3.4em; 149} 150button.ui-button-icons-only { 151 width: 3.7em; 152} 153 154/* button text element */ 155.ui-button .ui-button-text { 156 display: block; 157 line-height: normal; 158} 159.ui-button-text-only .ui-button-text { 160 padding: .4em 1em; 161} 162.ui-button-icon-only .ui-button-text, 163.ui-button-icons-only .ui-button-text { 164 padding: .4em; 165 text-indent: -9999999px; 166} 167.ui-button-text-icon-primary .ui-button-text, 168.ui-button-text-icons .ui-button-text { 169 padding: .4em 1em .4em 2.1em; 170} 171.ui-button-text-icon-secondary .ui-button-text, 172.ui-button-text-icons .ui-button-text { 173 padding: .4em 2.1em .4em 1em; 174} 175.ui-button-text-icons .ui-button-text { 176 padding-left: 2.1em; 177 padding-right: 2.1em; 178} 179/* no icon support for input elements, provide padding by default */ 180input.ui-button { 181 padding: .4em 1em; 182} 183 184/* button icon element(s) */ 185.ui-button-icon-only .ui-icon, 186.ui-button-text-icon-primary .ui-icon, 187.ui-button-text-icon-secondary .ui-icon, 188.ui-button-text-icons .ui-icon, 189.ui-button-icons-only .ui-icon { 190 position: absolute; 191 top: 50%; 192 margin-top: -8px; 193} 194.ui-button-icon-only .ui-icon { 195 left: 50%; 196 margin-left: -8px; 197} 198.ui-button-text-icon-primary .ui-button-icon-primary, 199.ui-button-text-icons .ui-button-icon-primary, 200.ui-button-icons-only .ui-button-icon-primary { 201 left: .5em; 202} 203.ui-button-text-icon-secondary .ui-button-icon-secondary, 204.ui-button-text-icons .ui-button-icon-secondary, 205.ui-button-icons-only .ui-button-icon-secondary { 206 right: .5em; 207} 208 209/* button sets */ 210.ui-buttonset { 211 margin-right: 7px; 212} 213.ui-buttonset .ui-button { 214 margin-left: 0; 215 margin-right: -.3em; 216} 217 218/* workarounds */ 219/* reset extra padding in Firefox, see h5bp.com/l */ 220input.ui-button::-moz-focus-inner, 221button.ui-button::-moz-focus-inner { 222 border: 0; 223 padding: 0; 224} 225.ui-datepicker { 226 width: 17em; 227 padding: .2em .2em 0; 228 display: none; 229} 230.ui-datepicker .ui-datepicker-header { 231 position: relative; 232 padding: .2em 0; 233} 234.ui-datepicker .ui-datepicker-prev, 235.ui-datepicker .ui-datepicker-next { 236 position: absolute; 237 top: 2px; 238 width: 1.8em; 239 height: 1.8em; 240} 241.ui-datepicker .ui-datepicker-prev-hover, 242.ui-datepicker .ui-datepicker-next-hover { 243 top: 1px; 244} 245.ui-datepicker .ui-datepicker-prev { 246 left: 2px; 247} 248.ui-datepicker .ui-datepicker-next { 249 right: 2px; 250} 251.ui-datepicker .ui-datepicker-prev-hover { 252 left: 1px; 253} 254.ui-datepicker .ui-datepicker-next-hover { 255 right: 1px; 256} 257.ui-datepicker .ui-datepicker-prev span, 258.ui-datepicker .ui-datepicker-next span { 259 display: block; 260 position: absolute; 261 left: 50%; 262 margin-left: -8px; 263 top: 50%; 264 margin-top: -8px; 265} 266.ui-datepicker .ui-datepicker-title { 267 margin: 0 2.3em; 268 line-height: 1.8em; 269 text-align: center; 270} 271.ui-datepicker .ui-datepicker-title select { 272 font-size: 1em; 273 margin: 1px 0; 274} 275.ui-datepicker select.ui-datepicker-month, 276.ui-datepicker select.ui-datepicker-year { 277 width: 49%; 278} 279.ui-datepicker table { 280 width: 100%; 281 font-size: .9em; 282 border-collapse: collapse; 283 margin: 0 0 .4em; 284} 285.ui-datepicker th { 286 padding: .7em .3em; 287 text-align: center; 288 font-weight: bold; 289 border: 0; 290} 291.ui-datepicker td { 292 border: 0; 293 padding: 1px; 294} 295.ui-datepicker td span, 296.ui-datepicker td a { 297 display: block; 298 padding: .2em; 299 text-align: right; 300 text-decoration: none; 301} 302.ui-datepicker .ui-datepicker-buttonpane { 303 background-image: none; 304 margin: .7em 0 0 0; 305 padding: 0 .2em; 306 border-left: 0; 307 border-right: 0; 308 border-bottom: 0; 309} 310.ui-datepicker .ui-datepicker-buttonpane button { 311 float: right; 312 margin: .5em .2em .4em; 313 cursor: pointer; 314 padding: .2em .6em .3em .6em; 315 width: auto; 316 overflow: visible; 317} 318.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 319 float: left; 320} 321 322/* with multiple calendars */ 323.ui-datepicker.ui-datepicker-multi { 324 width: auto; 325} 326.ui-datepicker-multi .ui-datepicker-group { 327 float: left; 328} 329.ui-datepicker-multi .ui-datepicker-group table { 330 width: 95%; 331 margin: 0 auto .4em; 332} 333.ui-datepicker-multi-2 .ui-datepicker-group { 334 width: 50%; 335} 336.ui-datepicker-multi-3 .ui-datepicker-group { 337 width: 33.3%; 338} 339.ui-datepicker-multi-4 .ui-datepicker-group { 340 width: 25%; 341} 342.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 343.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 344 border-left-width: 0; 345} 346.ui-datepicker-multi .ui-datepicker-buttonpane { 347 clear: left; 348} 349.ui-datepicker-row-break { 350 clear: both; 351 width: 100%; 352 font-size: 0; 353} 354 355/* RTL support */ 356.ui-datepicker-rtl { 357 direction: rtl; 358} 359.ui-datepicker-rtl .ui-datepicker-prev { 360 right: 2px; 361 left: auto; 362} 363.ui-datepicker-rtl .ui-datepicker-next { 364 left: 2px; 365 right: auto; 366} 367.ui-datepicker-rtl .ui-datepicker-prev:hover { 368 right: 1px; 369 left: auto; 370} 371.ui-datepicker-rtl .ui-datepicker-next:hover { 372 left: 1px; 373 right: auto; 374} 375.ui-datepicker-rtl .ui-datepicker-buttonpane { 376 clear: right; 377} 378.ui-datepicker-rtl .ui-datepicker-buttonpane button { 379 float: left; 380} 381.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 382.ui-datepicker-rtl .ui-datepicker-group { 383 float: right; 384} 385.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 386.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 387 border-right-width: 0; 388 border-left-width: 1px; 389} 390.ui-dialog { 391 overflow: hidden; 392 position: absolute; 393 top: 0; 394 left: 0; 395 padding: .2em; 396 outline: 0; 397} 398.ui-dialog .ui-dialog-titlebar { 399 padding: .4em 1em; 400 position: relative; 401} 402.ui-dialog .ui-dialog-title { 403 float: left; 404 margin: .1em 0; 405 white-space: nowrap; 406 width: 90%; 407 overflow: hidden; 408 text-overflow: ellipsis; 409} 410.ui-dialog .ui-dialog-titlebar-close { 411 position: absolute; 412 right: .3em; 413 top: 50%; 414 width: 20px; 415 margin: -10px 0 0 0; 416 padding: 1px; 417 height: 20px; 418} 419.ui-dialog .ui-dialog-content { 420 position: relative; 421 border: 0; 422 padding: .5em 1em; 423 background: none; 424 overflow: auto; 425} 426.ui-dialog .ui-dialog-buttonpane { 427 text-align: left; 428 border-width: 1px 0 0 0; 429 background-image: none; 430 margin-top: .5em; 431 padding: .3em 1em .5em .4em; 432} 433.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 434 float: right; 435} 436.ui-dialog .ui-dialog-buttonpane button { 437 margin: .5em .4em .5em 0; 438 cursor: pointer; 439} 440.ui-dialog .ui-resizable-se { 441 width: 12px; 442 height: 12px; 443 right: -5px; 444 bottom: -5px; 445 background-position: 16px 16px; 446} 447.ui-draggable .ui-dialog-titlebar { 448 cursor: move; 449} 450.ui-draggable-handle { 451 -ms-touch-action: none; 452 touch-action: none; 453} 454.ui-menu { 455 list-style: none; 456 padding: 0; 457 margin: 0; 458 display: block; 459 outline: none; 460} 461.ui-menu .ui-menu { 462 position: absolute; 463} 464.ui-menu .ui-menu-item { 465 position: relative; 466 margin: 0; 467 padding: 3px 1em 3px .4em; 468 cursor: pointer; 469 min-height: 0; /* support: IE7 */ 470 /* support: IE10, see #8844 */ 471 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 472} 473.ui-menu .ui-menu-divider { 474 margin: 5px 0; 475 height: 0; 476 font-size: 0; 477 line-height: 0; 478 border-width: 1px 0 0 0; 479} 480.ui-menu .ui-state-focus, 481.ui-menu .ui-state-active { 482 margin: -1px; 483} 484 485/* icon support */ 486.ui-menu-icons { 487 position: relative; 488} 489.ui-menu-icons .ui-menu-item { 490 padding-left: 2em; 491} 492 493/* left-aligned */ 494.ui-menu .ui-icon { 495 position: absolute; 496 top: 0; 497 bottom: 0; 498 left: .2em; 499 margin: auto 0; 500} 501 502/* right-aligned */ 503.ui-menu .ui-menu-icon { 504 left: auto; 505 right: 0; 506} 507.ui-progressbar { 508 height: 2em; 509 text-align: left; 510 overflow: hidden; 511} 512.ui-progressbar .ui-progressbar-value { 513 margin: -1px; 514 height: 100%; 515} 516.ui-progressbar .ui-progressbar-overlay { 517 background: url("images/animated-overlay.gif"); 518 height: 100%; 519 filter: alpha(opacity=25); 520 opacity: 0.25; 521} 522.ui-progressbar-indeterminate .ui-progressbar-value { 523 background-image: none; 524} 525.ui-resizable { 526 position: relative; 527} 528.ui-resizable-handle { 529 position: absolute; 530 font-size: 0.1px; 531 display: block; 532 -ms-touch-action: none; 533 touch-action: none; 534} 535.ui-resizable-disabled .ui-resizable-handle, 536.ui-resizable-autohide .ui-resizable-handle { 537 display: none; 538} 539.ui-resizable-n { 540 cursor: n-resize; 541 height: 7px; 542 width: 100%; 543 top: -5px; 544 left: 0; 545} 546.ui-resizable-s { 547 cursor: s-resize; 548 height: 7px; 549 width: 100%; 550 bottom: -5px; 551 left: 0; 552} 553.ui-resizable-e { 554 cursor: e-resize; 555 width: 7px; 556 right: -5px; 557 top: 0; 558 height: 100%; 559} 560.ui-resizable-w { 561 cursor: w-resize; 562 width: 7px; 563 left: -5px; 564 top: 0; 565 height: 100%; 566} 567.ui-resizable-se { 568 cursor: se-resize; 569 width: 12px; 570 height: 12px; 571 right: 1px; 572 bottom: 1px; 573} 574.ui-resizable-sw { 575 cursor: sw-resize; 576 width: 9px; 577 height: 9px; 578 left: -5px; 579 bottom: -5px; 580} 581.ui-resizable-nw { 582 cursor: nw-resize; 583 width: 9px; 584 height: 9px; 585 left: -5px; 586 top: -5px; 587} 588.ui-resizable-ne { 589 cursor: ne-resize; 590 width: 9px; 591 height: 9px; 592 right: -5px; 593 top: -5px; 594} 595.ui-selectable { 596 -ms-touch-action: none; 597 touch-action: none; 598} 599.ui-selectable-helper { 600 position: absolute; 601 z-index: 100; 602 border: 1px dotted black; 603} 604.ui-selectmenu-menu { 605 padding: 0; 606 margin: 0; 607 position: absolute; 608 top: 0; 609 left: 0; 610 display: none; 611} 612.ui-selectmenu-menu .ui-menu { 613 overflow: auto; 614 /* Support: IE7 */ 615 overflow-x: hidden; 616 padding-bottom: 1px; 617} 618.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 619 font-size: 1em; 620 font-weight: bold; 621 line-height: 1.5; 622 padding: 2px 0.4em; 623 margin: 0.5em 0 0 0; 624 height: auto; 625 border: 0; 626} 627.ui-selectmenu-open { 628 display: block; 629} 630.ui-selectmenu-button { 631 display: inline-block; 632 overflow: hidden; 633 position: relative; 634 text-decoration: none; 635 cursor: pointer; 636} 637.ui-selectmenu-button span.ui-icon { 638 right: 0.5em; 639 left: auto; 640 margin-top: -8px; 641 position: absolute; 642 top: 50%; 643} 644.ui-selectmenu-button span.ui-selectmenu-text { 645 text-align: left; 646 padding: 0.4em 2.1em 0.4em 1em; 647 display: block; 648 line-height: 1.4; 649 overflow: hidden; 650 text-overflow: ellipsis; 651 white-space: nowrap; 652} 653.ui-slider { 654 position: relative; 655 text-align: left; 656} 657.ui-slider .ui-slider-handle { 658 position: absolute; 659 z-index: 2; 660 width: 1.2em; 661 height: 1.2em; 662 cursor: default; 663 -ms-touch-action: none; 664 touch-action: none; 665} 666.ui-slider .ui-slider-range { 667 position: absolute; 668 z-index: 1; 669 font-size: .7em; 670 display: block; 671 border: 0; 672 background-position: 0 0; 673} 674 675/* For IE8 - See #6727 */ 676.ui-slider.ui-state-disabled .ui-slider-handle, 677.ui-slider.ui-state-disabled .ui-slider-range { 678 filter: inherit; 679} 680 681.ui-slider-horizontal { 682 height: .8em; 683} 684.ui-slider-horizontal .ui-slider-handle { 685 top: -.3em; 686 margin-left: -.6em; 687} 688.ui-slider-horizontal .ui-slider-range { 689 top: 0; 690 height: 100%; 691} 692.ui-slider-horizontal .ui-slider-range-min { 693 left: 0; 694} 695.ui-slider-horizontal .ui-slider-range-max { 696 right: 0; 697} 698 699.ui-slider-vertical { 700 width: .8em; 701 height: 100px; 702} 703.ui-slider-vertical .ui-slider-handle { 704 left: -.3em; 705 margin-left: 0; 706 margin-bottom: -.6em; 707} 708.ui-slider-vertical .ui-slider-range { 709 left: 0; 710 width: 100%; 711} 712.ui-slider-vertical .ui-slider-range-min { 713 bottom: 0; 714} 715.ui-slider-vertical .ui-slider-range-max { 716 top: 0; 717} 718.ui-sortable-handle { 719 -ms-touch-action: none; 720 touch-action: none; 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} 826body .ui-tooltip { 827 border-width: 2px; 828} 829 830/* Component containers 831----------------------------------*/ 832.ui-widget { 833 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 844 font-size: 1em; 845} 846.ui-widget-content { 847 border: 1px solid #aaaaaa; 848 background: #ffffff url("images/ui-bg_flat_75_ffffff_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: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_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 #fcefa1; 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_2e83ff_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} 1226
