No Description

jquery-ui.css 24KB

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