CSS 5
Jquery.mobile-1.2.0.css Guest on 17th October 2020 01:07:06 AM
  1. /*
  2. * jQuery Mobile Framework Git Build: SHA1: c2d61e2e592c67519d9a9ed0ba796fa44787e136 <> Date: Tue Sep 25 10:38:12 2012 -0700
  3. * http://jquerymobile.com
  4. *
  5. * Copyright 2012 jQuery Foundation and other contributors
  6. * Released under the MIT license.
  7. * http://jquery.org/license
  8. *
  9. */
  10.  
  11.  
  12. /* Swatches */
  13. /* A
  14. -----------------------------------------------------------------------------------------------------------*/
  15. .ui-bar-a {
  16.         border: 1px solid               #333 /*{a-bar-border}*/;
  17.         background:                     #111 /*{a-bar-background-color}*/;
  18.         color:                                  #fff /*{a-bar-color}*/;
  19.         font-weight: bold;
  20.         text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
  21.         background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  22.         background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  23.         background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
  24.         background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
  25.         background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  26.         background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
  27. }
  28. .ui-bar-a,
  29. .ui-bar-a input,
  30. .ui-bar-a select,
  31. .ui-bar-a textarea,
  32. .ui-bar-a button {
  33.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  34. }
  35. .ui-bar-a .ui-link-inherit {
  36.         color: #fff /*{a-bar-color}*/;
  37. }
  38. .ui-bar-a a.ui-link {
  39.         color: #7cc4e7 /*{a-bar-link-color}*/;
  40.         font-weight: bold;
  41. }
  42. .ui-bar-a a.ui-link:visited {
  43.     color: #2489ce /*{a-bar-link-visited}*/;
  44. }
  45. .ui-bar-a a.ui-link:hover {
  46.         color: #2489ce /*{a-bar-link-hover}*/;
  47. }
  48. .ui-bar-a a.ui-link:active {
  49.         color: #2489ce /*{a-bar-link-active}*/;
  50. }
  51. .ui-body-a,
  52. .ui-overlay-a {
  53.         border: 1px solid               #444 /*{a-body-border}*/;
  54.         background:                     #222 /*{a-body-background-color}*/;
  55.         color:                                  #fff /*{a-body-color}*/;
  56.         text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
  57.         font-weight: normal;
  58.         background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  59.         background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  60.         background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
  61.         background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
  62.         background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
  63.         background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);      
  64. }
  65. .ui-overlay-a {
  66.         background-image: none;
  67.         border-width: 0;
  68. }
  69. .ui-body-a,
  70. .ui-body-a input,
  71. .ui-body-a select,
  72. .ui-body-a textarea,
  73. .ui-body-a button {
  74.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  75. }
  76. .ui-body-a .ui-link-inherit {
  77.         color:  #fff /*{a-body-color}*/;
  78. }
  79. .ui-body-a .ui-link {
  80.         color: #2489ce /*{a-body-link-color}*/;
  81.         font-weight: bold;
  82. }
  83. .ui-body-a .ui-link:visited {
  84.     color: #2489ce /*{a-body-link-visited}*/;
  85. }
  86. .ui-body-a .ui-link:hover {
  87.         color: #2489ce /*{a-body-link-hover}*/;
  88. }
  89. .ui-body-a .ui-link:active {
  90.         color: #2489ce /*{a-body-link-active}*/;
  91. }
  92. .ui-btn-up-a {
  93.         border: 1px solid               #111 /*{a-bup-border}*/;
  94.         background:                     #333 /*{a-bup-background-color}*/;
  95.         font-weight: bold;
  96.         color:                                  #fff /*{a-bup-color}*/;
  97.         text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
  98.         background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  99.         background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  100.         background-image:    -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
  101.         background-image:     -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
  102.         background-image:      -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
  103.         background-image:         linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
  104. }
  105. .ui-btn-up-a:visited,
  106. .ui-btn-up-a a.ui-link-inherit {
  107.         color:                                  #fff /*{a-bup-color}*/;
  108. }
  109. .ui-btn-hover-a {
  110.         border: 1px solid               #000 /*{a-bhover-border}*/;
  111.         background:                     #444 /*{a-bhover-background-color}*/;
  112.         font-weight: bold;
  113.         color:                                  #fff /*{a-bhover-color}*/;
  114.         text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
  115.         background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
  116.         background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  117.         background-image:    -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
  118.         background-image:     -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
  119.         background-image:      -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
  120.         background-image:         linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
  121. }
  122. .ui-btn-hover-a:visited,
  123. .ui-btn-hover-a:hover,
  124. .ui-btn-hover-a a.ui-link-inherit {
  125.         color:                                  #fff /*{a-bhover-color}*/;
  126. }
  127. .ui-btn-down-a {
  128.         border: 1px solid               #000 /*{a-bdown-border}*/;
  129.         background:                     #222 /*{a-bdown-background-color}*/;
  130.         font-weight: bold;
  131.         color:                                  #fff /*{a-bdown-color}*/;
  132.         text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
  133.         background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
  134.         background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  135.         background-image:    -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
  136.         background-image:     -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
  137.         background-image:      -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
  138.         background-image:         linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
  139. }
  140. .ui-btn-down-a:visited,
  141. .ui-btn-down-a:hover,
  142. .ui-btn-down-a a.ui-link-inherit {
  143.         color:                                  #fff /*{a-bdown-color}*/;
  144. }
  145. .ui-btn-up-a,
  146. .ui-btn-hover-a,
  147. .ui-btn-down-a {
  148.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  149.         text-decoration: none;
  150. }
  151. /* B
  152. -----------------------------------------------------------------------------------------------------------*/
  153. .ui-bar-b {
  154.         border: 1px solid               #456f9a /*{b-bar-border}*/;
  155.         background:                     #5e87b0 /*{b-bar-background-color}*/;
  156.         color:                                  #fff /*{b-bar-color}*/;
  157.         font-weight: bold;
  158.         text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
  159.         background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
  160.         background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  161.         background-image:    -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
  162.         background-image:     -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
  163.         background-image:      -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
  164.         background-image:         linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
  165. }
  166. .ui-bar-b,
  167. .ui-bar-b input,
  168. .ui-bar-b select,
  169. .ui-bar-b textarea,
  170. .ui-bar-b button {
  171.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  172. }
  173. .ui-bar-b .ui-link-inherit {
  174.         color:  #fff /*{b-bar-color}*/;
  175. }
  176. .ui-bar-b a.ui-link {
  177.         color: #ddf0f8 /*{b-bar-link-color}*/;
  178.         font-weight: bold;
  179. }
  180. .ui-bar-b a.ui-link:visited {
  181.     color: #ddf0f8 /*{b-bar-link-visited}*/;
  182. }
  183. .ui-bar-b a.ui-link:hover {
  184.         color: #ddf0f8 /*{b-bar-link-hover}*/;
  185. }
  186. .ui-bar-b a.ui-link:active {
  187.         color: #ddf0f8 /*{b-bar-link-active}*/;
  188. }
  189. .ui-body-b,
  190. .ui-overlay-b {
  191.         border: 1px solid               #999 /*{b-body-border}*/;
  192.         background:                     #f3f3f3 /*{b-body-background-color}*/;
  193.         color:                                  #222 /*{b-body-color}*/;
  194.         text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
  195.         font-weight: normal;
  196.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
  197.         background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  198.         background-image:    -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
  199.         background-image:     -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
  200.         background-image:      -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
  201.         background-image:         linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
  202. }
  203. .ui-overlay-b {
  204.         background-image: none;
  205.         border-width: 0;
  206. }
  207. .ui-body-b,
  208. .ui-body-b input,
  209. .ui-body-b select,
  210. .ui-body-b textarea,
  211. .ui-body-b button {
  212.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  213. }
  214. .ui-body-b .ui-link-inherit {
  215.         color:  #333 /*{b-body-color}*/;
  216. }
  217. .ui-body-b .ui-link {
  218.         color: #2489ce /*{b-body-link-color}*/;
  219.         font-weight: bold;
  220. }
  221. .ui-body-b .ui-link:visited {
  222.     color: #2489ce /*{b-body-link-visited}*/;
  223. }
  224. .ui-body-b .ui-link:hover {
  225.         color: #2489ce /*{b-body-link-hover}*/;
  226. }
  227. .ui-body-b .ui-link:active {
  228.         color: #2489ce /*{b-body-link-active}*/;
  229. }
  230. .ui-btn-up-b {
  231.         border: 1px solid               #044062 /*{b-bup-border}*/;
  232.         background:                     #396b9e /*{b-bup-background-color}*/;
  233.         font-weight: bold;
  234.         color:                                  #fff /*{b-bup-color}*/;
  235.         text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
  236.         background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
  237.         background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  238.         background-image:    -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
  239.         background-image:     -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
  240.         background-image:      -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
  241.         background-image:         linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
  242. }
  243. .ui-btn-up-b:visited,
  244. .ui-btn-up-b a.ui-link-inherit {
  245.         color:                                  #fff /*{b-bup-color}*/;
  246. }
  247. .ui-btn-hover-b {
  248.         border: 1px solid               #00415e /*{b-bhover-border}*/;
  249.         background:                     #4b88b6 /*{b-bhover-background-color}*/;
  250.         font-weight: bold;
  251.         color:                                  #fff /*{b-bhover-color}*/;
  252.         text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
  253.         background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
  254.         background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  255.         background-image:    -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
  256.         background-image:     -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
  257.         background-image:      -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
  258.         background-image:         linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
  259. }
  260. .ui-btn-hover-b:visited,
  261. .ui-btn-hover-b:hover,
  262. .ui-btn-hover-b a.ui-link-inherit {
  263.         color:                                  #fff /*{b-bhover-color}*/;
  264. }
  265. .ui-btn-down-b {
  266.         border: 1px solid               #225377 /*{b-bdown-border}*/;
  267.         background:                     #4e89c5 /*{b-bdown-background-color}*/;
  268.         font-weight: bold;
  269.         color:                                  #fff /*{b-bdown-color}*/;
  270.         text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
  271.         background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
  272.         background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  273.         background-image:    -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
  274.         background-image:     -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
  275.         background-image:      -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
  276.         background-image:         linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
  277. }
  278. .ui-btn-down-b:visited,
  279. .ui-btn-down-b:hover,
  280. .ui-btn-down-b a.ui-link-inherit {
  281.         color:                                  #fff /*{b-bdown-color}*/;
  282. }
  283. .ui-btn-up-b,
  284. .ui-btn-hover-b,
  285. .ui-btn-down-b {
  286.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  287.         text-decoration: none;
  288. }
  289. /* C
  290. -----------------------------------------------------------------------------------------------------------*/
  291. .ui-bar-c {
  292.         border: 1px solid               #b3b3b3 /*{c-bar-border}*/;
  293.         background:                     #eee /*{c-bar-background-color}*/;
  294.         color:                                  #3e3e3e /*{c-bar-color}*/;
  295.         font-weight: bold;
  296.         text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/      #fff /*{c-bar-shadow-color}*/;
  297.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
  298.         background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  299.         background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
  300.         background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
  301.         background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
  302.         background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
  303. }
  304. .ui-bar-c .ui-link-inherit {
  305.         color:  #3e3e3e /*{c-bar-color}*/;
  306. }
  307. .ui-bar-c a.ui-link {
  308.         color: #7cc4e7 /*{c-bar-link-color}*/;
  309.         font-weight: bold;
  310. }
  311. .ui-bar-c a.ui-link:visited {
  312.     color: #2489ce /*{c-bar-link-visited}*/;
  313. }
  314. .ui-bar-c a.ui-link:hover {
  315.         color: #2489ce /*{c-bar-link-hover}*/;
  316. }
  317. .ui-bar-c a.ui-link:active {
  318.         color: #2489ce /*{c-bar-link-active}*/;
  319. }
  320. .ui-bar-c,
  321. .ui-bar-c input,
  322. .ui-bar-c select,
  323. .ui-bar-c textarea,
  324. .ui-bar-c button {
  325.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  326. }
  327. .ui-body-c,
  328. .ui-overlay-c {
  329.         border: 1px solid               #aaa /*{c-body-border}*/;
  330.         color:                                  #333 /*{c-body-color}*/;
  331.         text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
  332.         background:                     #f9f9f9 /*{c-body-background-color}*/;
  333.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
  334.         background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  335.         background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */
  336.         background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */
  337.         background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */
  338.         background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
  339. }
  340. .ui-overlay-c {
  341.         background-image: none;
  342.         border-width: 0;
  343. }
  344. .ui-body-c,
  345. .ui-body-c input,
  346. .ui-body-c select,
  347. .ui-body-c textarea,
  348. .ui-body-c button {
  349.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  350. }
  351. .ui-body-c .ui-link-inherit {
  352.         color:  #333 /*{c-body-color}*/;
  353. }
  354. .ui-body-c .ui-link {
  355.         color: #2489ce /*{c-body-link-color}*/;
  356.         font-weight: bold;
  357. }
  358. .ui-body-c .ui-link:visited {
  359.     color: #2489ce /*{c-body-link-visited}*/;
  360. }
  361. .ui-body-c .ui-link:hover {
  362.         color: #2489ce /*{c-body-link-hover}*/;
  363. }
  364. .ui-body-c .ui-link:active {
  365.         color: #2489ce /*{c-body-link-active}*/;
  366. }
  367. .ui-btn-up-c {
  368.         border: 1px solid               #ccc /*{c-bup-border}*/;
  369.         background:                     #eee /*{c-bup-background-color}*/;
  370.         font-weight: bold;
  371.         color:                                  #222 /*{c-bup-color}*/;
  372.         text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
  373.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
  374.         background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  375.         background-image:    -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
  376.         background-image:     -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
  377.         background-image:      -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
  378.         background-image:         linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
  379. }
  380. .ui-btn-up-c:visited,
  381. .ui-btn-up-c a.ui-link-inherit {
  382.         color:                                  #2f3e46 /*{c-bup-color}*/;
  383. }
  384. .ui-btn-hover-c {
  385.         border: 1px solid               #bbb /*{c-bhover-border}*/;
  386.         background:                     #dfdfdf /*{c-bhover-background-color}*/;
  387.         font-weight: bold;
  388.         color:                                  #222 /*{c-bhover-color}*/;
  389.         text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
  390.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
  391.         background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  392.         background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
  393.         background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
  394.         background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
  395.         background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
  396. }
  397. .ui-btn-hover-c:visited,
  398. .ui-btn-hover-c:hover,
  399. .ui-btn-hover-c a.ui-link-inherit {
  400.         color:                                  #2f3e46 /*{c-bhover-color}*/;
  401. }
  402. .ui-btn-down-c {
  403.         border: 1px solid               #bbb /*{c-bdown-border}*/;
  404.         background:                     #d6d6d6 /*{c-bdown-background-color}*/;
  405.         font-weight: bold;
  406.         color:                                  #222 /*{c-bdown-color}*/;
  407.         text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
  408.         background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
  409.         background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  410.         background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
  411.         background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
  412.         background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
  413.         background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
  414. }
  415. .ui-btn-down-c:visited,
  416. .ui-btn-down-c:hover,
  417. .ui-btn-down-c a.ui-link-inherit {
  418.         color:                                  #2f3e46 /*{c-bdown-color}*/;
  419. }
  420. .ui-btn-up-c,
  421. .ui-btn-hover-c,
  422. .ui-btn-down-c {
  423.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  424.         text-decoration: none;
  425. }
  426. /* D
  427. -----------------------------------------------------------------------------------------------------------*/
  428. .ui-bar-d {
  429.         border: 1px solid               #bbb /*{d-bar-border}*/;
  430.         background:                     #bbb /*{d-bar-background-color}*/;
  431.         color:                                  #333 /*{d-bar-color}*/;
  432.         font-weight: bold;
  433.         text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
  434.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
  435.         background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  436.         background-image:    -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
  437.         background-image:     -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
  438.         background-image:      -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
  439.         background-image:         linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
  440. }
  441. .ui-bar-d,
  442. .ui-bar-d input,
  443. .ui-bar-d select,
  444. .ui-bar-d textarea,
  445. .ui-bar-d button {
  446.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  447. }
  448. .ui-bar-d .ui-link-inherit {
  449.         color:  #333 /*{d-bar-color}*/;
  450. }
  451. .ui-bar-d a.ui-link {
  452.         color: #2489ce /*{d-bar-link-color}*/;
  453.         font-weight: bold;
  454. }
  455. .ui-bar-d a.ui-link:visited {
  456.     color: #2489ce /*{d-bar-link-visited}*/;
  457. }
  458. .ui-bar-d a.ui-link:hover {
  459.         color: #2489ce /*{d-bar-link-hover}*/;
  460. }
  461. .ui-bar-d a.ui-link:active {
  462.         color: #2489ce /*{d-bar-link-active}*/;
  463. }
  464. .ui-body-d,
  465. .ui-overlay-d {
  466.         border: 1px solid               #bbb /*{d-body-border}*/;
  467.         color:                                  #333 /*{d-body-color}*/;
  468.         text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/     #fff /*{d-body-shadow-color}*/;
  469.         background:                     #fff /*{d-body-background-color}*/;
  470.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
  471.         background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  472.         background-image:    -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
  473.         background-image:     -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
  474.         background-image:      -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
  475.         background-image:         linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
  476. }
  477. .ui-overlay-d {
  478.         background-image: none;
  479.         border-width: 0;
  480. }
  481. .ui-body-d,
  482. .ui-body-d input,
  483. .ui-body-d select,
  484. .ui-body-d textarea,
  485. .ui-body-d button {
  486.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  487. }
  488. .ui-body-d .ui-link-inherit {
  489.         color:  #333 /*{d-body-color}*/;
  490. }
  491. .ui-body-d .ui-link {
  492.         color: #2489ce /*{d-body-link-color}*/;
  493.         font-weight: bold;
  494. }
  495. .ui-body-d .ui-link:visited {
  496.     color: #2489ce /*{d-body-link-visited}*/;
  497. }
  498. .ui-body-d .ui-link:hover {
  499.         color: #2489ce /*{d-body-link-hover}*/;
  500. }
  501. .ui-body-d .ui-link:active {
  502.         color: #2489ce /*{d-body-link-active}*/;
  503. }
  504. .ui-btn-up-d {
  505.         border: 1px solid               #bbb /*{d-bup-border}*/;
  506.         background:                     #fff /*{d-bup-background-color}*/;
  507.         font-weight: bold;
  508.         color:                                  #333 /*{d-bup-color}*/;
  509.         text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
  510.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
  511.         background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  512.         background-image:    -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
  513.         background-image:     -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
  514.         background-image:      -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
  515.         background-image:         linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
  516. }
  517. .ui-btn-up-d:visited,
  518. .ui-btn-up-d a.ui-link-inherit {
  519.         color:                                  #333 /*{d-bup-color}*/;
  520. }
  521. .ui-btn-hover-d {
  522.         border: 1px solid               #aaa /*{d-bhover-border}*/;
  523.         background:                     #eee /*{d-bhover-background-color}*/;
  524.         font-weight: bold;
  525.         color:                                  #333 /*{d-bhover-color}*/;
  526.         cursor: pointer;
  527.         text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/       #fff /*{d-bhover-shadow-color}*/;
  528.         background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
  529.         background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  530.         background-image:    -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
  531.         background-image:     -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
  532.         background-image:      -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
  533.         background-image:         linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
  534. }
  535. .ui-btn-hover-d:visited,
  536. .ui-btn-hover-d:hover,
  537. .ui-btn-hover-d a.ui-link-inherit {
  538.         color:                                  #333 /*{d-bhover-color}*/;
  539. }
  540. .ui-btn-down-d {
  541.         border: 1px solid               #aaa /*{d-bdown-border}*/;
  542.         background:                     #eee /*{d-bdown-background-color}*/;
  543.         font-weight: bold;
  544.         color:                                  #333 /*{d-bdown-color}*/;
  545.         text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/  #fff /*{d-bdown-shadow-color}*/;
  546.         background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
  547.         background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  548.         background-image:    -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
  549.         background-image:     -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
  550.         background-image:      -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
  551.         background-image:         linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
  552. }
  553. .ui-btn-down-d:visited,
  554. .ui-btn-down-d:hover,
  555. .ui-btn-down-d a.ui-link-inherit {
  556.         color:                                  #333 /*{d-bdown-color}*/;
  557. }
  558. .ui-btn-up-d,
  559. .ui-btn-hover-d,
  560. .ui-btn-down-d {
  561.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  562.         text-decoration: none;
  563. }
  564. /* E
  565. -----------------------------------------------------------------------------------------------------------*/
  566. .ui-bar-e {
  567.         border: 1px solid               #f7c942 /*{e-bar-border}*/;
  568.         background:                     #fadb4e /*{e-bar-background-color}*/;
  569.         color:                                  #333 /*{e-bar-color}*/;
  570.         font-weight: bold;
  571.         text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/        #fff /*{e-bar-shadow-color}*/;
  572.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
  573.         background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  574.         background-image:    -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
  575.         background-image:     -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
  576.         background-image:      -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
  577.         background-image:         linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
  578. }
  579. .ui-bar-e,
  580. .ui-bar-e input,
  581. .ui-bar-e select,
  582. .ui-bar-e textarea,
  583. .ui-bar-e button {
  584.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  585. }
  586. .ui-bar-e .ui-link-inherit {
  587.         color:  #333 /*{e-bar-color}*/;
  588. }
  589. .ui-bar-e a.ui-link {
  590.         color: #2489ce /*{e-bar-link-color}*/;
  591.         font-weight: bold;
  592. }
  593. .ui-bar-e a.ui-link:visited {
  594.     color: #2489ce /*{e-bar-link-visited}*/;
  595. }
  596. .ui-bar-e a.ui-link:hover {
  597.         color: #2489ce /*{e-bar-link-hover}*/;
  598. }
  599. .ui-bar-e a.ui-link:active {
  600.         color: #2489ce /*{e-bar-link-active}*/;
  601. }
  602. .ui-body-e,
  603. .ui-overlay-e {
  604.         border: 1px solid               #f7c942 /*{e-body-border}*/;
  605.         color:                                  #222 /*{e-body-color}*/;
  606.         text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/     #fff /*{e-body-shadow-color}*/;
  607.         background:                     #fff9df /*{e-body-background-color}*/;
  608.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
  609.         background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  610.         background-image:    -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
  611.         background-image:     -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
  612.         background-image:      -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
  613.         background-image:         linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
  614. }
  615. .ui-overlay-e {
  616.         background-image: none;
  617.         border-width: 0;
  618. }
  619. .ui-body-e,
  620. .ui-body-e input,
  621. .ui-body-e select,
  622. .ui-body-e textarea,
  623. .ui-body-e button {
  624.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  625. }
  626. .ui-body-e .ui-link-inherit {
  627.         color:  #222 /*{e-body-color}*/;
  628. }
  629. .ui-body-e .ui-link {
  630.         color: #2489ce /*{e-body-link-color}*/;
  631.         font-weight: bold;
  632. }
  633. .ui-body-e .ui-link:visited {
  634.     color: #2489ce /*{e-body-link-visited}*/;
  635. }
  636. .ui-body-e .ui-link:hover {
  637.         color: #2489ce /*{e-body-link-hover}*/;
  638. }
  639. .ui-body-e .ui-link:active {
  640.         color: #2489ce /*{e-body-link-active}*/;
  641. }
  642. .ui-btn-up-e {
  643.         border: 1px solid               #f4c63f /*{e-bup-border}*/;
  644.         background:                     #fadb4e /*{e-bup-background-color}*/;
  645.         font-weight: bold;
  646.         color:                                  #222 /*{e-bup-color}*/;
  647.         text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/        #fff /*{e-bup-shadow-color}*/;
  648.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
  649.         background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  650.         background-image:    -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
  651.         background-image:     -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
  652.         background-image:      -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
  653.         background-image:         linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
  654. }
  655. .ui-btn-up-e:visited,
  656. .ui-btn-up-e a.ui-link-inherit {
  657.         color:                                  #222 /*{e-bup-color}*/;
  658. }
  659. .ui-btn-hover-e {
  660.         border: 1px solid               #f2c43d /*{e-bhover-border}*/;
  661.         background:                     #fbe26f /*{e-bhover-background-color}*/;
  662.         font-weight: bold;
  663.         color:                                  #111 /*{e-bhover-color}*/;
  664.         text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/       #fff /*{e-bhover-shadow-color}*/;
  665.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
  666.         background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  667.         background-image:    -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
  668.         background-image:     -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
  669.         background-image:      -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
  670.         background-image:         linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
  671. }
  672. .ui-btn-hover-e:visited,
  673. .ui-btn-hover-e:hover,
  674. .ui-btn-hover-e a.ui-link-inherit {
  675.         color:                                  #333 /*{e-bhover-color}*/;
  676. }
  677. .ui-btn-down-e {
  678.         border: 1px solid               #f2c43d /*{e-bdown-border}*/;
  679.         background:                     #fceda7 /*{e-bdown-background-color}*/;
  680.         font-weight: bold;
  681.         color:                                  #111 /*{e-bdown-color}*/;
  682.         text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/  #fff /*{e-bdown-shadow-color}*/;
  683.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
  684.         background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  685.         background-image:    -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
  686.         background-image:     -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
  687.         background-image:      -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
  688.         background-image:         linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
  689. }
  690. .ui-btn-down-e:visited,
  691. .ui-btn-down-e:hover,
  692. .ui-btn-down-e a.ui-link-inherit {
  693.         color:                                  #333 /*{e-bdown-color}*/;
  694. }
  695. .ui-btn-up-e,
  696. .ui-btn-hover-e,
  697. .ui-btn-down-e {
  698.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  699.         text-decoration: none;
  700. }
  701. /* Structure */
  702. /* links within "buttons"
  703. -----------------------------------------------------------------------------------------------------------*/
  704. a.ui-link-inherit {
  705.         text-decoration: none !important;
  706. }
  707. /* Active class used as the "on" state across all themes
  708. -----------------------------------------------------------------------------------------------------------*/
  709. .ui-btn-active {
  710.         border: 1px solid               #2373a5 /*{global-active-border}*/;
  711.         background:                     #5393c5 /*{global-active-background-color}*/;
  712.         font-weight: bold;
  713.         color:                                  #fff /*{global-active-color}*/;
  714.         cursor: pointer;
  715.         text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
  716.         text-decoration: none;
  717.         background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
  718.         background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
  719.         background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
  720.         background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
  721.         background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
  722.         background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
  723.         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  724. }
  725. .ui-btn-active:visited,
  726. .ui-btn-active:hover,
  727. .ui-btn-active a.ui-link-inherit {
  728.         color:                                  #fff /*{global-active-color}*/;
  729. }
  730. /* button inner top highlight
  731. -----------------------------------------------------------------------------------------------------------*/
  732. .ui-btn-inner {
  733.         border-top: 1px solid   #fff;
  734.         border-color:                   rgba(255,255,255,.3);
  735. }
  736. /* corner rounding classes
  737. -----------------------------------------------------------------------------------------------------------*/
  738. .ui-corner-tl {
  739.         -moz-border-radius-topleft:             .6em /*{global-radii-blocks}*/;
  740.         -webkit-border-top-left-radius:         .6em /*{global-radii-blocks}*/;
  741.         border-top-left-radius:                         .6em /*{global-radii-blocks}*/;
  742. }
  743. .ui-corner-tr {
  744.         -moz-border-radius-topright:            .6em /*{global-radii-blocks}*/;
  745.         -webkit-border-top-right-radius:        .6em /*{global-radii-blocks}*/;
  746.         border-top-right-radius:                        .6em /*{global-radii-blocks}*/;
  747. }
  748. .ui-corner-bl {
  749.         -moz-border-radius-bottomleft:          .6em /*{global-radii-blocks}*/;
  750.         -webkit-border-bottom-left-radius:      .6em /*{global-radii-blocks}*/;
  751.         border-bottom-left-radius:                      .6em /*{global-radii-blocks}*/;
  752. }
  753. .ui-corner-br {
  754.         -moz-border-radius-bottomright:         .6em /*{global-radii-blocks}*/;
  755.         -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  756.         border-bottom-right-radius:             .6em /*{global-radii-blocks}*/;
  757. }
  758. .ui-corner-top {
  759.         -moz-border-radius-topleft:             .6em /*{global-radii-blocks}*/;
  760.         -webkit-border-top-left-radius:         .6em /*{global-radii-blocks}*/;
  761.         border-top-left-radius:                         .6em /*{global-radii-blocks}*/;
  762.         -moz-border-radius-topright:            .6em /*{global-radii-blocks}*/;
  763.         -webkit-border-top-right-radius:        .6em /*{global-radii-blocks}*/;
  764.         border-top-right-radius:                        .6em /*{global-radii-blocks}*/;
  765. }
  766. .ui-corner-bottom {
  767.         -moz-border-radius-bottomleft:          .6em /*{global-radii-blocks}*/;
  768.         -webkit-border-bottom-left-radius:      .6em /*{global-radii-blocks}*/;
  769.         border-bottom-left-radius:                      .6em /*{global-radii-blocks}*/;
  770.         -moz-border-radius-bottomright:         .6em /*{global-radii-blocks}*/;
  771.         -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  772.         border-bottom-right-radius:             .6em /*{global-radii-blocks}*/;
  773.         }
  774. .ui-corner-right {
  775.         -moz-border-radius-topright:            .6em /*{global-radii-blocks}*/;
  776.         -webkit-border-top-right-radius:        .6em /*{global-radii-blocks}*/;
  777.         border-top-right-radius:                        .6em /*{global-radii-blocks}*/;
  778.         -moz-border-radius-bottomright:         .6em /*{global-radii-blocks}*/;
  779.         -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  780.         border-bottom-right-radius:             .6em /*{global-radii-blocks}*/;
  781. }
  782. .ui-corner-left {
  783.         -moz-border-radius-topleft:             .6em /*{global-radii-blocks}*/;
  784.         -webkit-border-top-left-radius:         .6em /*{global-radii-blocks}*/;
  785.         border-top-left-radius:                         .6em /*{global-radii-blocks}*/;
  786.         -moz-border-radius-bottomleft:          .6em /*{global-radii-blocks}*/;
  787.         -webkit-border-bottom-left-radius:      .6em /*{global-radii-blocks}*/;
  788.         border-bottom-left-radius:                      .6em /*{global-radii-blocks}*/;
  789. }
  790. .ui-corner-all {
  791.         -moz-border-radius:                             .6em /*{global-radii-blocks}*/;
  792.         -webkit-border-radius:                          .6em /*{global-radii-blocks}*/;
  793.         border-radius:                                          .6em /*{global-radii-blocks}*/;
  794. }
  795. .ui-corner-none {
  796.         -moz-border-radius:                                0;
  797.         -webkit-border-radius:                             0;
  798.         border-radius:                                             0;
  799. }
  800. /* Form field separator
  801. -----------------------------------------------------------------------------------------------------------*/
  802. .ui-br {
  803.         border-bottom: rgb(130,130,130);
  804.         border-bottom: rgba(130,130,130,.3);
  805.         border-bottom-width: 1px;
  806.         border-bottom-style: solid;
  807. }
  808. /* Interaction cues
  809. -----------------------------------------------------------------------------------------------------------*/
  810. .ui-disabled {
  811.         filter: Alpha(Opacity=30);
  812.         opacity: .3;
  813.         zoom: 1;
  814. }
  815. .ui-disabled,
  816. .ui-disabled a {
  817.         cursor: default !important;
  818.         pointer-events: none;
  819. }
  820. /* Icons
  821. -----------------------------------------------------------------------------------------------------------*/
  822. .ui-icon,
  823. .ui-icon-searchfield:after {
  824.         background:                                             #666 /*{global-icon-color}*/;
  825.         background:                                             rgba(0,0,0,.4) /*{global-icon-disc}*/;
  826.         background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
  827.         background-repeat: no-repeat;
  828.         -moz-border-radius:                             9px;
  829.         -webkit-border-radius:                          9px;
  830.         border-radius:                                          9px;
  831. }
  832. /* Alt icon color
  833. -----------------------------------------------------------------------------------------------------------*/
  834. .ui-icon-alt {
  835.         background:                                             #fff;
  836.         background:                                             rgba(255,255,255,.3);
  837.         background-image: url(images/icons-18-black.png);
  838.         background-repeat: no-repeat;
  839. }
  840. /* HD/"retina" sprite
  841. -----------------------------------------------------------------------------------------------------------*/
  842. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  843.        only screen and (min--moz-device-pixel-ratio: 1.5),
  844.        only screen and (min-resolution: 240dpi) {
  845.        
  846.         .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  847.         .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  848.         .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  849.         .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
  850.         .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  851.                 background-image: url(images/icons-36-white.png);
  852.                 -moz-background-size: 776px 18px;
  853.                 -o-background-size: 776px 18px;
  854.                 -webkit-background-size: 776px 18px;
  855.                 background-size: 776px 18px;
  856.         }
  857.         .ui-icon-alt {
  858.                 background-image: url(images/icons-36-black.png);
  859.         }
  860. }
  861. /* plus minus */
  862. .ui-icon-plus {
  863.         background-position:    -0 50%;
  864. }
  865. .ui-icon-minus {
  866.         background-position:    -36px 50%;
  867. }
  868. /* delete/close */
  869. .ui-icon-delete {
  870.         background-position:    -72px 50%;
  871. }
  872. /* arrows */
  873. .ui-icon-arrow-r {
  874.         background-position:    -108px 50%;
  875. }
  876. .ui-icon-arrow-l {
  877.         background-position:    -144px 50%;
  878. }
  879. .ui-icon-arrow-u {
  880.         background-position:    -180px 50%;
  881. }
  882. .ui-icon-arrow-d {
  883.         background-position:    -216px 50%;
  884. }
  885. /* misc */
  886. .ui-icon-check {
  887.         background-position:    -252px 50%;
  888. }
  889. .ui-icon-gear {
  890.         background-position:    -288px 50%;
  891. }
  892. .ui-icon-refresh {
  893.         background-position:    -324px 50%;
  894. }
  895. .ui-icon-forward {
  896.         background-position:    -360px 50%;
  897. }
  898. .ui-icon-back {
  899.         background-position:    -396px 50%;
  900. }
  901. .ui-icon-grid {
  902.         background-position:    -432px 50%;
  903. }
  904. .ui-icon-star {
  905.         background-position:    -468px 50%;
  906. }
  907. .ui-icon-alert {
  908.         background-position:    -504px 50%;
  909. }
  910. .ui-icon-info {
  911.         background-position:    -540px 50%;
  912. }
  913. .ui-icon-home {
  914.         background-position:    -576px 50%;
  915. }
  916. .ui-icon-search,
  917. .ui-icon-searchfield:after {
  918.         background-position:    -612px 50%;
  919. }
  920. .ui-icon-checkbox-off {
  921.         background-position:    -684px 50%;
  922. }
  923. .ui-icon-checkbox-on {
  924.         background-position:    -648px 50%;
  925. }
  926. .ui-icon-radio-off {
  927.         background-position:    -756px 50%;
  928. }
  929. .ui-icon-radio-on {
  930.         background-position:    -720px 50%;
  931. }
  932. /* checks,radios */
  933. .ui-checkbox .ui-icon,
  934. .ui-selectmenu-list .ui-icon {
  935.         -moz-border-radius: 3px;
  936.         -webkit-border-radius: 3px;
  937.         border-radius: 3px;
  938. }
  939. .ui-icon-checkbox-off,
  940. .ui-icon-radio-off {
  941.         background-color: transparent; 
  942. }
  943. .ui-checkbox-on .ui-icon,
  944. .ui-radio-on .ui-icon {
  945.         background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  946. }
  947. /* loading icon */
  948. .ui-icon-loading {
  949.         background: url(images/ajax-loader.gif);
  950.         background-size: 46px 46px;
  951. }
  952. /* Button corner classes
  953. -----------------------------------------------------------------------------------------------------------*/
  954. .ui-btn-corner-tl {
  955.         -moz-border-radius-topleft:             1em /*{global-radii-buttons}*/;
  956.         -webkit-border-top-left-radius:         1em /*{global-radii-buttons}*/;
  957.         border-top-left-radius:                         1em /*{global-radii-buttons}*/;
  958. }
  959. .ui-btn-corner-tr {
  960.         -moz-border-radius-topright:            1em /*{global-radii-buttons}*/;
  961.         -webkit-border-top-right-radius:        1em /*{global-radii-buttons}*/;
  962.         border-top-right-radius:                        1em /*{global-radii-buttons}*/;
  963. }
  964. .ui-btn-corner-bl {
  965.         -moz-border-radius-bottomleft:          1em /*{global-radii-buttons}*/;
  966.         -webkit-border-bottom-left-radius:      1em /*{global-radii-buttons}*/;
  967.         border-bottom-left-radius:                      1em /*{global-radii-buttons}*/;
  968. }
  969. .ui-btn-corner-br {
  970.         -moz-border-radius-bottomright:         1em /*{global-radii-buttons}*/;
  971.         -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  972.         border-bottom-right-radius:             1em /*{global-radii-buttons}*/;
  973. }
  974. .ui-btn-corner-top {
  975.         -moz-border-radius-topleft:             1em /*{global-radii-buttons}*/;
  976.         -webkit-border-top-left-radius:         1em /*{global-radii-buttons}*/;
  977.         border-top-left-radius:                         1em /*{global-radii-buttons}*/;
  978.         -moz-border-radius-topright:            1em /*{global-radii-buttons}*/;
  979.         -webkit-border-top-right-radius:        1em /*{global-radii-buttons}*/;
  980.         border-top-right-radius:                        1em /*{global-radii-buttons}*/;
  981. }
  982. .ui-btn-corner-bottom {
  983.         -moz-border-radius-bottomleft:          1em /*{global-radii-buttons}*/;
  984.         -webkit-border-bottom-left-radius:      1em /*{global-radii-buttons}*/;
  985.         border-bottom-left-radius:                      1em /*{global-radii-buttons}*/;
  986.         -moz-border-radius-bottomright:         1em /*{global-radii-buttons}*/;
  987.         -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  988.         border-bottom-right-radius:             1em /*{global-radii-buttons}*/;
  989. }
  990. .ui-btn-corner-right {
  991.          -moz-border-radius-topright:           1em /*{global-radii-buttons}*/;
  992.         -webkit-border-top-right-radius:        1em /*{global-radii-buttons}*/;
  993.         border-top-right-radius:                        1em /*{global-radii-buttons}*/;
  994.         -moz-border-radius-bottomright:         1em /*{global-radii-buttons}*/;
  995.         -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  996.         border-bottom-right-radius:             1em /*{global-radii-buttons}*/;
  997. }
  998. .ui-btn-corner-left {
  999.         -moz-border-radius-topleft:             1em /*{global-radii-buttons}*/;
  1000.         -webkit-border-top-left-radius:         1em /*{global-radii-buttons}*/;
  1001.         border-top-left-radius:                         1em /*{global-radii-buttons}*/;
  1002.         -moz-border-radius-bottomleft:          1em /*{global-radii-buttons}*/;
  1003.         -webkit-border-bottom-left-radius:      1em /*{global-radii-buttons}*/;
  1004.         border-bottom-left-radius:                      1em /*{global-radii-buttons}*/;
  1005. }
  1006. .ui-btn-corner-all {
  1007.         -moz-border-radius:                             1em /*{global-radii-buttons}*/;
  1008.         -webkit-border-radius:                          1em /*{global-radii-buttons}*/;
  1009.         border-radius:                                          1em /*{global-radii-buttons}*/;
  1010. }
  1011. /* radius clip workaround for cleaning up corner trapping */
  1012. .ui-corner-tl,
  1013. .ui-corner-tr,
  1014. .ui-corner-bl,
  1015. .ui-corner-br,
  1016. .ui-corner-top,
  1017. .ui-corner-bottom,
  1018. .ui-corner-right,
  1019. .ui-corner-left,
  1020. .ui-corner-all,
  1021. .ui-btn-corner-tl,
  1022. .ui-btn-corner-tr,
  1023. .ui-btn-corner-bl,
  1024. .ui-btn-corner-br,
  1025. .ui-btn-corner-top,
  1026. .ui-btn-corner-bottom,
  1027. .ui-btn-corner-right,
  1028. .ui-btn-corner-left,
  1029. .ui-btn-corner-all {
  1030.   -webkit-background-clip: padding-box;
  1031.      -moz-background-clip: padding;
  1032.           background-clip: padding-box;
  1033. }
  1034. /* Overlay / modal
  1035. -----------------------------------------------------------------------------------------------------------*/
  1036. .ui-overlay {
  1037.         background: #666;
  1038.         filter: Alpha(Opacity=50);
  1039.         opacity: .5;
  1040.         position: absolute;
  1041.         width: 100%;
  1042.         height: 100%;
  1043. }
  1044. .ui-overlay-shadow {
  1045.         -moz-box-shadow: 0px 0px 12px                   rgba(0,0,0,.6);
  1046.         -webkit-box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
  1047.         box-shadow: 0px 0px 12px                                rgba(0,0,0,.6);
  1048. }
  1049. .ui-shadow {
  1050.         -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/                       rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
  1051.         -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/            rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
  1052.         box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/                            rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
  1053. }
  1054. .ui-bar-a .ui-shadow,
  1055. .ui-bar-b .ui-shadow ,
  1056. .ui-bar-c .ui-shadow  {
  1057.         -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.3);
  1058.         -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
  1059.         box-shadow: 0px 1px 0                                   rgba(255,255,255,.3);
  1060. }
  1061. .ui-shadow-inset {
  1062.         -moz-box-shadow: inset 0px 1px 4px              rgba(0,0,0,.2);
  1063.         -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
  1064.         box-shadow: inset 0px 1px 4px                   rgba(0,0,0,.2);
  1065. }
  1066. .ui-icon-shadow {
  1067.         -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1068.         -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1069.         box-shadow: 0px 1px 0                                   rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1070. }
  1071. /* Focus state - set here for specificity (note: these classes are added by JavaScript)
  1072. -----------------------------------------------------------------------------------------------------------*/
  1073. .ui-btn:focus, .ui-link-inherit:focus {
  1074.         outline: 0;
  1075. }
  1076. .ui-btn.ui-focus {
  1077.         z-index: 1;
  1078. }
  1079. .ui-focus,
  1080. .ui-btn:focus {
  1081.         -moz-box-shadow: inset 0px 0px 3px              #387bbe /*{global-active-background-color}*/, 0px 0px 9px               #387bbe /*{global-active-background-color}*/;
  1082.         -webkit-box-shadow: inset 0px 0px 3px   #387bbe /*{global-active-background-color}*/, 0px 0px 9px               #387bbe /*{global-active-background-color}*/;
  1083.         box-shadow: inset 0px 0px 3px                   #387bbe /*{global-active-background-color}*/, 0px 0px 9px               #387bbe /*{global-active-background-color}*/;
  1084. }
  1085. .ui-input-text.ui-focus,
  1086. .ui-input-search.ui-focus {
  1087.         -moz-box-shadow: 0px 0px 12px                   #387bbe /*{global-active-background-color}*/;
  1088.         -webkit-box-shadow: 0px 0px 12px                #387bbe /*{global-active-background-color}*/;
  1089.         box-shadow: 0px 0px 12px                                        #387bbe /*{global-active-background-color}*/;  
  1090. }
  1091. /* unset box shadow in browsers that don't do it right
  1092. -----------------------------------------------------------------------------------------------------------*/
  1093. .ui-mobile-nosupport-boxshadow * {
  1094.         -moz-box-shadow: none !important;
  1095.         -webkit-box-shadow: none !important;
  1096.         box-shadow: none !important;
  1097. }
  1098. /* ...and bring back focus */
  1099. .ui-mobile-nosupport-boxshadow .ui-focus,
  1100. .ui-mobile-nosupport-boxshadow .ui-btn:focus,
  1101. .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
  1102.         outline-width: 1px;
  1103.         outline-style: auto;
  1104. }
  1105. /* some unsets - more probably needed */
  1106. .ui-mobile, .ui-mobile body { height: 99.9%; }
  1107. .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
  1108. .ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
  1109. /* responsive page widths */
  1110. .ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  1111. /* Issue #2066 */
  1112. body.ui-mobile-viewport,
  1113. div.ui-mobile-viewport { overflow-x: hidden; }
  1114. /* "page" containers - full-screen views, one should always be in view post-pageload */
  1115. .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
  1116. .ui-mobile .ui-page-active { display: block; overflow: visible; }
  1117. /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
  1118. .ui-page { outline: none; }
  1119. /*orientations from js are available */
  1120. @media screen and (orientation: portrait){
  1121. .ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
  1122. }
  1123. @media screen and (orientation: landscape){
  1124. .ui-mobile, .ui-mobile .ui-page { min-height: 300px;}
  1125. }
  1126. /* loading screen */
  1127. .ui-loading .ui-loader { display: block; }
  1128. .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
  1129. .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
  1130. .ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
  1131. .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
  1132. .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
  1133. .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
  1134. .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
  1135. .ui-loader-textonly { padding: 15px; margin-left: -115px; }
  1136. .ui-loader-textonly .ui-icon { display: none; }
  1137. .ui-loader-fakefix { position: absolute; }
  1138. /*fouc*/
  1139. .ui-mobile-rendering > * { visibility: hidden; }
  1140. /*headers, content panels*/
  1141. .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
  1142. .ui-bar { font-size: 16px; margin: 0; }
  1143. .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
  1144. .ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; zoom: 1; }
  1145. .ui-header .ui-btn-left,
  1146. .ui-header .ui-btn-right,
  1147. .ui-footer .ui-btn-left,
  1148. .ui-footer .ui-btn-right { position: absolute; top: 3px; }
  1149. .ui-header .ui-btn-left,
  1150. .ui-footer .ui-btn-left { left: 5px; }
  1151. .ui-header .ui-btn-right,
  1152. .ui-footer .ui-btn-right { right: 5px; }
  1153. .ui-footer .ui-btn-icon-notext,
  1154. .ui-header .ui-btn-icon-notext { top: 6px; }
  1155. .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
  1156. .ui-footer .ui-title { margin: .6em 15px .8em; }
  1157. /*content area*/
  1158. .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
  1159. /* icons sizing */
  1160. .ui-icon { width: 18px; height: 18px; }
  1161. /* non-js content hiding */
  1162. .ui-nojs { position: absolute; left: -9999px; }
  1163. /* accessible content hiding */
  1164. .ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label,
  1165. .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
  1166. /* Transitions originally inspired by those from jQtouch, nice work, folks */
  1167. .ui-mobile-viewport-transitioning,
  1168. .ui-mobile-viewport-transitioning .ui-page {
  1169.         width: 100%;
  1170.         height: 100%;
  1171.         overflow: hidden;
  1172.         -webkit-box-sizing: border-box;
  1173.         -moz-box-sizing: border-box;
  1174.         box-sizing: border-box;
  1175. }
  1176. .ui-page-pre-in {
  1177.         opacity: 0;
  1178. }
  1179. .in {
  1180.         -webkit-animation-timing-function: ease-out;
  1181.         -webkit-animation-duration: 350ms;
  1182.         -moz-animation-timing-function: ease-out;
  1183.         -moz-animation-duration: 350ms;
  1184. }
  1185. .out {
  1186.         -webkit-animation-timing-function: ease-in;
  1187.         -webkit-animation-duration: 225ms;
  1188.         -moz-animation-timing-function: ease-in;
  1189.         -moz-animation-duration: 225ms;
  1190. }
  1191. @-webkit-keyframes fadein {
  1192.     from { opacity: 0; }
  1193.     to { opacity: 1; }
  1194. }
  1195. @-moz-keyframes fadein {
  1196.     from { opacity: 0; }
  1197.     to { opacity: 1; }
  1198. }
  1199. @-webkit-keyframes fadeout {
  1200.     from { opacity: 1; }
  1201.     to { opacity: 0; }
  1202. }
  1203. @-moz-keyframes fadeout {
  1204.     from { opacity: 1; }
  1205.     to { opacity: 0; }
  1206. }
  1207. .fade.out {
  1208.         opacity: 0;
  1209.         -webkit-animation-duration: 125ms;
  1210.         -webkit-animation-name: fadeout;
  1211.         -moz-animation-duration: 125ms;
  1212.         -moz-animation-name: fadeout;
  1213. }
  1214. .fade.in {
  1215.         opacity: 1;
  1216.         -webkit-animation-duration: 225ms;
  1217.         -webkit-animation-name: fadein;
  1218.         -moz-animation-duration: 225ms;
  1219.         -moz-animation-name: fadein;
  1220. }
  1221. .pop {
  1222.         -webkit-transform-origin: 50% 50%;
  1223.         -moz-transform-origin: 50% 50%;
  1224. }
  1225. .pop.in {
  1226.         -webkit-transform: scale(1);
  1227.         -moz-transform: scale(1);
  1228.     opacity: 1;
  1229.         -webkit-animation-name: popin;
  1230.         -moz-animation-name: popin;
  1231.         -webkit-animation-duration: 350ms;
  1232.         -moz-animation-duration: 350ms;
  1233. }
  1234. .pop.out {
  1235.         -webkit-animation-name: fadeout;
  1236.         -moz-animation-name: fadeout;
  1237.         opacity: 0;
  1238.         -webkit-animation-duration: 100ms;
  1239.         -moz-animation-duration: 100ms;
  1240. }
  1241. .pop.in.reverse {
  1242.         -webkit-animation-name: fadein;
  1243.         -moz-animation-name: fadein;
  1244. }
  1245. .pop.out.reverse {
  1246.         -webkit-transform: scale(.8);
  1247.         -moz-transform: scale(.8);
  1248.         -webkit-animation-name: popout;
  1249.         -moz-animation-name: popout;
  1250. }
  1251. @-webkit-keyframes popin {
  1252.     from {
  1253.         -webkit-transform: scale(.8);
  1254.         opacity: 0;
  1255.     }
  1256.     to {
  1257.         -webkit-transform: scale(1);
  1258.         opacity: 1;
  1259.     }
  1260. }
  1261. @-moz-keyframes popin {
  1262.     from {
  1263.         -moz-transform: scale(.8);
  1264.         opacity: 0;
  1265.     }
  1266.     to {
  1267.         -moz-transform: scale(1);
  1268.         opacity: 1;
  1269.     }
  1270. }
  1271. @-webkit-keyframes popout {
  1272.     from {
  1273.         -webkit-transform: scale(1);
  1274.         opacity: 1;
  1275.     }
  1276.     to {
  1277.         -webkit-transform: scale(.8);
  1278.         opacity: 0;
  1279.     }
  1280. }
  1281. @-moz-keyframes popout {
  1282.     from {
  1283.         -moz-transform: scale(1);
  1284.         opacity: 1;
  1285.     }
  1286.     to {
  1287.         -moz-transform: scale(.8);
  1288.         opacity: 0;
  1289.     }
  1290. }
  1291. /* keyframes for slidein from sides */
  1292. @-webkit-keyframes slideinfromright {
  1293.     from { -webkit-transform: translateX(100%); }
  1294.     to { -webkit-transform: translateX(0); }
  1295. }
  1296. @-moz-keyframes slideinfromright {
  1297.     from { -moz-transform: translateX(100%); }
  1298.     to { -moz-transform: translateX(0); }
  1299. }
  1300. @-webkit-keyframes slideinfromleft {
  1301.     from { -webkit-transform: translateX(-100%); }
  1302.     to { -webkit-transform: translateX(0); }
  1303. }
  1304. @-moz-keyframes slideinfromleft {
  1305.     from { -moz-transform: translateX(-100%); }
  1306.     to { -moz-transform: translateX(0); }
  1307. }
  1308. /* keyframes for slideout to sides */
  1309. @-webkit-keyframes slideouttoleft {
  1310.     from { -webkit-transform: translateX(0); }
  1311.     to { -webkit-transform: translateX(-100%); }
  1312. }
  1313. @-moz-keyframes slideouttoleft {
  1314.     from { -moz-transform: translateX(0); }
  1315.     to { -moz-transform: translateX(-100%); }
  1316. }
  1317. @-webkit-keyframes slideouttoright {
  1318.     from { -webkit-transform: translateX(0); }
  1319.     to { -webkit-transform: translateX(100%); }
  1320. }
  1321. @-moz-keyframes slideouttoright {
  1322.     from { -moz-transform: translateX(0); }
  1323.     to { -moz-transform: translateX(100%); }
  1324. }
  1325. .slide.out, .slide.in {
  1326.         -webkit-animation-timing-function: ease-out;
  1327.         -webkit-animation-duration: 350ms;
  1328.         -moz-animation-timing-function: ease-out;
  1329.         -moz-animation-duration: 350ms;
  1330. }
  1331. .slide.out {
  1332.         -webkit-transform: translateX(-100%);
  1333.         -webkit-animation-name: slideouttoleft;
  1334.         -moz-transform: translateX(-100%);
  1335.         -moz-animation-name: slideouttoleft;
  1336. }
  1337. .slide.in {
  1338.         -webkit-transform: translateX(0);
  1339.         -webkit-animation-name: slideinfromright;
  1340.         -moz-transform: translateX(0);
  1341.         -moz-animation-name: slideinfromright;
  1342. }
  1343. .slide.out.reverse {
  1344.         -webkit-transform: translateX(100%);
  1345.         -webkit-animation-name: slideouttoright;
  1346.         -moz-transform: translateX(100%);
  1347.         -moz-animation-name: slideouttoright;
  1348. }
  1349. .slide.in.reverse {
  1350.         -webkit-transform: translateX(0);
  1351.         -webkit-animation-name: slideinfromleft;
  1352.         -moz-transform: translateX(0);
  1353.         -moz-animation-name: slideinfromleft;
  1354. }
  1355. .slidefade.out {
  1356.         -webkit-transform: translateX(-100%);
  1357.         -webkit-animation-name: slideouttoleft;
  1358.         -moz-transform: translateX(-100%);
  1359.         -moz-animation-name: slideouttoleft;
  1360.         -webkit-animation-duration: 225ms;
  1361.         -moz-animation-duration: 225ms;
  1362. }
  1363. .slidefade.in {
  1364.         -webkit-transform: translateX(0);
  1365.         -webkit-animation-name: fadein;
  1366.         -moz-transform: translateX(0);
  1367.         -moz-animation-name: fadein;
  1368.         -webkit-animation-duration: 200ms;
  1369.         -moz-animation-duration: 200ms;
  1370. }
  1371. .slidefade.out.reverse {
  1372.         -webkit-transform: translateX(100%);
  1373.         -webkit-animation-name: slideouttoright;
  1374.         -moz-transform: translateX(100%);
  1375.         -moz-animation-name: slideouttoright;
  1376.         -webkit-animation-duration: 200ms;
  1377.         -moz-animation-duration: 200ms;
  1378. }
  1379. .slidefade.in.reverse {
  1380.         -webkit-transform: translateX(0);
  1381.         -webkit-animation-name: fadein;
  1382.         -moz-transform: translateX(0);
  1383.         -moz-animation-name: fadein;
  1384.         -webkit-animation-duration: 200ms;
  1385.         -moz-animation-duration: 200ms;
  1386. }
  1387. /* slide down */
  1388. .slidedown.out {
  1389.         -webkit-animation-name: fadeout;
  1390.         -moz-animation-name: fadeout;
  1391.         -webkit-animation-duration: 100ms;
  1392.         -moz-animation-duration: 100ms;
  1393. }
  1394. .slidedown.in {
  1395.         -webkit-transform: translateY(0);
  1396.         -webkit-animation-name: slideinfromtop;
  1397.         -moz-transform: translateY(0);
  1398.         -moz-animation-name: slideinfromtop;
  1399.         -webkit-animation-duration: 250ms;
  1400.         -moz-animation-duration: 250ms;
  1401. }
  1402. .slidedown.in.reverse {
  1403.         -webkit-animation-name: fadein;
  1404.         -moz-animation-name: fadein;
  1405.         -webkit-animation-duration: 150ms;
  1406.         -moz-animation-duration: 150ms;
  1407. }
  1408. .slidedown.out.reverse {
  1409.         -webkit-transform: translateY(-100%);
  1410.         -moz-transform: translateY(-100%);
  1411.         -webkit-animation-name: slideouttotop;
  1412.         -moz-animation-name: slideouttotop;
  1413.         -webkit-animation-duration: 200ms;
  1414.         -moz-animation-duration: 200ms;
  1415. }
  1416. @-webkit-keyframes slideinfromtop {
  1417.     from { -webkit-transform: translateY(-100%); }
  1418.     to { -webkit-transform: translateY(0); }
  1419. }
  1420. @-moz-keyframes slideinfromtop {
  1421.     from { -moz-transform: translateY(-100%); }
  1422.     to { -moz-transform: translateY(0); }
  1423. }
  1424. @-webkit-keyframes slideouttotop {
  1425.     from { -webkit-transform: translateY(0); }
  1426.     to { -webkit-transform: translateY(-100%); }
  1427. }
  1428. @-moz-keyframes slideouttotop {
  1429.     from { -moz-transform: translateY(0); }
  1430.     to { -moz-transform: translateY(-100%); }
  1431. }
  1432. /* slide up */
  1433. .slideup.out {
  1434.         -webkit-animation-name: fadeout;
  1435.         -moz-animation-name: fadeout;
  1436.         -webkit-animation-duration: 100ms;
  1437.         -moz-animation-duration: 100ms;
  1438. }
  1439. .slideup.in {
  1440.         -webkit-transform: translateY(0);
  1441.         -webkit-animation-name: slideinfrombottom;
  1442.         -moz-transform: translateY(0);
  1443.         -moz-animation-name: slideinfrombottom;
  1444.         -webkit-animation-duration: 250ms;
  1445.         -moz-animation-duration: 250ms;
  1446. }
  1447. .slideup.in.reverse {
  1448.         -webkit-animation-name: fadein;
  1449.         -moz-animation-name: fadein;
  1450.         -webkit-animation-duration: 150ms;
  1451.         -moz-animation-duration: 150ms;
  1452. }
  1453. .slideup.out.reverse {
  1454.         -webkit-transform: translateY(100%);
  1455.         -moz-transform: translateY(100%);
  1456.         -webkit-animation-name: slideouttobottom;
  1457.         -moz-animation-name: slideouttobottom;
  1458.         -webkit-animation-duration: 200ms;
  1459.         -moz-animation-duration: 200ms;
  1460. }
  1461. @-webkit-keyframes slideinfrombottom {
  1462.     from { -webkit-transform: translateY(100%); }
  1463.     to { -webkit-transform: translateY(0); }
  1464. }
  1465. @-moz-keyframes slideinfrombottom {
  1466.     from { -moz-transform: translateY(100%); }
  1467.     to { -moz-transform: translateY(0); }
  1468. }
  1469. @-webkit-keyframes slideouttobottom {
  1470.     from { -webkit-transform: translateY(0); }
  1471.     to { -webkit-transform: translateY(100%); }
  1472. }
  1473. @-moz-keyframes slideouttobottom {
  1474.     from { -moz-transform: translateY(0); }
  1475.     to { -moz-transform: translateY(100%); }
  1476. }
  1477. /* The properties in this rule are only necessary for the 'flip' transition.
  1478.  * We need specify the perspective to create a projection matrix. This will add
  1479.  * some depth as the element flips. The depth number represents the distance of
  1480.  * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1481.  * value.
  1482.  */
  1483. .viewport-flip {
  1484.         -webkit-perspective: 1000;
  1485.         -moz-perspective: 1000;
  1486.         position: absolute;
  1487. }
  1488. .flip {
  1489.         -webkit-backface-visibility:hidden;
  1490.         -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  1491.         -moz-backface-visibility:hidden;
  1492.         -moz-transform:translateX(0);
  1493. }
  1494. .flip.out {
  1495.         -webkit-transform: rotateY(-90deg) scale(.9);
  1496.         -webkit-animation-name: flipouttoleft;
  1497.         -webkit-animation-duration: 175ms;
  1498.         -moz-transform: rotateY(-90deg) scale(.9);
  1499.         -moz-animation-name: flipouttoleft;
  1500.         -moz-animation-duration: 175ms;
  1501. }
  1502. .flip.in {
  1503.         -webkit-animation-name: flipintoright;
  1504.         -webkit-animation-duration: 225ms;
  1505.         -moz-animation-name: flipintoright;
  1506.         -moz-animation-duration: 225ms;
  1507. }
  1508. .flip.out.reverse {
  1509.         -webkit-transform: rotateY(90deg) scale(.9);
  1510.         -webkit-animation-name: flipouttoright;
  1511.         -moz-transform: rotateY(90deg) scale(.9);
  1512.         -moz-animation-name: flipouttoright;
  1513. }
  1514. .flip.in.reverse {
  1515.         -webkit-animation-name: flipintoleft;
  1516.         -moz-animation-name: flipintoleft;
  1517. }
  1518. @-webkit-keyframes flipouttoleft {
  1519.     from { -webkit-transform: rotateY(0); }
  1520.     to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1521. }
  1522. @-moz-keyframes flipouttoleft {
  1523.     from { -moz-transform: rotateY(0); }
  1524.     to { -moz-transform: rotateY(-90deg) scale(.9); }
  1525. }
  1526. @-webkit-keyframes flipouttoright {
  1527.     from { -webkit-transform: rotateY(0) ; }
  1528.     to { -webkit-transform: rotateY(90deg) scale(.9); }
  1529. }
  1530. @-moz-keyframes flipouttoright {
  1531.     from { -moz-transform: rotateY(0); }
  1532.     to { -moz-transform: rotateY(90deg) scale(.9); }
  1533. }
  1534. @-webkit-keyframes flipintoleft {
  1535.     from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1536.     to { -webkit-transform: rotateY(0); }
  1537. }
  1538. @-moz-keyframes flipintoleft {
  1539.     from { -moz-transform: rotateY(-90deg) scale(.9); }
  1540.     to { -moz-transform: rotateY(0); }
  1541. }
  1542. @-webkit-keyframes flipintoright {
  1543.     from { -webkit-transform: rotateY(90deg) scale(.9); }
  1544.     to { -webkit-transform: rotateY(0); }
  1545. }
  1546. @-moz-keyframes flipintoright {
  1547.     from { -moz-transform: rotateY(90deg) scale(.9); }
  1548.     to { -moz-transform: rotateY(0); }
  1549. }
  1550. /* The properties in this rule are only necessary for the 'flip' transition.
  1551.  * We need specify the perspective to create a projection matrix. This will add
  1552.  * some depth as the element flips. The depth number represents the distance of
  1553.  * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1554.  * value.
  1555.  */
  1556. .viewport-turn {
  1557.         -webkit-perspective: 1000;
  1558.         -moz-perspective: 1000;
  1559.         position: absolute;
  1560. }
  1561. .turn {
  1562.         -webkit-backface-visibility:hidden;
  1563.         -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  1564.         -webkit-transform-origin: 0;
  1565.        
  1566.         -moz-backface-visibility:hidden;
  1567.         -moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  1568.         -moz-transform-origin: 0;
  1569. }
  1570. .turn.out {
  1571.         -webkit-transform: rotateY(-90deg) scale(.9);
  1572.         -webkit-animation-name: flipouttoleft;
  1573.         -moz-transform: rotateY(-90deg) scale(.9);
  1574.         -moz-animation-name: flipouttoleft;
  1575.         -webkit-animation-duration: 125ms;
  1576.         -moz-animation-duration: 125ms;
  1577. }
  1578. .turn.in {
  1579.         -webkit-animation-name: flipintoright;
  1580.         -moz-animation-name: flipintoright;
  1581.         -webkit-animation-duration: 250ms;
  1582.         -moz-animation-duration: 250ms;
  1583.        
  1584. }
  1585. .turn.out.reverse {
  1586.         -webkit-transform: rotateY(90deg) scale(.9);
  1587.         -webkit-animation-name: flipouttoright;
  1588.         -moz-transform: rotateY(90deg) scale(.9);
  1589.         -moz-animation-name: flipouttoright;
  1590. }
  1591. .turn.in.reverse {
  1592.         -webkit-animation-name: flipintoleft;
  1593.         -moz-animation-name: flipintoleft;
  1594. }
  1595. @-webkit-keyframes flipouttoleft {
  1596.     from { -webkit-transform: rotateY(0); }
  1597.     to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1598. }
  1599. @-moz-keyframes flipouttoleft {
  1600.     from { -moz-transform: rotateY(0); }
  1601.     to { -moz-transform: rotateY(-90deg) scale(.9); }
  1602. }
  1603. @-webkit-keyframes flipouttoright {
  1604.     from { -webkit-transform: rotateY(0) ; }
  1605.     to { -webkit-transform: rotateY(90deg) scale(.9); }
  1606. }
  1607. @-moz-keyframes flipouttoright {
  1608.     from { -moz-transform: rotateY(0); }
  1609.     to { -moz-transform: rotateY(90deg) scale(.9); }
  1610. }
  1611. @-webkit-keyframes flipintoleft {
  1612.     from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1613.     to { -webkit-transform: rotateY(0); }
  1614. }
  1615. @-moz-keyframes flipintoleft {
  1616.     from { -moz-transform: rotateY(-90deg) scale(.9); }
  1617.     to { -moz-transform: rotateY(0); }
  1618. }
  1619. @-webkit-keyframes flipintoright {
  1620.     from { -webkit-transform: rotateY(90deg) scale(.9); }
  1621.     to { -webkit-transform: rotateY(0); }
  1622. }
  1623. @-moz-keyframes flipintoright {
  1624.     from { -moz-transform: rotateY(90deg) scale(.9); }
  1625.     to { -moz-transform: rotateY(0); }
  1626. }
  1627. /* flow transition */
  1628. .flow {
  1629.         -webkit-transform-origin: 50% 30%;
  1630.         -moz-transform-origin: 50% 30%;
  1631.         -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1632.         -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1633. }
  1634. .ui-dialog.flow {
  1635.         -webkit-transform-origin: none;
  1636.         -moz-transform-origin: none;   
  1637.         -webkit-box-shadow: none;
  1638.         -moz-box-shadow: none;
  1639. }
  1640. .flow.out {
  1641.         -webkit-transform: translateX(-100%) scale(.7);
  1642.         -webkit-animation-name: flowouttoleft;
  1643.         -webkit-animation-timing-function: ease;
  1644.         -webkit-animation-duration: 350ms;
  1645.         -moz-transform: translateX(-100%) scale(.7);
  1646.         -moz-animation-name: flowouttoleft;
  1647.         -moz-animation-timing-function: ease;
  1648.         -moz-animation-duration: 350ms;
  1649. }
  1650. .flow.in {
  1651.         -webkit-transform: translateX(0) scale(1);
  1652.         -webkit-animation-name: flowinfromright;
  1653.         -webkit-animation-timing-function: ease;
  1654.         -webkit-animation-duration: 350ms;
  1655.         -moz-transform: translateX(0) scale(1);
  1656.         -moz-animation-name: flowinfromright;
  1657.         -moz-animation-timing-function: ease;
  1658.         -moz-animation-duration: 350ms;
  1659. }
  1660. .flow.out.reverse {
  1661.         -webkit-transform: translateX(100%);
  1662.         -webkit-animation-name: flowouttoright;
  1663.         -moz-transform: translateX(100%);
  1664.         -moz-animation-name: flowouttoright;
  1665. }
  1666. .flow.in.reverse {
  1667.         -webkit-animation-name: flowinfromleft;
  1668.         -moz-animation-name: flowinfromleft;
  1669. }
  1670. @-webkit-keyframes flowouttoleft {
  1671.     0% { -webkit-transform: translateX(0) scale(1); }
  1672.         60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  1673.     100% { -webkit-transform: translateX(-100%) scale(.7); }
  1674. }
  1675. @-moz-keyframes flowouttoleft {
  1676.     0% { -moz-transform: translateX(0) scale(1); }
  1677.         60%, 70% { -moz-transform: translateX(0) scale(.7); }
  1678.     100% { -moz-transform:  translateX(-100%) scale(.7); }
  1679. }
  1680. @-webkit-keyframes flowouttoright {
  1681.     0% { -webkit-transform: translateX(0) scale(1); }
  1682.         60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  1683.     100% { -webkit-transform:  translateX(100%) scale(.7); }
  1684. }
  1685. @-moz-keyframes flowouttoright {
  1686.     0% { -moz-transform: translateX(0) scale(1); }
  1687.         60%, 70% { -moz-transform: translateX(0) scale(.7); }
  1688.     100% { -moz-transform:  translateX(100%) scale(.7); }
  1689. }
  1690. @-webkit-keyframes flowinfromleft {
  1691.     0% { -webkit-transform: translateX(-100%) scale(.7); }
  1692.         30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  1693.     100% { -webkit-transform: translateX(0) scale(1); }
  1694. }
  1695. @-moz-keyframes flowinfromleft {
  1696.     0% { -moz-transform: translateX(-100%) scale(.7); }
  1697.         30%, 40% { -moz-transform: translateX(0) scale(.7); }
  1698.     100% { -moz-transform: translateX(0) scale(1); }
  1699. }
  1700. @-webkit-keyframes flowinfromright {
  1701.     0% { -webkit-transform: translateX(100%) scale(.7); }
  1702.         30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  1703.     100% { -webkit-transform: translateX(0) scale(1); }
  1704. }
  1705. @-moz-keyframes flowinfromright {
  1706.     0% { -moz-transform: translateX(100%) scale(.7); }
  1707.         30%, 40% { -moz-transform: translateX(0) scale(.7); }
  1708.     100% { -moz-transform: translateX(0) scale(1); }
  1709. }
  1710. /* content configurations. */
  1711. .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
  1712. .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  1713. /* grid solo: 100 - single item fallback */
  1714. .ui-grid-solo .ui-block-a { display: block; float: none; }
  1715. /* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
  1716. /* grid a: 50/50 */
  1717. .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
  1718. .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
  1719. .ui-grid-a .ui-block-a { clear: left; }
  1720. /* grid b: 33/33/33 */
  1721. .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
  1722. .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
  1723. .ui-grid-b .ui-block-a { clear: left; }
  1724. /* grid c: 25/25/25/25 */
  1725. .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 24.925%; }
  1726. .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
  1727. .ui-grid-c .ui-block-a { clear: left; }
  1728. /* grid d: 20/20/20/20/20 */
  1729. .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.925%; }
  1730. .ui-grid-d > :nth-child(n) { width: 20%; }
  1731. .ui-grid-d .ui-block-a { clear: left; }
  1732. /* fixed page header & footer configuration */
  1733. .ui-header-fixed,
  1734. .ui-footer-fixed {
  1735.         left: 0;
  1736.         right: 0;
  1737.         width: 100%;
  1738.         position: fixed;
  1739.         z-index: 1000;
  1740. }
  1741. .ui-header-fixed {
  1742.         top: 0;
  1743. }
  1744. .ui-footer-fixed {
  1745.         bottom: 0;
  1746. }
  1747. .ui-header-fullscreen,
  1748. .ui-footer-fullscreen {
  1749.         filter: Alpha(Opacity=90);
  1750.         opacity: .9;
  1751. }
  1752. .ui-page-header-fixed {
  1753.         padding-top: 2.6875em;
  1754. }
  1755. .ui-page-footer-fixed {
  1756.         padding-bottom: 2.6875em;
  1757. }
  1758. .ui-page-header-fullscreen .ui-content,
  1759. .ui-page-footer-fullscreen .ui-content {
  1760.         padding: 0;
  1761. }
  1762. .ui-fixed-hidden {
  1763.         position: absolute;
  1764. }
  1765. .ui-page-header-fullscreen .ui-fixed-hidden,
  1766. .ui-page-footer-fullscreen .ui-fixed-hidden {
  1767.         left: -9999px;
  1768. }
  1769. .ui-header-fixed .ui-btn,
  1770. .ui-footer-fixed .ui-btn {
  1771.         z-index: 10;
  1772. }
  1773. .ui-navbar { max-width: 100%; }
  1774. .ui-navbar.ui-mini { margin: 0; }
  1775. .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
  1776. .ui-navbar ul:after { clear: both; }
  1777. .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
  1778. .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
  1779. .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
  1780. /* add border if not in header/footer (full width) */
  1781. .ui-navbar li:last-child .ui-btn,
  1782. .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
  1783. .ui-header .ui-navbar li:last-child .ui-btn,
  1784. .ui-footer .ui-navbar li:last-child .ui-btn,
  1785. .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
  1786. .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
  1787. .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
  1788. .ui-header .ui-navbar li .ui-btn,
  1789. .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
  1790. /* fixing gaps caused by subpixel problem */
  1791. .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
  1792. .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
  1793. .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
  1794. .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
  1795. .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
  1796. .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
  1797. .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  1798. .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  1799. .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
  1800. .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
  1801. .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
  1802. .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
  1803. .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
  1804. .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
  1805. .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
  1806. .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
  1807. .ui-mini { margin-top: .25em; margin-bottom: .25em; }
  1808. .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
  1809. .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; }
  1810. .ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; }
  1811. .ui-btn input, .ui-btn button { z-index: 2; }
  1812. .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
  1813. .ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right { margin: 0; } /* .ui-mobile to increase specificity level */
  1814. .ui-btn-block { display: block; }
  1815. .ui-header > .ui-btn,
  1816. .ui-footer > .ui-btn { display: inline-block; margin: 0; }
  1817. .ui-header .ui-btn-block,
  1818. .ui-footer .ui-btn-block { display: block; }
  1819. .ui-header .ui-btn-inner,
  1820. .ui-footer .ui-btn-inner,
  1821. .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
  1822. .ui-fullsize .ui-btn-inner,
  1823. .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
  1824. .ui-btn-icon-notext { width: 24px; height: 24px; }
  1825. .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
  1826. .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
  1827. .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
  1828. .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
  1829. .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
  1830. .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
  1831. .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
  1832. .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
  1833. .ui-header .ui-btn-icon-left .ui-btn-inner,
  1834. .ui-footer .ui-btn-icon-left .ui-btn-inner,
  1835. .ui-mini.ui-btn-icon-left .ui-btn-inner,
  1836. .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
  1837. .ui-header .ui-btn-icon-right .ui-btn-inner,
  1838. .ui-footer .ui-btn-icon-right .ui-btn-inner,
  1839. .ui-mini.ui-btn-icon-right .ui-btn-inner,
  1840. .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
  1841. .ui-header .ui-btn-icon-top .ui-btn-inner,
  1842. .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
  1843. .ui-mini.ui-btn-icon-top .ui-btn-inner,
  1844. .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
  1845. .ui-header .ui-btn-icon-bottom .ui-btn-inner,
  1846. .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
  1847. .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
  1848. .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
  1849. /*btn icon positioning*/
  1850. .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
  1851. .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  1852. .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
  1853. .ui-btn-icon-left .ui-icon { left: 10px; }
  1854. .ui-btn-icon-right .ui-icon { right: 10px; }
  1855. .ui-btn-icon-top .ui-icon { top: 10px; }
  1856. .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
  1857. .ui-header .ui-btn-icon-left .ui-icon,
  1858. .ui-footer .ui-btn-icon-left .ui-icon,
  1859. .ui-mini.ui-btn-icon-left .ui-icon,
  1860. .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
  1861. .ui-header .ui-btn-icon-right .ui-icon,
  1862. .ui-footer .ui-btn-icon-right .ui-icon,
  1863. .ui-mini.ui-btn-icon-right .ui-icon,
  1864. .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
  1865. .ui-header .ui-btn-icon-top .ui-icon,
  1866. .ui-footer .ui-btn-icon-top .ui-icon,
  1867. .ui-mini.ui-btn-icon-top .ui-icon,
  1868. .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
  1869. .ui-header .ui-btn-icon-bottom .ui-icon,
  1870. .ui-footer .ui-btn-icon-bottom .ui-icon,
  1871. .ui-mini.ui-btn-icon-bottom .ui-icon,
  1872. .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
  1873. /*hiding native button,inputs */
  1874. .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; }
  1875. /* Fixes IE/WP filter alpha opacity bugs */
  1876. .ui-disabled .ui-btn-hidden { display: none; }
  1877. .ui-disabled { z-index: 1; }
  1878. .ui-field-contain .ui-btn.ui-submit { margin: 0; }
  1879. label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  1880. @media all and (min-width: 450px){
  1881.         .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  1882.         .ui-field-contain .ui-btn.ui-submit { width: 78%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  1883.         .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
  1884. }
  1885. .ui-collapsible-inset { margin: .5em 0; }
  1886. .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
  1887. .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
  1888. .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
  1889. .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
  1890. .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
  1891. .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
  1892. .ui-collapsible-heading .ui-btn-inner,
  1893. .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
  1894. .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }
  1895. .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
  1896. .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
  1897. .ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
  1898. .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
  1899. .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
  1900. .ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
  1901. .ui-collapsible-content {
  1902.         display: block;
  1903.         margin: 0 -15px;       
  1904.         padding: 10px 15px;
  1905.         border-left-width: 0;
  1906.         border-right-width: 0;
  1907.         border-top: none;      /* Overrides ui-body-* */
  1908.         background-image: none; /* Overrides ui-body-* */
  1909. }
  1910. .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
  1911. .ui-collapsible-content-collapsed { display: none; }
  1912. .ui-collapsible-set { margin: .5em 0; }
  1913. .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
  1914. .ui-collapsible-set .ui-collapsible:first-child { margin-top: 0; }
  1915. .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
  1916. .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
  1917. .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
  1918. .ui-bar .ui-controlgroup { margin: 0 5px; }
  1919. .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
  1920. .ui-controlgroup li { list-style: none; }
  1921. .ui-controlgroup-vertical .ui-btn,
  1922. .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
  1923. .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
  1924. .ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
  1925. .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
  1926. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
  1927. .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
  1928. .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
  1929. .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
  1930. .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
  1931. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
  1932. .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
  1933. .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
  1934. .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
  1935. .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
  1936. .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
  1937. .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
  1938. .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select,
  1939. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
  1940. .ui-controlgroup-horizontal .ui-select .ui-btn,
  1941. .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn { float: none; margin: 0; }
  1942. .ui-controlgroup-horizontal .ui-controlgroup-last, .ui-controlgroup-horizontal .ui-select:last-child,
  1943. .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
  1944. .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
  1945. @media all and (min-width: 450px){
  1946.         .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  1947.         .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
  1948.         .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
  1949.         .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
  1950.         .ui-hide-label .ui-controlgroup-controls { width: 100%; }
  1951. }      
  1952. .ui-dialog {
  1953.          background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
  1954. }
  1955. .ui-dialog-contain {
  1956.         width: 92.5%;
  1957.         max-width: 500px;
  1958.         margin: 10% auto 15px auto;
  1959.         padding: 0;
  1960.         position: relative;
  1961.         top: -15px;
  1962. }
  1963. .ui-dialog-contain > .ui-header,
  1964. .ui-dialog-contain > .ui-content,
  1965. .ui-dialog-contain > .ui-footer {
  1966.         display: block;
  1967.         position: relative;
  1968.         width: auto;
  1969.         margin: 0;
  1970. }
  1971. .ui-dialog-contain > .ui-header {
  1972.         border: none;
  1973.         overflow: hidden;
  1974.         z-index: 10;
  1975.         padding: 0;
  1976. }
  1977. .ui-dialog-contain > .ui-content {
  1978.         padding: 15px;
  1979. }
  1980. .ui-dialog-contain > .ui-footer {
  1981.         z-index: 10;
  1982.         padding: 0 15px;
  1983. }
  1984. .ui-popup-open .ui-header-fixed,
  1985. .ui-popup-open .ui-footer-fixed {
  1986.         position: absolute !important;  /* See line #553 of popup.js */
  1987. }
  1988. .ui-popup-screen {
  1989.         background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
  1990.         top: 0px;
  1991.         left: 0px;
  1992.         right: 0px;
  1993.         bottom: 1px;
  1994.         position: absolute;
  1995.         filter: Alpha(Opacity=0);
  1996.         opacity: 0;
  1997.         z-index: 1099;
  1998. }
  1999. .ui-popup-screen.in {
  2000.         opacity: 0.5;
  2001.         filter: Alpha(Opacity=50);
  2002. }
  2003. .ui-popup-screen.out {
  2004.         opacity: 0;
  2005.         filter: Alpha(Opacity=0);
  2006. }
  2007. .ui-popup-container {
  2008.         z-index: 1100;
  2009.         display: inline-block;
  2010.         position: absolute;
  2011.         padding: 0;
  2012.         outline: 0;
  2013. }
  2014. .ui-popup {
  2015.         position: relative;
  2016. }
  2017. .ui-popup.ui-content,
  2018. .ui-popup .ui-content {
  2019.         overflow: visible;
  2020. }
  2021. .ui-popup > p,
  2022. .ui-popup > h1,
  2023. .ui-popup > h2,
  2024. .ui-popup > h3,
  2025. .ui-popup > h4,
  2026. .ui-popup > h5,
  2027. .ui-popup > h6 {
  2028.         margin: .5em 7px;
  2029. }
  2030. .ui-popup > span {
  2031.         display: block;
  2032.         margin: .5em 7px;
  2033. }
  2034. .ui-popup .ui-title {
  2035.         font-size: 16px;
  2036.         font-weight: bold;
  2037.         margin-top: .5em;
  2038.         margin-bottom: .5em;
  2039. }
  2040. .ui-popup-container .ui-content > p,
  2041. .ui-popup-container .ui-content > h1,
  2042. .ui-popup-container .ui-content > h2,
  2043. .ui-popup-container .ui-content > h3,
  2044. .ui-popup-container .ui-content > h4,
  2045. .ui-popup-container .ui-content > h5,
  2046. .ui-popup-container .ui-content > h6 {
  2047.         margin: .5em 0;
  2048. }
  2049. .ui-popup-container .ui-content > span {
  2050.         margin: 0;
  2051. }
  2052. .ui-popup-container .ui-content > p:first-child,
  2053. .ui-popup-container .ui-content > h1:first-child,
  2054. .ui-popup-container .ui-content > h2:first-child,
  2055. .ui-popup-container .ui-content > h3:first-child,
  2056. .ui-popup-container .ui-content > h4:first-child,
  2057. .ui-popup-container .ui-content > h5:first-child,
  2058. .ui-popup-container .ui-content > h6:first-child {
  2059.         margin-top: 0;
  2060. }
  2061. .ui-popup-container .ui-content > p:last-child,
  2062. .ui-popup-container .ui-content > h1:last-child,
  2063. .ui-popup-container .ui-content > h2:last-child,
  2064. .ui-popup-container .ui-content > h3:last-child,
  2065. .ui-popup-container .ui-content > h4:last-child,
  2066. .ui-popup-container .ui-content > h5:last-child,
  2067. .ui-popup-container .ui-content > h6:last-child {
  2068.         margin-bottom: 0;
  2069. }
  2070. .ui-popup > img {
  2071.         width: auto;
  2072.         height: auto;
  2073.         max-width: 100%;
  2074.         max-height: 100%;
  2075.         vertical-align: middle;
  2076. }
  2077. .ui-popup iframe {
  2078.         vertical-align: middle;
  2079. }
  2080. @media all and (min-width: 450px){
  2081.         .ui-popup .ui-field-contain label.ui-submit,
  2082.         .ui-popup .ui-field-contain .ui-controlgroup-label,
  2083.         .ui-popup .ui-field-contain label.ui-select,
  2084.         .ui-popup .ui-field-contain label.ui-input-text {
  2085.                 font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
  2086.         }
  2087.         .ui-popup .ui-field-contain .ui-btn.ui-submit,
  2088.         .ui-popup .ui-field-contain .ui-controlgroup-controls,
  2089.         .ui-popup .ui-field-contain .ui-select,
  2090.         .ui-popup .ui-field-contain input.ui-input-text,
  2091.         .ui-popup .ui-field-contain textarea.ui-input-text,
  2092.         .ui-popup .ui-field-contain .ui-input-search {
  2093.                 width: 100%; display: block;
  2094.         }
  2095. }
  2096. .ui-popup > .ui-btn-left,
  2097. .ui-popup > .ui-btn-right {
  2098.         position: absolute;
  2099.         top: -9px;
  2100.         margin: 0;
  2101.         z-index: 1101;
  2102. }
  2103. .ui-popup > .ui-btn-left { left: -9px; }
  2104. .ui-popup > .ui-btn-right { right: -9px; }
  2105. .ui-popup.ui-corner-all > .ui-header,
  2106. .ui-popup.ui-corner-all ~ .ui-content,
  2107. .ui-popup.ui-corner-all > .ui-content:first-child {
  2108.         -webkit-border-top-left-radius:  inherit;
  2109.         border-top-left-radius:          inherit;
  2110.         -webkit-border-top-right-radius: inherit;
  2111.         border-top-right-radius:         inherit;
  2112. }
  2113. .ui-popup.ui-corner-all > .ui-content,
  2114. .ui-popup.ui-corner-all > .ui-footer,
  2115. .ui-popup.ui-corner-all > .ui-header:nth-child(n):last-child {
  2116.         -webkit-border-bottom-left-radius:  inherit;
  2117.         border-bottom-left-radius:          inherit;
  2118.         -webkit-border-bottom-right-radius: inherit;
  2119.         border-bottom-right-radius:         inherit;
  2120. }
  2121. .ui-popup.ui-corner-all > .ui-content:nth-child(2),
  2122. .ui-popup.ui-corner-all > .ui-header:nth-child(2) {
  2123.         -webkit-border-top-left-radius:  0;
  2124.         border-top-left-radius:          0;
  2125.         -webkit-border-top-right-radius: 0;
  2126.         border-top-right-radius:         0;
  2127. }
  2128. .ui-popup.ui-corner-all > .ui-content:nth-last-child(1n+2),
  2129. .ui-popup.ui-corner-all > .ui-footer:nth-last-child(1n+2) {
  2130.         -webkit-border-bottom-left-radius:  0;
  2131.         border-bottom-left-radius:          0;
  2132.         -webkit-border-bottom-right-radius: 0;
  2133.         border-bottom-right-radius:         0;
  2134. }
  2135. .ui-popup.ui-corner-all > .ui-header:only-child,
  2136. .ui-popup.ui-corner-all > .ui-footer:only-child {
  2137.         -webkit-border-radius: inherit;
  2138.         border-radius:         inherit;
  2139. }
  2140. .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
  2141. .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin-top: .5em; margin-bottom: .5em; text-align: left; z-index: 2; }
  2142. .ui-checkbox .ui-btn.ui-mini, .ui-radio .ui-btn.ui-mini { margin: .25em 0; }
  2143. .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
  2144. .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
  2145. .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
  2146. .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
  2147. .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
  2148. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
  2149. .ui-checkbox .ui-btn-icon-top .ui-btn-inner,.ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
  2150. .ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
  2151. .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
  2152. .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
  2153. .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
  2154. .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
  2155. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
  2156. .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
  2157. .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
  2158. .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
  2159. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
  2160. /* input, label positioning */
  2161. .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
  2162. .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
  2163. .ui-field-contain:last-child { border-bottom-width: 0; }
  2164. .ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
  2165. @media all and (min-width: 450px){
  2166.         .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
  2167. }
  2168. .ui-select { display: block; position: relative; }
  2169. .ui-select select { position: absolute; left: -9999px; top: -9999px; }
  2170. .ui-select .ui-btn { overflow: hidden; opacity: 1; }
  2171. .ui-field-contain .ui-select .ui-btn { margin: 0; }
  2172. /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
  2173. .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; }
  2174. .ui-select .ui-disabled { opacity: .3; }
  2175. /* Display none because of issues with IE/WP's filter alpha opacity */
  2176. .ui-select .ui-disabled select { display: none; }
  2177. @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
  2178. .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
  2179. .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
  2180. .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
  2181. .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
  2182. .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
  2183. .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
  2184. .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
  2185. .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
  2186. .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
  2187. .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
  2188. .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
  2189. /* labels */
  2190. label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  2191. /*listbox*/
  2192. .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
  2193. /* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
  2194. .ui-select .ui-btn-text { text-overflow: ellipsis; }
  2195. .ui-selectmenu { padding: 6px; min-width: 160px; }
  2196. .ui-selectmenu .ui-listview { margin: 0; }
  2197. .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
  2198. .ui-selectmenu-hidden { top: -99999px; left: -9999px; }
  2199. .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
  2200. .ui-selectmenu-list .ui-li .ui-icon { display: block; }
  2201. .ui-li.ui-selectmenu-placeholder { display: none; }
  2202. .ui-selectmenu .ui-header { margin: 0; padding: 0; }
  2203. .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
  2204. @media all and (min-width: 450px){
  2205.         .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  2206.         .ui-field-contain .ui-select { width: 78%; display: inline-block; }
  2207.         .ui-hide-label .ui-select { width: 100%; }
  2208. }
  2209. /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
  2210. .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
  2211. label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
  2212. input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; display: block; width: 100%; outline: 0; }
  2213. input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini { margin: .25em 0; }
  2214. .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text { margin: 0; }
  2215. input.ui-input-text, textarea.ui-input-text, .ui-input-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  2216. input.ui-input-text { -webkit-appearance: none; }
  2217. textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
  2218. .ui-input-search { padding: 0 30px; margin: .5em 0; background-image: none; position: relative; }
  2219. .ui-input-search.ui-mini { margin: .25em 0; }
  2220. .ui-field-contain .ui-input-search { margin: 0; }
  2221. .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
  2222. .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
  2223. .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
  2224. .ui-mini .ui-input-clear { right: -3px; }
  2225. .ui-input-search .ui-input-clear-hidden { display: none; }
  2226. input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
  2227. textarea.ui-mini { height: 45px; }
  2228. @media all and (min-width: 450px){
  2229.         .ui-field-contain label.ui-input-text  { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
  2230.         .ui-field-contain input.ui-input-text,
  2231.         .ui-field-contain textarea.ui-input-text,
  2232.         .ui-field-contain .ui-input-search { width: 78%; display: inline-block; }
  2233.         .ui-hide-label input.ui-input-text,
  2234.         .ui-hide-label textarea.ui-input-text,
  2235.         .ui-hide-label .ui-input-search { width: 100%; }
  2236.         .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
  2237. }
  2238. .ui-listview { margin: 0; }
  2239. ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
  2240. .ui-content .ui-listview { margin: -15px; }
  2241. .ui-collapsible-content > .ui-listview { margin: -10px -15px; }
  2242. .ui-content .ui-listview-inset { margin: 1em 0; }
  2243. .ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
  2244. .ui-listview, .ui-li { list-style:none; padding:0; }
  2245. .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
  2246. .ui-li.ui-btn { margin: 0; }
  2247. .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2248. .ui-li-static { background-image: none; }
  2249. .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
  2250. ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal; counter-increment: listnumbering; content: counter(listnumbering) ". "; }
  2251. ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
  2252. .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
  2253. .ui-li-last, .ui-li.ui-field-contain.ui-li-last { border-bottom-width: 1px; }
  2254. .ui-collapsible [class*="ui-body"] > .ui-listview:not(.ui-listview-inset) .ui-li-last { border-bottom-width: 0; }
  2255. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li:first-child { border-top-width: 0; }
  2256. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
  2257. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { -webkit-border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
  2258. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; }
  2259. .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
  2260. .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
  2261. .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }
  2262. .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
  2263. .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count, .ui-li-divider.ui-li-has-count { padding-right: 45px; }
  2264. .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
  2265. .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
  2266. .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2267. .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2268. .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
  2269. .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
  2270. .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
  2271. .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
  2272. @media all and (min-width: 480px){
  2273.          .ui-li-aside { width: 45%; }
  2274. }        
  2275. .ui-li-divider { cursor: default; }
  2276. .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
  2277. .ui-li-has-alt.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt.ui-li-has-count { padding-right: 88px; }
  2278. .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px; }
  2279. .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
  2280. .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
  2281. .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
  2282. .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
  2283. .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;}
  2284. .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
  2285. .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
  2286. .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  2287. .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
  2288. .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
  2289. .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
  2290. .ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
  2291. .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
  2292. .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
  2293. .ui-li.ui-screen-hidden{ display:none; }
  2294. /* Odd iPad positioning issue. */
  2295. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  2296.     .ui-li .ui-btn-text { overflow:  visible; }
  2297. }
  2298. label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  2299. input.ui-slider-input,
  2300. .ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; outline: 0; }
  2301. input.ui-slider-input.ui-mini,
  2302. .ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; }
  2303. .ui-field-contain input.ui-slider-input { margin: 0; }
  2304. input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
  2305. /* Fixes input fields being to small on Safari/Mac because of the up and down arrows. */
  2306. .ui-slider-input::-webkit-outer-spin-button { margin: 0; }
  2307. select.ui-slider-switch { display: none; }
  2308. div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
  2309. div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }
  2310. div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
  2311. .ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; }
  2312. a.ui-btn.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
  2313. div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
  2314. div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; border-top: none; }
  2315. @media all and (min-width: 450px){
  2316.         .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  2317.         .ui-field-contain div.ui-slider { width: 43%; }
  2318.         .ui-field-contain div.ui-slider-switch { width: 5.5em; }
  2319. }      
  2320. div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
  2321. a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
  2322. div.ui-slider-switch .ui-slider-handle { margin: 1px 0 0 -15px; }
  2323. .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
  2324. div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
  2325. div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
  2326. div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
  2327. div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
  2328. span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; }
  2329. .ui-slider-mini span.ui-slider-label { font-size: 14px; }
  2330. span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
  2331. span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
  2332. .ui-slider-inline { width: 120px; display: inline-block; }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.