wagnertech.de Git - kivitendo-erp.git/blob - css/ui-lightness/jquery-ui-1.10.3.custom.css

1 /*! jQuery UI - v1.10.3 - 2014-01-14

2 * http://jqueryui.com

3 * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css

4 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px

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 }

54 .ui-front {

55 z-index: 100;

56 }

59 /* Interaction Cues

60 ----------------------------------*/

61 .ui-state-disabled {

62 cursor: default !important;

63 }

66 /* Icons

67 ----------------------------------*/

69 /* states and images */

70 .ui-icon {

71 display: block;

72 text-indent: -99999px;

73 overflow: hidden;

74 background-repeat: no-repeat;

75 }

78 /* Misc visuals

79 ----------------------------------*/

81 /* Overlays */

82 .ui-widget-overlay {

83 position: fixed;

84 top: 0;

85 left: 0;

86 width: 100%;

87 height: 100%;

88 }

89 .ui-resizable {

90 position: relative;

91 }

92 .ui-resizable-handle {

93 position: absolute;

94 font-size: 0.1px;

95 display: block;

96 }

97 .ui-resizable-disabled .ui-resizable-handle,

98 .ui-resizable-autohide .ui-resizable-handle {

99 display: none;

100 }

101 .ui-resizable-n {

102 cursor: n-resize;

103 height: 7px;

104 width: 100%;

105 top: -5px;

106 left: 0;

107 }

108 .ui-resizable-s {

109 cursor: s-resize;

110 height: 7px;

111 width: 100%;

112 bottom: -5px;

113 left: 0;

114 }

115 .ui-resizable-e {

116 cursor: e-resize;

117 width: 7px;

118 right: -5px;

119 top: 0;

120 height: 100%;

121 }

122 .ui-resizable-w {

123 cursor: w-resize;

124 width: 7px;

125 left: -5px;

126 top: 0;

127 height: 100%;

128 }

129 .ui-resizable-se {

130 cursor: se-resize;

131 width: 12px;

132 height: 12px;

133 right: 1px;

134 bottom: 1px;

135 }

136 .ui-resizable-sw {

137 cursor: sw-resize;

138 width: 9px;

139 height: 9px;

140 left: -5px;

141 bottom: -5px;

142 }

143 .ui-resizable-nw {

144 cursor: nw-resize;

145 width: 9px;

146 height: 9px;

147 left: -5px;

148 top: -5px;

149 }

150 .ui-resizable-ne {

151 cursor: ne-resize;

152 width: 9px;

153 height: 9px;

154 right: -5px;

155 top: -5px;

156 }

157 .ui-selectable-helper {

158 position: absolute;

159 z-index: 100;

160 border: 1px dotted black;

161 }

162 .ui-accordion .ui-accordion-header {

163 display: block;

164 cursor: pointer;

165 position: relative;

166 margin-top: 2px;

167 padding: .5em .5em .5em .7em;

168 min-height: 0; /* support: IE7 */

169 }

170 .ui-accordion .ui-accordion-icons {

171 padding-left: 2.2em;

172 }

173 .ui-accordion .ui-accordion-noicons {

174 padding-left: .7em;

175 }

176 .ui-accordion .ui-accordion-icons .ui-accordion-icons {

177 padding-left: 2.2em;

178 }

179 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {

180 position: absolute;

181 left: .5em;

182 top: 50%;

183 margin-top: -8px;

184 }

185 .ui-accordion .ui-accordion-content {

186 padding: 1em 2.2em;

187 border-top: 0;

188 overflow: auto;

189 }

190 .ui-autocomplete {

191 position: absolute;

192 top: 0;

193 left: 0;

194 cursor: default;

195 }

196 .ui-button {

197 display: inline-block;

198 position: relative;

199 padding: 0;

200 line-height: normal;

201 margin-right: .1em;

202 cursor: pointer;

203 vertical-align: middle;

204 text-align: center;

205 overflow: visible; /* removes extra width in IE */

206 }

207 .ui-button,

208 .ui-button:link,

209 .ui-button:visited,

210 .ui-button:hover,

211 .ui-button:active {

212 text-decoration: none;

213 }

214 /* to make room for the icon, a width needs to be set here */

215 .ui-button-icon-only {

216 width: 2.2em;

217 }

218 /* button elements seem to need a little more width */

219 button.ui-button-icon-only {

220 width: 2.4em;

221 }

222 .ui-button-icons-only {

223 width: 3.4em;

224 }

225 button.ui-button-icons-only {

226 width: 3.7em;

227 }

228

229 /* button text element */

230 .ui-button .ui-button-text {

231 display: block;

232 line-height: normal;

233 }

