source: other-projects/nz-flag-design/trunk/main-form/lib-slider/css/jquery.mobile-1.3.0.css.orig@ 29530

Last change on this file since 29530 was 29530, checked in by davidb, 9 years ago

First cut at overview web pages to nz-flag-design project
  • Property svn:executable set to *
File size: 132.8 KB
Line 
1/*
2* jQuery Mobile Git Build: SHA1: caa77b258660731d663844fe7867aa2c3a107ab1 <> Date: Wed Feb 20 15:03:27 2013 -0500
3* http://jquerymobile.com
4*
5* Copyright 2010, 2013 jQuery Foundation, Inc. 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}*/ 0 /*{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
52.ui-body-a,
53.ui-overlay-a {
54 border: 1px solid #444 /*{a-body-border}*/;
55 background: #222 /*{a-body-background-color}*/;
56 color: #fff /*{a-body-color}*/;
57 text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
58 font-weight: normal;
59 background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
60 background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
61 background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
62 background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
63 background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
64 background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
65}
66.ui-overlay-a {
67 background-image: none;
68 border-width: 0;
69}
70.ui-body-a,
71.ui-body-a input,
72.ui-body-a select,
73.ui-body-a textarea,
74.ui-body-a button {
75 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
76}
77.ui-body-a .ui-link-inherit {
78 color: #fff /*{a-body-color}*/;
79}
80.ui-body-a .ui-link {
81 color: #2489ce /*{a-body-link-color}*/;
82 font-weight: bold;
83}
84.ui-body-a .ui-link:visited {
85 color: #2489ce /*{a-body-link-visited}*/;
86}
87.ui-body-a .ui-link:hover {
88 color: #2489ce /*{a-body-link-hover}*/;
89}
90.ui-body-a .ui-link:active {
91 color: #2489ce /*{a-body-link-active}*/;
92}
93.ui-btn-up-a {
94 border: 1px solid #111 /*{a-bup-border}*/;
95 background: #333 /*{a-bup-background-color}*/;
96 font-weight: bold;
97 color: #fff /*{a-bup-color}*/;
98 text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
99 background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
100 background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
101 background-image: -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
102 background-image: -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
103 background-image: -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
104 background-image: linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
105}
106.ui-btn-up-a:visited,
107.ui-btn-up-a a.ui-link-inherit {
108 color: #fff /*{a-bup-color}*/;
109}
110.ui-btn-hover-a {
111 border: 1px solid #000 /*{a-bhover-border}*/;
112 background: #444 /*{a-bhover-background-color}*/;
113 font-weight: bold;
114 color: #fff /*{a-bhover-color}*/;
115 text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
116 background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
117 background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
118 background-image: -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
119 background-image: -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
120 background-image: -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
121 background-image: linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
122}
123.ui-btn-hover-a:visited,
124.ui-btn-hover-a:hover,
125.ui-btn-hover-a a.ui-link-inherit {
126 color: #fff /*{a-bhover-color}*/;
127}
128.ui-btn-down-a {
129 border: 1px solid #000 /*{a-bdown-border}*/;
130 background: #222 /*{a-bdown-background-color}*/;
131 font-weight: bold;
132 color: #fff /*{a-bdown-color}*/;
133 text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
134 background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
135 background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
136 background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
137 background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
138 background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
139 background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
140}
141.ui-btn-down-a:visited,
142.ui-btn-down-a:hover,
143.ui-btn-down-a a.ui-link-inherit {
144 color: #fff /*{a-bdown-color}*/;
145}
146.ui-btn-up-a,
147.ui-btn-hover-a,
148.ui-btn-down-a {
149 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
150 text-decoration: none;
151}
152/* B
153-----------------------------------------------------------------------------------------------------------*/
154.ui-bar-b {
155 border: 1px solid #456f9a /*{b-bar-border}*/;
156 background: #5e87b0 /*{b-bar-background-color}*/;
157 color: #fff /*{b-bar-color}*/;
158 font-weight: bold;
159 text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
160 background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
161 background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
162 background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
163 background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
164 background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
165 background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
166}
167.ui-bar-b,
168.ui-bar-b input,
169.ui-bar-b select,
170.ui-bar-b textarea,
171.ui-bar-b button {
172 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
173}
174.ui-bar-b .ui-link-inherit {
175 color: #fff /*{b-bar-color}*/;
176}
177.ui-bar-b a.ui-link {
178 color: #ddf0f8 /*{b-bar-link-color}*/;
179 font-weight: bold;
180}
181.ui-bar-b a.ui-link:visited {
182 color: #ddf0f8 /*{b-bar-link-visited}*/;
183}
184.ui-bar-b a.ui-link:hover {
185 color: #ddf0f8 /*{b-bar-link-hover}*/;
186}
187.ui-bar-b a.ui-link:active {
188 color: #ddf0f8 /*{b-bar-link-active}*/;
189}
190.ui-body-b,
191.ui-overlay-b {
192 border: 1px solid #999 /*{b-body-border}*/;
193 background: #f3f3f3 /*{b-body-background-color}*/;
194 color: #222 /*{b-body-color}*/;
195 text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
196 font-weight: normal;
197 background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
198 background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
199 background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
200 background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
201 background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
202 background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
203}
204.ui-overlay-b {
205 background-image: none;
206 border-width: 0;
207}
208.ui-body-b,
209.ui-body-b input,
210.ui-body-b select,
211.ui-body-b textarea,
212.ui-body-b button {
213 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
214}
215.ui-body-b .ui-link-inherit {
216 color: #333 /*{b-body-color}*/;
217}
218.ui-body-b .ui-link {
219 color: #2489ce /*{b-body-link-color}*/;
220 font-weight: bold;
221}
222.ui-body-b .ui-link:visited {
223 color: #2489ce /*{b-body-link-visited}*/;
224}
225.ui-body-b .ui-link:hover {
226 color: #2489ce /*{b-body-link-hover}*/;
227}
228.ui-body-b .ui-link:active {
229 color: #2489ce /*{b-body-link-active}*/;
230}
231.ui-btn-up-b {
232 border: 1px solid #044062 /*{b-bup-border}*/;
233 background: #396b9e /*{b-bup-background-color}*/;
234 font-weight: bold;
235 color: #fff /*{b-bup-color}*/;
236 text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
237 background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
238 background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
239 background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
240 background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
241 background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
242 background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
243}
244.ui-btn-up-b:visited,
245.ui-btn-up-b a.ui-link-inherit {
246 color: #fff /*{b-bup-color}*/;
247}
248.ui-btn-hover-b {
249 border: 1px solid #00415e /*{b-bhover-border}*/;
250 background: #4b88b6 /*{b-bhover-background-color}*/;
251 font-weight: bold;
252 color: #fff /*{b-bhover-color}*/;
253 text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
254 background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
255 background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
256 background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
257 background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
258 background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
259 background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
260}
261.ui-btn-hover-b:visited,
262.ui-btn-hover-b:hover,
263.ui-btn-hover-b a.ui-link-inherit {
264 color: #fff /*{b-bhover-color}*/;
265}
266.ui-btn-down-b {
267 border: 1px solid #225377 /*{b-bdown-border}*/;
268 background: #4e89c5 /*{b-bdown-background-color}*/;
269 font-weight: bold;
270 color: #fff /*{b-bdown-color}*/;
271 text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
272 background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
273 background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
274 background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
275 background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
276 background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
277 background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
278}
279.ui-btn-down-b:visited,
280.ui-btn-down-b:hover,
281.ui-btn-down-b a.ui-link-inherit {
282 color: #fff /*{b-bdown-color}*/;
283}
284.ui-btn-up-b,
285.ui-btn-hover-b,
286.ui-btn-down-b {
287 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
288 text-decoration: none;
289}
290/* C
291-----------------------------------------------------------------------------------------------------------*/
292.ui-bar-c {
293 border: 1px solid #b3b3b3 /*{c-bar-border}*/;
294 background: #eee /*{c-bar-background-color}*/;
295 color: #3e3e3e /*{c-bar-color}*/;
296 font-weight: bold;
297 text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
298 background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
299 background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
300 background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
301 background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
302 background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
303 background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
304}
305.ui-bar-c .ui-link-inherit {
306 color: #3e3e3e /*{c-bar-color}*/;
307}
308.ui-bar-c a.ui-link {
309 color: #7cc4e7 /*{c-bar-link-color}*/;
310 font-weight: bold;
311}
312.ui-bar-c a.ui-link:visited {
313 color: #2489ce /*{c-bar-link-visited}*/;
314}
315.ui-bar-c a.ui-link:hover {
316 color: #2489ce /*{c-bar-link-hover}*/;
317}
318.ui-bar-c a.ui-link:active {
319 color: #2489ce /*{c-bar-link-active}*/;
320}
321.ui-bar-c,
322.ui-bar-c input,
323.ui-bar-c select,
324.ui-bar-c textarea,
325.ui-bar-c button {
326 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
327}
328.ui-body-c,
329.ui-overlay-c {
330 border: 1px solid #aaa /*{c-body-border}*/;
331 color: #333 /*{c-body-color}*/;
332 text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
333 background: #f9f9f9 /*{c-body-background-color}*/;
334 background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
335 background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
336 background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */
337 background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */
338 background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */
339 background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
340}
341.ui-overlay-c {
342 background-image: none;
343 border-width: 0;
344}
345.ui-body-c,
346.ui-body-c input,
347.ui-body-c select,
348.ui-body-c textarea,
349.ui-body-c button {
350 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
351}
352.ui-body-c .ui-link-inherit {
353 color: #333 /*{c-body-color}*/;
354}
355.ui-body-c .ui-link {
356 color: #2489ce /*{c-body-link-color}*/;
357 font-weight: bold;
358}
359.ui-body-c .ui-link:visited {
360 color: #2489ce /*{c-body-link-visited}*/;
361}
362.ui-body-c .ui-link:hover {
363 color: #2489ce /*{c-body-link-hover}*/;
364}
365.ui-body-c .ui-link:active {
366 color: #2489ce /*{c-body-link-active}*/;
367}
368.ui-btn-up-c {
369 border: 1px solid #ccc /*{c-bup-border}*/;
370 background: #eee /*{c-bup-background-color}*/;
371 font-weight: bold;
372 color: #222 /*{c-bup-color}*/;
373 text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
374 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
375 background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
376 background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
377 background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
378 background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
379 background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
380}
381.ui-btn-up-c:visited,
382.ui-btn-up-c a.ui-link-inherit {
383 color: #2f3e46 /*{c-bup-color}*/;
384}
385.ui-btn-hover-c {
386 border: 1px solid #bbb /*{c-bhover-border}*/;
387 background: #dfdfdf /*{c-bhover-background-color}*/;
388 font-weight: bold;
389 color: #222 /*{c-bhover-color}*/;
390 text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
391 background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
392 background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
393 background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
394 background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
395 background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
396 background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
397}
398.ui-btn-hover-c:visited,
399.ui-btn-hover-c:hover,
400.ui-btn-hover-c a.ui-link-inherit {
401 color: #2f3e46 /*{c-bhover-color}*/;
402}
403.ui-btn-down-c {
404 border: 1px solid #bbb /*{c-bdown-border}*/;
405 background: #d6d6d6 /*{c-bdown-background-color}*/;
406 font-weight: bold;
407 color: #222 /*{c-bdown-color}*/;
408 text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
409 background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
410 background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
411 background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
412 background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
413 background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
414 background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
415}
416.ui-btn-down-c:visited,
417.ui-btn-down-c:hover,
418.ui-btn-down-c a.ui-link-inherit {
419 color: #2f3e46 /*{c-bdown-color}*/;
420}
421.ui-btn-up-c,
422.ui-btn-hover-c,
423.ui-btn-down-c {
424 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
425 text-decoration: none;
426}
427/* D
428-----------------------------------------------------------------------------------------------------------*/
429.ui-bar-d {
430 border: 1px solid #bbb /*{d-bar-border}*/;
431 background: #bbb /*{d-bar-background-color}*/;
432 color: #333 /*{d-bar-color}*/;
433 font-weight: bold;
434 text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
435 background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
436 background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
437 background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
438 background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
439 background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
440 background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
441}
442.ui-bar-d,
443.ui-bar-d input,
444.ui-bar-d select,
445.ui-bar-d textarea,
446.ui-bar-d button {
447 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
448}
449.ui-bar-d .ui-link-inherit {
450 color: #333 /*{d-bar-color}*/;
451}
452.ui-bar-d a.ui-link {
453 color: #2489ce /*{d-bar-link-color}*/;
454 font-weight: bold;
455}
456.ui-bar-d a.ui-link:visited {
457 color: #2489ce /*{d-bar-link-visited}*/;
458}
459.ui-bar-d a.ui-link:hover {
460 color: #2489ce /*{d-bar-link-hover}*/;
461}
462.ui-bar-d a.ui-link:active {
463 color: #2489ce /*{d-bar-link-active}*/;
464}
465.ui-body-d,
466.ui-overlay-d {
467 border: 1px solid #bbb /*{d-body-border}*/;
468 color: #333 /*{d-body-color}*/;
469 text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
470 background: #fff /*{d-body-background-color}*/;
471 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
472 background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
473 background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
474 background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
475 background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
476 background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
477}
478.ui-overlay-d {
479 background-image: none;
480 border-width: 0;
481}
482.ui-body-d,
483.ui-body-d input,
484.ui-body-d select,
485.ui-body-d textarea,
486.ui-body-d button {
487 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
488}
489.ui-body-d .ui-link-inherit {
490 color: #333 /*{d-body-color}*/;
491}
492.ui-body-d .ui-link {
493 color: #2489ce /*{d-body-link-color}*/;
494 font-weight: bold;
495}
496.ui-body-d .ui-link:visited {
497 color: #2489ce /*{d-body-link-visited}*/;
498}
499.ui-body-d .ui-link:hover {
500 color: #2489ce /*{d-body-link-hover}*/;
501}
502.ui-body-d .ui-link:active {
503 color: #2489ce /*{d-body-link-active}*/;
504}
505.ui-btn-up-d {
506 border: 1px solid #bbb /*{d-bup-border}*/;
507 background: #fff /*{d-bup-background-color}*/;
508 font-weight: bold;
509 color: #333 /*{d-bup-color}*/;
510 text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
511 background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
512 background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
513 background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
514 background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
515 background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
516 background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
517}
518.ui-btn-up-d:visited,
519.ui-btn-up-d a.ui-link-inherit {
520 color: #333 /*{d-bup-color}*/;
521}
522.ui-btn-hover-d {
523 border: 1px solid #aaa /*{d-bhover-border}*/;
524 background: #eee /*{d-bhover-background-color}*/;
525 font-weight: bold;
526 color: #333 /*{d-bhover-color}*/;
527 cursor: pointer;
528 text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
529 background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
530 background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
531 background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
532 background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
533 background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
534 background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
535}
536.ui-btn-hover-d:visited,
537.ui-btn-hover-d:hover,
538.ui-btn-hover-d a.ui-link-inherit {
539 color: #333 /*{d-bhover-color}*/;
540}
541.ui-btn-down-d {
542 border: 1px solid #aaa /*{d-bdown-border}*/;
543 background: #eee /*{d-bdown-background-color}*/;
544 font-weight: bold;
545 color: #333 /*{d-bdown-color}*/;
546 text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #fff /*{d-bdown-shadow-color}*/;
547 background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
548 background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
549 background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
550 background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
551 background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
552 background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
553}
554.ui-btn-down-d:visited,
555.ui-btn-down-d:hover,
556.ui-btn-down-d a.ui-link-inherit {
557 color: #333 /*{d-bdown-color}*/;
558}
559.ui-btn-up-d,
560.ui-btn-hover-d,
561.ui-btn-down-d {
562 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
563 text-decoration: none;
564}
565/* E
566-----------------------------------------------------------------------------------------------------------*/
567.ui-bar-e {
568 border: 1px solid #f7c942 /*{e-bar-border}*/;
569 background: #fadb4e /*{e-bar-background-color}*/;
570 color: #333 /*{e-bar-color}*/;
571 font-weight: bold;
572 text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
573 background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
574 background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
575 background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
576 background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
577 background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
578 background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
579}
580.ui-bar-e,
581.ui-bar-e input,
582.ui-bar-e select,
583.ui-bar-e textarea,
584.ui-bar-e button {
585 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
586}
587.ui-bar-e .ui-link-inherit {
588 color: #333 /*{e-bar-color}*/;
589}
590.ui-bar-e a.ui-link {
591 color: #2489ce /*{e-bar-link-color}*/;
592 font-weight: bold;
593}
594.ui-bar-e a.ui-link:visited {
595 color: #2489ce /*{e-bar-link-visited}*/;
596}
597.ui-bar-e a.ui-link:hover {
598 color: #2489ce /*{e-bar-link-hover}*/;
599}
600.ui-bar-e a.ui-link:active {
601 color: #2489ce /*{e-bar-link-active}*/;
602}
603.ui-body-e,
604.ui-overlay-e {
605 border: 1px solid #f7c942 /*{e-body-border}*/;
606 color: #222 /*{e-body-color}*/;
607 text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
608 background: #fff9df /*{e-body-background-color}*/;
609 background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
610 background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
611 background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
612 background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
613 background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
614 background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
615}
616.ui-overlay-e {
617 background-image: none;
618 border-width: 0;
619}
620.ui-body-e,
621.ui-body-e input,
622.ui-body-e select,
623.ui-body-e textarea,
624.ui-body-e button {
625 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
626}
627.ui-body-e .ui-link-inherit {
628 color: #222 /*{e-body-color}*/;
629}
630.ui-body-e .ui-link {
631 color: #2489ce /*{e-body-link-color}*/;
632 font-weight: bold;
633}
634.ui-body-e .ui-link:visited {
635 color: #2489ce /*{e-body-link-visited}*/;
636}
637.ui-body-e .ui-link:hover {
638 color: #2489ce /*{e-body-link-hover}*/;
639}
640.ui-body-e .ui-link:active {
641 color: #2489ce /*{e-body-link-active}*/;
642}
643.ui-btn-up-e {
644 border: 1px solid #f4c63f /*{e-bup-border}*/;
645 background: #fadb4e /*{e-bup-background-color}*/;
646 font-weight: bold;
647 color: #222 /*{e-bup-color}*/;
648 text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
649 background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
650 background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
651 background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
652 background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
653 background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
654 background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
655}
656.ui-btn-up-e:visited,
657.ui-btn-up-e a.ui-link-inherit {
658 color: #222 /*{e-bup-color}*/;
659}
660.ui-btn-hover-e {
661 border: 1px solid #f2c43d /*{e-bhover-border}*/;
662 background: #fbe26f /*{e-bhover-background-color}*/;
663 font-weight: bold;
664 color: #111 /*{e-bhover-color}*/;
665 text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
666 background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
667 background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
668 background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
669 background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
670 background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
671 background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
672}
673.ui-btn-hover-e:visited,
674.ui-btn-hover-e:hover,
675.ui-btn-hover-e a.ui-link-inherit {
676 color: #333 /*{e-bhover-color}*/;
677}
678.ui-btn-down-e {
679 border: 1px solid #f2c43d /*{e-bdown-border}*/;
680 background: #fceda7 /*{e-bdown-background-color}*/;
681 font-weight: bold;
682 color: #111 /*{e-bdown-color}*/;
683 text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #fff /*{e-bdown-shadow-color}*/;
684 background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
685 background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
686 background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
687 background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
688 background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
689 background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
690}
691.ui-btn-down-e:visited,
692.ui-btn-down-e:hover,
693.ui-btn-down-e a.ui-link-inherit {
694 color: #333 /*{e-bdown-color}*/;
695}
696.ui-btn-up-e,
697.ui-btn-hover-e,
698.ui-btn-down-e {
699 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
700 text-decoration: none;
701}
702/* Structure */
703/* links within "buttons"
704-----------------------------------------------------------------------------------------------------------*/
705a.ui-link-inherit {
706 text-decoration: none !important;
707}
708/* Active class used as the "on" state across all themes
709-----------------------------------------------------------------------------------------------------------*/
710.ui-btn-active {
711 border: 1px solid #2373a5 /*{global-active-border}*/;
712 background: #5393c5 /*{global-active-background-color}*/;
713 font-weight: bold;
714 color: #fff /*{global-active-color}*/;
715 cursor: pointer;
716 text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
717 text-decoration: none;
718 background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
719 background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
720 background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
721 background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
722 background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
723 background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
724 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
725}
726.ui-btn-active:visited,
727.ui-btn-active:hover,
728.ui-btn-active a.ui-link-inherit {
729 color: #fff /*{global-active-color}*/;
730}
731/* button inner top highlight
732-----------------------------------------------------------------------------------------------------------*/
733.ui-btn-inner {
734 border-top: 1px solid #fff;
735 border-color: rgba(255,255,255,.3);
736}
737/* corner rounding classes
738-----------------------------------------------------------------------------------------------------------*/
739.ui-corner-all {
740 -webkit-border-radius: .6em /*{global-radii-blocks}*/;
741 border-radius: .6em /*{global-radii-blocks}*/;
742}
743/* Form field separator
744-----------------------------------------------------------------------------------------------------------*/
745.ui-br {
746 border-color: rgb(130,130,130);
747 border-color: rgba(130,130,130,.3);
748 border-style: solid;
749}
750/* Interaction cues
751-----------------------------------------------------------------------------------------------------------*/
752.ui-disabled {
753 filter: Alpha(Opacity=30);
754 opacity: .3;
755 zoom: 1;
756}
757.ui-disabled,
758.ui-disabled a {
759 cursor: default !important;
760 pointer-events: none;
761}
762/* Icons
763-----------------------------------------------------------------------------------------------------------*/
764.ui-icon,
765.ui-icon-searchfield:after {
766 background-color: #666 /*{global-icon-color}*/;
767 background-color: rgba(0,0,0,.4) /*{global-icon-disc}*/;
768 background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
769 background-repeat: no-repeat;
770 -webkit-border-radius: 9px;
771 border-radius: 9px;
772}
773/* Alt icon color
774-----------------------------------------------------------------------------------------------------------*/
775.ui-icon-alt .ui-icon,
776.ui-icon-alt .ui-icon-searchfield:after {
777 background-color: #fff;
778 background-color: rgba(255,255,255,.3);
779 background-image: url(images/icons-18-black.png);
780 background-repeat: no-repeat;
781}
782/* No disc
783-----------------------------------------------------------------------------------------------------------*/
784.ui-icon-nodisc .ui-icon,
785.ui-icon-nodisc .ui-icon-searchfield:after,
786.ui-icon-nodisc .ui-icon-alt .ui-icon,
787.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
788 background-color: transparent;
789}
790/* Icon sprite
791-----------------------------------------------------------------------------------------------------------*/
792/* plus minus */
793.ui-icon-plus {
794 background-position: -1px -1px;
795}
796.ui-icon-minus {
797 background-position: -37px -1px;
798}
799/* delete/close */
800.ui-icon-delete {
801 background-position: -73px -1px;
802}
803/* arrows */
804.ui-icon-arrow-r {
805 background-position: -108px -1px;
806}
807.ui-icon-arrow-l {
808 background-position: -144px -1px;
809}
810.ui-icon-arrow-u {
811 background-position: -180px -1px;
812}
813.ui-icon-arrow-d {
814 background-position: -216px -1px;
815}
816/* misc */
817.ui-icon-check {
818 background-position: -252px -1px;
819}
820.ui-icon-gear {
821 background-position: -288px -1px;
822}
823.ui-icon-refresh {
824 background-position: -323px -1px;
825}
826.ui-icon-forward {
827 background-position: -360px -1px;
828}
829.ui-icon-back {
830 background-position: -396px -1px;
831}
832.ui-icon-grid {
833 background-position: -432px -1px;
834}
835.ui-icon-star {
836 background-position: -467px -1px;
837}
838.ui-icon-alert {
839 background-position: -503px -1px;
840}
841.ui-icon-info {
842 background-position: -539px -1px;
843}
844.ui-icon-home {
845 background-position: -575px -1px;
846}
847/* search */
848.ui-icon-search,
849.ui-icon-searchfield:after {
850 background-position: -611px -1px;
851}
852/* checkbox radio */
853.ui-icon-checkbox-on {
854 background-position: -647px -1px;
855}
856.ui-icon-checkbox-off {
857 background-position: -683px -1px;
858}
859.ui-icon-radio-on {
860 background-position: -718px -1px;
861}
862.ui-icon-radio-off {
863 background-position: -754px -1px;
864}
865/* menu edit */
866.ui-icon-bars {
867 background-position: -788px -1px;
868}
869.ui-icon-edit {
870 background-position: -824px -1px;
871}
872/* HD/"retina" sprite
873-----------------------------------------------------------------------------------------------------------*/
874@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
875 only screen and (min--moz-device-pixel-ratio: 1.3),
876 only screen and (min-resolution: 200dpi) {
877
878 .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
879 .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
880 .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
881 .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
882 .ui-icon-search, .ui-icon-searchfield:after,
883 .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
884 background-image: url(images/icons-36-white.png);
885 -moz-background-size: 864px 18px;
886 -o-background-size: 864px 18px;
887 -webkit-background-size: 864px 18px;
888 background-size: 864px 18px;
889 }
890 .ui-icon-alt .ui-icon {
891 background-image: url(images/icons-36-black.png);
892 }
893 .ui-icon-plus {
894 background-position: 0px 50%;
895 }
896 .ui-icon-minus {
897 background-position: -36px 50%;
898 }
899 .ui-icon-delete {
900 background-position: -72px 50%;
901 }
902 .ui-icon-arrow-r {
903 background-position: -108px 50%;
904 }
905 .ui-icon-arrow-l {
906 background-position: -144px 50%;
907 }
908 .ui-icon-arrow-u {
909 background-position: -179px 50%;
910 }
911 .ui-icon-arrow-d {
912 background-position: -215px 50%;
913 }
914 .ui-icon-check {
915 background-position: -252px 50%;
916 }
917 .ui-icon-gear {
918 background-position: -287px 50%;
919 }
920 .ui-icon-refresh {
921 background-position: -323px 50%;
922 }
923 .ui-icon-forward {
924 background-position: -360px 50%;
925 }
926 .ui-icon-back {
927 background-position: -395px 50%;
928 }
929 .ui-icon-grid {
930 background-position: -431px 50%;
931 }
932 .ui-icon-star {
933 background-position: -467px 50%;
934 }
935 .ui-icon-alert {
936 background-position: -503px 50%;
937 }
938 .ui-icon-info {
939 background-position: -538px 50%;
940 }
941 .ui-icon-home {
942 background-position: -575px 50%;
943 }
944 .ui-icon-search,
945 .ui-icon-searchfield:after {
946 background-position: -611px 50%;
947 }
948 .ui-icon-checkbox-on {
949 background-position: -647px 50%;
950 }
951 .ui-icon-checkbox-off {
952 background-position: -683px 50%;
953 }
954 .ui-icon-radio-on {
955 background-position: -718px 50%;
956 }
957 .ui-icon-radio-off {
958 background-position: -754px 50%;
959 }
960 .ui-icon-bars {
961 background-position: -788px 50%;
962
963 }.ui-icon-edit {
964 background-position: -824px 50%;
965 }
966}
967/* checks,radios */
968.ui-checkbox .ui-icon,
969.ui-selectmenu-list .ui-icon {
970 -webkit-border-radius: 3px;
971 border-radius: 3px;
972}
973.ui-icon-checkbox-off,
974.ui-icon-radio-off {
975 background-color: transparent;
976}
977.ui-checkbox-on .ui-icon,
978.ui-radio-on .ui-icon {
979 background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
980}
981/* loading icon */
982.ui-icon-loading {
983 background: url(images/ajax-loader.gif);
984 background-size: 46px 46px;
985}
986/* Button corner class
987-----------------------------------------------------------------------------------------------------------*/
988.ui-btn-corner-all {
989 -webkit-border-radius: 1em /*{global-radii-buttons}*/;
990 border-radius: 1em /*{global-radii-buttons}*/;
991}
992/* radius clip workaround for cleaning up corner trapping */
993.ui-corner-all,
994.ui-btn-corner-all {
995 -webkit-background-clip: padding;
996 background-clip: padding-box;
997}
998/* Overlay / modal
999-----------------------------------------------------------------------------------------------------------*/
1000.ui-overlay {
1001 background: #666;
1002 filter: Alpha(Opacity=50);
1003 opacity: .5;
1004 position: absolute;
1005 width: 100%;
1006 height: 100%;
1007}
1008.ui-overlay-shadow {
1009 -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1010 -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1011 box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1012}
1013.ui-shadow {
1014 -moz-box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
1015 -webkit-box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
1016 box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
1017}
1018.ui-bar-a .ui-shadow,
1019.ui-bar-b .ui-shadow ,
1020.ui-bar-c .ui-shadow {
1021 -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1022 -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1023 box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1024}
1025.ui-shadow-inset {
1026 -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1027 -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1028 box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1029}
1030.ui-icon-shadow {
1031 -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1032 -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1033 box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1034}
1035/* Focus state - set here for specificity (note: these classes are added by JavaScript)
1036-----------------------------------------------------------------------------------------------------------*/
1037.ui-btn:focus, .ui-link-inherit:focus {
1038 outline: 0;
1039}
1040.ui-btn.ui-focus {
1041 z-index: 1;
1042}
1043.ui-focus,
1044.ui-btn:focus {
1045 -moz-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
1046 -webkit-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
1047 box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
1048}
1049.ui-input-text.ui-focus,
1050.ui-input-search.ui-focus {
1051 -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1052 -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1053 box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1054}
1055/* unset box shadow in browsers that don't do it right
1056-----------------------------------------------------------------------------------------------------------*/
1057.ui-mobile-nosupport-boxshadow * {
1058 -moz-box-shadow: none !important;
1059 -webkit-box-shadow: none !important;
1060 box-shadow: none !important;
1061}
1062/* ...and bring back focus */
1063.ui-mobile-nosupport-boxshadow .ui-focus,
1064.ui-mobile-nosupport-boxshadow .ui-btn:focus,
1065.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
1066 outline-width: 1px;
1067 outline-style: auto;
1068}
1069/* some unsets - more probably needed */
1070.ui-mobile, .ui-mobile body { height: 99.9%; }
1071.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
1072.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
1073/* responsive page widths */
1074.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); }
1075/* Issue #2066 */
1076body.ui-mobile-viewport,
1077div.ui-mobile-viewport { overflow-x: hidden; }
1078/* "page" containers - full-screen views, one should always be in view post-pageload */
1079.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; }
1080.ui-mobile .ui-page-active { display: block; overflow: visible; }
1081/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
1082.ui-page { outline: none; }
1083/*orientations from js are available */
1084@media screen and (orientation: portrait){
1085.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
1086}
1087@media screen and (orientation: landscape){
1088.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
1089}
1090/* loading screen */
1091.ui-loading .ui-loader { display: block; }
1092.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
1093.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
1094.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; }
1095.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
1096.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
1097.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
1098.ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
1099.ui-loader-textonly { padding: 15px; margin-left: -115px; }
1100.ui-loader-textonly .ui-icon { display: none; }
1101.ui-loader-fakefix { position: absolute; }
1102/*fouc*/
1103.ui-mobile-rendering > * { visibility: hidden; }
1104/*headers, content panels*/
1105.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
1106.ui-bar { font-size: 16px; margin: 0; }
1107.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; }
1108.ui-header, .ui-footer { position: relative; zoom: 1; }
1109.ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
1110.ui-header .ui-btn-left,
1111.ui-header .ui-btn-right,
1112.ui-footer .ui-btn-left,
1113.ui-footer .ui-btn-right,
1114.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
1115.ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
1116.ui-header-fixed .ui-btn-left,
1117.ui-header-fixed .ui-btn-right { top: 4px;}
1118.ui-header .ui-btn-left,
1119.ui-footer .ui-btn-left { left: 5px; }
1120.ui-header .ui-btn-right,
1121.ui-footer .ui-btn-right { right: 5px; }
1122.ui-footer > .ui-btn-icon-notext,
1123.ui-header > .ui-btn-icon-notext,
1124.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
1125.ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
1126.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; }
1127.ui-footer .ui-title { margin: .6em 15px .8em; }
1128/* content area*/
1129.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1130/* corner styling for dialogs and popups */
1131.ui-corner-all > .ui-header:first-child,
1132.ui-corner-all > .ui-content:first-child,
1133.ui-corner-all > .ui-footer:first-child {
1134 -webkit-border-top-left-radius: inherit;
1135 border-top-left-radius: inherit;
1136 -webkit-border-top-right-radius: inherit;
1137 border-top-right-radius: inherit;
1138}
1139.ui-corner-all > .ui-header:last-child,
1140.ui-corner-all > .ui-content:last-child,
1141.ui-corner-all > .ui-footer:last-child {
1142 -webkit-border-bottom-left-radius: inherit;
1143 border-bottom-left-radius: inherit;
1144 -webkit-border-bottom-right-radius: inherit;
1145 border-bottom-right-radius: inherit;
1146}
1147/* icons sizing */
1148.ui-icon { width: 18px; height: 18px; }
1149/* non-js content hiding */
1150.ui-nojs { position: absolute; left: -9999px; }
1151/* accessible content hiding */
1152.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,
1153.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
1154/* Transitions originally inspired by those from jQtouch, nice work, folks */
1155.ui-mobile-viewport-transitioning,
1156.ui-mobile-viewport-transitioning .ui-page {
1157 width: 100%;
1158 height: 100%;
1159 overflow: hidden;
1160 -webkit-box-sizing: border-box;
1161 -moz-box-sizing: border-box;
1162 box-sizing: border-box;
1163}
1164.ui-page-pre-in {
1165 opacity: 0;
1166}
1167.in {
1168 -webkit-animation-fill-mode: both;
1169 -webkit-animation-timing-function: ease-out;
1170 -webkit-animation-duration: 350ms;
1171 -moz-animation-fill-mode: both;
1172 -moz-animation-timing-function: ease-out;
1173 -moz-animation-duration: 350ms;
1174 animation-fill-mode: both;
1175 animation-timing-function: ease-out;
1176 animation-duration: 350ms;
1177}
1178.out {
1179 -webkit-animation-fill-mode: both;
1180 -webkit-animation-timing-function: ease-in;
1181 -webkit-animation-duration: 225ms;
1182 -moz-animation-fill-mode: both;
1183 -moz-animation-timing-function: ease-in;
1184 -moz-animation-duration: 225ms;
1185 animation-fill-mode: both;
1186 animation-timing-function: ease-in;
1187 animation-duration: 225ms;
1188}
1189@-webkit-keyframes fadein {
1190 from { opacity: 0; }
1191 to { opacity: 1; }
1192}
1193@-moz-keyframes fadein {
1194 from { opacity: 0; }
1195 to { opacity: 1; }
1196}
1197@keyframes fadein {
1198 from { opacity: 0; }
1199 to { opacity: 1; }
1200}
1201@-webkit-keyframes fadeout {
1202 from { opacity: 1; }
1203 to { opacity: 0; }
1204}
1205@-moz-keyframes fadeout {
1206 from { opacity: 1; }
1207 to { opacity: 0; }
1208}
1209@keyframes fadeout {
1210 from { opacity: 1; }
1211 to { opacity: 0; }
1212}
1213.fade.out {
1214 opacity: 0;
1215 -webkit-animation-duration: 125ms;
1216 -webkit-animation-name: fadeout;
1217 -moz-animation-duration: 125ms;
1218 -moz-animation-name: fadeout;
1219 animation-duration: 125ms;
1220 animation-name: fadeout;
1221}
1222.fade.in {
1223 opacity: 1;
1224 -webkit-animation-duration: 225ms;
1225 -webkit-animation-name: fadein;
1226 -moz-animation-duration: 225ms;
1227 -moz-animation-name: fadein;
1228 animation-duration: 225ms;
1229 animation-name: fadein;
1230}
1231.pop {
1232 -webkit-transform-origin: 50% 50%;
1233 -moz-transform-origin: 50% 50%;
1234 transform-origin: 50% 50%;
1235}
1236.pop.in {
1237 -webkit-transform: scale(1);
1238 -webkit-animation-name: popin;
1239 -webkit-animation-duration: 350ms;
1240 -moz-transform: scale(1);
1241 -moz-animation-name: popin;
1242 -moz-animation-duration: 350ms;
1243 transform: scale(1);
1244 animation-name: popin;
1245 animation-duration: 350ms;
1246 opacity: 1;
1247}
1248.pop.out {
1249 -webkit-animation-name: fadeout;
1250 -webkit-animation-duration: 100ms;
1251 -moz-animation-name: fadeout;
1252 -moz-animation-duration: 100ms;
1253 animation-name: fadeout;
1254 animation-duration: 100ms;
1255 opacity: 0;
1256}
1257.pop.in.reverse {
1258 -webkit-animation-name: fadein;
1259 -moz-animation-name: fadein;
1260 animation-name: fadein;
1261}
1262.pop.out.reverse {
1263 -webkit-transform: scale(.8);
1264 -webkit-animation-name: popout;
1265 -moz-transform: scale(.8);
1266 -moz-animation-name: popout;
1267 transform: scale(.8);
1268 animation-name: popout;
1269}
1270@-webkit-keyframes popin {
1271 from {
1272 -webkit-transform: scale(.8);
1273 opacity: 0;
1274 }
1275 to {
1276 -webkit-transform: scale(1);
1277 opacity: 1;
1278 }
1279}
1280@-moz-keyframes popin {
1281 from {
1282 -moz-transform: scale(.8);
1283 opacity: 0;
1284 }
1285 to {
1286 -moz-transform: scale(1);
1287 opacity: 1;
1288 }
1289}
1290@keyframes popin {
1291 from {
1292 transform: scale(.8);
1293 opacity: 0;
1294 }
1295 to {
1296 transform: scale(1);
1297 opacity: 1;
1298 }
1299}
1300@-webkit-keyframes popout {
1301 from {
1302 -webkit-transform: scale(1);
1303 opacity: 1;
1304 }
1305 to {
1306 -webkit-transform: scale(.8);
1307 opacity: 0;
1308 }
1309}
1310@-moz-keyframes popout {
1311 from {
1312 -moz-transform: scale(1);
1313 opacity: 1;
1314 }
1315 to {
1316 -moz-transform: scale(.8);
1317 opacity: 0;
1318 }
1319}
1320@keyframes popout {
1321 from {
1322 transform: scale(1);
1323 opacity: 1;
1324 }
1325 to {
1326 transform: scale(.8);
1327 opacity: 0;
1328 }
1329}
1330/* keyframes for slidein from sides */
1331@-webkit-keyframes slideinfromright {
1332 from { -webkit-transform: translateX(100%); }
1333 to { -webkit-transform: translateX(0); }
1334}
1335@-moz-keyframes slideinfromright {
1336 from { -moz-transform: translateX(100%); }
1337 to { -moz-transform: translateX(0); }
1338}
1339@keyframes slideinfromright {
1340 from { transform: translateX(100%); }
1341 to { transform: translateX(0); }
1342}
1343@-webkit-keyframes slideinfromleft {
1344 from { -webkit-transform: translateX(-100%); }
1345 to { -webkit-transform: translateX(0); }
1346}
1347@-moz-keyframes slideinfromleft {
1348 from { -moz-transform: translateX(-100%); }
1349 to { -moz-transform: translateX(0); }
1350}
1351@keyframes slideinfromleft {
1352 from { transform: translateX(-100%); }
1353 to { transform: translateX(0); }
1354}
1355/* keyframes for slideout to sides */
1356@-webkit-keyframes slideouttoleft {
1357 from { -webkit-transform: translateX(0); }
1358 to { -webkit-transform: translateX(-100%); }
1359}
1360@-moz-keyframes slideouttoleft {
1361 from { -moz-transform: translateX(0); }
1362 to { -moz-transform: translateX(-100%); }
1363}
1364@keyframes slideouttoleft {
1365 from { transform: translateX(0); }
1366 to { transform: translateX(-100%); }
1367}
1368@-webkit-keyframes slideouttoright {
1369 from { -webkit-transform: translateX(0); }
1370 to { -webkit-transform: translateX(100%); }
1371}
1372@-moz-keyframes slideouttoright {
1373 from { -moz-transform: translateX(0); }
1374 to { -moz-transform: translateX(100%); }
1375}
1376@keyframes slideouttoright {
1377 from { transform: translateX(0); }
1378 to { transform: translateX(100%); }
1379}
1380.slide.out, .slide.in {
1381 -webkit-animation-timing-function: ease-out;
1382 -webkit-animation-duration: 350ms;
1383 -moz-animation-timing-function: ease-out;
1384 -moz-animation-duration: 350ms;
1385 animation-timing-function: ease-out;
1386 animation-duration: 350ms;
1387}
1388.slide.out {
1389 -webkit-transform: translateX(-100%);
1390 -webkit-animation-name: slideouttoleft;
1391 -moz-transform: translateX(-100%);
1392 -moz-animation-name: slideouttoleft;
1393 transform: translateX(-100%);
1394 animation-name: slideouttoleft;
1395}
1396.slide.in {
1397 -webkit-transform: translateX(0);
1398 -webkit-animation-name: slideinfromright;
1399 -moz-transform: translateX(0);
1400 -moz-animation-name: slideinfromright;
1401 transform: translateX(0);
1402 animation-name: slideinfromright;
1403}
1404.slide.out.reverse {
1405 -webkit-transform: translateX(100%);
1406 -webkit-animation-name: slideouttoright;
1407 -moz-transform: translateX(100%);
1408 -moz-animation-name: slideouttoright;
1409 transform: translateX(100%);
1410 animation-name: slideouttoright;
1411}
1412.slide.in.reverse {
1413 -webkit-transform: translateX(0);
1414 -webkit-animation-name: slideinfromleft;
1415 -moz-transform: translateX(0);
1416 -moz-animation-name: slideinfromleft;
1417 transform: translateX(0);
1418 animation-name: slideinfromleft;
1419}
1420.slidefade.out {
1421 -webkit-transform: translateX(-100%);
1422 -webkit-animation-name: slideouttoleft;
1423 -webkit-animation-duration: 225ms;
1424 -moz-transform: translateX(-100%);
1425 -moz-animation-name: slideouttoleft;
1426 -moz-animation-duration: 225ms;
1427 transform: translateX(-100%);
1428 animation-name: slideouttoleft;
1429 animation-duration: 225ms;
1430}
1431.slidefade.in {
1432 -webkit-transform: translateX(0);
1433 -webkit-animation-name: fadein;
1434 -webkit-animation-duration: 200ms;
1435 -moz-transform: translateX(0);
1436 -moz-animation-name: fadein;
1437 -moz-animation-duration: 200ms;
1438 transform: translateX(0);
1439 animation-name: fadein;
1440 animation-duration: 200ms;
1441}
1442.slidefade.out.reverse {
1443 -webkit-transform: translateX(100%);
1444 -webkit-animation-name: slideouttoright;
1445 -webkit-animation-duration: 200ms;
1446 -moz-transform: translateX(100%);
1447 -moz-animation-name: slideouttoright;
1448 -moz-animation-duration: 200ms;
1449 transform: translateX(100%);
1450 animation-name: slideouttoright;
1451 animation-duration: 200ms;
1452}
1453.slidefade.in.reverse {
1454 -webkit-transform: translateX(0);
1455 -webkit-animation-name: fadein;
1456 -webkit-animation-duration: 200ms;
1457 -moz-transform: translateX(0);
1458 -moz-animation-name: fadein;
1459 -moz-animation-duration: 200ms;
1460 transform: translateX(0);
1461 animation-name: fadein;
1462 animation-duration: 200ms;
1463}
1464/* slide down */
1465.slidedown.out {
1466 -webkit-animation-name: fadeout;
1467 -webkit-animation-duration: 100ms;
1468 -moz-animation-name: fadeout;
1469 -moz-animation-duration: 100ms;
1470 animation-name: fadeout;
1471 animation-duration: 100ms;
1472}
1473.slidedown.in {
1474 -webkit-transform: translateY(0);
1475 -webkit-animation-name: slideinfromtop;
1476 -webkit-animation-duration: 250ms;
1477 -moz-transform: translateY(0);
1478 -moz-animation-name: slideinfromtop;
1479 -moz-animation-duration: 250ms;
1480 transform: translateY(0);
1481 animation-name: slideinfromtop;
1482 animation-duration: 250ms;
1483}
1484.slidedown.in.reverse {
1485 -webkit-animation-name: fadein;
1486 -webkit-animation-duration: 150ms;
1487 -moz-animation-name: fadein;
1488 -moz-animation-duration: 150ms;
1489 animation-name: fadein;
1490 animation-duration: 150ms;
1491}
1492.slidedown.out.reverse {
1493 -webkit-transform: translateY(-100%);
1494 -webkit-animation-name: slideouttotop;
1495 -webkit-animation-duration: 200ms;
1496 -moz-transform: translateY(-100%);
1497 -moz-animation-name: slideouttotop;
1498 -moz-animation-duration: 200ms;
1499 transform: translateY(-100%);
1500 animation-name: slideouttotop;
1501 animation-duration: 200ms;
1502}
1503@-webkit-keyframes slideinfromtop {
1504 from { -webkit-transform: translateY(-100%); }
1505 to { -webkit-transform: translateY(0); }
1506}
1507@-moz-keyframes slideinfromtop {
1508 from { -moz-transform: translateY(-100%); }
1509 to { -moz-transform: translateY(0); }
1510}
1511@keyframes slideinfromtop {
1512 from { transform: translateY(-100%); }
1513 to { transform: translateY(0); }
1514}
1515@-webkit-keyframes slideouttotop {
1516 from { -webkit-transform: translateY(0); }
1517 to { -webkit-transform: translateY(-100%); }
1518}
1519@-moz-keyframes slideouttotop {
1520 from { -moz-transform: translateY(0); }
1521 to { -moz-transform: translateY(-100%); }
1522}
1523@keyframes slideouttotop {
1524 from { transform: translateY(0); }
1525 to { transform: translateY(-100%); }
1526}
1527/* slide up */
1528.slideup.out {
1529 -webkit-animation-name: fadeout;
1530 -webkit-animation-duration: 100ms;
1531 -moz-animation-name: fadeout;
1532 -moz-animation-duration: 100ms;
1533 animation-name: fadeout;
1534 animation-duration: 100ms;
1535}
1536.slideup.in {
1537 -webkit-transform: translateY(0);
1538 -webkit-animation-name: slideinfrombottom;
1539 -webkit-animation-duration: 250ms;
1540 -moz-transform: translateY(0);
1541 -moz-animation-name: slideinfrombottom;
1542 -moz-animation-duration: 250ms;
1543 transform: translateY(0);
1544 animation-name: slideinfrombottom;
1545 animation-duration: 250ms;
1546}
1547.slideup.in.reverse {
1548 -webkit-animation-name: fadein;
1549 -webkit-animation-duration: 150ms;
1550 -moz-animation-name: fadein;
1551 -moz-animation-duration: 150ms;
1552 animation-name: fadein;
1553 animation-duration: 150ms;
1554}
1555.slideup.out.reverse {
1556 -webkit-transform: translateY(100%);
1557 -webkit-animation-name: slideouttobottom;
1558 -webkit-animation-duration: 200ms;
1559 -moz-transform: translateY(100%);
1560 -moz-animation-name: slideouttobottom;
1561 -moz-animation-duration: 200ms;
1562 transform: translateY(100%);
1563 animation-name: slideouttobottom;
1564 animation-duration: 200ms;
1565}
1566@-webkit-keyframes slideinfrombottom {
1567 from { -webkit-transform: translateY(100%); }
1568 to { -webkit-transform: translateY(0); }
1569}
1570@-moz-keyframes slideinfrombottom {
1571 from { -moz-transform: translateY(100%); }
1572 to { -moz-transform: translateY(0); }
1573}
1574@keyframes slideinfrombottom {
1575 from { transform: translateY(100%); }
1576 to { transform: translateY(0); }
1577}
1578@-webkit-keyframes slideouttobottom {
1579 from { -webkit-transform: translateY(0); }
1580 to { -webkit-transform: translateY(100%); }
1581}
1582@-moz-keyframes slideouttobottom {
1583 from { -moz-transform: translateY(0); }
1584 to { -moz-transform: translateY(100%); }
1585}
1586@keyframes slideouttobottom {
1587 from { transform: translateY(0); }
1588 to { transform: translateY(100%); }
1589}
1590/* The properties in this rule are only necessary for the 'flip' transition.
1591 * We need specify the perspective to create a projection matrix. This will add
1592 * some depth as the element flips. The depth number represents the distance of
1593 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1594 * value.
1595 */
1596.viewport-flip {
1597 -webkit-perspective: 1000;
1598 -moz-perspective: 1000;
1599 perspective: 1000;
1600 position: absolute;
1601}
1602.flip {
1603 -webkit-backface-visibility: hidden;
1604 -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. */
1605 -moz-backface-visibility: hidden;
1606 -moz-transform: translateX(0);
1607 backface-visibility: hidden;
1608 transform: translateX(0);
1609}
1610.flip.out {
1611 -webkit-transform: rotateY(-90deg) scale(.9);
1612 -webkit-animation-name: flipouttoleft;
1613 -webkit-animation-duration: 175ms;
1614 -moz-transform: rotateY(-90deg) scale(.9);
1615 -moz-animation-name: flipouttoleft;
1616 -moz-animation-duration: 175ms;
1617 transform: rotateY(-90deg) scale(.9);
1618 animation-name: flipouttoleft;
1619 animation-duration: 175ms;
1620}
1621.flip.in {
1622 -webkit-animation-name: flipintoright;
1623 -webkit-animation-duration: 225ms;
1624 -moz-animation-name: flipintoright;
1625 -moz-animation-duration: 225ms;
1626 animation-name: flipintoright;
1627 animation-duration: 225ms;
1628}
1629.flip.out.reverse {
1630 -webkit-transform: rotateY(90deg) scale(.9);
1631 -webkit-animation-name: flipouttoright;
1632 -moz-transform: rotateY(90deg) scale(.9);
1633 -moz-animation-name: flipouttoright;
1634 transform: rotateY(90deg) scale(.9);
1635 animation-name: flipouttoright;
1636}
1637.flip.in.reverse {
1638 -webkit-animation-name: flipintoleft;
1639 -moz-animation-name: flipintoleft;
1640 animation-name: flipintoleft;
1641}
1642@-webkit-keyframes flipouttoleft {
1643 from { -webkit-transform: rotateY(0); }
1644 to { -webkit-transform: rotateY(-90deg) scale(.9); }
1645}
1646@-moz-keyframes flipouttoleft {
1647 from { -moz-transform: rotateY(0); }
1648 to { -moz-transform: rotateY(-90deg) scale(.9); }
1649}
1650@keyframes flipouttoleft {
1651 from { transform: rotateY(0); }
1652 to { transform: rotateY(-90deg) scale(.9); }
1653}
1654@-webkit-keyframes flipouttoright {
1655 from { -webkit-transform: rotateY(0) ; }
1656 to { -webkit-transform: rotateY(90deg) scale(.9); }
1657}
1658@-moz-keyframes flipouttoright {
1659 from { -moz-transform: rotateY(0); }
1660 to { -moz-transform: rotateY(90deg) scale(.9); }
1661}
1662@keyframes flipouttoright {
1663 from { transform: rotateY(0); }
1664 to { transform: rotateY(90deg) scale(.9); }
1665}
1666@-webkit-keyframes flipintoleft {
1667 from { -webkit-transform: rotateY(-90deg) scale(.9); }
1668 to { -webkit-transform: rotateY(0); }
1669}
1670@-moz-keyframes flipintoleft {
1671 from { -moz-transform: rotateY(-90deg) scale(.9); }
1672 to { -moz-transform: rotateY(0); }
1673}
1674@keyframes flipintoleft {
1675 from { transform: rotateY(-90deg) scale(.9); }
1676 to { transform: rotateY(0); }
1677}
1678@-webkit-keyframes flipintoright {
1679 from { -webkit-transform: rotateY(90deg) scale(.9); }
1680 to { -webkit-transform: rotateY(0); }
1681}
1682@-moz-keyframes flipintoright {
1683 from { -moz-transform: rotateY(90deg) scale(.9); }
1684 to { -moz-transform: rotateY(0); }
1685}
1686@keyframes flipintoright {
1687 from { transform: rotateY(90deg) scale(.9); }
1688 to { transform: rotateY(0); }
1689}
1690/* The properties in this rule are only necessary for the 'flip' transition.
1691 * We need specify the perspective to create a projection matrix. This will add
1692 * some depth as the element flips. The depth number represents the distance of
1693 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1694 * value.
1695 */
1696.viewport-turn {
1697 -webkit-perspective: 200px;
1698 -moz-perspective: 200px;
1699 -ms-perspective: 200px;
1700 perspective: 200px;
1701 position: absolute;
1702}
1703.turn {
1704 -webkit-backface-visibility: hidden;
1705 -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. */
1706 -webkit-transform-origin: 0;
1707
1708 -moz-backface-visibility: hidden;
1709 -moz-transform: translateX(0);
1710 -moz-transform-origin: 0;
1711
1712 backface-visibility :hidden;
1713 transform: translateX(0);
1714 transform-origin: 0;
1715}
1716.turn.out {
1717 -webkit-transform: rotateY(-90deg) scale(.9);
1718 -webkit-animation-name: flipouttoleft;
1719 -webkit-animation-duration: 125ms;
1720 -moz-transform: rotateY(-90deg) scale(.9);
1721 -moz-animation-name: flipouttoleft;
1722 -moz-animation-duration: 125ms;
1723 transform: rotateY(-90deg) scale(.9);
1724 animation-name: flipouttoleft;
1725 animation-duration: 125ms;
1726}
1727.turn.in {
1728 -webkit-animation-name: flipintoright;
1729 -webkit-animation-duration: 250ms;
1730 -moz-animation-name: flipintoright;
1731 -moz-animation-duration: 250ms;
1732 animation-name: flipintoright;
1733 animation-duration: 250ms;
1734
1735}
1736.turn.out.reverse {
1737 -webkit-transform: rotateY(90deg) scale(.9);
1738 -webkit-animation-name: flipouttoright;
1739 -moz-transform: rotateY(90deg) scale(.9);
1740 -moz-animation-name: flipouttoright;
1741 transform: rotateY(90deg) scale(.9);
1742 animation-name: flipouttoright;
1743}
1744.turn.in.reverse {
1745 -webkit-animation-name: flipintoleft;
1746 -moz-animation-name: flipintoleft;
1747 animation-name: flipintoleft;
1748}
1749@-webkit-keyframes flipouttoleft {
1750 from { -webkit-transform: rotateY(0); }
1751 to { -webkit-transform: rotateY(-90deg) scale(.9); }
1752}
1753@-moz-keyframes flipouttoleft {
1754 from { -moz-transform: rotateY(0); }
1755 to { -moz-transform: rotateY(-90deg) scale(.9); }
1756}
1757@keyframes flipouttoleft {
1758 from { transform: rotateY(0); }
1759 to { transform: rotateY(-90deg) scale(.9); }
1760}
1761@-webkit-keyframes flipouttoright {
1762 from { -webkit-transform: rotateY(0) ; }
1763 to { -webkit-transform: rotateY(90deg) scale(.9); }
1764}
1765@-moz-keyframes flipouttoright {
1766 from { -moz-transform: rotateY(0); }
1767 to { -moz-transform: rotateY(90deg) scale(.9); }
1768}
1769@keyframes flipouttoright {
1770 from { transform: rotateY(0); }
1771 to { transform: rotateY(90deg) scale(.9); }
1772}
1773@-webkit-keyframes flipintoleft {
1774 from { -webkit-transform: rotateY(-90deg) scale(.9); }
1775 to { -webkit-transform: rotateY(0); }
1776}
1777@-moz-keyframes flipintoleft {
1778 from { -moz-transform: rotateY(-90deg) scale(.9); }
1779 to { -moz-transform: rotateY(0); }
1780}
1781@keyframes flipintoleft {
1782 from { transform: rotateY(-90deg) scale(.9); }
1783 to { transform: rotateY(0); }
1784}
1785@-webkit-keyframes flipintoright {
1786 from { -webkit-transform: rotateY(90deg) scale(.9); }
1787 to { -webkit-transform: rotateY(0); }
1788}
1789@-moz-keyframes flipintoright {
1790 from { -moz-transform: rotateY(90deg) scale(.9); }
1791 to { -moz-transform: rotateY(0); }
1792}
1793@keyframes flipintoright {
1794 from { transform: rotateY(90deg) scale(.9); }
1795 to { transform: rotateY(0); }
1796}
1797/* flow transition */
1798.flow {
1799 -webkit-transform-origin: 50% 30%;
1800 -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
1801 -moz-transform-origin: 50% 30%;
1802 -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
1803 transform-origin: 50% 30%;
1804 box-shadow: 0 0 20px rgba(0,0,0,.4);
1805}
1806.ui-dialog.flow {
1807 -webkit-transform-origin: none;
1808 -webkit-box-shadow: none;
1809 -moz-transform-origin: none;
1810 -moz-box-shadow: none;
1811 transform-origin: none;
1812 box-shadow: none;
1813}
1814.flow.out {
1815 -webkit-transform: translateX(-100%) scale(.7);
1816 -webkit-animation-name: flowouttoleft;
1817 -webkit-animation-timing-function: ease;
1818 -webkit-animation-duration: 350ms;
1819 -moz-transform: translateX(-100%) scale(.7);
1820 -moz-animation-name: flowouttoleft;
1821 -moz-animation-timing-function: ease;
1822 -moz-animation-duration: 350ms;
1823 transform: translateX(-100%) scale(.7);
1824 animation-name: flowouttoleft;
1825 animation-timing-function: ease;
1826 animation-duration: 350ms;
1827}
1828.flow.in {
1829 -webkit-transform: translateX(0) scale(1);
1830 -webkit-animation-name: flowinfromright;
1831 -webkit-animation-timing-function: ease;
1832 -webkit-animation-duration: 350ms;
1833 -moz-transform: translateX(0) scale(1);
1834 -moz-animation-name: flowinfromright;
1835 -moz-animation-timing-function: ease;
1836 -moz-animation-duration: 350ms;
1837 transform: translateX(0) scale(1);
1838 animation-name: flowinfromright;
1839 animation-timing-function: ease;
1840 animation-duration: 350ms;
1841}
1842.flow.out.reverse {
1843 -webkit-transform: translateX(100%);
1844 -webkit-animation-name: flowouttoright;
1845 -moz-transform: translateX(100%);
1846 -moz-animation-name: flowouttoright;
1847 transform: translateX(100%);
1848 animation-name: flowouttoright;
1849}
1850.flow.in.reverse {
1851 -webkit-animation-name: flowinfromleft;
1852 -moz-animation-name: flowinfromleft;
1853 animation-name: flowinfromleft;
1854}
1855@-webkit-keyframes flowouttoleft {
1856 0% { -webkit-transform: translateX(0) scale(1); }
1857 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1858 100% { -webkit-transform: translateX(-100%) scale(.7); }
1859}
1860@-moz-keyframes flowouttoleft {
1861 0% { -moz-transform: translateX(0) scale(1); }
1862 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1863 100% { -moz-transform: translateX(-100%) scale(.7); }
1864}
1865@keyframes flowouttoleft {
1866 0% { transform: translateX(0) scale(1); }
1867 60%, 70% { transform: translateX(0) scale(.7); }
1868 100% { transform: translateX(-100%) scale(.7); }
1869}
1870@-webkit-keyframes flowouttoright {
1871 0% { -webkit-transform: translateX(0) scale(1); }
1872 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1873 100% { -webkit-transform: translateX(100%) scale(.7); }
1874}
1875@-moz-keyframes flowouttoright {
1876 0% { -moz-transform: translateX(0) scale(1); }
1877 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1878 100% { -moz-transform: translateX(100%) scale(.7); }
1879}
1880@keyframes flowouttoright {
1881 0% { transform: translateX(0) scale(1); }
1882 60%, 70% { transform: translateX(0) scale(.7); }
1883 100% { transform: translateX(100%) scale(.7); }
1884}
1885@-webkit-keyframes flowinfromleft {
1886 0% { -webkit-transform: translateX(-100%) scale(.7); }
1887 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1888 100% { -webkit-transform: translateX(0) scale(1); }
1889}
1890@-moz-keyframes flowinfromleft {
1891 0% { -moz-transform: translateX(-100%) scale(.7); }
1892 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1893 100% { -moz-transform: translateX(0) scale(1); }
1894}
1895@keyframes flowinfromleft {
1896 0% { transform: translateX(-100%) scale(.7); }
1897 30%, 40% { transform: translateX(0) scale(.7); }
1898 100% { transform: translateX(0) scale(1); }
1899}
1900@-webkit-keyframes flowinfromright {
1901 0% { -webkit-transform: translateX(100%) scale(.7); }
1902 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1903 100% { -webkit-transform: translateX(0) scale(1); }
1904}
1905@-moz-keyframes flowinfromright {
1906 0% { -moz-transform: translateX(100%) scale(.7); }
1907 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1908 100% { -moz-transform: translateX(0) scale(1); }
1909}
1910@keyframes flowinfromright {
1911 0% { transform: translateX(100%) scale(.7); }
1912 30%, 40% { transform: translateX(0) scale(.7); }
1913 100% { transform: translateX(0) scale(1); }
1914}
1915/* content configurations. */
1916.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1917.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; }
1918/* grid solo: 100 - single item fallback */
1919.ui-grid-solo .ui-block-a { display: block; float: none; }
1920/* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
1921/* grid a: 50/50 */
1922.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
1923.ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
1924.ui-grid-a .ui-block-a { clear: left; }
1925/* grid b: 33/33/33 */
1926.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
1927.ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
1928.ui-grid-b .ui-block-a { clear: left; }
1929/* grid c: 25/25/25/25 */
1930.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%; }
1931.ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
1932.ui-grid-c .ui-block-a { clear: left; }
1933/* grid d: 20/20/20/20/20 */
1934.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%; }
1935.ui-grid-d > :nth-child(n) { width: 20%; }
1936.ui-grid-d .ui-block-a { clear: left; }
1937/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
1938@media all and (max-width: 35em) {
1939 .ui-responsive .ui-block-a,
1940 .ui-responsive .ui-block-b,
1941 .ui-responsive .ui-block-c,
1942 .ui-responsive .ui-block-d,
1943 .ui-responsive .ui-block-e {
1944 width: 100%;
1945 float:none;
1946 }
1947}
1948/* fixed page header & footer configuration */
1949.ui-header-fixed,
1950.ui-footer-fixed {
1951 left: 0;
1952 right: 0;
1953 width: 100%;
1954 position: fixed;
1955 z-index: 1000;
1956}
1957.ui-header-fixed {
1958 top: -1px;
1959 padding-top: 1px;
1960}
1961.ui-header-fixed.ui-fixed-hidden {
1962 top: 0;
1963 padding-top: 0;
1964}
1965.ui-footer-fixed {
1966 bottom: -1px;
1967 padding-bottom: 1px;
1968}
1969.ui-footer-fixed.ui-fixed-hidden {
1970 bottom: 0;
1971 padding-bottom: 0;
1972}
1973.ui-header-fullscreen,
1974.ui-footer-fullscreen {
1975 filter: Alpha(Opacity=90);
1976 opacity: .9;
1977}
1978.ui-page-header-fixed {
1979 padding-top: 2.6875em;
1980}
1981.ui-page-footer-fixed {
1982 padding-bottom: 2.6875em;
1983}
1984.ui-page-header-fullscreen > .ui-content,
1985.ui-page-footer-fullscreen > .ui-content {
1986 padding: 0;
1987}
1988.ui-fixed-hidden {
1989 position: absolute;
1990}
1991.ui-page-header-fullscreen .ui-fixed-hidden,
1992.ui-page-footer-fullscreen .ui-fixed-hidden {
1993 left: -9999px;
1994}
1995.ui-header-fixed .ui-btn,
1996.ui-footer-fixed .ui-btn {
1997 z-index: 10;
1998}
1999/* workarounds for other widgets */
2000.ui-android-2x-fixed .ui-li-has-thumb {
2001 -webkit-transform: translate3d(0,0,0);
2002}
2003.ui-navbar { max-width: 100%; }
2004.ui-navbar.ui-mini { margin: 0; }
2005.ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
2006.ui-navbar ul:after { clear: both; }
2007.ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
2008.ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
2009.ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
2010/* add border if not in header/footer (full width) */
2011.ui-navbar li:last-child .ui-btn,
2012.ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
2013.ui-header .ui-navbar li:last-child .ui-btn,
2014.ui-footer .ui-navbar li:last-child .ui-btn,
2015.ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
2016.ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
2017.ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
2018.ui-header .ui-navbar li .ui-btn,
2019.ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
2020/* fixing gaps caused by subpixel problem */
2021.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
2022.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
2023.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2024.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2025.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
2026.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
2027.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2028.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2029.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2030.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2031.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
2032.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
2033.ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
2034.ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2035.ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2036.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
2037.ui-mini { margin-top: .25em; margin-bottom: .25em; }
2038.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
2039.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; }
2040.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; }
2041.ui-btn input, .ui-btn button { z-index: 2; }
2042.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
2043.ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right, .ui-btn-left > .ui-btn, .ui-btn-right > .ui-btn { margin: 0; } /* .ui-mobile to increase specificity level */
2044.ui-btn-block { display: block; }
2045.ui-header > .ui-btn,
2046.ui-footer > .ui-btn { display: inline-block; margin: 0; }
2047.ui-header .ui-btn-block,
2048.ui-footer .ui-btn-block { display: block; }
2049.ui-header .ui-btn-inner,
2050.ui-footer .ui-btn-inner,
2051.ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
2052.ui-fullsize .ui-btn-inner,
2053.ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
2054.ui-btn-icon-notext { width: 24px; height: 24px; }
2055.ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
2056.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
2057.ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
2058div.ui-btn-text { width: auto; }
2059.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
2060.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2061.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2062.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
2063.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
2064.ui-header .ui-btn-icon-left .ui-btn-inner,
2065.ui-footer .ui-btn-icon-left .ui-btn-inner,
2066.ui-mini.ui-btn-icon-left .ui-btn-inner,
2067.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
2068.ui-header .ui-btn-icon-right .ui-btn-inner,
2069.ui-footer .ui-btn-icon-right .ui-btn-inner,
2070.ui-mini.ui-btn-icon-right .ui-btn-inner,
2071.ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
2072.ui-header .ui-btn-icon-top .ui-btn-inner,
2073.ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
2074.ui-mini.ui-btn-icon-top .ui-btn-inner,
2075.ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2076.ui-header .ui-btn-icon-bottom .ui-btn-inner,
2077.ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
2078.ui-mini.ui-btn-icon-bottom .ui-btn-inner,
2079.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2080/* Corner styling inheritance */
2081.ui-btn-inner,
2082.ui-btn-text {
2083 -webkit-border-radius: inherit;
2084 border-radius: inherit;
2085}
2086/*btn icon positioning*/
2087.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
2088.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; }
2089.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; }
2090.ui-btn-icon-left .ui-icon { left: 10px; }
2091.ui-btn-icon-right .ui-icon { right: 10px; }
2092.ui-btn-icon-top .ui-icon { top: 10px; }
2093.ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2094.ui-header .ui-btn-icon-left .ui-icon,
2095.ui-footer .ui-btn-icon-left .ui-icon,
2096.ui-mini.ui-btn-icon-left .ui-icon,
2097.ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
2098.ui-header .ui-btn-icon-right .ui-icon,
2099.ui-footer .ui-btn-icon-right .ui-icon,
2100.ui-mini.ui-btn-icon-right .ui-icon,
2101.ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
2102.ui-header .ui-btn-icon-top .ui-icon,
2103.ui-footer .ui-btn-icon-top .ui-icon,
2104.ui-mini.ui-btn-icon-top .ui-icon,
2105.ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
2106.ui-header .ui-btn-icon-bottom .ui-icon,
2107.ui-footer .ui-btn-icon-bottom .ui-icon,
2108.ui-mini.ui-btn-icon-bottom .ui-icon,
2109.ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
2110/*hiding native button,inputs */
2111.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; }
2112/* Fixes IE/WP filter alpha opacity bugs */
2113.ui-disabled .ui-btn-hidden { display: none; }
2114.ui-disabled { z-index: 1; }
2115.ui-field-contain .ui-btn.ui-submit { margin: 0; }
2116label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2117@media all and (min-width: 28em){
2118 .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2119 .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; }
2120 .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
2121}
2122.ui-collapsible-inset { margin: .5em 0; }
2123.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
2124.ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
2125.ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
2126.ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
2127.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
2128.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
2129.ui-collapsible-heading .ui-btn-inner { padding-left: 12px; padding-right: 12px; }
2130.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2131.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2132.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
2133.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
2134.ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
2135.ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
2136.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; }
2137.ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
2138.ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
2139.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
2140.ui-collapsible-content {
2141 display: block;
2142 margin: 0 -15px;
2143 padding: 10px 15px;
2144 border-left-width: 0;
2145 border-right-width: 0;
2146 border-top: none; /* Overrides ui-body-* */
2147 background-image: none; /* Overrides ui-body-* */
2148}
2149.ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
2150.ui-collapsible-content-collapsed { display: none; }
2151.ui-collapsible-set > .ui-collapsible.ui-corner-all {
2152 -webkit-border-radius: 0;
2153 border-radius: 0;
2154}
2155.ui-collapsible-heading,
2156.ui-collapsible-heading > .ui-btn {
2157 -webkit-border-radius: inherit;
2158 border-radius: inherit;
2159}
2160.ui-collapsible-set .ui-collapsible.ui-first-child {
2161 -webkit-border-top-right-radius: inherit;
2162 border-top-right-radius: inherit;
2163 -webkit-border-top-left-radius: inherit;
2164 border-top-left-radius: inherit;
2165}
2166.ui-collapsible-content,
2167.ui-collapsible-set .ui-collapsible.ui-last-child {
2168 -webkit-border-bottom-right-radius: inherit;
2169 border-bottom-right-radius: inherit;
2170 -webkit-border-bottom-left-radius: inherit;
2171 border-bottom-left-radius: inherit;
2172}
2173.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
2174 -webkit-border-bottom-right-radius: 0;
2175 border-bottom-right-radius: 0;
2176 -webkit-border-bottom-left-radius: 0;
2177 border-bottom-left-radius: 0;
2178}
2179.ui-collapsible-set { margin: .5em 0; }
2180.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
2181.ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }
2182.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
2183.ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
2184.ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
2185.ui-bar .ui-controlgroup { margin: 0 5px; }
2186.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
2187.ui-controlgroup-controls label.ui-select,
2188.ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
2189.ui-controlgroup li { list-style: none; }
2190.ui-controlgroup .ui-btn { margin: 0; }
2191.ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
2192.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
2193.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
2194.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
2195.ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
2196.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
2197.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
2198.ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
2199.ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
2200.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
2201.ui-controlgroup-horizontal .ui-controlgroup-controls:before,
2202.ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
2203.ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
2204.ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
2205.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
2206.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
2207.ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; }
2208/* On IE7 the floating selects will be displayed as block if .ui-btn-text has width 100% */
2209.ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
2210.ui-controlgroup-vertical .ui-btn { border-bottom-width: 0; }
2211.ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
2212.ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
2213.ui-controlgroup-horizontal .ui-btn.ui-last-child { border-right-width: 1px; }
2214.ui-controlgroup .ui-btn-corner-all {
2215 -webkit-border-radius: 0;
2216 border-radius: 0;
2217}
2218.ui-controlgroup .ui-controlgroup-controls,
2219.ui-controlgroup .ui-radio,
2220.ui-controlgroup .ui-checkbox,
2221.ui-controlgroup .ui-select,
2222.ui-controlgroup li {
2223 -webkit-border-radius: inherit;
2224 border-radius: inherit;
2225}
2226.ui-controlgroup-vertical .ui-btn.ui-first-child {
2227 -webkit-border-top-left-radius: inherit;
2228 border-top-left-radius: inherit;
2229 -webkit-border-top-right-radius: inherit;
2230 border-top-right-radius: inherit;
2231}
2232.ui-controlgroup-vertical .ui-btn.ui-last-child {
2233 -webkit-border-bottom-left-radius: inherit;
2234 border-bottom-left-radius: inherit;
2235 -webkit-border-bottom-right-radius: inherit;
2236 border-bottom-right-radius: inherit;
2237}
2238.ui-controlgroup-horizontal .ui-btn.ui-first-child {
2239 -webkit-border-top-left-radius: inherit;
2240 border-top-left-radius: inherit;
2241 -webkit-border-bottom-left-radius: inherit;
2242 border-bottom-left-radius: inherit;
2243}
2244.ui-controlgroup-horizontal .ui-btn.ui-last-child {
2245 -webkit-border-top-right-radius: inherit;
2246 border-top-right-radius: inherit;
2247 -webkit-border-bottom-right-radius: inherit;
2248 border-bottom-right-radius: inherit;
2249}
2250.ui-controlgroup .ui-shadow:not(.ui-focus) {
2251 -moz-box-shadow: none;
2252 -webkit-box-shadow: none;
2253 box-shadow: none;
2254}
2255@media all and (min-width: 28em){
2256 .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2257 .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
2258 .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
2259 .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
2260 .ui-hide-label .ui-controlgroup-controls { width: 100%; }
2261}
2262.ui-dialog {
2263 background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
2264}
2265.ui-dialog-contain {
2266 width: 92.5%;
2267 max-width: 500px;
2268 margin: 10% auto 15px auto;
2269 padding: 0;
2270 position: relative;
2271 top: -15px;
2272}
2273.ui-dialog-contain > .ui-header,
2274.ui-dialog-contain > .ui-content,
2275.ui-dialog-contain > .ui-footer {
2276 display: block;
2277 position: relative;
2278 width: auto;
2279 margin: 0;
2280}
2281.ui-dialog-contain > .ui-header {
2282 border: none;
2283 overflow: hidden;
2284 z-index: 10;
2285 padding: 0;
2286}
2287.ui-dialog-contain > .ui-content {
2288 padding: 15px;
2289}
2290.ui-dialog-contain > .ui-footer {
2291 z-index: 10;
2292 padding: 0 15px;
2293}
2294.ui-popup-open .ui-header-fixed,
2295.ui-popup-open .ui-footer-fixed {
2296 position: absolute !important; /* See line #553 of popup.js */
2297}
2298.ui-popup-screen {
2299 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. */
2300 top: 0px;
2301 left: 0px;
2302 right: 0px;
2303 bottom: 1px;
2304 position: absolute;
2305 filter: Alpha(Opacity=0);
2306 opacity: 0;
2307 z-index: 1099;
2308}
2309.ui-popup-screen.in {
2310 opacity: 0.5;
2311 filter: Alpha(Opacity=50);
2312}
2313.ui-popup-screen.out {
2314 opacity: 0;
2315 filter: Alpha(Opacity=0);
2316}
2317.ui-popup-container {
2318 z-index: 1100;
2319 display: inline-block;
2320 position: absolute;
2321 padding: 0;
2322 outline: 0;
2323}
2324.ui-popup {
2325 position: relative;
2326}
2327.ui-popup.ui-content,
2328.ui-popup .ui-content {
2329 overflow: visible;
2330}
2331.ui-popup > p,
2332.ui-popup > h1,
2333.ui-popup > h2,
2334.ui-popup > h3,
2335.ui-popup > h4,
2336.ui-popup > h5,
2337.ui-popup > h6 {
2338 margin: .5em 7px;
2339}
2340.ui-popup > span {
2341 display: block;
2342 margin: .5em 7px;
2343}
2344.ui-popup .ui-title {
2345 font-size: 16px;
2346 font-weight: bold;
2347 margin-top: .5em;
2348 margin-bottom: .5em;
2349}
2350.ui-popup-container .ui-content > p,
2351.ui-popup-container .ui-content > h1,
2352.ui-popup-container .ui-content > h2,
2353.ui-popup-container .ui-content > h3,
2354.ui-popup-container .ui-content > h4,
2355.ui-popup-container .ui-content > h5,
2356.ui-popup-container .ui-content > h6 {
2357 margin: .5em 0;
2358}
2359.ui-popup-container .ui-content > span {
2360 margin: 0;
2361}
2362.ui-popup-container .ui-content > p:first-child,
2363.ui-popup-container .ui-content > h1:first-child,
2364.ui-popup-container .ui-content > h2:first-child,
2365.ui-popup-container .ui-content > h3:first-child,
2366.ui-popup-container .ui-content > h4:first-child,
2367.ui-popup-container .ui-content > h5:first-child,
2368.ui-popup-container .ui-content > h6:first-child {
2369 margin-top: 0;
2370}
2371.ui-popup-container .ui-content > p:last-child,
2372.ui-popup-container .ui-content > h1:last-child,
2373.ui-popup-container .ui-content > h2:last-child,
2374.ui-popup-container .ui-content > h3:last-child,
2375.ui-popup-container .ui-content > h4:last-child,
2376.ui-popup-container .ui-content > h5:last-child,
2377.ui-popup-container .ui-content > h6:last-child {
2378 margin-bottom: 0;
2379}
2380.ui-popup > img {
2381 width: auto;
2382 height: auto;
2383 max-width: 100%;
2384 max-height: 100%;
2385 vertical-align: middle;
2386}
2387.ui-popup:not(.ui-content) > img:only-child,
2388.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
2389.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
2390 -webkit-border-radius: inherit;
2391 border-radius: inherit;
2392}
2393.ui-popup iframe {
2394 vertical-align: middle;
2395}
2396@media all and (min-width: 28em){
2397 .ui-popup .ui-field-contain label.ui-submit,
2398 .ui-popup .ui-field-contain .ui-controlgroup-label,
2399 .ui-popup .ui-field-contain label.ui-select,
2400 .ui-popup .ui-field-contain label.ui-input-text {
2401 font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
2402 }
2403 .ui-popup .ui-field-contain .ui-btn.ui-submit,
2404 .ui-popup .ui-field-contain .ui-controlgroup-controls,
2405 .ui-popup .ui-field-contain .ui-select,
2406 .ui-popup .ui-field-contain input.ui-input-text,
2407 .ui-popup .ui-field-contain textarea.ui-input-text,
2408 .ui-popup .ui-field-contain .ui-input-search {
2409 width: 100%; display: block;
2410 }
2411}
2412.ui-popup > .ui-btn-left,
2413.ui-popup > .ui-btn-right {
2414 position: absolute;
2415 top: -9px;
2416 margin: 0;
2417 z-index: 1101;
2418}
2419.ui-popup > .ui-btn-left { left: -9px; }
2420.ui-popup > .ui-btn-right { right: -9px; }
2421.ui-popup-hidden { top: -99999px; left: -9999px; }
2422.ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
2423.ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
2424.ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
2425.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
2426.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
2427.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; }
2428.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
2429.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; }
2430.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; }
2431.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; }
2432.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
2433.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
2434.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
2435.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2436.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2437.ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
2438.ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2439.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2440.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2441.ui-controlgroup-horizontal .ui-checkbox .ui-icon,
2442.ui-controlgroup-horizontal .ui-radio .ui-icon { display: none; }
2443.ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
2444.ui-controlgroup-horizontal .ui-radio .ui-btn-inner { padding: .6em 20px; }
2445.ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
2446.ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner { padding: .55em 11px .5em; }
2447/* input, label positioning */
2448.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; }
2449.ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
2450.ui-field-contain:last-child { border-bottom-width: 0; }
2451.ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
2452@media all and (min-width: 28em){
2453 .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
2454}
2455.ui-select { display: block; position: relative; }
2456.ui-select select { position: absolute; left: -9999px; top: -9999px; }
2457.ui-select .ui-btn { opacity: 1; }
2458.ui-field-contain .ui-select .ui-btn { margin: 0; }
2459/* 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. */
2460.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; }
2461.ui-select .ui-disabled { opacity: .3; }
2462/* Display none because of issues with IE/WP's filter alpha opacity */
2463.ui-select .ui-disabled select { display: none; }
2464@-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
2465.ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
2466.ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
2467.ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
2468.ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
2469.ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
2470.ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
2471.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
2472.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
2473.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
2474.ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
2475.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
2476/* labels */
2477label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2478/*listbox*/
2479.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
2480/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
2481.ui-select .ui-btn-text { text-overflow: ellipsis; }
2482.ui-selectmenu { padding: 6px; min-width: 160px; }
2483.ui-selectmenu .ui-listview { margin: 0; }
2484.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
2485.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
2486.ui-selectmenu-list .ui-li .ui-icon { display: block; }
2487.ui-li.ui-selectmenu-placeholder { display: none; }
2488.ui-selectmenu .ui-header { margin: 0; padding: 0; }
2489.ui-selectmenu.ui-popup .ui-header { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
2490.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
2491@media all and (min-width: 28em){
2492 .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2493 .ui-field-contain .ui-select { width: 78%; display: inline-block; }
2494 .ui-hide-label .ui-select { width: 100%; }
2495}
2496/* 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 */
2497.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
2498label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
2499input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; min-height: 1.4em; line-height: 1.4em; font-size: 16px; display: block; width: 100%; outline: 0; }
2500input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
2501div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
2502.ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
2503.ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
2504.ui-input-search { padding: 0 30px; }
2505div.ui-input-text { padding: 0 .4em; }
2506div.ui-input-has-clear { padding: 0 30px 0 .4em; }
2507input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
2508.ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
2509.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
2510.ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
2511textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2512input.ui-input-text { -webkit-appearance: none; }
2513textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
2514textarea.ui-mini { height: 45px; }
2515.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
2516.ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
2517.ui-mini .ui-input-clear { margin-top: -14px; right: -3px; }
2518.ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
2519/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
2520input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
2521/* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
2522input[type=number]::-webkit-outer-spin-button { margin: 0; }
2523@media all and (min-width: 28em){
2524 .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
2525 .ui-field-contain input.ui-input-text,
2526 .ui-field-contain textarea.ui-input-text,
2527 .ui-field-contain .ui-input-search,
2528 .ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
2529 .ui-field-contain .ui-input-search,
2530 .ui-field-contain div.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2531 .ui-hide-label input.ui-input-text,
2532 .ui-hide-label textarea.ui-input-text,
2533 .ui-hide-label .ui-input-search,
2534 .ui-hide-label div.ui-input-text,
2535 .ui-input-search input.ui-input-text,
2536 div.ui-input-text input.ui-input-text { width: 100%; }
2537}
2538.ui-rangeslider {
2539 zoom: 1;
2540 margin: 0;
2541}
2542.ui-rangeslider:before,
2543.ui-rangeslider:after {
2544 content: "";
2545 display: table;
2546}
2547.ui-rangeslider:after {
2548 clear: both;
2549}
2550/* Margin-top/bottom: .5em * 16px/14px to make it equal to ui-rangeslider-sliders margin (input font-size is 14px) */
2551.ui-rangeslider input.ui-input-text.ui-slider-input {
2552 margin: .57143em 0;
2553}
2554.ui-rangeslider.ui-mini input.ui-slider-input {
2555 margin: .28571em 0;
2556}
2557.ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
2558 float: right;
2559}
2560.ui-rangeslider .ui-rangeslider-sliders {
2561 position: relative;
2562 overflow: visible;
2563 height: 30px;
2564 margin: .5em 68px;
2565}
2566.ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2567 margin: .25em 68px;
2568}
2569.ui-field-contain .ui-rangeslider input.ui-slider-input,
2570.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
2571.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2572.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2573 margin-top: 0;
2574 margin-bottom: 0;
2575}
2576.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
2577 position: absolute;
2578 top: 6px;
2579 right: 0;
2580 left: 0;
2581 margin: 0;
2582}
2583.ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
2584 top: 8px;
2585}
2586.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
2587 display: none;
2588}
2589.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2590 background-color: transparent;
2591 background: none;
2592 border-width: 0;
2593 height: 0;
2594}
2595/* this makes ie6 and ie7 set height to 0 to fix z-index problem */
2596html >/**/body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2597 height: 15px;
2598 border-width: 1px;
2599}
2600html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
2601 height: 12px;
2602}
2603@media all and (min-width: 28em){
2604 .ui-field-contain .ui-rangeslider label.ui-slider {
2605 float: left;
2606 }
2607 .ui-field-contain .ui-rangeslider input.ui-slider-input {
2608 position: relative;
2609 z-index: 1;
2610 }
2611 .ui-field-contain .ui-rangeslider input.ui-slider-input.ui-rangeslider-first,
2612 .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input.ui-rangeslider-first {
2613 margin-right: 17px;
2614 }
2615 .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2616 .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2617 float: left;
2618 width: 78%;
2619 margin: 0 -68px;
2620 }
2621 .ui-field-contain .ui-rangeslider .ui-slider-track,
2622 .ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
2623 right: 68px;
2624 left: 68px;
2625 }
2626 .ui-field-contain.ui-hide-label .ui-rangeslider input.ui-slider-input.ui-rangeslider-first {
2627 margin: 0;
2628 }
2629 .ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
2630 .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2631 width: auto;
2632 float: none;
2633 margin: 0 68px;
2634 }
2635 .ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
2636 .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
2637 right: 0;
2638 left: 0;
2639 }
2640}
2641.ui-listview { margin: 0; }
2642ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
2643.ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
2644.ui-collapsible-content > .ui-listview { margin: -10px -15px; }
2645.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
2646.ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
2647.ui-listview, .ui-li { list-style: none; padding: 0; }
2648.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; }
2649.ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
2650.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
2651.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
2652.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
2653.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
2654.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2655.ui-li-static { background-image: none; }
2656.ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
2657ol.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) ". "; }
2658ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
2659.ui-listview > .ui-li.ui-first-child,
2660.ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
2661 -webkit-border-top-right-radius: inherit;
2662 border-top-right-radius: inherit;
2663 -webkit-border-top-left-radius: inherit;
2664 border-top-left-radius: inherit;
2665}
2666.ui-listview > .ui-li.ui-last-child,
2667.ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
2668.ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
2669.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
2670 -webkit-border-bottom-right-radius: inherit;
2671 border-bottom-right-radius: inherit;
2672 -webkit-border-bottom-left-radius: inherit;
2673 border-bottom-left-radius: inherit;
2674}
2675.ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
2676 -webkit-border-top-right-radius: inherit;
2677 border-top-right-radius: inherit;
2678}
2679.ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
2680 -webkit-border-bottom-right-radius: inherit;
2681 border-bottom-right-radius: inherit;
2682}
2683.ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
2684 -webkit-border-top-left-radius: inherit;
2685 border-top-left-radius: inherit;
2686}
2687.ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
2688 -webkit-border-bottom-left-radius: inherit;
2689 border-bottom-left-radius: inherit;
2690}
2691.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
2692.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
2693.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 59px; padding-left: 100px; }
2694.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
2695.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; }
2696.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
2697.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; }
2698.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2699.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2700.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
2701.ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
2702.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
2703.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
2704@media all and (min-width: 480px){
2705 .ui-li-aside { width: 45%; }
2706}
2707.ui-li-divider { cursor: default; }
2708.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
2709.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; }
2710.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; }
2711.ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
2712.ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
2713.ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
2714.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; }
2715.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;}
2716.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
2717.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
2718.ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
2719.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
2720.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
2721.ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
2722.ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
2723.ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
2724.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
2725.ui-li.ui-screen-hidden{ display:none; }
2726/* Odd iPad positioning issue. */
2727@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
2728 .ui-li .ui-btn-text { overflow: visible; }
2729}
2730label.ui-slider {
2731 font-size: 16px;
2732 line-height: 1.4;
2733 font-weight: normal;
2734 margin: 0;
2735 display: block;
2736}
2737.ui-field-contain label.ui-slider {
2738 margin-bottom: .4em;
2739}
2740div.ui-slider {
2741 height: 30px;
2742 margin: .5em 0;
2743 zoom: 1;
2744}
2745div.ui-slider.ui-mini {
2746 margin: .25em 0;
2747}
2748.ui-field-contain div.ui-slider,
2749.ui-field-contain div.ui-slider.ui-mini {
2750 margin: 0;
2751}
2752div.ui-slider:before, div.ui-slider:after {
2753 content: "";
2754 display: table;
2755}
2756div.ui-slider:after {
2757 clear: both;
2758}
2759/* High level of specificity to override Textinput CSS. */
2760input.ui-input-text.ui-slider-input {
2761 display: block;
2762 float: left;
2763 margin: 0;
2764 padding: 4px;
2765 width: 40px;
2766 height: 22px;
2767 line-height: 22px;
2768 font-size: 14px;
2769 border: none;
2770 background-image: none;
2771 font-weight: bold;
2772 text-align: center;
2773 vertical-align: text-bottom;
2774 outline: 0;
2775 -webkit-box-sizing: content-box;
2776 -moz-box-sizing: content-box;
2777 -ms-box-sizing: content-box;
2778 box-sizing: content-box;
2779}
2780.ui-slider-input::-webkit-outer-spin-button,
2781.ui-slider-input::-webkit-inner-spin-button {
2782 -webkit-appearance: none;
2783 margin: 0;
2784}
2785.ui-slider-track,
2786.ui-slider-switch {
2787 position: relative;
2788 overflow: visible;
2789 height: 15px;
2790 margin: 0 15px 0 68px;
2791 top: 6px;
2792}
2793.ui-slider-track.ui-mini {
2794 height: 12px;
2795 top: 8px;
2796}
2797.ui-slider-bg {
2798 border: none;
2799 height: 100%;
2800}
2801/* High level of specificity to override button margins in grids */
2802.ui-slider-track .ui-btn.ui-slider-handle,
2803.ui-slider-switch .ui-btn.ui-slider-handle {
2804 position: absolute;
2805 z-index: 1;
2806 top: 50%;
2807 width: 28px;
2808 height: 28px;
2809 margin: -15px 0 0 -15px;
2810 outline: 0;
2811}
2812.ui-slider-track.ui-mini .ui-slider-handle {
2813 height: 14px;
2814 width: 14px;
2815 margin: -8px 0 0 -7px;
2816}
2817.ui-slider-handle .ui-btn-inner {
2818 padding: 0;
2819 height: 100%;
2820}
2821.ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
2822 height: 30px;
2823 width: 30px;
2824 padding: 0;
2825 margin: -9px 0 0 -9px;
2826 border-top: none;
2827}
2828select.ui-slider-switch {
2829 display: none;
2830}
2831div.ui-slider-switch {
2832 display: inline-block;
2833 height: 32px;
2834 width: 5.8em;
2835 margin: .5em 0;
2836 top: 0;
2837}
2838div.ui-slider-switch.ui-mini {
2839 width: 5em;
2840 height: 29px;
2841 margin: .25em 0;
2842 top: 0;
2843}
2844.ui-field-contain .ui-slider-switch,
2845.ui-field-contain .ui-slider-switch.ui-mini {
2846 margin: 0;
2847}
2848.ui-slider-inneroffset {
2849 margin: 0 16px;
2850 position: relative;
2851 z-index: 1;
2852}
2853.ui-slider-switch.ui-mini .ui-slider-inneroffset {
2854 margin: 0 15px 0 14px;
2855}
2856.ui-slider-switch .ui-btn.ui-slider-handle {
2857 margin: 1px 0 0 -15px;
2858}
2859.ui-slider-switch.ui-mini .ui-slider-handle {
2860 width: 25px;
2861 height: 25px;
2862 margin: 1px 0 0 -13px;
2863 padding: 0;
2864}
2865.ui-slider-handle-snapping {
2866 -webkit-transition: left 70ms linear;
2867 -moz-transition: left 70ms linear;
2868}
2869.ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
2870 height: 30px;
2871 width: 30px;
2872 padding: 0;
2873 margin: 0;
2874 border-top: none;
2875}
2876.ui-slider-switch .ui-slider-label {
2877 position: absolute;
2878 text-align: center;
2879 width: 100%;
2880 overflow: hidden;
2881 font-size: 16px;
2882 top: 0;
2883 line-height: 2;
2884 min-height: 100%;
2885 border-width: 0;
2886 white-space: nowrap;
2887 cursor: pointer;
2888}
2889.ui-slider-switch.ui-mini .ui-slider-label {
2890 font-size: 14px;
2891}
2892.ui-slider-switch .ui-slider-label-a {
2893 z-index: 1;
2894 left: 0;
2895 text-indent: -1.5em;
2896}
2897.ui-slider-switch .ui-slider-label-b {
2898 z-index: 0;
2899 right: 0;
2900 text-indent: 1.5em;
2901}
2902@media all and (min-width: 28em){
2903 .ui-field-contain label.ui-slider {
2904 vertical-align: top;
2905 display: inline-block;
2906 width: 20%;
2907 margin: 0 2% 0 0;
2908 }
2909 .ui-field-contain div.ui-slider {
2910 display: inline-block;
2911 width: 78%;
2912 }
2913 .ui-field-contain.ui-hide-label div.ui-slider {
2914 display: block;
2915 width: auto;
2916 }
2917 .ui-field-contain div.ui-slider-switch,
2918 .ui-field-contain.ui-hide-label div.ui-slider-switch {
2919 display: inline-block;
2920 width: 5.8em;
2921 }
2922 .ui-field-contain div.ui-slider-switch.ui-mini {
2923 width: 5em;
2924 }
2925}
2926.ui-table {
2927 border: 0;
2928 border-collapse: collapse;
2929 padding: 0;
2930 width: 100%;
2931}
2932.ui-table th,
2933.ui-table td {
2934 line-height: 1.5em;
2935 text-align: left;
2936 padding: .4em .5em;
2937 vertical-align:top;
2938}
2939.ui-table th .ui-btn,
2940.ui-table td .ui-btn {
2941 line-height: normal;
2942}
2943.ui-table th {
2944 font-weight: bold;
2945}
2946.ui-table caption {
2947 text-align:left;
2948 margin-bottom:1.4em;
2949 opacity: .5;
2950}
2951/* Add strokes between each row */
2952.table-stroke thead th {
2953 border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2954 border-bottom: 1px solid rgba(0, 0, 0, .1);
2955}
2956.table-stroke tbody th,
2957.table-stroke tbody td {
2958 border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
2959 border-bottom: 1px solid rgba(0, 0, 0, .05);
2960}
2961/* Add alternating row stripes */
2962.table-stripe tbody tr:nth-child(odd) td,
2963.table-stripe tbody tr:nth-child(odd) th {
2964 background-color: #eeeeee; /* non-RGBA fallback */
2965 background-color: rgba(0,0,0,0.04);
2966}
2967/* Add stroke to the header and last item */
2968.table-stripe thead th,
2969.table-stripe tbody tr:last-child {
2970 border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2971 border-bottom: 1px solid rgba(0, 0, 0, .1);
2972}
2973/*
2974 Styles for the table columntoggle mode
2975*/
2976.ui-table-columntoggle-btn {
2977 float: right;
2978 margin-bottom:.8em;
2979}
2980/* Remove top/bottom margins around the fieldcontain on check list */
2981.ui-table-columntoggle-popup fieldset {
2982 margin:0;
2983}
2984/* Hide all prioritized columns by default */
2985@media only all {
2986 th.ui-table-priority-6,
2987 td.ui-table-priority-6,
2988 th.ui-table-priority-5,
2989 td.ui-table-priority-5,
2990 th.ui-table-priority-4,
2991 td.ui-table-priority-4,
2992 th.ui-table-priority-3,
2993 td.ui-table-priority-3,
2994 th.ui-table-priority-2,
2995 td.ui-table-priority-2,
2996 th.ui-table-priority-1,
2997 td.ui-table-priority-1 {
2998 display: none;
2999 }
3000}
3001/* Preset breakpoints if ".ui-responsive" class added to table */
3002/* Show priority 1 at 320px (20em x 16px) */
3003@media screen and (min-width: 20em) {
3004 .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
3005 .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
3006 display: table-cell;
3007 }
3008}
3009/* Show priority 2 at 480px (30em x 16px) */
3010@media screen and (min-width: 30em) {
3011 .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
3012 .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
3013 display: table-cell;
3014 }
3015}
3016/* Show priority 3 at 640px (40em x 16px) */
3017@media screen and (min-width: 40em) {
3018 .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
3019 .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
3020 display: table-cell;
3021 }
3022}
3023/* Show priority 4 at 800px (50em x 16px) */
3024@media screen and (min-width: 50em) {
3025 .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
3026 .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
3027 display: table-cell;
3028 }
3029}
3030/* Show priority 5 at 960px (60em x 16px) */
3031@media screen and (min-width: 60em) {
3032 .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
3033 .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
3034 display: table-cell;
3035 }
3036}
3037/* Show priority 6 at 1,120px (70em x 16px) */
3038@media screen and (min-width: 70em) {
3039 .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
3040 .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
3041 display: table-cell;
3042 }
3043}
3044/* Unchecked manually: Always hide */
3045.ui-table-columntoggle th.ui-table-cell-hidden,
3046.ui-table-columntoggle td.ui-table-cell-hidden,
3047.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
3048.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
3049 display: none;
3050}
3051/* Checked manually: Always show */
3052.ui-table-columntoggle th.ui-table-cell-visible,
3053.ui-table-columntoggle td.ui-table-cell-visible,
3054.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
3055.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
3056 display: table-cell;
3057}
3058/*
3059 Styles for the table columntoggle mode
3060*/
3061.ui-table-reflow td .ui-table-cell-label,
3062.ui-table-reflow th .ui-table-cell-label {
3063 display: none;
3064}
3065/* Mobile first styles: Begin with the stacked presentation at narrow widths */
3066@media only all {
3067 /* Hide the table headers */
3068 .ui-table-reflow thead td,
3069 .ui-table-reflow thead th {
3070 display: none;
3071 }
3072 /* Show the table cells as a block level element */
3073 .ui-table-reflow td,
3074 .ui-table-reflow th {
3075 text-align: left;
3076 display: block;
3077 }
3078 /* Add a fair amount of top margin to visually separate each row when stacked */
3079 .ui-table-reflow tbody th {
3080 margin-top: 3em;
3081 }
3082 /* Make the label elements a percentage width */
3083 .ui-table-reflow td .ui-table-cell-label,
3084 .ui-table-reflow th .ui-table-cell-label {
3085 display: block;
3086 padding: .4em;
3087 min-width: 30%;
3088 display: inline-block;
3089 margin: -.4em 1em -.4em -.4em;
3090 }
3091 /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
3092 .ui-table-reflow th .ui-table-cell-label-top,
3093 .ui-table-reflow td .ui-table-cell-label-top {
3094 display: block;
3095 padding: .4em 0;
3096 margin: .4em 0;
3097 text-transform: uppercase;
3098 font-size: .9em;
3099 font-weight: normal;
3100 }
3101}
3102/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
3103@media ( min-width: 35em ) {
3104 /* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
3105 .ui-table-reflow.ui-responsive {
3106 display: table-row-group;
3107 }
3108 /* Show the table header rows */
3109 .ui-table-reflow.ui-responsive td,
3110 .ui-table-reflow.ui-responsive th,
3111 .ui-table-reflow.ui-responsive tbody th,
3112 .ui-table-reflow.ui-responsive tbody td,
3113 .ui-table-reflow.ui-responsive thead td,
3114 .ui-table-reflow.ui-responsive thead th {
3115 display: table-cell;
3116 margin: 0;
3117 }
3118 /* Hide the labels in each cell */
3119 .ui-table-reflow.ui-responsive td .ui-table-cell-label,
3120 .ui-table-reflow.ui-responsive th .ui-table-cell-label {
3121 display: none;
3122 }
3123}
3124/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
3125/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
3126@media ( max-width: 35em ) {
3127 .ui-table-reflow.ui-responsive td,
3128 .ui-table-reflow.ui-responsive th {
3129 width: 100%;
3130 -webkit-box-sizing: border-box;
3131 -moz-box-sizing: border-box;
3132 box-sizing: border-box;
3133 float: left;
3134 clear: left;
3135 }
3136}
3137/* panel */
3138.ui-panel {
3139 width: 17em;
3140 min-height: 100%;
3141 border-width: 0;
3142 position: absolute;
3143 top: 0;
3144 display: block;
3145}
3146.ui-panel-closed {
3147 width: 0;
3148 overflow: hidden;
3149}
3150.ui-panel-fixed {
3151 position: fixed;
3152 bottom: -1px; /* fixes gap on Chrome for Android */
3153 padding-bottom: 1px;
3154}
3155.ui-panel-display-overlay {
3156 z-index: 1001; /* fixed toolbars have z-index 1000 */
3157}
3158.ui-panel-display-reveal {
3159 z-index: 0;
3160}
3161.ui-panel-display-push {
3162 z-index: 999;
3163}
3164.ui-panel-inner {
3165 padding: 15px;
3166}
3167/* content-wrap */
3168.ui-panel-content-wrap {
3169 position: relative;
3170 left: 0;
3171 min-height: inherit;
3172 border: none;
3173 z-index: 999;
3174}
3175.ui-panel-content-wrap-display-overlay,
3176.ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */
3177.ui-panel-content-wrap-closed {
3178 position: static;
3179}
3180/* dismiss */
3181.ui-panel-dismiss {
3182 position: absolute;
3183 top: 0;
3184 left:0;
3185 height: 100%;
3186 width: 100%;
3187 z-index: 1002;
3188 display: none;
3189}
3190.ui-panel-dismiss-open {
3191 display: block;
3192}
3193/* animate class is added to panel, wrapper and fixed toolbars */
3194.ui-panel-animate {
3195 -webkit-transition: -webkit-transform 350ms ease;
3196 -moz-transition: -moz-transform 350ms ease;
3197 transition: transform 350ms ease;
3198}
3199/* hardware acceleration for smoother transitions */
3200.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
3201.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
3202.ui-panel-animate.ui-panel-content-wrap,
3203.ui-panel-animate.ui-panel-content-fixed-toolbar {
3204 -webkit-backface-visibility: hidden;
3205 -webkit-transform: translate3d(0,0,0);
3206}
3207/* positioning: panel */
3208/* panel left */
3209.ui-panel-position-left {
3210 left: -17em;
3211}
3212/* animated: panel left (for overlay and push) */
3213.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
3214.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
3215 left: 0;
3216 -webkit-transform: translate3d(-17em,0,0);
3217 -moz-transform: translate3d(-17em,0,0);
3218 transform: translate3d(-17em,0,0);
3219}
3220/* panel left open */
3221.ui-panel-position-left.ui-panel-display-reveal, /* negate "panel left" for reveal */
3222.ui-panel-position-left.ui-panel-open {
3223 left: 0;
3224}
3225/* animated: panel left open (for overlay and push) */
3226.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
3227.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
3228 -webkit-transform: translate3d(0,0,0);
3229 -moz-transform: translate3d(0,0,0);
3230 transform: translate3d(0,0,0);
3231}
3232/* panel right */
3233.ui-panel-position-right {
3234 right: -17em;
3235}
3236/* animated: panel right (for overlay and push) */
3237.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
3238.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
3239 right: 0;
3240 -webkit-transform: translate3d(17em,0,0);
3241 -moz-transform: translate3d(17em,0,0);
3242 transform: translate3d(17em,0,0);
3243}
3244/* panel right open */
3245.ui-panel-position-right.ui-panel-display-reveal, /* negate "panel right" for reveal */
3246.ui-panel-position-right.ui-panel-open {
3247 right: 0;
3248}
3249/* animated: panel right open (for overlay and push) */
3250.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
3251.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
3252 -webkit-transform: translate3d(0,0,0);
3253 -moz-transform: translate3d(0,0,0);
3254 transform: translate3d(0,0,0);
3255}
3256/* positioning: content wrap, fixed toolbars and dismiss */
3257/* panel left open */
3258.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
3259.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
3260.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
3261 left: 17em;
3262 right: -17em;
3263}
3264/* animated: panel left open (for reveal and push) */
3265.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3266.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3267.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3268.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3269 left: 0;
3270 right: 0;
3271 -webkit-transform: translate3d(17em,0,0);
3272 -moz-transform: translate3d(17em,0,0);
3273 transform: translate3d(17em,0,0);
3274}
3275/* panel right open */
3276.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
3277.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
3278.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
3279 left: -17em;
3280 right: 17em;
3281}
3282/* animated: panel right open (for reveal and push) */
3283.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3284.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3285.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3286.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3287 left: 0;
3288 right: 0;
3289 -webkit-transform: translate3d(-17em,0,0);
3290 -moz-transform: translate3d(-17em,0,0);
3291 transform: translate3d(-17em,0,0);
3292}
3293/* negate "panel left/right open" for overlay */
3294.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
3295.ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
3296 left: 0;
3297}
3298/* always disable overflow-x to prevent zoom issue on Android */
3299.ui-page-active.ui-page-panel {
3300 overflow-x: hidden;
3301}
3302/* shadows and borders */
3303.ui-panel-display-reveal {
3304 -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3305 -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3306 box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3307}
3308.ui-panel-position-right.ui-panel-display-reveal {
3309 -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3310 -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3311 box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3312}
3313.ui-panel-position-right.ui-panel-display-overlay {
3314 -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
3315 -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
3316 box-shadow: -5px 0px 5px rgba(0,0,0,.15);
3317}
3318.ui-panel-position-left.ui-panel-display-overlay {
3319 -webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.15);
3320 -moz-box-shadow: 5px 0px 5px rgba(0,0,0,.15);
3321 box-shadow: 5px 0px 5px rgba(0,0,0,.15);
3322}
3323.ui-panel-display-push.ui-panel-open.ui-panel-position-left {
3324 border-right-width: 1px;
3325 margin-right: -1px;
3326}
3327.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3328 margin-left: 1px;
3329}
3330.ui-panel-display-push.ui-panel-open.ui-panel-position-right {
3331 border-left-width: 1px;
3332 margin-left: -1px;
3333}
3334.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3335 margin-right: 1px;
3336}
3337/* wrap on wide viewports once open */
3338@media (min-width:55em){
3339 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
3340 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
3341 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
3342 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
3343 margin-right: 17em;
3344 }
3345 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
3346 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
3347 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
3348 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
3349 margin-left: 17em;
3350 }
3351 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
3352 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
3353 width: auto;
3354 }
3355 .ui-responsive-panel .ui-panel-dismiss-display-push {
3356 display: none;
3357 }
3358}
Note: See TracBrowser for help on using the repository browser.