aboutsummaryrefslogtreecommitdiff
path: root/static/vendor/jquery.mobile-1.3.2.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/vendor/jquery.mobile-1.3.2.css')
-rw-r--r--static/vendor/jquery.mobile-1.3.2.css3370
1 files changed, 0 insertions, 3370 deletions
diff --git a/static/vendor/jquery.mobile-1.3.2.css b/static/vendor/jquery.mobile-1.3.2.css
deleted file mode 100644
index 96a75f0..0000000
--- a/static/vendor/jquery.mobile-1.3.2.css
+++ /dev/null
@@ -1,3370 +0,0 @@
1/*!
2* jQuery Mobile 1.3.2
3* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
4* http://jquerymobile.com
5*
6* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
7* Released under the MIT license.
8* http://jquery.org/license
9*
10*/
11
12
13/* Swatches */
14/* A
15-----------------------------------------------------------------------------------------------------------*/
16.ui-bar-a {
17 border: 1px solid #333 /*{a-bar-border}*/;
18 background: #111 /*{a-bar-background-color}*/;
19 color: #fff /*{a-bar-color}*/;
20 font-weight: bold;
21 text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
22 background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
23 background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
24 background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
25 background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
26 background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
27 background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
28}
29.ui-bar-a,
30.ui-bar-a input,
31.ui-bar-a select,
32.ui-bar-a textarea,
33.ui-bar-a button {
34 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
35}
36.ui-bar-a .ui-link-inherit {
37 color: #fff /*{a-bar-color}*/;
38}
39.ui-bar-a a.ui-link {
40 color: #7cc4e7 /*{a-bar-link-color}*/;
41 font-weight: bold;
42}
43.ui-bar-a a.ui-link:visited {
44 color: #2489ce /*{a-bar-link-visited}*/;
45}
46.ui-bar-a a.ui-link:hover {
47 color: #2489ce /*{a-bar-link-hover}*/;
48}
49.ui-bar-a a.ui-link:active {
50 color: #2489ce /*{a-bar-link-active}*/;
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: #666 /*{global-icon-color}*/;
767 background: 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: 0 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: 0 0 12px rgba(0,0,0,.6);
1010 -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
1011 box-shadow: 0 0 12px rgba(0,0,0,.6);
1012}
1013.ui-shadow {
1014 -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
1015 -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
1016 box-shadow: 0 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: 0 1px 0 rgba(255,255,255,.3);
1022 -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
1023 box-shadow: 0 1px 0 rgba(255,255,255,.3);
1024}
1025.ui-shadow-inset {
1026 -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
1027 -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
1028 box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
1029}
1030.ui-icon-shadow {
1031 -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1032 -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1033 box-shadow: 0 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 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
1046 -webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
1047 box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
1048}
1049.ui-input-text.ui-focus,
1050.ui-input-search.ui-focus {
1051 -moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
1052 -webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
1053 box-shadow: 0 0 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.ui-mobile fieldset { min-width: 0; }
1074/* responsive page widths */
1075.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); }
1076/* Issue #2066 */
1077body.ui-mobile-viewport,
1078div.ui-mobile-viewport { overflow-x: hidden; }
1079/* "page" containers - full-screen views, one should always be in view post-pageload */
1080.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; }
1081.ui-mobile .ui-page-active { display: block; overflow: visible; }
1082/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
1083.ui-page { outline: none; }
1084/*orientations from js are available */
1085@media screen and (orientation: portrait){
1086.ui-mobile .ui-page { min-height: 420px; }
1087}
1088@media screen and (orientation: landscape){
1089.ui-mobile .ui-page { min-height: 300px; }
1090}
1091/* loading screen */
1092.ui-loading .ui-loader { display: block; }
1093.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
1094.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
1095.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; }
1096.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
1097.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
1098.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
1099.ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
1100.ui-loader-textonly { padding: 15px; margin-left: -115px; }
1101.ui-loader-textonly .ui-icon { display: none; }
1102.ui-loader-fakefix { position: absolute; }
1103/*fouc*/
1104.ui-mobile-rendering > * { visibility: hidden; }
1105/*headers, content panels*/
1106.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
1107.ui-bar { font-size: 16px; margin: 0; }
1108.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; }
1109.ui-header, .ui-footer { position: relative; zoom: 1; }
1110.ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
1111.ui-header .ui-btn-left,
1112.ui-header .ui-btn-right,
1113.ui-footer .ui-btn-left,
1114.ui-footer .ui-btn-right,
1115.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
1116.ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
1117.ui-header-fixed .ui-btn-left,
1118.ui-header-fixed .ui-btn-right { top: 4px;}
1119.ui-header .ui-btn-left,
1120.ui-footer .ui-btn-left { left: 5px; }
1121.ui-header .ui-btn-right,
1122.ui-footer .ui-btn-right { right: 5px; }
1123.ui-footer > .ui-btn-icon-notext,
1124.ui-header > .ui-btn-icon-notext,
1125.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
1126.ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
1127.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; }
1128.ui-footer .ui-title { margin: .6em 15px .8em; }
1129/* content area*/
1130.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1131/* corner styling for dialogs and popups */
1132.ui-corner-all > .ui-header:first-child,
1133.ui-corner-all > .ui-content:first-child,
1134.ui-corner-all > .ui-footer:first-child {
1135 -webkit-border-top-left-radius: inherit;
1136 border-top-left-radius: inherit;
1137 -webkit-border-top-right-radius: inherit;
1138 border-top-right-radius: inherit;
1139}
1140.ui-corner-all > .ui-header:last-child,
1141.ui-corner-all > .ui-content:last-child,
1142.ui-corner-all > .ui-footer:last-child {
1143 -webkit-border-bottom-left-radius: inherit;
1144 border-bottom-left-radius: inherit;
1145 -webkit-border-bottom-right-radius: inherit;
1146 border-bottom-right-radius: inherit;
1147}
1148/* icons sizing */
1149.ui-icon { width: 18px; height: 18px; }
1150/* non-js content hiding */
1151.ui-nojs { position: absolute; left: -9999px; }
1152/* accessible content hiding */
1153.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,
1154.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
1155/* Transitions originally inspired by those from jQtouch, nice work, folks */
1156.ui-mobile-viewport-transitioning,
1157.ui-mobile-viewport-transitioning .ui-page {
1158 width: 100%;
1159 height: 100%;
1160 overflow: hidden;
1161 -webkit-box-sizing: border-box;
1162 -moz-box-sizing: border-box;
1163 box-sizing: border-box;
1164}
1165.ui-page-pre-in {
1166 opacity: 0;
1167}
1168.in {
1169 -webkit-animation-timing-function: ease-out;
1170 -webkit-animation-duration: 350ms;
1171 -moz-animation-timing-function: ease-out;
1172 -moz-animation-duration: 350ms;
1173 animation-timing-function: ease-out;
1174 animation-duration: 350ms;
1175}
1176.out {
1177 -webkit-animation-timing-function: ease-in;
1178 -webkit-animation-duration: 225ms;
1179 -moz-animation-timing-function: ease-in;
1180 -moz-animation-duration: 225ms;
1181 animation-timing-function: ease-in;
1182 animation-duration: 225ms;
1183}
1184@-webkit-keyframes fadein {
1185 from { opacity: 0; }
1186 to { opacity: 1; }
1187}
1188@-moz-keyframes fadein {
1189 from { opacity: 0; }
1190 to { opacity: 1; }
1191}
1192@keyframes fadein {
1193 from { opacity: 0; }
1194 to { opacity: 1; }
1195}
1196@-webkit-keyframes fadeout {
1197 from { opacity: 1; }
1198 to { opacity: 0; }
1199}
1200@-moz-keyframes fadeout {
1201 from { opacity: 1; }
1202 to { opacity: 0; }
1203}
1204@keyframes fadeout {
1205 from { opacity: 1; }
1206 to { opacity: 0; }
1207}
1208.fade.out {
1209 opacity: 0;
1210 -webkit-animation-duration: 125ms;
1211 -webkit-animation-name: fadeout;
1212 -moz-animation-duration: 125ms;
1213 -moz-animation-name: fadeout;
1214 animation-duration: 125ms;
1215 animation-name: fadeout;
1216}
1217.fade.in {
1218 opacity: 1;
1219 -webkit-animation-duration: 225ms;
1220 -webkit-animation-name: fadein;
1221 -moz-animation-duration: 225ms;
1222 -moz-animation-name: fadein;
1223 animation-duration: 225ms;
1224 animation-name: fadein;
1225}
1226.pop {
1227 -webkit-transform-origin: 50% 50%;
1228 -moz-transform-origin: 50% 50%;
1229 transform-origin: 50% 50%;
1230}
1231.pop.in {
1232 -webkit-transform: scale(1);
1233 -webkit-animation-name: popin;
1234 -webkit-animation-duration: 350ms;
1235 -moz-transform: scale(1);
1236 -moz-animation-name: popin;
1237 -moz-animation-duration: 350ms;
1238 transform: scale(1);
1239 animation-name: popin;
1240 animation-duration: 350ms;
1241 opacity: 1;
1242}
1243.pop.out {
1244 -webkit-animation-name: fadeout;
1245 -webkit-animation-duration: 100ms;
1246 -moz-animation-name: fadeout;
1247 -moz-animation-duration: 100ms;
1248 animation-name: fadeout;
1249 animation-duration: 100ms;
1250 opacity: 0;
1251}
1252.pop.in.reverse {
1253 -webkit-animation-name: fadein;
1254 -moz-animation-name: fadein;
1255 animation-name: fadein;
1256}
1257.pop.out.reverse {
1258 -webkit-transform: scale(.8);
1259 -webkit-animation-name: popout;
1260 -moz-transform: scale(.8);
1261 -moz-animation-name: popout;
1262 transform: scale(.8);
1263 animation-name: popout;
1264}
1265@-webkit-keyframes popin {
1266 from {
1267 -webkit-transform: scale(.8);
1268 opacity: 0;
1269 }
1270 to {
1271 -webkit-transform: scale(1);
1272 opacity: 1;
1273 }
1274}
1275@-moz-keyframes popin {
1276 from {
1277 -moz-transform: scale(.8);
1278 opacity: 0;
1279 }
1280 to {
1281 -moz-transform: scale(1);
1282 opacity: 1;
1283 }
1284}
1285@keyframes popin {
1286 from {
1287 transform: scale(.8);
1288 opacity: 0;
1289 }
1290 to {
1291 transform: scale(1);
1292 opacity: 1;
1293 }
1294}
1295@-webkit-keyframes popout {
1296 from {
1297 -webkit-transform: scale(1);
1298 opacity: 1;
1299 }
1300 to {
1301 -webkit-transform: scale(.8);
1302 opacity: 0;
1303 }
1304}
1305@-moz-keyframes popout {
1306 from {
1307 -moz-transform: scale(1);
1308 opacity: 1;
1309 }
1310 to {
1311 -moz-transform: scale(.8);
1312 opacity: 0;
1313 }
1314}
1315@keyframes popout {
1316 from {
1317 transform: scale(1);
1318 opacity: 1;
1319 }
1320 to {
1321 transform: scale(.8);
1322 opacity: 0;
1323 }
1324}
1325/* keyframes for slidein from sides */
1326@-webkit-keyframes slideinfromright {
1327 from { -webkit-transform: translate3d(100%,0,0); }
1328 to { -webkit-transform: translate3d(0,0,0); }
1329}
1330@-moz-keyframes slideinfromright {
1331 from { -moz-transform: translateX(100%); }
1332 to { -moz-transform: translateX(0); }
1333}
1334@keyframes slideinfromright {
1335 from { transform: translateX(100%); }
1336 to { transform: translateX(0); }
1337}
1338@-webkit-keyframes slideinfromleft {
1339 from { -webkit-transform: translate3d(-100%,0,0); }
1340 to { -webkit-transform: translate3d(0,0,0); }
1341}
1342@-moz-keyframes slideinfromleft {
1343 from { -moz-transform: translateX(-100%); }
1344 to { -moz-transform: translateX(0); }
1345}
1346@keyframes slideinfromleft {
1347 from { transform: translateX(-100%); }
1348 to { transform: translateX(0); }
1349}
1350/* keyframes for slideout to sides */
1351@-webkit-keyframes slideouttoleft {
1352 from { -webkit-transform: translate3d(0,0,0); }
1353 to { -webkit-transform: translate3d(-100%,0,0); }
1354}
1355@-moz-keyframes slideouttoleft {
1356 from { -moz-transform: translateX(0); }
1357 to { -moz-transform: translateX(-100%); }
1358}
1359@keyframes slideouttoleft {
1360 from { transform: translateX(0); }
1361 to { transform: translateX(-100%); }
1362}
1363@-webkit-keyframes slideouttoright {
1364 from { -webkit-transform: translate3d(0,0,0); }
1365 to { -webkit-transform: translate3d(100%,0,0); }
1366}
1367@-moz-keyframes slideouttoright {
1368 from { -moz-transform: translateX(0); }
1369 to { -moz-transform: translateX(100%); }
1370}
1371@keyframes slideouttoright {
1372 from { transform: translateX(0); }
1373 to { transform: translateX(100%); }
1374}
1375.slide.out, .slide.in {
1376 -webkit-animation-timing-function: ease-out;
1377 -webkit-animation-duration: 350ms;
1378 -moz-animation-timing-function: ease-out;
1379 -moz-animation-duration: 350ms;
1380 animation-timing-function: ease-out;
1381 animation-duration: 350ms;
1382}
1383.slide.out {
1384 -webkit-transform: translate3d(-100%,0,0);
1385 -webkit-animation-name: slideouttoleft;
1386 -moz-transform: translateX(-100%);
1387 -moz-animation-name: slideouttoleft;
1388 transform: translateX(-100%);
1389 animation-name: slideouttoleft;
1390}
1391.slide.in {
1392 -webkit-transform: translate3d(0,0,0);
1393 -webkit-animation-name: slideinfromright;
1394 -moz-transform: translateX(0);
1395 -moz-animation-name: slideinfromright;
1396 transform: translateX(0);
1397 animation-name: slideinfromright;
1398}
1399.slide.out.reverse {
1400 -webkit-transform: translate3d(100%,0,0);
1401 -webkit-animation-name: slideouttoright;
1402 -moz-transform: translateX(100%);
1403 -moz-animation-name: slideouttoright;
1404 transform: translateX(100%);
1405 animation-name: slideouttoright;
1406}
1407.slide.in.reverse {
1408 -webkit-transform: translate3d(0,0,0);
1409 -webkit-animation-name: slideinfromleft;
1410 -moz-transform: translateX(0);
1411 -moz-animation-name: slideinfromleft;
1412 transform: translateX(0);
1413 animation-name: slideinfromleft;
1414}
1415.slidefade.out {
1416 -webkit-transform: translateX(-100%);
1417 -webkit-animation-name: slideouttoleft;
1418 -webkit-animation-duration: 225ms;
1419 -moz-transform: translateX(-100%);
1420 -moz-animation-name: slideouttoleft;
1421 -moz-animation-duration: 225ms;
1422 transform: translateX(-100%);
1423 animation-name: slideouttoleft;
1424 animation-duration: 225ms;
1425}
1426.slidefade.in {
1427 -webkit-transform: translateX(0);
1428 -webkit-animation-name: fadein;
1429 -webkit-animation-duration: 200ms;
1430 -moz-transform: translateX(0);
1431 -moz-animation-name: fadein;
1432 -moz-animation-duration: 200ms;
1433 transform: translateX(0);
1434 animation-name: fadein;
1435 animation-duration: 200ms;
1436}
1437.slidefade.out.reverse {
1438 -webkit-transform: translateX(100%);
1439 -webkit-animation-name: slideouttoright;
1440 -webkit-animation-duration: 200ms;
1441 -moz-transform: translateX(100%);
1442 -moz-animation-name: slideouttoright;
1443 -moz-animation-duration: 200ms;
1444 transform: translateX(100%);
1445 animation-name: slideouttoright;
1446 animation-duration: 200ms;
1447}
1448.slidefade.in.reverse {
1449 -webkit-transform: translateX(0);
1450 -webkit-animation-name: fadein;
1451 -webkit-animation-duration: 200ms;
1452 -moz-transform: translateX(0);
1453 -moz-animation-name: fadein;
1454 -moz-animation-duration: 200ms;
1455 transform: translateX(0);
1456 animation-name: fadein;
1457 animation-duration: 200ms;
1458}
1459/* slide down */
1460.slidedown.out {
1461 -webkit-animation-name: fadeout;
1462 -webkit-animation-duration: 100ms;
1463 -moz-animation-name: fadeout;
1464 -moz-animation-duration: 100ms;
1465 animation-name: fadeout;
1466 animation-duration: 100ms;
1467}
1468.slidedown.in {
1469 -webkit-transform: translateY(0);
1470 -webkit-animation-name: slideinfromtop;
1471 -webkit-animation-duration: 250ms;
1472 -moz-transform: translateY(0);
1473 -moz-animation-name: slideinfromtop;
1474 -moz-animation-duration: 250ms;
1475 transform: translateY(0);
1476 animation-name: slideinfromtop;
1477 animation-duration: 250ms;
1478}
1479.slidedown.in.reverse {
1480 -webkit-animation-name: fadein;
1481 -webkit-animation-duration: 150ms;
1482 -moz-animation-name: fadein;
1483 -moz-animation-duration: 150ms;
1484 animation-name: fadein;
1485 animation-duration: 150ms;
1486}
1487.slidedown.out.reverse {
1488 -webkit-transform: translateY(-100%);
1489 -webkit-animation-name: slideouttotop;
1490 -webkit-animation-duration: 200ms;
1491 -moz-transform: translateY(-100%);
1492 -moz-animation-name: slideouttotop;
1493 -moz-animation-duration: 200ms;
1494 transform: translateY(-100%);
1495 animation-name: slideouttotop;
1496 animation-duration: 200ms;
1497}
1498@-webkit-keyframes slideinfromtop {
1499 from { -webkit-transform: translateY(-100%); }
1500 to { -webkit-transform: translateY(0); }
1501}
1502@-moz-keyframes slideinfromtop {
1503 from { -moz-transform: translateY(-100%); }
1504 to { -moz-transform: translateY(0); }
1505}
1506@keyframes slideinfromtop {
1507 from { transform: translateY(-100%); }
1508 to { transform: translateY(0); }
1509}
1510@-webkit-keyframes slideouttotop {
1511 from { -webkit-transform: translateY(0); }
1512 to { -webkit-transform: translateY(-100%); }
1513}
1514@-moz-keyframes slideouttotop {
1515 from { -moz-transform: translateY(0); }
1516 to { -moz-transform: translateY(-100%); }
1517}
1518@keyframes slideouttotop {
1519 from { transform: translateY(0); }
1520 to { transform: translateY(-100%); }
1521}
1522/* slide up */
1523.slideup.out {
1524 -webkit-animation-name: fadeout;
1525 -webkit-animation-duration: 100ms;
1526 -moz-animation-name: fadeout;
1527 -moz-animation-duration: 100ms;
1528 animation-name: fadeout;
1529 animation-duration: 100ms;
1530}
1531.slideup.in {
1532 -webkit-transform: translateY(0);
1533 -webkit-animation-name: slideinfrombottom;
1534 -webkit-animation-duration: 250ms;
1535 -moz-transform: translateY(0);
1536 -moz-animation-name: slideinfrombottom;
1537 -moz-animation-duration: 250ms;
1538 transform: translateY(0);
1539 animation-name: slideinfrombottom;
1540 animation-duration: 250ms;
1541}
1542.slideup.in.reverse {
1543 -webkit-animation-name: fadein;
1544 -webkit-animation-duration: 150ms;
1545 -moz-animation-name: fadein;
1546 -moz-animation-duration: 150ms;
1547 animation-name: fadein;
1548 animation-duration: 150ms;
1549}
1550.slideup.out.reverse {
1551 -webkit-transform: translateY(100%);
1552 -webkit-animation-name: slideouttobottom;
1553 -webkit-animation-duration: 200ms;
1554 -moz-transform: translateY(100%);
1555 -moz-animation-name: slideouttobottom;
1556 -moz-animation-duration: 200ms;
1557 transform: translateY(100%);
1558 animation-name: slideouttobottom;
1559 animation-duration: 200ms;
1560}
1561@-webkit-keyframes slideinfrombottom {
1562 from { -webkit-transform: translateY(100%); }
1563 to { -webkit-transform: translateY(0); }
1564}
1565@-moz-keyframes slideinfrombottom {
1566 from { -moz-transform: translateY(100%); }
1567 to { -moz-transform: translateY(0); }
1568}
1569@keyframes slideinfrombottom {
1570 from { transform: translateY(100%); }
1571 to { transform: translateY(0); }
1572}
1573@-webkit-keyframes slideouttobottom {
1574 from { -webkit-transform: translateY(0); }
1575 to { -webkit-transform: translateY(100%); }
1576}
1577@-moz-keyframes slideouttobottom {
1578 from { -moz-transform: translateY(0); }
1579 to { -moz-transform: translateY(100%); }
1580}
1581@keyframes slideouttobottom {
1582 from { transform: translateY(0); }
1583 to { transform: translateY(100%); }
1584}
1585/* The properties in this rule are only necessary for the 'flip' transition.
1586 * We need specify the perspective to create a projection matrix. This will add
1587 * some depth as the element flips. The depth number represents the distance of
1588 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1589 * value.
1590 */
1591.viewport-flip {
1592 -webkit-perspective: 1000;
1593 -moz-perspective: 1000;
1594 perspective: 1000;
1595 position: absolute;
1596}
1597.flip {
1598 -webkit-backface-visibility: hidden;
1599 -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. */
1600 -moz-backface-visibility: hidden;
1601 -moz-transform: translateX(0);
1602 backface-visibility: hidden;
1603 transform: translateX(0);
1604}
1605.flip.out {
1606 -webkit-transform: rotateY(-90deg) scale(.9);
1607 -webkit-animation-name: flipouttoleft;
1608 -webkit-animation-duration: 175ms;
1609 -moz-transform: rotateY(-90deg) scale(.9);
1610 -moz-animation-name: flipouttoleft;
1611 -moz-animation-duration: 175ms;
1612 transform: rotateY(-90deg) scale(.9);
1613 animation-name: flipouttoleft;
1614 animation-duration: 175ms;
1615}
1616.flip.in {
1617 -webkit-animation-name: flipintoright;
1618 -webkit-animation-duration: 225ms;
1619 -moz-animation-name: flipintoright;
1620 -moz-animation-duration: 225ms;
1621 animation-name: flipintoright;
1622 animation-duration: 225ms;
1623}
1624.flip.out.reverse {
1625 -webkit-transform: rotateY(90deg) scale(.9);
1626 -webkit-animation-name: flipouttoright;
1627 -moz-transform: rotateY(90deg) scale(.9);
1628 -moz-animation-name: flipouttoright;
1629 transform: rotateY(90deg) scale(.9);
1630 animation-name: flipouttoright;
1631}
1632.flip.in.reverse {
1633 -webkit-animation-name: flipintoleft;
1634 -moz-animation-name: flipintoleft;
1635 animation-name: flipintoleft;
1636}
1637@-webkit-keyframes flipouttoleft {
1638 from { -webkit-transform: rotateY(0); }
1639 to { -webkit-transform: rotateY(-90deg) scale(.9); }
1640}
1641@-moz-keyframes flipouttoleft {
1642 from { -moz-transform: rotateY(0); }
1643 to { -moz-transform: rotateY(-90deg) scale(.9); }
1644}
1645@keyframes flipouttoleft {
1646 from { transform: rotateY(0); }
1647 to { transform: rotateY(-90deg) scale(.9); }
1648}
1649@-webkit-keyframes flipouttoright {
1650 from { -webkit-transform: rotateY(0) ; }
1651 to { -webkit-transform: rotateY(90deg) scale(.9); }
1652}
1653@-moz-keyframes flipouttoright {
1654 from { -moz-transform: rotateY(0); }
1655 to { -moz-transform: rotateY(90deg) scale(.9); }
1656}
1657@keyframes flipouttoright {
1658 from { transform: rotateY(0); }
1659 to { transform: rotateY(90deg) scale(.9); }
1660}
1661@-webkit-keyframes flipintoleft {
1662 from { -webkit-transform: rotateY(-90deg) scale(.9); }
1663 to { -webkit-transform: rotateY(0); }
1664}
1665@-moz-keyframes flipintoleft {
1666 from { -moz-transform: rotateY(-90deg) scale(.9); }
1667 to { -moz-transform: rotateY(0); }
1668}
1669@keyframes flipintoleft {
1670 from { transform: rotateY(-90deg) scale(.9); }
1671 to { transform: rotateY(0); }
1672}
1673@-webkit-keyframes flipintoright {
1674 from { -webkit-transform: rotateY(90deg) scale(.9); }
1675 to { -webkit-transform: rotateY(0); }
1676}
1677@-moz-keyframes flipintoright {
1678 from { -moz-transform: rotateY(90deg) scale(.9); }
1679 to { -moz-transform: rotateY(0); }
1680}
1681@keyframes flipintoright {
1682 from { transform: rotateY(90deg) scale(.9); }
1683 to { transform: rotateY(0); }
1684}
1685/* The properties in this rule are only necessary for the 'flip' transition.
1686 * We need specify the perspective to create a projection matrix. This will add
1687 * some depth as the element flips. The depth number represents the distance of
1688 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1689 * value.
1690 */
1691.viewport-turn {
1692 -webkit-perspective: 200px;
1693 -moz-perspective: 200px;
1694 -ms-perspective: 200px;
1695 perspective: 200px;
1696 position: absolute;
1697}
1698.turn {
1699 -webkit-backface-visibility: hidden;
1700 -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. */
1701 -webkit-transform-origin: 0;
1702
1703 -moz-backface-visibility: hidden;
1704 -moz-transform: translateX(0);
1705 -moz-transform-origin: 0;
1706
1707 backface-visibility :hidden;
1708 transform: translateX(0);
1709 transform-origin: 0;
1710}
1711.turn.out {
1712 -webkit-transform: rotateY(-90deg) scale(.9);
1713 -webkit-animation-name: flipouttoleft;
1714 -webkit-animation-duration: 125ms;
1715 -moz-transform: rotateY(-90deg) scale(.9);
1716 -moz-animation-name: flipouttoleft;
1717 -moz-animation-duration: 125ms;
1718 transform: rotateY(-90deg) scale(.9);
1719 animation-name: flipouttoleft;
1720 animation-duration: 125ms;
1721}
1722.turn.in {
1723 -webkit-animation-name: flipintoright;
1724 -webkit-animation-duration: 250ms;
1725 -moz-animation-name: flipintoright;
1726 -moz-animation-duration: 250ms;
1727 animation-name: flipintoright;
1728 animation-duration: 250ms;
1729
1730}
1731.turn.out.reverse {
1732 -webkit-transform: rotateY(90deg) scale(.9);
1733 -webkit-animation-name: flipouttoright;
1734 -moz-transform: rotateY(90deg) scale(.9);
1735 -moz-animation-name: flipouttoright;
1736 transform: rotateY(90deg) scale(.9);
1737 animation-name: flipouttoright;
1738}
1739.turn.in.reverse {
1740 -webkit-animation-name: flipintoleft;
1741 -moz-animation-name: flipintoleft;
1742 animation-name: flipintoleft;
1743}
1744@-webkit-keyframes flipouttoleft {
1745 from { -webkit-transform: rotateY(0); }
1746 to { -webkit-transform: rotateY(-90deg) scale(.9); }
1747}
1748@-moz-keyframes flipouttoleft {
1749 from { -moz-transform: rotateY(0); }
1750 to { -moz-transform: rotateY(-90deg) scale(.9); }
1751}
1752@keyframes flipouttoleft {
1753 from { transform: rotateY(0); }
1754 to { transform: rotateY(-90deg) scale(.9); }
1755}
1756@-webkit-keyframes flipouttoright {
1757 from { -webkit-transform: rotateY(0) ; }
1758 to { -webkit-transform: rotateY(90deg) scale(.9); }
1759}
1760@-moz-keyframes flipouttoright {
1761 from { -moz-transform: rotateY(0); }
1762 to { -moz-transform: rotateY(90deg) scale(.9); }
1763}
1764@keyframes flipouttoright {
1765 from { transform: rotateY(0); }
1766 to { transform: rotateY(90deg) scale(.9); }
1767}
1768@-webkit-keyframes flipintoleft {
1769 from { -webkit-transform: rotateY(-90deg) scale(.9); }
1770 to { -webkit-transform: rotateY(0); }
1771}
1772@-moz-keyframes flipintoleft {
1773 from { -moz-transform: rotateY(-90deg) scale(.9); }
1774 to { -moz-transform: rotateY(0); }
1775}
1776@keyframes flipintoleft {
1777 from { transform: rotateY(-90deg) scale(.9); }
1778 to { transform: rotateY(0); }
1779}
1780@-webkit-keyframes flipintoright {
1781 from { -webkit-transform: rotateY(90deg) scale(.9); }
1782 to { -webkit-transform: rotateY(0); }
1783}
1784@-moz-keyframes flipintoright {
1785 from { -moz-transform: rotateY(90deg) scale(.9); }
1786 to { -moz-transform: rotateY(0); }
1787}
1788@keyframes flipintoright {
1789 from { transform: rotateY(90deg) scale(.9); }
1790 to { transform: rotateY(0); }
1791}
1792/* flow transition */
1793.flow {
1794 -webkit-transform-origin: 50% 30%;
1795 -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
1796 -moz-transform-origin: 50% 30%;
1797 -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
1798 transform-origin: 50% 30%;
1799 box-shadow: 0 0 20px rgba(0,0,0,.4);
1800}
1801.ui-dialog.flow {
1802 -webkit-transform-origin: none;
1803 -webkit-box-shadow: none;
1804 -moz-transform-origin: none;
1805 -moz-box-shadow: none;
1806 transform-origin: none;
1807 box-shadow: none;
1808}
1809.flow.out {
1810 -webkit-transform: translateX(-100%) scale(.7);
1811 -webkit-animation-name: flowouttoleft;
1812 -webkit-animation-timing-function: ease;
1813 -webkit-animation-duration: 350ms;
1814 -moz-transform: translateX(-100%) scale(.7);
1815 -moz-animation-name: flowouttoleft;
1816 -moz-animation-timing-function: ease;
1817 -moz-animation-duration: 350ms;
1818 transform: translateX(-100%) scale(.7);
1819 animation-name: flowouttoleft;
1820 animation-timing-function: ease;
1821 animation-duration: 350ms;
1822}
1823.flow.in {
1824 -webkit-transform: translateX(0) scale(1);
1825 -webkit-animation-name: flowinfromright;
1826 -webkit-animation-timing-function: ease;
1827 -webkit-animation-duration: 350ms;
1828 -moz-transform: translateX(0) scale(1);
1829 -moz-animation-name: flowinfromright;
1830 -moz-animation-timing-function: ease;
1831 -moz-animation-duration: 350ms;
1832 transform: translateX(0) scale(1);
1833 animation-name: flowinfromright;
1834 animation-timing-function: ease;
1835 animation-duration: 350ms;
1836}
1837.flow.out.reverse {
1838 -webkit-transform: translateX(100%);
1839 -webkit-animation-name: flowouttoright;
1840 -moz-transform: translateX(100%);
1841 -moz-animation-name: flowouttoright;
1842 transform: translateX(100%);
1843 animation-name: flowouttoright;
1844}
1845.flow.in.reverse {
1846 -webkit-animation-name: flowinfromleft;
1847 -moz-animation-name: flowinfromleft;
1848 animation-name: flowinfromleft;
1849}
1850@-webkit-keyframes flowouttoleft {
1851 0% { -webkit-transform: translateX(0) scale(1); }
1852 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1853 100% { -webkit-transform: translateX(-100%) scale(.7); }
1854}
1855@-moz-keyframes flowouttoleft {
1856 0% { -moz-transform: translateX(0) scale(1); }
1857 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1858 100% { -moz-transform: translateX(-100%) scale(.7); }
1859}
1860@keyframes flowouttoleft {
1861 0% { transform: translateX(0) scale(1); }
1862 60%, 70% { transform: translateX(0) scale(.7); }
1863 100% { transform: translateX(-100%) scale(.7); }
1864}
1865@-webkit-keyframes flowouttoright {
1866 0% { -webkit-transform: translateX(0) scale(1); }
1867 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1868 100% { -webkit-transform: translateX(100%) scale(.7); }
1869}
1870@-moz-keyframes flowouttoright {
1871 0% { -moz-transform: translateX(0) scale(1); }
1872 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1873 100% { -moz-transform: translateX(100%) scale(.7); }
1874}
1875@keyframes flowouttoright {
1876 0% { transform: translateX(0) scale(1); }
1877 60%, 70% { transform: translateX(0) scale(.7); }
1878 100% { transform: translateX(100%) scale(.7); }
1879}
1880@-webkit-keyframes flowinfromleft {
1881 0% { -webkit-transform: translateX(-100%) scale(.7); }
1882 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1883 100% { -webkit-transform: translateX(0) scale(1); }
1884}
1885@-moz-keyframes flowinfromleft {
1886 0% { -moz-transform: translateX(-100%) scale(.7); }
1887 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1888 100% { -moz-transform: translateX(0) scale(1); }
1889}
1890@keyframes flowinfromleft {
1891 0% { transform: translateX(-100%) scale(.7); }
1892 30%, 40% { transform: translateX(0) scale(.7); }
1893 100% { transform: translateX(0) scale(1); }
1894}
1895@-webkit-keyframes flowinfromright {
1896 0% { -webkit-transform: translateX(100%) scale(.7); }
1897 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1898 100% { -webkit-transform: translateX(0) scale(1); }
1899}
1900@-moz-keyframes flowinfromright {
1901 0% { -moz-transform: translateX(100%) scale(.7); }
1902 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1903 100% { -moz-transform: translateX(0) scale(1); }
1904}
1905@keyframes flowinfromright {
1906 0% { transform: translateX(100%) scale(.7); }
1907 30%, 40% { transform: translateX(0) scale(.7); }
1908 100% { transform: translateX(0) scale(1); }
1909}
1910/* content configurations. */
1911.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1912.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; }
1913/* grid solo: 100 - single item fallback */
1914.ui-grid-solo .ui-block-a { display: block; float: none; }
1915/* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
1916/* grid a: 50/50 */
1917.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
1918.ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
1919.ui-grid-a .ui-block-a { clear: left; }
1920/* grid b: 33/33/33 */
1921.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
1922.ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
1923.ui-grid-b .ui-block-a { clear: left; }
1924/* grid c: 25/25/25/25 */
1925.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%; }
1926.ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
1927.ui-grid-c .ui-block-a { clear: left; }
1928/* grid d: 20/20/20/20/20 */
1929.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%; }
1930.ui-grid-d > :nth-child(n) { width: 20%; }
1931.ui-grid-d .ui-block-a { clear: left; }
1932/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
1933@media all and (max-width: 35em) {
1934 .ui-responsive .ui-block-a,
1935 .ui-responsive .ui-block-b,
1936 .ui-responsive .ui-block-c,
1937 .ui-responsive .ui-block-d,
1938 .ui-responsive .ui-block-e {
1939 width: 100%;
1940 float:none;
1941 }
1942}
1943/* fixed page header & footer configuration */
1944.ui-header-fixed,
1945.ui-footer-fixed {
1946 left: 0;
1947 right: 0;
1948 width: 100%;
1949 position: fixed;
1950 z-index: 1000;
1951}
1952.ui-header-fixed {
1953 top: -1px;
1954 padding-top: 1px;
1955}
1956.ui-header-fixed.ui-fixed-hidden {
1957 top: 0;
1958 padding-top: 0;
1959}
1960.ui-footer-fixed {
1961 bottom: -1px;
1962 padding-bottom: 1px;
1963}
1964.ui-footer-fixed.ui-fixed-hidden {
1965 bottom: 0;
1966 padding-bottom: 0;
1967}
1968.ui-header-fullscreen,
1969.ui-footer-fullscreen {
1970 filter: Alpha(Opacity=90);
1971 opacity: .9;
1972}
1973.ui-page-header-fixed {
1974 padding-top: 2.6875em;
1975}
1976.ui-page-footer-fixed {
1977 padding-bottom: 2.6875em;
1978}
1979.ui-page-header-fullscreen > .ui-content,
1980.ui-page-footer-fullscreen > .ui-content {
1981 padding: 0;
1982}
1983.ui-fixed-hidden {
1984 position: absolute;
1985}
1986.ui-page-header-fullscreen .ui-fixed-hidden,
1987.ui-page-footer-fullscreen .ui-fixed-hidden {
1988 left: -9999px;
1989}
1990.ui-header-fixed .ui-btn,
1991.ui-footer-fixed .ui-btn {
1992 z-index: 10;
1993}
1994/* workarounds for other widgets */
1995.ui-android-2x-fixed .ui-li-has-thumb {
1996 -webkit-transform: translate3d(0,0,0);
1997}
1998.ui-navbar { max-width: 100%; }
1999.ui-navbar.ui-mini { margin: 0; }
2000.ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
2001.ui-navbar ul:after { clear: both; }
2002.ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
2003.ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
2004.ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
2005/* add border if not in header/footer (full width) */
2006.ui-navbar li:last-child .ui-btn,
2007.ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
2008.ui-header .ui-navbar li:last-child .ui-btn,
2009.ui-footer .ui-navbar li:last-child .ui-btn,
2010.ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
2011.ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
2012.ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
2013.ui-header .ui-navbar li .ui-btn,
2014.ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
2015/* fixing gaps caused by subpixel problem */
2016.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
2017.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
2018.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2019.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2020.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
2021.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
2022.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2023.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2024.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2025.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2026.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
2027.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
2028.ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
2029.ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2030.ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2031.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
2032.ui-mini { margin-top: .25em; margin-bottom: .25em; }
2033.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
2034.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; }
2035.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; }
2036.ui-btn input, .ui-btn button { z-index: 2; }
2037.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
2038.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 */
2039.ui-btn-block { display: block; }
2040.ui-header > .ui-btn,
2041.ui-footer > .ui-btn { display: inline-block; margin: 0; }
2042.ui-header .ui-btn-block,
2043.ui-footer .ui-btn-block { display: block; }
2044.ui-header .ui-btn-inner,
2045.ui-footer .ui-btn-inner,
2046.ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
2047.ui-fullsize .ui-btn-inner,
2048.ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
2049.ui-btn-icon-notext { width: 24px; height: 24px; }
2050.ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
2051.ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
2052.ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
2053div.ui-btn-text { width: auto; }
2054.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
2055.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2056.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2057.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
2058.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
2059.ui-header .ui-btn-icon-left .ui-btn-inner,
2060.ui-footer .ui-btn-icon-left .ui-btn-inner,
2061.ui-mini.ui-btn-icon-left .ui-btn-inner,
2062.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
2063.ui-header .ui-btn-icon-right .ui-btn-inner,
2064.ui-footer .ui-btn-icon-right .ui-btn-inner,
2065.ui-mini.ui-btn-icon-right .ui-btn-inner,
2066.ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
2067.ui-header .ui-btn-icon-top .ui-btn-inner,
2068.ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
2069.ui-mini.ui-btn-icon-top .ui-btn-inner,
2070.ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2071.ui-header .ui-btn-icon-bottom .ui-btn-inner,
2072.ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
2073.ui-mini.ui-btn-icon-bottom .ui-btn-inner,
2074.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2075/* Corner styling inheritance */
2076.ui-btn-inner {
2077 -webkit-border-radius: inherit;
2078 border-radius: inherit;
2079}
2080/*btn icon positioning*/
2081.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
2082.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; }
2083.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; }
2084.ui-btn-icon-left .ui-icon { left: 10px; }
2085.ui-btn-icon-right .ui-icon { right: 10px; }
2086.ui-btn-icon-top .ui-icon { top: 10px; }
2087.ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2088.ui-header .ui-btn-icon-left .ui-icon,
2089.ui-footer .ui-btn-icon-left .ui-icon,
2090.ui-mini.ui-btn-icon-left .ui-icon,
2091.ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
2092.ui-header .ui-btn-icon-right .ui-icon,
2093.ui-footer .ui-btn-icon-right .ui-icon,
2094.ui-mini.ui-btn-icon-right .ui-icon,
2095.ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
2096.ui-header .ui-btn-icon-top .ui-icon,
2097.ui-footer .ui-btn-icon-top .ui-icon,
2098.ui-mini.ui-btn-icon-top .ui-icon,
2099.ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
2100.ui-header .ui-btn-icon-bottom .ui-icon,
2101.ui-footer .ui-btn-icon-bottom .ui-icon,
2102.ui-mini.ui-btn-icon-bottom .ui-icon,
2103.ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
2104/*hiding native button,inputs */
2105.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; }
2106/* Fixes IE/WP filter alpha opacity bugs */
2107.ui-disabled .ui-btn-hidden { display: none; }
2108.ui-disabled { z-index: 1; }
2109.ui-field-contain .ui-btn.ui-submit { margin: 0; }
2110label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2111@media all and (min-width: 28em){
2112 .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2113 .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; }
2114 .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
2115}
2116.ui-collapsible-inset { margin: .5em 0; }
2117.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
2118.ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
2119.ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
2120.ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
2121.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
2122.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
2123.ui-collapsible-heading .ui-btn-inner { padding-left: 12px; padding-right: 12px; }
2124.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2125.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2126.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
2127.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
2128.ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
2129.ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
2130.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 0 1px 2px; text-indent: -9999px; }
2131.ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
2132.ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
2133.ui-collapsible-heading-status { position: absolute; top: -9999px; left: 0; }
2134.ui-collapsible-content {
2135 display: block;
2136 margin: 0 -15px;
2137 padding: 10px 15px;
2138 border-left-width: 0;
2139 border-right-width: 0;
2140 border-top: none; /* Overrides ui-body-* */
2141 background-image: none; /* Overrides ui-body-* */
2142}
2143.ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
2144.ui-collapsible-content-collapsed { display: none; }
2145.ui-collapsible-set > .ui-collapsible.ui-corner-all {
2146 -webkit-border-radius: 0;
2147 border-radius: 0;
2148}
2149.ui-collapsible-heading,
2150.ui-collapsible-heading > .ui-btn {
2151 -webkit-border-radius: inherit;
2152 border-radius: inherit;
2153}
2154.ui-collapsible-set .ui-collapsible.ui-first-child {
2155 -webkit-border-top-right-radius: inherit;
2156 border-top-right-radius: inherit;
2157 -webkit-border-top-left-radius: inherit;
2158 border-top-left-radius: inherit;
2159}
2160.ui-collapsible-content,
2161.ui-collapsible-set .ui-collapsible.ui-last-child {
2162 -webkit-border-bottom-right-radius: inherit;
2163 border-bottom-right-radius: inherit;
2164 -webkit-border-bottom-left-radius: inherit;
2165 border-bottom-left-radius: inherit;
2166}
2167.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
2168 -webkit-border-bottom-right-radius: 0;
2169 border-bottom-right-radius: 0;
2170 -webkit-border-bottom-left-radius: 0;
2171 border-bottom-left-radius: 0;
2172}
2173.ui-collapsible-set { margin: .5em 0; }
2174.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
2175.ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }
2176.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
2177.ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
2178.ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
2179.ui-bar .ui-controlgroup { margin: 0 5px; }
2180.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
2181/* Fixes legend not wrapping on IE10 */
2182.ui-controlgroup-label legend { max-width: 100%; }
2183.ui-controlgroup-controls label.ui-select,
2184.ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
2185.ui-controlgroup li { list-style: none; }
2186.ui-controlgroup .ui-btn { margin: 0; }
2187.ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
2188.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
2189.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
2190.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
2191.ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
2192.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
2193.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
2194.ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
2195.ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
2196.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
2197.ui-controlgroup-horizontal .ui-controlgroup-controls:before,
2198.ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
2199.ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
2200.ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
2201.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
2202.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
2203.ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; }
2204/* On IE7 the floating selects will be displayed as block if .ui-btn-text has width 100% */
2205.ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
2206.ui-controlgroup-vertical .ui-btn { border-bottom-width: 0; }
2207.ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
2208.ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
2209.ui-controlgroup-horizontal .ui-btn.ui-last-child { border-right-width: 1px; }
2210.ui-controlgroup .ui-btn-corner-all {
2211 -webkit-border-radius: 0;
2212 border-radius: 0;
2213}
2214.ui-controlgroup .ui-controlgroup-controls,
2215.ui-controlgroup .ui-radio,
2216.ui-controlgroup .ui-checkbox,
2217.ui-controlgroup .ui-select,
2218.ui-controlgroup li {
2219 -webkit-border-radius: inherit;
2220 border-radius: inherit;
2221}
2222.ui-controlgroup-vertical .ui-btn.ui-first-child {
2223 -webkit-border-top-left-radius: inherit;
2224 border-top-left-radius: inherit;
2225 -webkit-border-top-right-radius: inherit;
2226 border-top-right-radius: inherit;
2227}
2228.ui-controlgroup-vertical .ui-btn.ui-last-child {
2229 -webkit-border-bottom-left-radius: inherit;
2230 border-bottom-left-radius: inherit;
2231 -webkit-border-bottom-right-radius: inherit;
2232 border-bottom-right-radius: inherit;
2233}
2234.ui-controlgroup-horizontal .ui-btn.ui-first-child {
2235 -webkit-border-top-left-radius: inherit;
2236 border-top-left-radius: inherit;
2237 -webkit-border-bottom-left-radius: inherit;
2238 border-bottom-left-radius: inherit;
2239}
2240.ui-controlgroup-horizontal .ui-btn.ui-last-child {
2241 -webkit-border-top-right-radius: inherit;
2242 border-top-right-radius: inherit;
2243 -webkit-border-bottom-right-radius: inherit;
2244 border-bottom-right-radius: inherit;
2245}
2246.ui-controlgroup .ui-shadow:not(.ui-focus) {
2247 -moz-box-shadow: none;
2248 -webkit-box-shadow: none;
2249 box-shadow: none;
2250}
2251@media all and (min-width: 28em){
2252 .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2253 .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
2254 .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
2255 .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
2256 .ui-hide-label .ui-controlgroup-controls { width: 100%; }
2257}
2258.ui-dialog {
2259 background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
2260}
2261.ui-dialog-contain {
2262 width: 92.5%;
2263 max-width: 500px;
2264 margin: 10% auto 15px auto;
2265 padding: 0;
2266 position: relative;
2267 top: -15px;
2268}
2269.ui-dialog-contain > .ui-header,
2270.ui-dialog-contain > .ui-content,
2271.ui-dialog-contain > .ui-footer {
2272 display: block;
2273 position: relative;
2274 width: auto;
2275 margin: 0;
2276}
2277.ui-dialog-contain > .ui-header {
2278 border: none;
2279 overflow: hidden;
2280 z-index: 10;
2281 padding: 0;
2282}
2283.ui-dialog-contain > .ui-content {
2284 padding: 15px;
2285}
2286.ui-dialog-contain > .ui-footer {
2287 z-index: 10;
2288 padding: 0 15px;
2289}
2290.ui-popup-open .ui-header-fixed,
2291.ui-popup-open .ui-footer-fixed {
2292 position: absolute !important; /* See line #553 of popup.js */
2293}
2294.ui-popup-screen {
2295 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. */
2296 top: 0;
2297 left: 0;
2298 right: 0;
2299 bottom: 1px;
2300 position: absolute;
2301 filter: Alpha(Opacity=0);
2302 opacity: 0;
2303 z-index: 1099;
2304}
2305.ui-popup-screen.in {
2306 opacity: 0.5;
2307 filter: Alpha(Opacity=50);
2308}
2309.ui-popup-screen.out {
2310 opacity: 0;
2311 filter: Alpha(Opacity=0);
2312}
2313.ui-popup-container {
2314 z-index: 1100;
2315 display: inline-block;
2316 position: absolute;
2317 padding: 0;
2318 outline: 0;
2319}
2320.ui-popup {
2321 position: relative;
2322}
2323.ui-popup.ui-content,
2324.ui-popup .ui-content {
2325 overflow: visible;
2326}
2327.ui-popup > p,
2328.ui-popup > h1,
2329.ui-popup > h2,
2330.ui-popup > h3,
2331.ui-popup > h4,
2332.ui-popup > h5,
2333.ui-popup > h6 {
2334 margin: .5em 7px;
2335}
2336.ui-popup > span {
2337 display: block;
2338 margin: .5em 7px;
2339}
2340.ui-popup .ui-title {
2341 font-size: 16px;
2342 font-weight: bold;
2343 margin-top: .5em;
2344 margin-bottom: .5em;
2345}
2346.ui-popup-container .ui-content > p,
2347.ui-popup-container .ui-content > h1,
2348.ui-popup-container .ui-content > h2,
2349.ui-popup-container .ui-content > h3,
2350.ui-popup-container .ui-content > h4,
2351.ui-popup-container .ui-content > h5,
2352.ui-popup-container .ui-content > h6 {
2353 margin: .5em 0;
2354}
2355.ui-popup-container .ui-content > span {
2356 margin: 0;
2357}
2358.ui-popup-container .ui-content > p:first-child,
2359.ui-popup-container .ui-content > h1:first-child,
2360.ui-popup-container .ui-content > h2:first-child,
2361.ui-popup-container .ui-content > h3:first-child,
2362.ui-popup-container .ui-content > h4:first-child,
2363.ui-popup-container .ui-content > h5:first-child,
2364.ui-popup-container .ui-content > h6:first-child {
2365 margin-top: 0;
2366}
2367.ui-popup-container .ui-content > p:last-child,
2368.ui-popup-container .ui-content > h1:last-child,
2369.ui-popup-container .ui-content > h2:last-child,
2370.ui-popup-container .ui-content > h3:last-child,
2371.ui-popup-container .ui-content > h4:last-child,
2372.ui-popup-container .ui-content > h5:last-child,
2373.ui-popup-container .ui-content > h6:last-child {
2374 margin-bottom: 0;
2375}
2376.ui-popup > img {
2377 width: auto;
2378 height: auto;
2379 max-width: 100%;
2380 max-height: 100%;
2381 vertical-align: middle;
2382}
2383.ui-popup:not(.ui-content) > img:only-child,
2384.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
2385.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
2386 -webkit-border-radius: inherit;
2387 border-radius: inherit;
2388}
2389.ui-popup iframe {
2390 vertical-align: middle;
2391}
2392@media all and (min-width: 28em){
2393 .ui-popup .ui-field-contain label.ui-submit,
2394 .ui-popup .ui-field-contain .ui-controlgroup-label,
2395 .ui-popup .ui-field-contain label.ui-select,
2396 .ui-popup .ui-field-contain label.ui-input-text {
2397 font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
2398 }
2399 .ui-popup .ui-field-contain .ui-btn.ui-submit,
2400 .ui-popup .ui-field-contain .ui-controlgroup-controls,
2401 .ui-popup .ui-field-contain .ui-select,
2402 .ui-popup .ui-field-contain input.ui-input-text,
2403 .ui-popup .ui-field-contain textarea.ui-input-text,
2404 .ui-popup .ui-field-contain .ui-input-search {
2405 width: 100%; display: block;
2406 }
2407}
2408.ui-popup > .ui-btn-left,
2409.ui-popup > .ui-btn-right {
2410 position: absolute;
2411 top: -9px;
2412 margin: 0;
2413 z-index: 1101;
2414}
2415.ui-popup > .ui-btn-left { left: -9px; }
2416.ui-popup > .ui-btn-right { right: -9px; }
2417.ui-popup-hidden { top: -99999px; left: -9999px; visibility: hidden; }
2418.ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
2419.ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
2420.ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
2421.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
2422.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
2423.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; }
2424.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
2425.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; }
2426.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; }
2427.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; }
2428.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
2429.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
2430.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
2431.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2432.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2433.ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
2434.ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
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-controlgroup-horizontal .ui-checkbox .ui-icon,
2438.ui-controlgroup-horizontal .ui-radio .ui-icon { display: none; }
2439.ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
2440.ui-controlgroup-horizontal .ui-radio .ui-btn-inner { padding: .6em 20px; }
2441.ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
2442.ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner { padding: .55em 11px .5em; }
2443/* input, label positioning */
2444.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; }
2445.ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
2446.ui-field-contain:last-child { border-bottom-width: 0; }
2447.ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
2448@media all and (min-width: 28em){
2449 .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
2450}
2451.ui-select { display: block; position: relative; }
2452.ui-select select { position: absolute; left: -9999px; top: -9999px; }
2453.ui-select .ui-btn { opacity: 1; }
2454.ui-field-contain .ui-select .ui-btn { margin: 0; }
2455/* 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. */
2456.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; }
2457.ui-select .ui-disabled { opacity: .3; }
2458/* Display none because of issues with IE/WP's filter alpha opacity */
2459.ui-select .ui-disabled select { display: none; }
2460@-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
2461.ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
2462.ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
2463.ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
2464.ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
2465.ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
2466.ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
2467.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
2468.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
2469.ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
2470.ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
2471.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
2472/* labels */
2473label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2474/*listbox*/
2475.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
2476/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
2477.ui-select .ui-btn-text { text-overflow: ellipsis; }
2478.ui-selectmenu { padding: 6px; min-width: 160px; }
2479.ui-selectmenu .ui-listview { margin: 0; }
2480.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
2481.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
2482.ui-selectmenu-list .ui-li .ui-icon { display: block; }
2483.ui-li.ui-selectmenu-placeholder { display: none; }
2484.ui-selectmenu .ui-header { margin: 0; padding: 0; }
2485.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; }
2486.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
2487@media all and (min-width: 28em){
2488 .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2489 .ui-field-contain .ui-select { width: 78%; display: inline-block; }
2490 .ui-hide-label .ui-select { width: 100%; }
2491}
2492/* 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 */
2493.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
2494label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
2495input.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; }
2496input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
2497div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
2498.ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
2499.ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
2500.ui-input-search { padding: 0 30px; }
2501div.ui-input-text { padding: 0 .4em; }
2502div.ui-input-has-clear { padding: 0 30px 0 .4em; }
2503input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
2504.ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
2505.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
2506.ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
2507textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2508input.ui-input-text { -webkit-appearance: none; }
2509textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
2510textarea.ui-mini { height: 45px; }
2511.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
2512.ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
2513.ui-mini .ui-input-clear { right: -3px; }
2514.ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
2515/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
2516input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
2517/* For IE10 */
2518:-ms-input-placeholder { color: #aaa; }
2519/* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
2520input[type=number]::-webkit-outer-spin-button { margin: 0; }
2521@media all and (min-width: 28em){
2522 .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
2523 .ui-field-contain input.ui-input-text,
2524 .ui-field-contain textarea.ui-input-text,
2525 .ui-field-contain .ui-input-search,
2526 .ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
2527 .ui-field-contain .ui-input-search,
2528 .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; }
2529 .ui-hide-label input.ui-input-text,
2530 .ui-hide-label textarea.ui-input-text,
2531 .ui-hide-label .ui-input-search,
2532 .ui-hide-label div.ui-input-text,
2533 .ui-input-search input.ui-input-text,
2534 div.ui-input-text input.ui-input-text { width: 100%; }
2535}
2536.ui-rangeslider {
2537 zoom: 1;
2538 margin: 0;
2539}
2540.ui-rangeslider:before,
2541.ui-rangeslider:after {
2542 content: "";
2543 display: table;
2544}
2545.ui-rangeslider:after {
2546 clear: both;
2547}
2548/* Margin-top/bottom: .5em * 16px/14px to make it equal to ui-rangeslider-sliders margin (input font-size is 14px) */
2549.ui-rangeslider input.ui-input-text.ui-slider-input {
2550 margin: .57143em 0;
2551}
2552.ui-rangeslider.ui-mini input.ui-slider-input {
2553 margin: .28571em 0;
2554}
2555.ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
2556 float: right;
2557}
2558.ui-rangeslider .ui-rangeslider-sliders {
2559 position: relative;
2560 overflow: visible;
2561 height: 30px;
2562 margin: .5em 68px;
2563}
2564.ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2565 margin: .25em 68px;
2566}
2567.ui-field-contain .ui-rangeslider input.ui-slider-input,
2568.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
2569.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2570.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2571 margin-top: 0;
2572 margin-bottom: 0;
2573}
2574.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
2575 position: absolute;
2576 top: 6px;
2577 right: 0;
2578 left: 0;
2579 margin: 0;
2580}
2581.ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
2582 top: 8px;
2583}
2584.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
2585 display: none;
2586}
2587.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2588 background-color: transparent;
2589 background: none;
2590 border-width: 0;
2591 height: 0;
2592}
2593/* this makes ie6 and ie7 set height to 0 to fix z-index problem */
2594html >/**/body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2595 height: 15px;
2596 border-width: 1px;
2597}
2598html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
2599 height: 12px;
2600}
2601@media all and (min-width: 28em){
2602 .ui-field-contain .ui-rangeslider label.ui-slider {
2603 float: left;
2604 }
2605 .ui-field-contain .ui-rangeslider input.ui-slider-input {
2606 position: relative;
2607 z-index: 1;
2608 }
2609 .ui-field-contain .ui-rangeslider input.ui-slider-input.ui-rangeslider-first,
2610 .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input.ui-rangeslider-first {
2611 margin-right: 17px;
2612 }
2613 .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2614 .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2615 float: left;
2616 width: 78%;
2617 margin: 0 -68px;
2618 }
2619 .ui-field-contain .ui-rangeslider .ui-slider-track,
2620 .ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
2621 right: 68px;
2622 left: 68px;
2623 }
2624 .ui-field-contain.ui-hide-label .ui-rangeslider input.ui-slider-input.ui-rangeslider-first {
2625 margin: 0;
2626 }
2627 .ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
2628 .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2629 width: auto;
2630 float: none;
2631 margin: 0 68px;
2632 }
2633 .ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
2634 .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
2635 right: 0;
2636 left: 0;
2637 }
2638}
2639.ui-listview { margin: 0; }
2640ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
2641.ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
2642.ui-collapsible-content > .ui-listview { margin: -10px -15px; }
2643.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
2644.ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
2645.ui-listview, .ui-li { list-style: none; padding: 0; }
2646.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; }
2647.ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
2648.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
2649.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
2650.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
2651.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
2652.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2653.ui-li-static { background-image: none; }
2654.ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
2655ol.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) ". "; }
2656ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
2657.ui-listview .ui-li > .ui-btn-text {
2658 -webkit-border-radius: inherit;
2659 border-radius: inherit;
2660}
2661.ui-listview > .ui-li.ui-first-child,
2662.ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
2663 -webkit-border-top-right-radius: inherit;
2664 border-top-right-radius: inherit;
2665 -webkit-border-top-left-radius: inherit;
2666 border-top-left-radius: inherit;
2667}
2668.ui-listview > .ui-li.ui-last-child,
2669.ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
2670.ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
2671.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
2672 -webkit-border-bottom-right-radius: inherit;
2673 border-bottom-right-radius: inherit;
2674 -webkit-border-bottom-left-radius: inherit;
2675 border-bottom-left-radius: inherit;
2676}
2677.ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
2678 -webkit-border-top-right-radius: inherit;
2679 border-top-right-radius: inherit;
2680}
2681.ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
2682 -webkit-border-bottom-right-radius: inherit;
2683 border-bottom-right-radius: inherit;
2684}
2685.ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
2686 -webkit-border-top-left-radius: inherit;
2687 border-top-left-radius: inherit;
2688}
2689.ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
2690 -webkit-border-bottom-left-radius: inherit;
2691 border-bottom-left-radius: inherit;
2692}
2693.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
2694.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
2695.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 59px; padding-left: 100px; }
2696.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
2697.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; }
2698.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
2699.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; }
2700.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2701.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2702ol.ui-listview > .ui-li .ui-li-heading { display: inline-block; width: 100%; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
2703ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) { text-indent: 1.55em; }
2704.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
2705.ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
2706.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
2707.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
2708@media all and (min-width: 480px){
2709 .ui-li-aside { width: 45%; }
2710}
2711.ui-li-divider { cursor: default; }
2712.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
2713.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; }
2714.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; }
2715.ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
2716.ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
2717.ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
2718.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; }
2719.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;}
2720.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
2721.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
2722.ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
2723.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0; }
2724.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
2725.ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
2726.ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
2727.ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
2728.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
2729.ui-li.ui-screen-hidden{ display:none; }
2730/* Odd iPad positioning issue. */
2731@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
2732 .ui-li .ui-btn-text { overflow: visible; }
2733}
2734label.ui-slider {
2735 font-size: 16px;
2736 line-height: 1.4;
2737 font-weight: normal;
2738 margin: 0;
2739 display: block;
2740}
2741.ui-field-contain label.ui-slider {
2742 margin-bottom: .4em;
2743}
2744div.ui-slider {
2745 height: 30px;
2746 margin: .5em 0;
2747 zoom: 1;
2748}
2749div.ui-slider.ui-mini {
2750 margin: .25em 0;
2751}
2752.ui-field-contain div.ui-slider,
2753.ui-field-contain div.ui-slider.ui-mini {
2754 margin: 0;
2755}
2756div.ui-slider:before, div.ui-slider:after {
2757 content: "";
2758 display: table;
2759}
2760div.ui-slider:after {
2761 clear: both;
2762}
2763/* High level of specificity to override Textinput CSS. */
2764input.ui-input-text.ui-slider-input {
2765 display: block;
2766 float: left;
2767 margin: 0;
2768 padding: 4px;
2769 width: 40px;
2770 height: 22px;
2771 line-height: 22px;
2772 font-size: 14px;
2773 border-width: 0;
2774 background-image: none;
2775 font-weight: bold;
2776 text-align: center;
2777 vertical-align: text-bottom;
2778 outline: 0;
2779 -webkit-box-sizing: content-box;
2780 -moz-box-sizing: content-box;
2781 -ms-box-sizing: content-box;
2782 box-sizing: content-box;
2783}
2784.ui-slider-input::-webkit-outer-spin-button,
2785.ui-slider-input::-webkit-inner-spin-button {
2786 -webkit-appearance: none;
2787 margin: 0;
2788}
2789.ui-slider-track,
2790.ui-slider-switch {
2791 position: relative;
2792 overflow: visible;
2793 height: 15px;
2794 margin: 0 15px 0 68px;
2795 top: 6px;
2796}
2797.ui-slider-track.ui-mini {
2798 height: 12px;
2799 top: 8px;
2800}
2801.ui-slider-bg {
2802 border: none;
2803 height: 100%;
2804}
2805/* High level of specificity to override button margins in grids */
2806.ui-slider-track .ui-btn.ui-slider-handle,
2807.ui-slider-switch .ui-btn.ui-slider-handle {
2808 position: absolute;
2809 z-index: 1;
2810 top: 50%;
2811 width: 28px;
2812 height: 28px;
2813 margin: -15px 0 0 -15px;
2814 outline: 0;
2815}
2816.ui-slider-track.ui-mini .ui-slider-handle {
2817 height: 14px;
2818 width: 14px;
2819 margin: -8px 0 0 -7px;
2820}
2821.ui-slider-handle .ui-btn-inner {
2822 padding: 0;
2823 height: 100%;
2824}
2825.ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
2826 height: 30px;
2827 width: 30px;
2828 padding: 0;
2829 margin: -9px 0 0 -9px;
2830 border-top: none;
2831}
2832select.ui-slider-switch {
2833 display: none;
2834}
2835div.ui-slider-switch {
2836 display: inline-block;
2837 height: 32px;
2838 width: 5.8em;
2839 margin: .5em 0;
2840 top: 0;
2841}
2842/* reset the clearfix */
2843div.ui-slider-switch:before, div.ui-slider-switch:after {
2844 display: none;
2845 clear: none;
2846}
2847div.ui-slider-switch.ui-mini {
2848 width: 5em;
2849 height: 29px;
2850 margin: .25em 0;
2851 top: 0;
2852}
2853.ui-field-contain .ui-slider-switch,
2854.ui-field-contain .ui-slider-switch.ui-mini {
2855 margin: 0;
2856}
2857.ui-slider-inneroffset {
2858 margin: 0 16px;
2859 position: relative;
2860 z-index: 1;
2861}
2862.ui-slider-switch.ui-mini .ui-slider-inneroffset {
2863 margin: 0 15px 0 14px;
2864}
2865.ui-slider-switch .ui-btn.ui-slider-handle {
2866 margin: 1px 0 0 -15px;
2867}
2868.ui-slider-switch.ui-mini .ui-slider-handle {
2869 width: 25px;
2870 height: 25px;
2871 margin: 1px 0 0 -13px;
2872 padding: 0;
2873}
2874.ui-slider-handle-snapping {
2875 -webkit-transition: left 70ms linear;
2876 -moz-transition: left 70ms linear;
2877}
2878.ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
2879 height: 30px;
2880 width: 30px;
2881 padding: 0;
2882 margin: 0;
2883 border-top: none;
2884}
2885.ui-slider-switch .ui-slider-label {
2886 position: absolute;
2887 text-align: center;
2888 width: 100%;
2889 overflow: hidden;
2890 font-size: 16px;
2891 top: 0;
2892 line-height: 2;
2893 min-height: 100%;
2894 border-width: 0;
2895 white-space: nowrap;
2896 cursor: pointer;
2897}
2898.ui-slider-switch.ui-mini .ui-slider-label {
2899 font-size: 14px;
2900}
2901.ui-slider-switch .ui-slider-label-a {
2902 z-index: 1;
2903 left: 0;
2904 text-indent: -1.5em;
2905}
2906.ui-slider-switch .ui-slider-label-b {
2907 z-index: 0;
2908 right: 0;
2909 text-indent: 1.5em;
2910}
2911@media all and (min-width: 28em){
2912 .ui-field-contain label.ui-slider {
2913 vertical-align: top;
2914 display: inline-block;
2915 width: 20%;
2916 margin: 0 2% 0 0;
2917 }
2918 .ui-field-contain div.ui-slider {
2919 display: inline-block;
2920 width: 78%;
2921 }
2922 .ui-field-contain.ui-hide-label div.ui-slider {
2923 display: block;
2924 width: auto;
2925 }
2926 .ui-field-contain div.ui-slider-switch,
2927 .ui-field-contain.ui-hide-label div.ui-slider-switch {
2928 display: inline-block;
2929 width: 5.8em;
2930 }
2931 .ui-field-contain div.ui-slider-switch.ui-mini {
2932 width: 5em;
2933 }
2934}
2935.ui-table {
2936 border: 0;
2937 border-collapse: collapse;
2938 padding: 0;
2939 width: 100%;
2940}
2941.ui-table th,
2942.ui-table td {
2943 line-height: 1.5em;
2944 text-align: left;
2945 padding: .4em .5em;
2946 vertical-align:top;
2947}
2948.ui-table th .ui-btn,
2949.ui-table td .ui-btn {
2950 line-height: normal;
2951}
2952.ui-table th {
2953 font-weight: bold;
2954}
2955.ui-table caption {
2956 text-align:left;
2957 margin-bottom:1.4em;
2958 opacity: .5;
2959}
2960/* Add strokes between each row */
2961.table-stroke thead th {
2962 border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2963 border-bottom: 1px solid rgba(0, 0, 0, .1);
2964}
2965.table-stroke tbody th,
2966.table-stroke tbody td {
2967 border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
2968 border-bottom: 1px solid rgba(0, 0, 0, .05);
2969}
2970/* Add alternating row stripes */
2971.table-stripe tbody tr:nth-child(odd) td,
2972.table-stripe tbody tr:nth-child(odd) th {
2973 background-color: #eeeeee; /* non-RGBA fallback */
2974 background-color: rgba(0,0,0,0.04);
2975}
2976/* Add stroke to the header and last item */
2977.table-stripe thead th,
2978.table-stripe tbody tr:last-child {
2979 border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2980 border-bottom: 1px solid rgba(0, 0, 0, .1);
2981}
2982/*
2983 Styles for the table columntoggle mode
2984*/
2985.ui-table-columntoggle-btn {
2986 float: right;
2987 margin-bottom:.8em;
2988}
2989/* Remove top/bottom margins around the fieldcontain on check list */
2990.ui-table-columntoggle-popup fieldset {
2991 margin:0;
2992}
2993/* Hide all prioritized columns by default */
2994@media only all {
2995 th.ui-table-priority-6,
2996 td.ui-table-priority-6,
2997 th.ui-table-priority-5,
2998 td.ui-table-priority-5,
2999 th.ui-table-priority-4,
3000 td.ui-table-priority-4,
3001 th.ui-table-priority-3,
3002 td.ui-table-priority-3,
3003 th.ui-table-priority-2,
3004 td.ui-table-priority-2,
3005 th.ui-table-priority-1,
3006 td.ui-table-priority-1 {
3007 display: none;
3008 }
3009}
3010/* Preset breakpoints if ".ui-responsive" class added to table */
3011/* Show priority 1 at 320px (20em x 16px) */
3012@media screen and (min-width: 20em) {
3013 .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
3014 .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
3015 display: table-cell;
3016 }
3017}
3018/* Show priority 2 at 480px (30em x 16px) */
3019@media screen and (min-width: 30em) {
3020 .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
3021 .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
3022 display: table-cell;
3023 }
3024}
3025/* Show priority 3 at 640px (40em x 16px) */
3026@media screen and (min-width: 40em) {
3027 .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
3028 .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
3029 display: table-cell;
3030 }
3031}
3032/* Show priority 4 at 800px (50em x 16px) */
3033@media screen and (min-width: 50em) {
3034 .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
3035 .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
3036 display: table-cell;
3037 }
3038}
3039/* Show priority 5 at 960px (60em x 16px) */
3040@media screen and (min-width: 60em) {
3041 .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
3042 .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
3043 display: table-cell;
3044 }
3045}
3046/* Show priority 6 at 1,120px (70em x 16px) */
3047@media screen and (min-width: 70em) {
3048 .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
3049 .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
3050 display: table-cell;
3051 }
3052}
3053/* Unchecked manually: Always hide */
3054.ui-table-columntoggle th.ui-table-cell-hidden,
3055.ui-table-columntoggle td.ui-table-cell-hidden,
3056.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
3057.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
3058 display: none;
3059}
3060/* Checked manually: Always show */
3061.ui-table-columntoggle th.ui-table-cell-visible,
3062.ui-table-columntoggle td.ui-table-cell-visible,
3063.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
3064.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
3065 display: table-cell;
3066}
3067/*
3068 Styles for the table columntoggle mode
3069*/
3070.ui-table-reflow td .ui-table-cell-label,
3071.ui-table-reflow th .ui-table-cell-label {
3072 display: none;
3073}
3074/* Mobile first styles: Begin with the stacked presentation at narrow widths */
3075@media only all {
3076 /* Hide the table headers */
3077 .ui-table-reflow thead td,
3078 .ui-table-reflow thead th {
3079 display: none;
3080 }
3081 /* Show the table cells as a block level element */
3082 .ui-table-reflow td,
3083 .ui-table-reflow th {
3084 text-align: left;
3085 display: block;
3086 }
3087 /* Add a fair amount of top margin to visually separate each row when stacked */
3088 .ui-table-reflow tbody th {
3089 margin-top: 3em;
3090 }
3091 /* Make the label elements a percentage width */
3092 .ui-table-reflow td .ui-table-cell-label,
3093 .ui-table-reflow th .ui-table-cell-label {
3094 padding: .4em;
3095 min-width: 30%;
3096 display: inline-block;
3097 margin: -.4em 1em -.4em -.4em;
3098 }
3099 /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
3100 .ui-table-reflow th .ui-table-cell-label-top,
3101 .ui-table-reflow td .ui-table-cell-label-top {
3102 display: block;
3103 padding: .4em 0;
3104 margin: .4em 0;
3105 text-transform: uppercase;
3106 font-size: .9em;
3107 font-weight: normal;
3108 }
3109}
3110/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
3111@media ( min-width: 35em ) {
3112 /* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
3113 .ui-table-reflow.ui-responsive {
3114 display: table-row-group;
3115 }
3116 /* Show the table header rows */
3117 .ui-table-reflow.ui-responsive td,
3118 .ui-table-reflow.ui-responsive th,
3119 .ui-table-reflow.ui-responsive tbody th,
3120 .ui-table-reflow.ui-responsive tbody td,
3121 .ui-table-reflow.ui-responsive thead td,
3122 .ui-table-reflow.ui-responsive thead th {
3123 display: table-cell;
3124 margin: 0;
3125 }
3126 /* Hide the labels in each cell */
3127 .ui-table-reflow.ui-responsive td .ui-table-cell-label,
3128 .ui-table-reflow.ui-responsive th .ui-table-cell-label {
3129 display: none;
3130 }
3131}
3132/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
3133/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
3134@media ( max-width: 35em ) {
3135 .ui-table-reflow.ui-responsive td,
3136 .ui-table-reflow.ui-responsive th {
3137 width: 100%;
3138 -webkit-box-sizing: border-box;
3139 -moz-box-sizing: border-box;
3140 box-sizing: border-box;
3141 float: left;
3142 clear: left;
3143 }
3144}
3145/* panel */
3146.ui-panel {
3147 width: 17em;
3148 min-height: 100%;
3149 max-height: none;
3150 border-width: 0;
3151 position: absolute;
3152 top: 0;
3153 display: block;
3154}
3155.ui-panel-closed {
3156 width: 0;
3157 max-height: 100%;
3158 overflow: hidden;
3159 visibility: hidden;
3160}
3161.ui-panel-fixed {
3162 position: fixed;
3163 bottom: -1px; /* fixes gap on Chrome for Android */
3164 padding-bottom: 1px;
3165}
3166.ui-panel-display-overlay {
3167 z-index: 1001; /* fixed toolbars have z-index 1000 */
3168}
3169.ui-panel-display-reveal {
3170 z-index: 0;
3171}
3172.ui-panel-display-push {
3173 z-index: 999;
3174}
3175.ui-panel-inner {
3176 padding: 15px;
3177}
3178/* content-wrap */
3179.ui-panel-content-wrap {
3180 position: relative;
3181 left: 0;
3182 min-height: inherit;
3183 border: none;
3184 z-index: 999;
3185}
3186.ui-panel-content-wrap-display-overlay,
3187.ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */
3188.ui-panel-content-wrap-closed {
3189 position: static;
3190}
3191/* dismiss */
3192.ui-panel-dismiss {
3193 position: absolute;
3194 top: 0;
3195 left:0;
3196 height: 100%;
3197 width: 100%;
3198 z-index: 1002;
3199 display: none;
3200}
3201.ui-panel-dismiss-open {
3202 display: block;
3203}
3204/* animate class is added to panel, wrapper and fixed toolbars */
3205.ui-panel-animate {
3206 -webkit-transition: -webkit-transform 350ms ease;
3207 -moz-transition: -moz-transform 350ms ease;
3208 transition: transform 350ms ease;
3209}
3210/* hardware acceleration for smoother transitions on WebKit browsers */
3211.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
3212.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
3213.ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
3214.ui-panel-animate.ui-panel-content-wrap,
3215.ui-panel-animate.ui-panel-content-fixed-toolbar {
3216 -webkit-backface-visibility: hidden;
3217 -webkit-transform: translate3d(0,0,0);
3218}
3219/* positioning: panel */
3220/* panel left */
3221.ui-panel-position-left {
3222 left: -17em;
3223}
3224/* animated: panel left (for overlay and push) */
3225.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
3226.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
3227 left: 0;
3228 -webkit-transform: translate3d(-17em,0,0);
3229 -moz-transform: translate3d(-17em,0,0);
3230 transform: translate3d(-17em,0,0);
3231}
3232/* panel left open */
3233.ui-panel-position-left.ui-panel-display-reveal, /* negate "panel left" for reveal */
3234.ui-panel-position-left.ui-panel-open {
3235 left: 0;
3236}
3237/* animated: panel left open (for overlay and push) */
3238.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
3239.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
3240 -webkit-transform: translate3d(0,0,0);
3241 transform: translate3d(0,0,0);
3242 -moz-transform: none;
3243}
3244/* panel right */
3245.ui-panel-position-right {
3246 right: -17em;
3247}
3248/* animated: panel right (for overlay and push) */
3249.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
3250.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
3251 right: 0;
3252 -webkit-transform: translate3d(17em,0,0);
3253 -moz-transform: translate3d(17em,0,0);
3254 transform: translate3d(17em,0,0);
3255}
3256/* panel right open */
3257.ui-panel-position-right.ui-panel-display-reveal, /* negate "panel right" for reveal */
3258.ui-panel-position-right.ui-panel-open {
3259 right: 0;
3260}
3261/* animated: panel right open (for overlay and push) */
3262.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
3263.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
3264 -webkit-transform: translate3d(0,0,0);
3265 transform: translate3d(0,0,0);
3266 -moz-transform: none;
3267}
3268/* positioning: content wrap, fixed toolbars and dismiss */
3269/* panel left open */
3270.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
3271.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
3272.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
3273 left: 17em;
3274 right: -17em;
3275}
3276/* animated: panel left open (for reveal and push) */
3277.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3278.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3279.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3280.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3281 left: 0;
3282 right: 0;
3283 -webkit-transform: translate3d(17em,0,0);
3284 -moz-transform: translate3d(17em,0,0);
3285 transform: translate3d(17em,0,0);
3286}
3287/* panel right open */
3288.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
3289.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
3290.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
3291 left: -17em;
3292 right: 17em;
3293}
3294/* animated: panel right open (for reveal and push) */
3295.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3296.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3297.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3298.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3299 left: 0;
3300 right: 0;
3301 -webkit-transform: translate3d(-17em,0,0);
3302 -moz-transform: translate3d(-17em,0,0);
3303 transform: translate3d(-17em,0,0);
3304}
3305/* negate "panel left/right open" for overlay */
3306.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
3307.ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
3308 left: 0;
3309}
3310/* always disable overflow-x to prevent zoom issue on Android */
3311.ui-page-active.ui-page-panel {
3312 overflow-x: hidden;
3313}
3314/* shadows and borders */
3315.ui-panel-display-reveal {
3316 -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3317 -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3318 box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3319}
3320.ui-panel-position-right.ui-panel-display-reveal {
3321 -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3322 -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3323 box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3324}
3325.ui-panel-display-overlay {
3326 -webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
3327 -moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
3328 box-shadow: 5px 0 5px rgba(0,0,0,.15);
3329}
3330.ui-panel-position-right.ui-panel-display-overlay {
3331 -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
3332 -moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
3333 box-shadow: -5px 0 5px rgba(0,0,0,.15);
3334}
3335.ui-panel-display-push.ui-panel-open.ui-panel-position-left {
3336 border-right-width: 1px;
3337 margin-right: -1px;
3338}
3339.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3340 margin-left: 1px;
3341}
3342.ui-panel-display-push.ui-panel-open.ui-panel-position-right {
3343 border-left-width: 1px;
3344 margin-left: -1px;
3345}
3346.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3347 margin-right: 1px;
3348}
3349/* wrap on wide viewports once open */
3350@media (min-width:55em){
3351 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
3352 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
3353 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
3354 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
3355 margin-right: 17em;
3356 }
3357 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
3358 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
3359 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
3360 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
3361 margin-left: 17em;
3362 }
3363 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
3364 .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
3365 width: auto;
3366 }
3367 .ui-responsive-panel .ui-panel-dismiss-display-push {
3368 display: none;
3369 }
3370}
© 2015 Mike Crute