234 .ui-button-text-only .ui-button-text {

235 padding: .4em 1em;

236 }

237 .ui-button-icon-only .ui-button-text,

238 .ui-button-icons-only .ui-button-text {

239 padding: .4em;

240 text-indent: -9999999px;

241 }

242 .ui-button-text-icon-primary .ui-button-text,

243 .ui-button-text-icons .ui-button-text {

244 padding: .4em 1em .4em 2.1em;

245 }

246 .ui-button-text-icon-secondary .ui-button-text,

247 .ui-button-text-icons .ui-button-text {

248 padding: .4em 2.1em .4em 1em;

249 }

250 .ui-button-text-icons .ui-button-text {

251 padding-left: 2.1em;

252 padding-right: 2.1em;

253 }

254 /* no icon support for input elements, provide padding by default */

255 input.ui-button {

256 padding: .4em 1em;

257 }

258

259 /* button icon element(s) */

260 .ui-button-icon-only .ui-icon,

261 .ui-button-text-icon-primary .ui-icon,

262 .ui-button-text-icon-secondary .ui-icon,

263 .ui-button-text-icons .ui-icon,

264 .ui-button-icons-only .ui-icon {

265 position: absolute;

266 top: 50%;

267 margin-top: -8px;

268 }

269 .ui-button-icon-only .ui-icon {

270 left: 50%;

271 margin-left: -8px;

272 }

273 .ui-button-text-icon-primary .ui-button-icon-primary,

274 .ui-button-text-icons .ui-button-icon-primary,

275 .ui-button-icons-only .ui-button-icon-primary {

276 left: .5em;

277 }

278 .ui-button-text-icon-secondary .ui-button-icon-secondary,

279 .ui-button-text-icons .ui-button-icon-secondary,

280 .ui-button-icons-only .ui-button-icon-secondary {

281 right: .5em;

282 }

283

284 /* button sets */

285 .ui-buttonset {

286 margin-right: 7px;

287 }

288 .ui-buttonset .ui-button {

289 margin-left: 0;

290 margin-right: -.3em;

291 }

292

293 /* workarounds */

294 /* reset extra padding in Firefox, see h5bp.com/l */

295 input.ui-button::-moz-focus-inner,

296 button.ui-button::-moz-focus-inner {

297 border: 0;

298 padding: 0;

299 }

300 .ui-datepicker {

301 width: 17em;

302 padding: .2em .2em 0;

303 display: none;

304 }

305 .ui-datepicker .ui-datepicker-header {

306 position: relative;

307 padding: .2em 0;

308 }

309 .ui-datepicker .ui-datepicker-prev,

310 .ui-datepicker .ui-datepicker-next {

311 position: absolute;

312 top: 2px;

313 width: 1.8em;

314 height: 1.8em;

315 }

316 .ui-datepicker .ui-datepicker-prev-hover,

317 .ui-datepicker .ui-datepicker-next-hover {

318 top: 1px;

319 }

320 .ui-datepicker .ui-datepicker-prev {

321 left: 2px;

322 }

323 .ui-datepicker .ui-datepicker-next {

324 right: 2px;

325 }

326 .ui-datepicker .ui-datepicker-prev-hover {

327 left: 1px;

328 }

329 .ui-datepicker .ui-datepicker-next-hover {

330 right: 1px;

331 }

332 .ui-datepicker .ui-datepicker-prev span,

333 .ui-datepicker .ui-datepicker-next span {

334 display: block;

335 position: absolute;

336 left: 50%;

337 margin-left: -8px;

338 top: 50%;

339 margin-top: -8px;

340 }

341 .ui-datepicker .ui-datepicker-title {

342 margin: 0 2.3em;

343 line-height: 1.8em;

344 text-align: center;

345 }

346 .ui-datepicker .ui-datepicker-title select {

347 font-size: 1em;

348 margin: 1px 0;

349 }

350 .ui-datepicker select.ui-datepicker-month-year {

351 width: 100%;

352 }

353 .ui-datepicker select.ui-datepicker-month,

354 .ui-datepicker select.ui-datepicker-year {

355 width: 49%;

356 }

357 .ui-datepicker table {

358 width: 100%;

359 font-size: .9em;

360 border-collapse: collapse;

361 margin: 0 0 .4em;

362 }

363 .ui-datepicker th {

364 padding: .7em .3em;

365 text-align: center;

366 font-weight: bold;

367 border: 0;

368 }

369 .ui-datepicker td {

370 border: 0;

371 padding: 1px;

372 }

373 .ui-datepicker td span,

374 .ui-datepicker td a {

375 display: block;

376 padding: .2em;

377 text-align: right;

378 text-decoration: none;

379 }

380 .ui-datepicker .ui-datepicker-buttonpane {

381 background-image: none;

382 margin: .7em 0 0 0;

383 padding: 0 .2em;

384 border-left: 0;

385 border-right: 0;

386 border-bottom: 0;

387 }

388 .ui-datepicker .ui-datepicker-buttonpane button {

389 float: right;

390 margin: .5em .2em .4em;

391 cursor: pointer;

392 padding: .2em .6em .3em .6em;

393 width: auto;

394 overflow: visible;

395 }

396 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {

397 float: left;

398 }

399

400 /* with multiple calendars */

401 .ui-datepicker.ui-datepicker-multi {

402 width: auto;

403 }

404 .ui-datepicker-multi .ui-datepicker-group {

405 float: left;

406 }

407 .ui-datepicker-multi .ui-datepicker-group table {

408 width: 95%;

409 margin: 0 auto .4em;

410 }

411 .ui-datepicker-multi-2 .ui-datepicker-group {

412 width: 50%;

413 }

414 .ui-datepicker-multi-3 .ui-datepicker-group {

415 width: 33.3%;

416 }

417 .ui-datepicker-multi-4 .ui-datepicker-group {

418 width: 25%;

419 }

420 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

421 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

422 border-left-width: 0;

423 }

424 .ui-datepicker-multi .ui-datepicker-buttonpane {

425 clear: left;

426 }

427 .ui-datepicker-row-break {

428 clear: both;

429 width: 100%;

430 font-size: 0;

431 }

432

433 /* RTL support */

434 .ui-datepicker-rtl {

435 direction: rtl;

436 }

437 .ui-datepicker-rtl .ui-datepicker-prev {

438 right: 2px;

439 left: auto;

440 }

441 .ui-datepicker-rtl .ui-datepicker-next {

442 left: 2px;

443 right: auto;

444 }

445 .ui-datepicker-rtl .ui-datepicker-prev:hover {

446 right: 1px;

447 left: auto;

448 }

449 .ui-datepicker-rtl .ui-datepicker-next:hover {

450 left: 1px;

451 right: auto;

452 }

453 .ui-datepicker-rtl .ui-datepicker-buttonpane {

454 clear: right;

455 }

456 .ui-datepicker-rtl .ui-datepicker-buttonpane button {

457 float: left;

458 }

459 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,

460 .ui-datepicker-rtl .ui-datepicker-group {

461 float: right;

462 }

463 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,

464 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {

465 border-right-width: 0;

466 border-left-width: 1px;

467 }

468 .ui-dialog {

469 position: absolute;

470 top: 0;

471 left: 0;

472 padding: .2em;

473 outline: 0;

474 }

475 .ui-dialog .ui-dialog-titlebar {

476 padding: .4em 1em;

477 position: relative;

478 }

479 .ui-dialog .ui-dialog-title {

480 float: left;

481 margin: .1em 0;

482 white-space: nowrap;

483 width: 90%;

484 overflow: hidden;

485 text-overflow: ellipsis;

486 }

487 .ui-dialog .ui-dialog-titlebar-close {

488 position: absolute;

489 right: .3em;

490 top: 50%;

491 width: 21px;

492 margin: -10px 0 0 0;

493 padding: 1px;

494 height: 20px;

495 }

496 .ui-dialog .ui-dialog-content {

497 position: relative;

498 border: 0;

499 padding: .5em 1em;

500 background: none;

501 overflow: auto;

502 }

503 .ui-dialog .ui-dialog-buttonpane {

504 text-align: left;

505 border-width: 1px 0 0 0;

506 background-image: none;

507 margin-top: .5em;

508 padding: .3em 1em .5em .4em;

509 }

510 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

511 float: right;

512 }

513 .ui-dialog .ui-dialog-buttonpane button {

514 margin: .5em .4em .5em 0;

515 cursor: pointer;

516 }

517 .ui-dialog .ui-resizable-se {

518 width: 12px;

519 height: 12px;

520 right: -5px;

521 bottom: -5px;

522 background-position: 16px 16px;

523 }

524 .ui-draggable .ui-dialog-titlebar {

525 cursor: move;

526 }

527 .ui-menu {

528 list-style: none;

529 padding: 2px;

530 margin: 0;

531 display: block;

532 outline: none;

533 }

534 .ui-menu .ui-menu {

535 margin-top: -3px;

536 position: absolute;

537 }

538 .ui-menu .ui-menu-item {

539 margin: 0;

540 padding: 0;

541 width: 100%;

542 /* support: IE10, see #8844 */

543 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

544 }

545 .ui-menu .ui-menu-divider {

546 margin: 5px -2px 5px -2px;

547 height: 0;

548 font-size: 0;

549 line-height: 0;

550 border-width: 1px 0 0 0;

551 }

552 .ui-menu .ui-menu-item a {

553 text-decoration: none;

554 display: block;

555 padding: 2px .4em;

556 line-height: 1.5;

557 min-height: 0; /* support: IE7 */

558 font-weight: normal;

559 }

560 .ui-menu .ui-menu-item a.ui-state-focus,

561 .ui-menu .ui-menu-item a.ui-state-active {

562 font-weight: normal;

563 margin: -1px;

564 }

565

566 .ui-menu .ui-state-disabled {

567 font-weight: normal;

568 margin: .4em 0 .2em;

569 line-height: 1.5;

570 }

571 .ui-menu .ui-state-disabled a {

572 cursor: default;

573 }

574

575 /* icon support */

576 .ui-menu-icons {

577 position: relative;

578 }

579 .ui-menu-icons .ui-menu-item a {

580 position: relative;

581 padding-left: 2em;

582 }

583

584 /* left-aligned */

585 .ui-menu .ui-icon {

586 position: absolute;

587 top: .2em;

588 left: .2em;

589 }

590

591 /* right-aligned */

592 .ui-menu .ui-menu-icon {

593 position: static;

594 float: right;

595 }

596 .ui-progressbar {

597 height: 2em;

598 text-align: left;

599 overflow: hidden;

600 }

601 .ui-progressbar .ui-progressbar-value {

602 margin: -1px;

603 height: 100%;

604 }

605 .ui-progressbar .ui-progressbar-overlay {

606 background: url("images/animated-overlay.gif");

607 height: 100%;

608 filter: alpha(opacity=25);

609 opacity: 0.25;

610 }

611 .ui-progressbar-indeterminate .ui-progressbar-value {

612 background-image: none;

613 }

614 .ui-slider {

615 position: relative;

616 text-align: left;

617 }

618 .ui-slider .ui-slider-handle {

619 position: absolute;

620 z-index: 2;

621 width: 1.2em;

622 height: 1.2em;

623 cursor: default;

624 }

625 .ui-slider .ui-slider-range {

626 position: absolute;

627 z-index: 1;

628 font-size: .7em;

629 display: block;

630 border: 0;

631 background-position: 0 0;

632 }

633

634 /* For IE8 - See #6727 */

635 .ui-slider.ui-state-disabled .ui-slider-handle,

636 .ui-slider.ui-state-disabled .ui-slider-range {

637 filter: inherit;

638 }

639

640 .ui-slider-horizontal {

641 height: .8em;

642 }

643 .ui-slider-horizontal .ui-slider-handle {

644 top: -.3em;

645 margin-left: -.6em;

646 }

647 .ui-slider-horizontal .ui-slider-range {

648 top: 0;

649 height: 100%;

650 }

651 .ui-slider-horizontal .ui-slider-range-min {

652 left: 0;

653 }

654 .ui-slider-horizontal .ui-slider-range-max {

655 right: 0;

656 }

657

658 .ui-slider-vertical {

659 width: .8em;

660 height: 100px;

661 }

662 .ui-slider-vertical .ui-slider-handle {

663 left: -.3em;

664 margin-left: 0;

665 margin-bottom: -.6em;

666 }

667 .ui-slider-vertical .ui-slider-range {

668 left: 0;

669 width: 100%;

670 }

671 .ui-slider-vertical .ui-slider-range-min {

672 bottom: 0;

673 }

674 .ui-slider-vertical .ui-slider-range-max {

675 top: 0;

676 }

677 .ui-spinner {

678 position: relative;

679 display: inline-block;

680 overflow: hidden;

681 padding: 0;

682 vertical-align: middle;

683 }

684 .ui-spinner-input {

685 border: none;

686 background: none;

687 color: inherit;

688 padding: 0;

689 margin: .2em 0;

690 vertical-align: middle;

691 margin-left: .4em;

692 margin-right: 22px;

693 }

694 .ui-spinner-button {

695 width: 16px;

696 height: 50%;

697 font-size: .5em;

698 padding: 0;

699 margin: 0;

700 text-align: center;

701 position: absolute;

702 cursor: default;

703 display: block;

704 overflow: hidden;

705 right: 0;

706 }

707 /* more specificity required here to overide default borders */

708 .ui-spinner a.ui-spinner-button {

709 border-top: none;

710 border-bottom: none;

711 border-right: none;

712 }

713 /* vertical centre icon */

714 .ui-spinner .ui-icon {

715 position: absolute;

716 margin-top: -8px;

717 top: 50%;

718 left: 0;

719 }

720 .ui-spinner-up {

721 top: 0;

722 }

723 .ui-spinner-down {

724 bottom: 0;

725 }

726

727 /* TR overrides */

728 .ui-spinner .ui-icon-triangle-1-s {

729 /* need to fix icons sprite */

730 background-position: -65px -16px;

731 }

732 .ui-tabs {

733 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

734 padding: .2em;

735 }

736 .ui-tabs .ui-tabs-nav {

737 margin: 0;

738 padding: .2em .2em 0;

739 }

740 .ui-tabs .ui-tabs-nav li {

741 list-style: none;

742 float: left;

743 position: relative;

744 top: 0;

745 margin: 1px .2em 0 0;

746 border-bottom-width: 0;

747 padding: 0;

748 white-space: nowrap;

749 }

750 .ui-tabs .ui-tabs-nav li a {

751 float: left;

752 padding: .5em 1em;

753 text-decoration: none;

754 }

755 .ui-tabs .ui-tabs-nav li.ui-tabs-active {

756 margin-bottom: -1px;

757 padding-bottom: 1px;

758 }

759 .ui-tabs .ui-tabs-nav li.ui-tabs-active a,

760 .ui-tabs .ui-tabs-nav li.ui-state-disabled a,

761 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {

762 cursor: text;

763 }

764 .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

765 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {

766 cursor: pointer;

767 }

768 .ui-tabs .ui-tabs-panel {

769 display: block;

770 border-width: 0;

771 padding: 1em 1.4em;

772 background: none;

773 }

774 .ui-tooltip {

775 padding: 8px;

776 position: absolute;

777 z-index: 9999;

778 max-width: 300px;

779 -webkit-box-shadow: 0 0 5px #aaa;

780 box-shadow: 0 0 5px #aaa;

781 }

782 body .ui-tooltip {

783 border-width: 2px;

784 }

785

786 /* Component containers

787 ----------------------------------*/

788 .ui-widget {

789 font-family: sans-serif;

790 font-size: 1.1em;

791 }

792 .ui-widget .ui-widget {

793 font-size: 1em;

794 }

795 .ui-widget input,

796 .ui-widget select,

797 .ui-widget textarea,

798 .ui-widget button {

799 font-family: sans-serif;

800 font-size: 1em;

801 }

802 .ui-widget-content {

803 border: 1px solid #dddddd;

804 background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;

805 color: #333333;

806 }

807 .ui-widget-content a {

808 color: #333333;

809 }

810 .ui-widget-header {

811 border: 1px solid #e78f08;

812 background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;

813 color: #ffffff;

814 font-weight: bold;

815 }

816 .ui-widget-header a {

817 color: #ffffff;

818 }

819

820 /* Interaction states

821 ----------------------------------*/

822 .ui-state-default,

823 .ui-widget-content .ui-state-default,

824 .ui-widget-header .ui-state-default {

825 border: 1px solid #cccccc;

826 background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;

827 font-weight: bold;

828 color: #1c94c4;

829 }

830 .ui-state-default a,

831 .ui-state-default a:link,

832 .ui-state-default a:visited {

833 color: #1c94c4;

834 text-decoration: none;

835 }

836 .ui-state-hover,

837 .ui-widget-content .ui-state-hover,

838 .ui-widget-header .ui-state-hover,

839 .ui-state-focus,

840 .ui-widget-content .ui-state-focus,

841 .ui-widget-header .ui-state-focus {

842 border: 1px solid #fbcb09;

843 background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;

844 font-weight: bold;

845 color: #c77405;

846 }

847 .ui-state-hover a,

848 .ui-state-hover a:hover,

849 .ui-state-hover a:link,

850 .ui-state-hover a:visited {

851 color: #c77405;

852 text-decoration: none;

853 }

854 .ui-state-active,

855 .ui-widget-content .ui-state-active,

856 .ui-widget-header .ui-state-active {

857 border: 1px solid #fbd850;

858 background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;

859 font-weight: bold;

860 color: #eb8f00;

861 }

862 .ui-state-active a,

863 .ui-state-active a:link,

864 .ui-state-active a:visited {

865 color: #eb8f00;

866 text-decoration: none;

867 }

868

869 /* Interaction Cues

870 ----------------------------------*/

871 .ui-state-highlight,

872 .ui-widget-content .ui-state-highlight,

873 .ui-widget-header .ui-state-highlight {

874 border: 1px solid #fed22f;

875 background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;

876 color: #363636;

877 }

878 .ui-state-highlight a,

879 .ui-widget-content .ui-state-highlight a,

880 .ui-widget-header .ui-state-highlight a {

881 color: #363636;

882 }

883 .ui-state-error,

884 .ui-widget-content .ui-state-error,

885 .ui-widget-header .ui-state-error {

886 border: 1px solid #cd0a0a;

887 background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;

888 color: #ffffff;

889 }

890 .ui-state-error a,

891 .ui-widget-content .ui-state-error a,

892 .ui-widget-header .ui-state-error a {

893 color: #ffffff;

894 }

895 .ui-state-error-text,

896 .ui-widget-content .ui-state-error-text,

897 .ui-widget-header .ui-state-error-text {

898 color: #ffffff;

899 }

900 .ui-priority-primary,

901 .ui-widget-content .ui-priority-primary,

902 .ui-widget-header .ui-priority-primary {

903 font-weight: bold;

904 }

905 .ui-priority-secondary,

906 .ui-widget-content .ui-priority-secondary,

907 .ui-widget-header .ui-priority-secondary {

908 opacity: .7;

909 filter:Alpha(Opacity=70);

910 font-weight: normal;

911 }

912 .ui-state-disabled,

913 .ui-widget-content .ui-state-disabled,

914 .ui-widget-header .ui-state-disabled {

915 opacity: .35;

916 filter:Alpha(Opacity=35);

917 background-image: none;

918 }

919 .ui-state-disabled .ui-icon {

920 filter:Alpha(Opacity=35); /* For IE8 - See #6059 */

921 }

922

923 /* Icons

924 ----------------------------------*/

925

926 /* states and images */

927 .ui-icon {

928 width: 16px;

929 height: 16px;

930 }

931 .ui-icon,

932 .ui-widget-content .ui-icon {

933 background-image: url(images/ui-icons_222222_256x240.png);

934 }

935 .ui-widget-header .ui-icon {

936 background-image: url(images/ui-icons_ffffff_256x240.png);

937 }

938 .ui-state-default .ui-icon {

939 background-image: url(images/ui-icons_ef8c08_256x240.png);

940 }

941 .ui-state-hover .ui-icon,

942 .ui-state-focus .ui-icon {

943 background-image: url(images/ui-icons_ef8c08_256x240.png);

944 }

945 .ui-state-active .ui-icon {

946 background-image: url(images/ui-icons_ef8c08_256x240.png);

947 }

948 .ui-state-highlight .ui-icon {

949 background-image: url(images/ui-icons_228ef1_256x240.png);

950 }

951 .ui-state-error .ui-icon,

952 .ui-state-error-text .ui-icon {

953 background-image: url(images/ui-icons_ffd27a_256x240.png);

954 }

955

956 /* positioning */

957 .ui-icon-blank { background-position: 16px 16px; }

958 .ui-icon-carat-1-n { background-position: 0 0; }

959 .ui-icon-carat-1-ne { background-position: -16px 0; }

960 .ui-icon-carat-1-e { background-position: -32px 0; }

961 .ui-icon-carat-1-se { background-position: -48px 0; }

962 .ui-icon-carat-1-s { background-position: -64px 0; }

963 .ui-icon-carat-1-sw { background-position: -80px 0; }

964 .ui-icon-carat-1-w { background-position: -96px 0; }

965 .ui-icon-carat-1-nw { background-position: -112px 0; }

966 .ui-icon-carat-2-n-s { background-position: -128px 0; }

967 .ui-icon-carat-2-e-w { background-position: -144px 0; }

968 .ui-icon-triangle-1-n { background-position: 0 -16px; }

969 .ui-icon-triangle-1-ne { background-position: -16px -16px; }

970 .ui-icon-triangle-1-e { background-position: -32px -16px; }

971 .ui-icon-triangle-1-se { background-position: -48px -16px; }

972 .ui-icon-triangle-1-s { background-position: -64px -16px; }

973 .ui-icon-triangle-1-sw { background-position: -80px -16px; }

974 .ui-icon-triangle-1-w { background-position: -96px -16px; }

975 .ui-icon-triangle-1-nw { background-position: -112px -16px; }

976 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }

977 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }

978 .ui-icon-arrow-1-n { background-position: 0 -32px; }

979 .ui-icon-arrow-1-ne { background-position: -16px -32px; }

980 .ui-icon-arrow-1-e { background-position: -32px -32px; }

981 .ui-icon-arrow-1-se { background-position: -48px -32px; }

982 .ui-icon-arrow-1-s { background-position: -64px -32px; }

983 .ui-icon-arrow-1-sw { background-position: -80px -32px; }

984 .ui-icon-arrow-1-w { background-position: -96px -32px; }

985 .ui-icon-arrow-1-nw { background-position: -112px -32px; }

986 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }

987 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

988 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }

989 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

990 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }

991 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }

992 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }

993 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }

994 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }

995 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

996 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }

997 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }

998 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }

999 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

1000 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }

1001 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

1002 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

1003 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

1004 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

1005 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

1006 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

1007 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

1008 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

1009 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

1010 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

1011 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

1012 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

1013 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

1014 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

1015 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

1016 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

1017 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

1018 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

1019 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

1020 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

1021 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

1022 .ui-icon-arrow-4 { background-position: 0 -80px; }

1023 .ui-icon-arrow-4-diag { background-position: -16px -80px; }

1024 .ui-icon-extlink { background-position: -32px -80px; }

1025 .ui-icon-newwin { background-position: -48px -80px; }

1026 .ui-icon-refresh { background-position: -64px -80px; }

1027 .ui-icon-shuffle { background-position: -80px -80px; }

1028 .ui-icon-transfer-e-w { background-position: -96px -80px; }

1029 .ui-icon-transferthick-e-w { background-position: -112px -80px; }

1030 .ui-icon-folder-collapsed { background-position: 0 -96px; }

1031 .ui-icon-folder-open { background-position: -16px -96px; }

1032 .ui-icon-document { background-position: -32px -96px; }

1033 .ui-icon-document-b { background-position: -48px -96px; }

1034 .ui-icon-note { background-position: -64px -96px; }

1035 .ui-icon-mail-closed { background-position: -80px -96px; }

1036 .ui-icon-mail-open { background-position: -96px -96px; }

1037 .ui-icon-suitcase { background-position: -112px -96px; }

1038 .ui-icon-comment { background-position: -128px -96px; }

1039 .ui-icon-person { background-position: -144px -96px; }

1040 .ui-icon-print { background-position: -160px -96px; }

1041 .ui-icon-trash { background-position: -176px -96px; }

1042 .ui-icon-locked { background-position: -192px -96px; }

1043 .ui-icon-unlocked { background-position: -208px -96px; }

1044 .ui-icon-bookmark { background-position: -224px -96px; }

1045 .ui-icon-tag { background-position: -240px -96px; }

1046 .ui-icon-home { background-position: 0 -112px; }

1047 .ui-icon-flag { background-position: -16px -112px; }

1048 .ui-icon-calendar { background-position: -32px -112px; }

1049 .ui-icon-cart { background-position: -48px -112px; }

1050 .ui-icon-pencil { background-position: -64px -112px; }

1051 .ui-icon-clock { background-position: -80px -112px; }

1052 .ui-icon-disk { background-position: -96px -112px; }

1053 .ui-icon-calculator { background-position: -112px -112px; }

1054 .ui-icon-zoomin { background-position: -128px -112px; }

1055 .ui-icon-zoomout { background-position: -144px -112px; }

1056 .ui-icon-search { background-position: -160px -112px; }

1057 .ui-icon-wrench { background-position: -176px -112px; }

1058 .ui-icon-gear { background-position: -192px -112px; }

1059 .ui-icon-heart { background-position: -208px -112px; }

1060 .ui-icon-star { background-position: -224px -112px; }

1061 .ui-icon-link { background-position: -240px -112px; }

1062 .ui-icon-cancel { background-position: 0 -128px; }

1063 .ui-icon-plus { background-position: -16px -128px; }

1064 .ui-icon-plusthick { background-position: -32px -128px; }

1065 .ui-icon-minus { background-position: -48px -128px; }

1066 .ui-icon-minusthick { background-position: -64px -128px; }

1067 .ui-icon-close { background-position: -80px -128px; }

1068 .ui-icon-closethick { background-position: -96px -128px; }

1069 .ui-icon-key { background-position: -112px -128px; }

1070 .ui-icon-lightbulb { background-position: -128px -128px; }

1071 .ui-icon-scissors { background-position: -144px -128px; }

1072 .ui-icon-clipboard { background-position: -160px -128px; }

1073 .ui-icon-copy { background-position: -176px -128px; }

1074 .ui-icon-contact { background-position: -192px -128px; }

1075 .ui-icon-image { background-position: -208px -128px; }

1076 .ui-icon-video { background-position: -224px -128px; }

1077 .ui-icon-script { background-position: -240px -128px; }

1078 .ui-icon-alert { background-position: 0 -144px; }

1079 .ui-icon-info { background-position: -16px -144px; }

1080 .ui-icon-notice { background-position: -32px -144px; }

1081 .ui-icon-help { background-position: -48px -144px; }

