Context Navigation

source: trunk/themes/smartpocket/jquery.mobile.css @ 27008

Last change on this file since 27008 was 23713, checked in by flop25, 11 years ago

bug:2848
jquery.mobile updated
photoswipe updated
menubar is now a right panel, with almost all the usual links
added comment, search, picture, about and tags pages

ToDo:
*bug correction of the link added to the photoswipe toolbar (link doesn't triggered)
*display the calculated size on the picture page
limitations: no calendar view

File size: 136.3 KB

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

Note: See TracBrowser for help on using the repository browser.

Download in other formats: