jquery-ui.css 34 KB

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