1082 .ui-icon-check { background-position: -64px -144px; }

1083 .ui-icon-bullet { background-position: -80px -144px; }

1084 .ui-icon-radio-on { background-position: -96px -144px; }

1085 .ui-icon-radio-off { background-position: -112px -144px; }

1086 .ui-icon-pin-w { background-position: -128px -144px; }

1087 .ui-icon-pin-s { background-position: -144px -144px; }

1088 .ui-icon-play { background-position: 0 -160px; }

1089 .ui-icon-pause { background-position: -16px -160px; }

1090 .ui-icon-seek-next { background-position: -32px -160px; }

1091 .ui-icon-seek-prev { background-position: -48px -160px; }

1092 .ui-icon-seek-end { background-position: -64px -160px; }

1093 .ui-icon-seek-start { background-position: -80px -160px; }

1094 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

1095 .ui-icon-seek-first { background-position: -80px -160px; }

1096 .ui-icon-stop { background-position: -96px -160px; }

1097 .ui-icon-eject { background-position: -112px -160px; }

1098 .ui-icon-volume-off { background-position: -128px -160px; }

1099 .ui-icon-volume-on { background-position: -144px -160px; }

1100 .ui-icon-power { background-position: 0 -176px; }

1101 .ui-icon-signal-diag { background-position: -16px -176px; }

1102 .ui-icon-signal { background-position: -32px -176px; }

1103 .ui-icon-battery-0 { background-position: -48px -176px; }

1104 .ui-icon-battery-1 { background-position: -64px -176px; }

1105 .ui-icon-battery-2 { background-position: -80px -176px; }

1106 .ui-icon-battery-3 { background-position: -96px -176px; }

1107 .ui-icon-circle-plus { background-position: 0 -192px; }

1108 .ui-icon-circle-minus { background-position: -16px -192px; }

1109 .ui-icon-circle-close { background-position: -32px -192px; }

1110 .ui-icon-circle-triangle-e { background-position: -48px -192px; }

1111 .ui-icon-circle-triangle-s { background-position: -64px -192px; }

1112 .ui-icon-circle-triangle-w { background-position: -80px -192px; }

1113 .ui-icon-circle-triangle-n { background-position: -96px -192px; }

1114 .ui-icon-circle-arrow-e { background-position: -112px -192px; }

1115 .ui-icon-circle-arrow-s { background-position: -128px -192px; }

1116 .ui-icon-circle-arrow-w { background-position: -144px -192px; }

1117 .ui-icon-circle-arrow-n { background-position: -160px -192px; }

1118 .ui-icon-circle-zoomin { background-position: -176px -192px; }

1119 .ui-icon-circle-zoomout { background-position: -192px -192px; }

1120 .ui-icon-circle-check { background-position: -208px -192px; }

1121 .ui-icon-circlesmall-plus { background-position: 0 -208px; }

1122 .ui-icon-circlesmall-minus { background-position: -16px -208px; }

1123 .ui-icon-circlesmall-close { background-position: -32px -208px; }

1124 .ui-icon-squaresmall-plus { background-position: -48px -208px; }

1125 .ui-icon-squaresmall-minus { background-position: -64px -208px; }

1126 .ui-icon-squaresmall-close { background-position: -80px -208px; }

1127 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

1128 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

1129 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }

1130 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

1131 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

1132 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }

1133

1134

1135 /* Misc visuals

1136 ----------------------------------*/

1137

1138 /* Corner radius */

1139 .ui-corner-all,

1140 .ui-corner-top,

1141 .ui-corner-left,

1142 .ui-corner-tl {

1143 border-top-left-radius: 4px;

1144 }

1145 .ui-corner-all,

1146 .ui-corner-top,

1147 .ui-corner-right,

1148 .ui-corner-tr {

1149 border-top-right-radius: 4px;

1150 }

1151 .ui-corner-all,

1152 .ui-corner-bottom,

1153 .ui-corner-left,

1154 .ui-corner-bl {

1155 border-bottom-left-radius: 4px;

1156 }

1157 .ui-corner-all,

1158 .ui-corner-bottom,

1159 .ui-corner-right,

1160 .ui-corner-br {

1161 border-bottom-right-radius: 4px;

1162 }

1163

1164 /* Overlays */

1165 .ui-widget-overlay {

1166 background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;

1167 opacity: .5;

1168 filter: Alpha(Opacity=50);

1169 }

1170 .ui-widget-shadow {

1171 margin: -5px 0 0 -5px;

1172 padding: 5px;

1173 background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;

1174 opacity: .2;

1175 filter: Alpha(Opacity=20);

1176 border-radius: 5px;

1177 }