You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1736 lines
34 KiB

4 years ago
  1. /*
  2. * jQuery UI CSS Framework
  3. * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
  4. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  5. */
  6. /* Layout helpers
  7. ----------------------------------*/
  8. .ui-helper-hidden {
  9. display: none;
  10. }
  11. .ui-helper-hidden-accessible {
  12. position: absolute;
  13. left: -99999999px;
  14. }
  15. .ui-helper-reset {
  16. margin: 0;
  17. padding: 0;
  18. border: 0;
  19. outline: 0;
  20. line-height: 1.3;
  21. text-decoration: none;
  22. font-size: 100%;
  23. list-style: none;
  24. }
  25. .ui-helper-clearfix:after {
  26. content: ".";
  27. display: block;
  28. height: 0;
  29. clear: both;
  30. visibility: hidden;
  31. }
  32. .ui-helper-clearfix {
  33. display: inline-block;
  34. }
  35. /* required comment for clearfix to work in Opera \*/
  36. * html .ui-helper-clearfix {
  37. height: 1%;
  38. }
  39. .ui-helper-clearfix {
  40. display: block;
  41. }
  42. /* end clearfix */
  43. .ui-helper-zfix {
  44. width: 100%;
  45. height: 100%;
  46. top: 0;
  47. left: 0;
  48. position: absolute;
  49. opacity: 0;
  50. filter: Alpha(Opacity=0);
  51. }
  52. /* Interaction Cues
  53. ----------------------------------*/
  54. .ui-state-disabled {
  55. cursor: default !important;
  56. }
  57. /* Icons
  58. ----------------------------------*/
  59. /* states and images */
  60. .ui-icon {
  61. display: block;
  62. text-indent: -99999px;
  63. overflow: hidden;
  64. background-repeat: no-repeat;
  65. }
  66. /* Misc visuals
  67. ----------------------------------*/
  68. /* Overlays */
  69. .ui-widget-overlay {
  70. position: absolute;
  71. top: 0;
  72. left: 0;
  73. width: 100%;
  74. height: 100%;
  75. }
  76. /*
  77. * jQuery UI CSS Framework
  78. * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
  79. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  80. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
  81. */
  82. /* Component containers
  83. ----------------------------------*/
  84. .ui-widget {
  85. font-family: Verdana,Arial,sans-serif;
  86. font-size: 1.1em;
  87. }
  88. .ui-widget .ui-widget {
  89. font-size: 1em;
  90. }
  91. .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  92. font-family: Verdana,Arial,sans-serif;
  93. font-size: 1em;
  94. }
  95. .ui-widget-content {
  96. border: 1px solid #aaaaaa;
  97. background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  98. color: #222222;
  99. }
  100. .ui-widget-content a {
  101. color: #222222;
  102. }
  103. .ui-widget-header {
  104. border: 1px solid #aaaaaa;
  105. background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  106. color: #222222;
  107. font-weight: bold;
  108. }
  109. .ui-widget-header a {
  110. color: #222222;
  111. }
  112. /* Interaction states
  113. ----------------------------------*/
  114. .ui-state-default, .ui-widget-content .ui-state-default {
  115. border: 1px solid #d3d3d3;
  116. background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  117. font-weight: normal;
  118. color: #555555;
  119. }
  120. .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  121. color: #555555;
  122. text-decoration: none;
  123. }
  124. .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
  125. border: 1px solid #999999;
  126. background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  127. font-weight: normal;
  128. color: #212121;
  129. }
  130. .ui-state-hover a, .ui-state-hover a:hover {
  131. color: #212121;
  132. text-decoration: none;
  133. }
  134. .ui-state-active, .ui-widget-content .ui-state-active {
  135. border: 1px solid #aaaaaa;
  136. background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  137. font-weight: normal;
  138. color: #212121;
  139. }
  140. .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  141. color: #212121;
  142. text-decoration: none;
  143. }
  144. .ui-widget :active {
  145. outline: none;
  146. }
  147. /* Interaction Cues
  148. ----------------------------------*/
  149. .ui-state-highlight, .ui-widget-content .ui-state-highlight {
  150. border: 1px solid #fcefa1;
  151. background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  152. color: #363636;
  153. }
  154. .ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
  155. color: #363636;
  156. }
  157. .ui-state-error, .ui-widget-content .ui-state-error {
  158. border: 1px solid #cd0a0a;
  159. background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  160. color: #cd0a0a;
  161. }
  162. .ui-state-error a, .ui-widget-content .ui-state-error a {
  163. color: #cd0a0a;
  164. }
  165. .ui-state-error-text, .ui-widget-content .ui-state-error-text {
  166. color: #cd0a0a;
  167. }
  168. .ui-priority-primary, .ui-widget-content .ui-priority-primary {
  169. font-weight: bold;
  170. }
  171. .ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
  172. opacity: .7;
  173. filter: Alpha(Opacity=70);
  174. font-weight: normal;
  175. }
  176. .ui-state-disabled, .ui-widget-content .ui-state-disabled {
  177. opacity: .35;
  178. filter: Alpha(Opacity=35);
  179. background-image: none;
  180. }
  181. /* Icons
  182. ----------------------------------*/
  183. /* states and images */
  184. .ui-icon {
  185. width: 16px;
  186. height: 16px;
  187. background-image: url(images/ui-icons_222222_256x240.png);
  188. }
  189. .ui-widget-content .ui-icon {
  190. background-image: url(images/ui-icons_222222_256x240.png);
  191. }
  192. .ui-widget-header .ui-icon {
  193. background-image: url(images/ui-icons_222222_256x240.png);
  194. }
  195. .ui-state-default .ui-icon {
  196. background-image: url(images/ui-icons_888888_256x240.png);
  197. }
  198. .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  199. background-image: url(images/ui-icons_454545_256x240.png);
  200. }
  201. .ui-state-active .ui-icon {
  202. background-image: url(images/ui-icons_454545_256x240.png);
  203. }
  204. .ui-state-highlight .ui-icon {
  205. background-image: url(images/ui-icons_2e83ff_256x240.png);
  206. }
  207. .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  208. background-image: url(images/ui-icons_cd0a0a_256x240.png);
  209. }
  210. /* positioning */
  211. .ui-icon-carat-1-n {
  212. background-position: 0 0;
  213. }
  214. .ui-icon-carat-1-ne {
  215. background-position: -16px 0;
  216. }
  217. .ui-icon-carat-1-e {
  218. background-position: -32px 0;
  219. }
  220. .ui-icon-carat-1-se {
  221. background-position: -48px 0;
  222. }
  223. .ui-icon-carat-1-s {
  224. background-position: -64px 0;
  225. }
  226. .ui-icon-carat-1-sw {
  227. background-position: -80px 0;
  228. }
  229. .ui-icon-carat-1-w {
  230. background-position: -96px 0;
  231. }
  232. .ui-icon-carat-1-nw {
  233. background-position: -112px 0;
  234. }
  235. .ui-icon-carat-2-n-s {
  236. background-position: -128px 0;
  237. }
  238. .ui-icon-carat-2-e-w {
  239. background-position: -144px 0;
  240. }
  241. .ui-icon-triangle-1-n {
  242. background-position: 0 -16px;
  243. }
  244. .ui-icon-triangle-1-ne {
  245. background-position: -16px -16px;
  246. }
  247. .ui-icon-triangle-1-e {
  248. background-position: -32px -16px;
  249. }
  250. .ui-icon-triangle-1-se {
  251. background-position: -48px -16px;
  252. }
  253. .ui-icon-triangle-1-s {
  254. background-position: -64px -16px;
  255. }
  256. .ui-icon-triangle-1-sw {
  257. background-position: -80px -16px;
  258. }
  259. .ui-icon-triangle-1-w {
  260. background-position: -96px -16px;
  261. }
  262. .ui-icon-triangle-1-nw {
  263. background-position: -112px -16px;
  264. }
  265. .ui-icon-triangle-2-n-s {
  266. background-position: -128px -16px;
  267. }
  268. .ui-icon-triangle-2-e-w {
  269. background-position: -144px -16px;
  270. }
  271. .ui-icon-arrow-1-n {
  272. background-position: 0 -32px;
  273. }
  274. .ui-icon-arrow-1-ne {
  275. background-position: -16px -32px;
  276. }
  277. .ui-icon-arrow-1-e {
  278. background-position: -32px -32px;
  279. }
  280. .ui-icon-arrow-1-se {
  281. background-position: -48px -32px;
  282. }
  283. .ui-icon-arrow-1-s {
  284. background-position: -64px -32px;
  285. }
  286. .ui-icon-arrow-1-sw {
  287. background-position: -80px -32px;
  288. }
  289. .ui-icon-arrow-1-w {
  290. background-position: -96px -32px;
  291. }
  292. .ui-icon-arrow-1-nw {
  293. background-position: -112px -32px;
  294. }
  295. .ui-icon-arrow-2-n-s {
  296. background-position: -128px -32px;
  297. }
  298. .ui-icon-arrow-2-ne-sw {
  299. background-position: -144px -32px;
  300. }
  301. .ui-icon-arrow-2-e-w {
  302. background-position: -160px -32px;
  303. }
  304. .ui-icon-arrow-2-se-nw {
  305. background-position: -176px -32px;
  306. }
  307. .ui-icon-arrowstop-1-n {
  308. background-position: -192px -32px;
  309. }
  310. .ui-icon-arrowstop-1-e {
  311. background-position: -208px -32px;
  312. }
  313. .ui-icon-arrowstop-1-s {
  314. background-position: -224px -32px;
  315. }
  316. .ui-icon-arrowstop-1-w {
  317. background-position: -240px -32px;
  318. }
  319. .ui-icon-arrowthick-1-n {
  320. background-position: 0 -48px;
  321. }
  322. .ui-icon-arrowthick-1-ne {
  323. background-position: -16px -48px;
  324. }
  325. .ui-icon-arrowthick-1-e {
  326. background-position: -32px -48px;
  327. }
  328. .ui-icon-arrowthick-1-se {
  329. background-position: -48px -48px;
  330. }
  331. .ui-icon-arrowthick-1-s {
  332. background-position: -64px -48px;
  333. }
  334. .ui-icon-arrowthick-1-sw {
  335. background-position: -80px -48px;
  336. }
  337. .ui-icon-arrowthick-1-w {
  338. background-position: -96px -48px;
  339. }
  340. .ui-icon-arrowthick-1-nw {
  341. background-position: -112px -48px;
  342. }
  343. .ui-icon-arrowthick-2-n-s {
  344. background-position: -128px -48px;
  345. }
  346. .ui-icon-arrowthick-2-ne-sw {
  347. background-position: -144px -48px;
  348. }
  349. .ui-icon-arrowthick-2-e-w {
  350. background-position: -160px -48px;
  351. }
  352. .ui-icon-arrowthick-2-se-nw {
  353. background-position: -176px -48px;
  354. }
  355. .ui-icon-arrowthickstop-1-n {
  356. background-position: -192px -48px;
  357. }
  358. .ui-icon-arrowthickstop-1-e {
  359. background-position: -208px -48px;
  360. }
  361. .ui-icon-arrowthickstop-1-s {
  362. background-position: -224px -48px;
  363. }
  364. .ui-icon-arrowthickstop-1-w {
  365. background-position: -240px -48px;
  366. }
  367. .ui-icon-arrowreturnthick-1-w {
  368. background-position: 0 -64px;
  369. }
  370. .ui-icon-arrowreturnthick-1-n {
  371. background-position: -16px -64px;
  372. }
  373. .ui-icon-arrowreturnthick-1-e {
  374. background-position: -32px -64px;
  375. }
  376. .ui-icon-arrowreturnthick-1-s {
  377. background-position: -48px -64px;
  378. }
  379. .ui-icon-arrowreturn-1-w {
  380. background-position: -64px -64px;
  381. }
  382. .ui-icon-arrowreturn-1-n {
  383. background-position: -80px -64px;
  384. }
  385. .ui-icon-arrowreturn-1-e {
  386. background-position: -96px -64px;
  387. }
  388. .ui-icon-arrowreturn-1-s {
  389. background-position: -112px -64px;
  390. }
  391. .ui-icon-arrowrefresh-1-w {
  392. background-position: -128px -64px;
  393. }
  394. .ui-icon-arrowrefresh-1-n {
  395. background-position: -144px -64px;
  396. }
  397. .ui-icon-arrowrefresh-1-e {
  398. background-position: -160px -64px;
  399. }
  400. .ui-icon-arrowrefresh-1-s {
  401. background-position: -176px -64px;
  402. }
  403. .ui-icon-arrow-4 {
  404. background-position: 0 -80px;
  405. }
  406. .ui-icon-arrow-4-diag {
  407. background-position: -16px -80px;
  408. }
  409. .ui-icon-extlink {
  410. background-position: -32px -80px;
  411. }
  412. .ui-icon-newwin {
  413. background-position: -48px -80px;
  414. }
  415. .ui-icon-refresh {
  416. background-position: -64px -80px;
  417. }
  418. .ui-icon-shuffle {
  419. background-position: -80px -80px;
  420. }
  421. .ui-icon-transfer-e-w {
  422. background-position: -96px -80px;
  423. }
  424. .ui-icon-transferthick-e-w {
  425. background-position: -112px -80px;
  426. }
  427. .ui-icon-folder-collapsed {
  428. background-position: 0 -96px;
  429. }
  430. .ui-icon-folder-open {
  431. background-position: -16px -96px;
  432. }
  433. .ui-icon-document {
  434. background-position: -32px -96px;
  435. }
  436. .ui-icon-document-b {
  437. background-position: -48px -96px;
  438. }
  439. .ui-icon-note {
  440. background-position: -64px -96px;
  441. }
  442. .ui-icon-mail-closed {
  443. background-position: -80px -96px;
  444. }
  445. .ui-icon-mail-open {
  446. background-position: -96px -96px;
  447. }
  448. .ui-icon-suitcase {
  449. background-position: -112px -96px;
  450. }
  451. .ui-icon-comment {
  452. background-position: -128px -96px;
  453. }
  454. .ui-icon-person {
  455. background-position: -144px -96px;
  456. }
  457. .ui-icon-print {
  458. background-position: -160px -96px;
  459. }
  460. .ui-icon-trash {
  461. background-position: -176px -96px;
  462. }
  463. .ui-icon-locked {
  464. background-position: -192px -96px;
  465. }
  466. .ui-icon-unlocked {
  467. background-position: -208px -96px;
  468. }
  469. .ui-icon-bookmark {
  470. background-position: -224px -96px;
  471. }
  472. .ui-icon-tag {
  473. background-position: -240px -96px;
  474. }
  475. .ui-icon-home {
  476. background-position: 0 -112px;
  477. }
  478. .ui-icon-flag {
  479. background-position: -16px -112px;
  480. }
  481. .ui-icon-calendar {
  482. background-position: -32px -112px;
  483. }
  484. .ui-icon-cart {
  485. background-position: -48px -112px;
  486. }
  487. .ui-icon-pencil {
  488. background-position: -64px -112px;
  489. }
  490. .ui-icon-clock {
  491. background-position: -80px -112px;
  492. }
  493. .ui-icon-disk {
  494. background-position: -96px -112px;
  495. }
  496. .ui-icon-calculator {
  497. background-position: -112px -112px;
  498. }
  499. .ui-icon-zoomin {
  500. background-position: -128px -112px;
  501. }
  502. .ui-icon-zoomout {
  503. background-position: -144px -112px;
  504. }
  505. .ui-icon-search {
  506. background-position: -160px -112px;
  507. }
  508. .ui-icon-wrench {
  509. background-position: -176px -112px;
  510. }
  511. .ui-icon-gear {
  512. background-position: -192px -112px;
  513. }
  514. .ui-icon-heart {
  515. background-position: -208px -112px;
  516. }
  517. .ui-icon-star {
  518. background-position: -224px -112px;
  519. }
  520. .ui-icon-link {
  521. background-position: -240px -112px;
  522. }
  523. .ui-icon-cancel {
  524. background-position: 0 -128px;
  525. }
  526. .ui-icon-plus {
  527. background-position: -16px -128px;
  528. }
  529. .ui-icon-plusthick {
  530. background-position: -32px -128px;
  531. }
  532. .ui-icon-minus {
  533. background-position: -48px -128px;
  534. }
  535. .ui-icon-minusthick {
  536. background-position: -64px -128px;
  537. }
  538. .ui-icon-close {
  539. background-position: -80px -128px;
  540. }
  541. .ui-icon-closethick {
  542. background-position: -96px -128px;
  543. }
  544. .ui-icon-key {
  545. background-position: -112px -128px;
  546. }
  547. .ui-icon-lightbulb {
  548. background-position: -128px -128px;
  549. }
  550. .ui-icon-scissors {
  551. background-position: -144px -128px;
  552. }
  553. .ui-icon-clipboard {
  554. background-position: -160px -128px;
  555. }
  556. .ui-icon-copy {
  557. background-position: -176px -128px;
  558. }
  559. .ui-icon-contact {
  560. background-position: -192px -128px;
  561. }
  562. .ui-icon-image {
  563. background-position: -208px -128px;
  564. }
  565. .ui-icon-video {
  566. background-position: -224px -128px;
  567. }
  568. .ui-icon-script {
  569. background-position: -240px -128px;
  570. }
  571. .ui-icon-alert {
  572. background-position: 0 -144px;
  573. }
  574. .ui-icon-info {
  575. background-position: -16px -144px;
  576. }
  577. .ui-icon-notice {
  578. background-position: -32px -144px;
  579. }
  580. .ui-icon-help {
  581. background-position: -48px -144px;
  582. }
  583. .ui-icon-check {
  584. background-position: -64px -144px;
  585. }
  586. .ui-icon-bullet {
  587. background-position: -80px -144px;
  588. }
  589. .ui-icon-radio-off {
  590. background-position: -96px -144px;
  591. }
  592. .ui-icon-radio-on {
  593. background-position: -112px -144px;
  594. }
  595. .ui-icon-pin-w {
  596. background-position: -128px -144px;
  597. }
  598. .ui-icon-pin-s {
  599. background-position: -144px -144px;
  600. }
  601. .ui-icon-play {
  602. background-position: 0 -160px;
  603. }
  604. .ui-icon-pause {
  605. background-position: -16px -160px;
  606. }
  607. .ui-icon-seek-next {
  608. background-position: -32px -160px;
  609. }
  610. .ui-icon-seek-prev {
  611. background-position: -48px -160px;
  612. }
  613. .ui-icon-seek-end {
  614. background-position: -64px -160px;
  615. }
  616. .ui-icon-seek-start {
  617. background-position: -80px -160px;
  618. }
  619. /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  620. .ui-icon-seek-first {
  621. background-position: -80px -160px;
  622. }
  623. .ui-icon-stop {
  624. background-position: -96px -160px;
  625. }
  626. .ui-icon-eject {
  627. background-position: -112px -160px;
  628. }
  629. .ui-icon-volume-off {
  630. background-position: -128px -160px;
  631. }
  632. .ui-icon-volume-on {
  633. background-position: -144px -160px;
  634. }
  635. .ui-icon-power {
  636. background-position: 0 -176px;
  637. }
  638. .ui-icon-signal-diag {
  639. background-position: -16px -176px;
  640. }
  641. .ui-icon-signal {
  642. background-position: -32px -176px;
  643. }
  644. .ui-icon-battery-0 {
  645. background-position: -48px -176px;
  646. }
  647. .ui-icon-battery-1 {
  648. background-position: -64px -176px;
  649. }
  650. .ui-icon-battery-2 {
  651. background-position: -80px -176px;
  652. }
  653. .ui-icon-battery-3 {
  654. background-position: -96px -176px;
  655. }
  656. .ui-icon-circle-plus {
  657. background-position: 0 -192px;
  658. }
  659. .ui-icon-circle-minus {
  660. background-position: -16px -192px;
  661. }
  662. .ui-icon-circle-close {
  663. background-position: -32px -192px;
  664. }
  665. .ui-icon-circle-triangle-e {
  666. background-position: -48px -192px;
  667. }
  668. .ui-icon-circle-triangle-s {
  669. background-position: -64px -192px;
  670. }
  671. .ui-icon-circle-triangle-w {
  672. background-position: -80px -192px;
  673. }
  674. .ui-icon-circle-triangle-n {
  675. background-position: -96px -192px;
  676. }
  677. .ui-icon-circle-arrow-e {
  678. background-position: -112px -192px;
  679. }
  680. .ui-icon-circle-arrow-s {
  681. background-position: -128px -192px;
  682. }
  683. .ui-icon-circle-arrow-w {
  684. background-position: -144px -192px;
  685. }
  686. .ui-icon-circle-arrow-n {
  687. background-position: -160px -192px;
  688. }
  689. .ui-icon-circle-zoomin {
  690. background-position: -176px -192px;
  691. }
  692. .ui-icon-circle-zoomout {
  693. background-position: -192px -192px;
  694. }
  695. .ui-icon-circle-check {
  696. background-position: -208px -192px;
  697. }
  698. .ui-icon-circlesmall-plus {
  699. background-position: 0 -208px;
  700. }
  701. .ui-icon-circlesmall-minus {
  702. background-position: -16px -208px;
  703. }
  704. .ui-icon-circlesmall-close {
  705. background-position: -32px -208px;
  706. }
  707. .ui-icon-squaresmall-plus {
  708. background-position: -48px -208px;
  709. }
  710. .ui-icon-squaresmall-minus {
  711. background-position: -64px -208px;
  712. }
  713. .ui-icon-squaresmall-close {
  714. background-position: -80px -208px;
  715. }
  716. .ui-icon-grip-dotted-vertical {
  717. background-position: 0 -224px;
  718. }
  719. .ui-icon-grip-dotted-horizontal {
  720. background-position: -16px -224px;
  721. }
  722. .ui-icon-grip-solid-vertical {
  723. background-position: -32px -224px;
  724. }
  725. .ui-icon-grip-solid-horizontal {
  726. background-position: -48px -224px;
  727. }
  728. .ui-icon-gripsmall-diagonal-se {
  729. background-position: -64px -224px;
  730. }
  731. .ui-icon-grip-diagonal-se {
  732. background-position: -80px -224px;
  733. }
  734. /* Misc visuals
  735. ----------------------------------*/
  736. /* Corner radius */
  737. .ui-corner-tl {
  738. -moz-border-radius-topleft: 4px;
  739. -webkit-border-top-left-radius: 4px;
  740. border-top-left-radius: 4px;
  741. }
  742. .ui-corner-tr {
  743. -moz-border-radius-topright: 4px;
  744. -webkit-border-top-right-radius: 4px;
  745. border-top-right-radius: 4px;
  746. }
  747. .ui-corner-bl {
  748. -moz-border-radius-bottomleft: 4px;
  749. -webkit-border-bottom-left-radius: 4px;
  750. border-bottom-left-radius: 4px;
  751. }
  752. .ui-corner-br {
  753. -moz-border-radius-bottomright: 4px;
  754. -webkit-border-bottom-right-radius: 4px;
  755. border-bottom-right-radius: 4px;
  756. }
  757. .ui-corner-top {
  758. -moz-border-radius-topleft: 4px;
  759. -webkit-border-top-left-radius: 4px;
  760. border-top-left-radius: 4px;
  761. -moz-border-radius-topright: 4px;
  762. -webkit-border-top-right-radius: 4px;
  763. border-top-right-radius: 4px;
  764. }
  765. .ui-corner-bottom {
  766. -moz-border-radius-bottomleft: 4px;
  767. -webkit-border-bottom-left-radius: 4px;
  768. border-bottom-left-radius: 4px;
  769. -moz-border-radius-bottomright: 4px;
  770. -webkit-border-bottom-right-radius: 4px;
  771. border-bottom-right-radius: 4px;
  772. }
  773. .ui-corner-right {
  774. -moz-border-radius-topright: 4px;
  775. -webkit-border-top-right-radius: 4px;
  776. border-top-right-radius: 4px;
  777. -moz-border-radius-bottomright: 4px;
  778. -webkit-border-bottom-right-radius: 4px;
  779. border-bottom-right-radius: 4px;
  780. }
  781. .ui-corner-left {
  782. -moz-border-radius-topleft: 4px;
  783. -webkit-border-top-left-radius: 4px;
  784. border-top-left-radius: 4px;
  785. -moz-border-radius-bottomleft: 4px;
  786. -webkit-border-bottom-left-radius: 4px;
  787. border-bottom-left-radius: 4px;
  788. }
  789. .ui-corner-all {
  790. -moz-border-radius: 4px;
  791. -webkit-border-radius: 4px;
  792. border-radius: 4px;
  793. }
  794. /* Overlays */
  795. .ui-widget-overlay {
  796. background: #aaaaaa 50% 50% repeat-x;
  797. opacity: .30;
  798. filter: Alpha(Opacity=30);
  799. }
  800. .ui-widget-shadow {
  801. margin: -8px 0 0 -8px;
  802. padding: 8px;
  803. background: #aaaaaa 50% 50% repeat-x;
  804. opacity: .30;
  805. filter: Alpha(Opacity=30);
  806. -moz-border-radius: 8px;
  807. -webkit-border-radius: 8px;
  808. border-radius: 8px;
  809. }
  810. /* Accordion
  811. ----------------------------------*/
  812. .ui-accordion .ui-accordion-header {
  813. cursor: pointer;
  814. position: relative;
  815. margin-top: 1px;
  816. zoom: 1;
  817. }
  818. .ui-accordion .ui-accordion-li-fix {
  819. display: inline;
  820. }
  821. .ui-accordion .ui-accordion-header-active {
  822. border-bottom: 0 !important;
  823. }
  824. .ui-accordion .ui-accordion-header a {
  825. display: block;
  826. font-size: 1em;
  827. padding: .5em .5em .5em .7em;
  828. }
  829. .ui-accordion-icons .ui-accordion-header a {
  830. padding-left: 2.2em;
  831. }
  832. .ui-accordion .ui-accordion-header .ui-icon {
  833. position: absolute;
  834. left: .5em;
  835. top: 50%;
  836. margin-top: -8px;
  837. }
  838. .ui-accordion .ui-accordion-content {
  839. padding: 1em 2.2em;
  840. border-top: 0;
  841. margin-top: -2px;
  842. position: relative;
  843. top: 1px;
  844. margin-bottom: 2px;
  845. overflow: auto;
  846. display: none;
  847. zoom: 1;
  848. }
  849. .ui-accordion .ui-accordion-content-active {
  850. display: block;
  851. }
  852. /* Autocomplete
  853. ----------------------------------*/
  854. .ui-autocomplete-menu {
  855. position: absolute;
  856. cursor: default;
  857. }
  858. .ui-autocomplete-loading {
  859. background: white url('images/ui-anim.basic.16x16.gif') right center no-repeat;
  860. }
  861. .ui-autocomplete-over {
  862. background-color: #0A246A;
  863. color: white;
  864. }
  865. /* Menu
  866. ----------------------------------*/
  867. .ui-menu {
  868. list-style: none;
  869. padding: 2px;
  870. margin: 0;
  871. display: block;
  872. }
  873. .ui-menu .ui-menu {
  874. margin-top: -3px;
  875. }
  876. .ui-menu .ui-menu-item {
  877. margin: 0;
  878. padding: 0;
  879. width: 100%;
  880. }
  881. .ui-menu .ui-menu-item a {
  882. text-decoration: none;
  883. display: block;
  884. padding: .2em .4em;
  885. line-height: 1.5;
  886. }
  887. .ui-menu .ui-menu-item a.ui-state-hover,
  888. .ui-menu .ui-menu-item a.ui-state-active {
  889. margin: -1px;
  890. }
  891. /* Button
  892. ----------------------------------*/
  893. .ui-button {
  894. display: inline-block;
  895. position: relative;
  896. padding: 0;
  897. margin-right: .1em;
  898. text-decoration: none !important;
  899. cursor: pointer;
  900. text-align: center;
  901. zoom: 1;
  902. overflow: visible;
  903. }
  904. /* the overflow property removes extra width in IE */
  905. .ui-button-icon-only {
  906. width: 2.2em;
  907. }
  908. /* to make room for the icon, a width needs to be set here */
  909. button.ui-button-icon-only {
  910. width: 2.4em;
  911. }
  912. /* button elements seem to need a little more width */
  913. .ui-button-icons-only {
  914. width: 3em;
  915. }
  916. button.ui-button-icons-only {
  917. width: 3.2em;
  918. }
  919. /*button text element */
  920. .ui-button .ui-button-text {
  921. display: block;
  922. line-height: 1.4;
  923. }
  924. .ui-button-text-only .ui-button-text {
  925. padding: .4em 1em;
  926. }
  927. .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  928. padding: .4em;
  929. text-indent: -9999999px;
  930. }
  931. .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text {
  932. padding: .4em 1em .4em 1.8em;
  933. }
  934. .ui-button-text-icons .ui-button-text {
  935. padding-right: 1.8em;
  936. }
  937. /* no icon support for input elements, provide padding by default */
  938. input.ui-button {
  939. padding: .4em 1em;
  940. }
  941. /*button icon element(s) */
  942. .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  943. position: absolute;
  944. top: 50%;
  945. margin-top: -8px;
  946. }
  947. .ui-button-icon-only .ui-icon {
  948. left: 50%;
  949. margin-left: -8px;
  950. }
  951. .ui-button-text-icon .ui-icon-primary, .ui-button-text-icons .ui-icon-primary, .ui-button-icons-only .ui-icon-primary {
  952. left: .5em;
  953. }
  954. .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  955. right: .5em;
  956. }
  957. /*button sets*/
  958. .ui-button-set {
  959. margin-right: 7px;
  960. }
  961. .ui-button-set .ui-button {
  962. margin-left: 0;
  963. margin-right: -.3em;
  964. }
  965. /* workarounds */
  966. button.ui-button::-moz-focus-inner {
  967. border: 0;
  968. padding: 0;
  969. }
  970. /* reset extra padding in Firefox */
  971. /* Datepicker
  972. ----------------------------------*/
  973. .ui-datepicker {
  974. width: 17em;
  975. padding: .2em .2em 0;
  976. }
  977. .ui-datepicker .ui-datepicker-header {
  978. position: relative;
  979. padding: .2em 0;
  980. }
  981. .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  982. position: absolute;
  983. top: 2px;
  984. width: 1.8em;
  985. height: 1.8em;
  986. }
  987. .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  988. top: 1px;
  989. }
  990. .ui-datepicker .ui-datepicker-prev {
  991. left: 2px;
  992. }
  993. .ui-datepicker .ui-datepicker-next {
  994. right: 2px;
  995. }
  996. .ui-datepicker .ui-datepicker-prev-hover {
  997. left: 1px;
  998. }
  999. .ui-datepicker .ui-datepicker-next-hover {
  1000. right: 1px;
  1001. }
  1002. .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  1003. display: block;
  1004. position: absolute;
  1005. left: 50%;
  1006. margin-left: -8px;
  1007. top: 50%;
  1008. margin-top: -8px;
  1009. }
  1010. .ui-datepicker .ui-datepicker-title {
  1011. margin: 0 2.3em;
  1012. line-height: 1.8em;
  1013. text-align: center;
  1014. }
  1015. .ui-datepicker .ui-datepicker-title select {
  1016. font-size: 1em;
  1017. margin: 1px 0;
  1018. }
  1019. .ui-datepicker select.ui-datepicker-month-year {
  1020. width: 100%;
  1021. }
  1022. .ui-datepicker select.ui-datepicker-month,
  1023. .ui-datepicker select.ui-datepicker-year {
  1024. width: 49%;
  1025. }
  1026. .ui-datepicker table {
  1027. width: 100%;
  1028. font-size: .9em;
  1029. border-collapse: collapse;
  1030. margin: 0 0 .4em;
  1031. }
  1032. .ui-datepicker th {
  1033. padding: .7em .3em;
  1034. text-align: center;
  1035. font-weight: bold;
  1036. border: 0;
  1037. }
  1038. .ui-datepicker td {
  1039. border: 0;
  1040. padding: 1px;
  1041. }
  1042. .ui-datepicker td span, .ui-datepicker td a {
  1043. display: block;
  1044. padding: .2em;
  1045. text-align: right;
  1046. text-decoration: none;
  1047. }
  1048. .ui-datepicker .ui-datepicker-buttonpane {
  1049. background-image: none;
  1050. margin: .7em 0 0 0;
  1051. padding: 0 .2em;
  1052. border-left: 0;
  1053. border-right: 0;
  1054. border-bottom: 0;
  1055. }
  1056. .ui-datepicker .ui-datepicker-buttonpane button {
  1057. float: right;
  1058. margin: .5em .2em .4em;
  1059. cursor: pointer;
  1060. padding: .2em .6em .3em .6em;
  1061. width: auto;
  1062. overflow: visible;
  1063. }
  1064. .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  1065. float: left;
  1066. }
  1067. /* with multiple calendars */
  1068. .ui-datepicker.ui-datepicker-multi {
  1069. width: auto;
  1070. }
  1071. .ui-datepicker-multi .ui-datepicker-group {
  1072. float: left;
  1073. }
  1074. .ui-datepicker-multi .ui-datepicker-group table {
  1075. width: 95%;
  1076. margin: 0 auto .4em;
  1077. }
  1078. .ui-datepicker-multi-2 .ui-datepicker-group {
  1079. width: 50%;
  1080. }
  1081. .ui-datepicker-multi-3 .ui-datepicker-group {
  1082. width: 33.3%;
  1083. }
  1084. .ui-datepicker-multi-4 .ui-datepicker-group {
  1085. width: 25%;
  1086. }
  1087. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  1088. border-left-width: 0;
  1089. }
  1090. .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  1091. border-left-width: 0;
  1092. }
  1093. .ui-datepicker-multi .ui-datepicker-buttonpane {
  1094. clear: left;
  1095. }
  1096. .ui-datepicker-row-break {
  1097. clear: both;
  1098. width: 100%;
  1099. }
  1100. /* RTL support */
  1101. .ui-datepicker-rtl {
  1102. direction: rtl;
  1103. }
  1104. .ui-datepicker-rtl .ui-datepicker-prev {
  1105. right: 2px;
  1106. left: auto;
  1107. }
  1108. .ui-datepicker-rtl .ui-datepicker-next {
  1109. left: 2px;
  1110. right: auto;
  1111. }
  1112. .ui-datepicker-rtl .ui-datepicker-prev:hover {
  1113. right: 1px;
  1114. left: auto;
  1115. }
  1116. .ui-datepicker-rtl .ui-datepicker-next:hover {
  1117. left: 1px;
  1118. right: auto;
  1119. }
  1120. .ui-datepicker-rtl .ui-datepicker-buttonpane {
  1121. clear: right;
  1122. }
  1123. .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  1124. float: left;
  1125. }
  1126. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  1127. float: right;
  1128. }
  1129. .ui-datepicker-rtl .ui-datepicker-group {
  1130. float: right;
  1131. }
  1132. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  1133. border-right-width: 0;
  1134. border-left-width: 1px;
  1135. }
  1136. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  1137. border-right-width: 0;
  1138. border-left-width: 1px;
  1139. }
  1140. /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
  1141. .ui-datepicker-cover {
  1142. display: none; /*sorry for IE5*/
  1143. display /**/: block; /*sorry for IE5*/
  1144. position: absolute; /*must have*/
  1145. z-index: -1; /*must have*/
  1146. filter: mask(); /*must have*/
  1147. top: -4px; /*must have*/
  1148. left: -4px; /*must have*/
  1149. width: 200px; /*must have*/
  1150. height: 200px; /*must have*/
  1151. }
  1152. /* Dialog
  1153. ----------------------------------*/
  1154. .ui-dialog {
  1155. position: absolute;
  1156. padding: .2em;
  1157. width: 300px;
  1158. overflow: hidden;
  1159. }
  1160. .ui-dialog .ui-dialog-titlebar {
  1161. padding: .5em 1em .3em;
  1162. position: relative;
  1163. }
  1164. .ui-dialog .ui-dialog-title {
  1165. float: left;
  1166. margin: .1em 16px .2em 0;
  1167. }
  1168. .ui-dialog .ui-dialog-titlebar-close {
  1169. position: absolute;
  1170. right: .3em;
  1171. top: 50%;
  1172. width: 19px;
  1173. margin: -10px 0 0 0;
  1174. padding: 1px;
  1175. height: 18px;
  1176. }
  1177. .ui-dialog .ui-dialog-titlebar-close span {
  1178. display: block;
  1179. margin: 1px;
  1180. }
  1181. .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  1182. padding: 0;
  1183. }
  1184. .ui-dialog .ui-dialog-content {
  1185. position: relative;
  1186. border: 0;
  1187. padding: .5em 1em;
  1188. background: none;
  1189. overflow: auto;
  1190. zoom: 1;
  1191. }
  1192. .ui-dialog .ui-dialog-buttonpane {
  1193. text-align: left;
  1194. border-width: 1px 0 0 0;
  1195. background-image: none;
  1196. margin: .5em 0 0 0;
  1197. padding: .3em 1em .5em .4em;
  1198. }
  1199. .ui-dialog .ui-dialog-buttonpane button {
  1200. float: right;
  1201. margin: .5em .4em .5em 0;
  1202. cursor: pointer;
  1203. padding: .2em .6em .3em .6em;
  1204. line-height: 1.4em;
  1205. width: auto;
  1206. overflow: visible;
  1207. }
  1208. .ui-dialog .ui-resizable-se {
  1209. width: 14px;
  1210. height: 14px;
  1211. right: 3px;
  1212. bottom: 3px;
  1213. }
  1214. .ui-draggable .ui-dialog-titlebar {
  1215. cursor: move;
  1216. }
  1217. /* Progressbar
  1218. ----------------------------------*/
  1219. .ui-progressbar {
  1220. height: 2em;
  1221. text-align: left;
  1222. }
  1223. .ui-progressbar .ui-progressbar-value {
  1224. margin: -1px;
  1225. height: 100%;
  1226. }
  1227. /* Resizable
  1228. ----------------------------------*/
  1229. .ui-resizable {
  1230. position: relative;
  1231. }
  1232. .ui-resizable-handle {
  1233. position: absolute;
  1234. font-size: 0.1px;
  1235. z-index: 99999;
  1236. display: block;
  1237. }
  1238. .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  1239. display: none;
  1240. }
  1241. .ui-resizable-n {
  1242. cursor: n-resize;
  1243. height: 7px;
  1244. width: 100%;
  1245. top: -5px;
  1246. left: 0;
  1247. }
  1248. .ui-resizable-s {
  1249. cursor: s-resize;
  1250. height: 7px;
  1251. width: 100%;
  1252. bottom: -5px;
  1253. left: 0;
  1254. }
  1255. .ui-resizable-e {
  1256. cursor: e-resize;
  1257. width: 7px;
  1258. right: -5px;
  1259. top: 0;
  1260. height: 100%;
  1261. }
  1262. .ui-resizable-w {
  1263. cursor: w-resize;
  1264. width: 7px;
  1265. left: -5px;
  1266. top: 0;
  1267. height: 100%;
  1268. }
  1269. .ui-resizable-se {
  1270. cursor: se-resize;
  1271. width: 12px;
  1272. height: 12px;
  1273. right: 1px;
  1274. bottom: 1px;
  1275. }
  1276. .ui-resizable-sw {
  1277. cursor: sw-resize;
  1278. width: 9px;
  1279. height: 9px;
  1280. left: -5px;
  1281. bottom: -5px;
  1282. }
  1283. .ui-resizable-nw {
  1284. cursor: nw-resize;
  1285. width: 9px;
  1286. height: 9px;
  1287. left: -5px;
  1288. top: -5px;
  1289. }
  1290. .ui-resizable-ne {
  1291. cursor: ne-resize;
  1292. width: 9px;
  1293. height: 9px;
  1294. right: -5px;
  1295. top: -5px;
  1296. }
  1297. /* Slider
  1298. ----------------------------------*/
  1299. .ui-slider {
  1300. position: relative;
  1301. text-align: left;
  1302. }
  1303. .ui-slider .ui-slider-handle {
  1304. position: absolute;
  1305. z-index: 2;
  1306. width: 1.2em;
  1307. height: 1.2em;
  1308. cursor: default;
  1309. }
  1310. .ui-slider .ui-slider-range {
  1311. position: absolute;
  1312. z-index: 1;
  1313. font-size: .7em;
  1314. display: block;
  1315. border: 0;
  1316. background-position: 0 0;
  1317. }
  1318. .ui-slider-horizontal {
  1319. height: .8em;
  1320. }
  1321. .ui-slider-horizontal .ui-slider-handle {
  1322. top: -.3em;
  1323. margin-left: -.6em;
  1324. }
  1325. .ui-slider-horizontal .ui-slider-range {
  1326. top: 0;
  1327. height: 100%;
  1328. }
  1329. .ui-slider-horizontal .ui-slider-range-min {
  1330. left: 0;
  1331. }
  1332. .ui-slider-horizontal .ui-slider-range-max {
  1333. right: 0;
  1334. }
  1335. .ui-slider-vertical {
  1336. width: .8em;
  1337. height: 100px;
  1338. }
  1339. .ui-slider-vertical .ui-slider-handle {
  1340. left: -.3em;
  1341. margin-left: 0;
  1342. margin-bottom: -.6em;
  1343. }
  1344. .ui-slider-vertical .ui-slider-range {
  1345. left: 0;
  1346. width: 100%;
  1347. }
  1348. .ui-slider-vertical .ui-slider-range-min {
  1349. bottom: 0;
  1350. }
  1351. .ui-slider-vertical .ui-slider-range-max {
  1352. top: 0;
  1353. }
  1354. /* Tabs
  1355. ----------------------------------*/
  1356. .ui-tabs {
  1357. position: relative;
  1358. padding: .2em;
  1359. zoom: 1;
  1360. }
  1361. /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  1362. .ui-tabs .ui-tabs-nav {
  1363. margin: 0;
  1364. padding: .2em .2em 0;
  1365. }
  1366. .ui-tabs .ui-tabs-nav li {
  1367. list-style: none;
  1368. float: left;
  1369. position: relative;
  1370. top: 1px;
  1371. margin: 0 .2em 1px 0;
  1372. border-bottom: 0 !important;
  1373. padding: 0;
  1374. white-space: nowrap;
  1375. }
  1376. .ui-tabs .ui-tabs-nav li a {
  1377. float: left;
  1378. padding: .5em 1em;
  1379. text-decoration: none;
  1380. }
  1381. .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  1382. margin-bottom: 0;
  1383. padding-bottom: 1px;
  1384. }
  1385. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  1386. cursor: text;
  1387. }
  1388. .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  1389. cursor: pointer;
  1390. }
  1391. /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  1392. .ui-tabs .ui-tabs-panel {
  1393. display: block;
  1394. border: 0;
  1395. padding: 1em 1.4em;
  1396. background: none;
  1397. }
  1398. .ui-tabs .ui-tabs-hide {
  1399. display: none !important;
  1400. }