OSDN Git Service

use flat-ui in mobile mode.
[libre10/libre10.git] / css / jquery.mobile.flatui.css
1 @font-face {
2   font-family: 'Lato';
3   font-style: normal;
4   font-weight: 400;
5   src: local('Lato Regular'),
6     local('Lato-Regular'),
7     url(fonts/lato-regular.woff) format('woff'),
8     url(fonts/lato-regular.ttf) format('truetype');
9 }
10 @font-face {
11   font-family: 'Lato';
12   font-style: normal;
13   font-weight: 700;
14   src: local('Lato Bold'),
15     local('Lato-Bold'),
16     url(fonts/lato-bold.woff) format('woff'),
17     url(fonts/lato-bold.ttf) format('truetype');
18 }
19 @font-face {
20   font-family: 'Lato';
21   font-style: normal;
22   font-weight: 900;
23   src: local('Lato Black'),
24     local('Lato-Black'),
25     url(fonts/lato-black.woff) format('woff'),
26     url(fonts/lato-black.ttf) format('truetype');
27 }
28 @font-face {
29   font-family: 'Lato';
30   font-style: italic;
31   font-weight: 400;
32   src: local('Lato Italic'),
33     local('Lato-Italic'),
34     url(fonts/lato-italic.woff) format('woff'),
35     url(fonts/lato-italic.ttf) format('truetype');
36 }
37 @font-face {
38   font-family: "Flat-UI-Icons-24";
39   font-weight: normal;
40   font-style: normal;
41   src: url("fonts/Flat-UI-Icons-24.woff") format("woff"),
42     url(fonts//Flat-UI-Icons-24..ttf) format('truetype');
43 }
44
45 /* Use the following CSS code if you want to have a class per icon */
46 /*Instead of a list of all class selectors,
47  *you can use the generic selector below, but it's slower:
48  *[class*="fui-"]:before { */
49 .ui-icon-flat-video:before,
50 .ui-icon-flat-time:before,
51 .ui-icon-flat-settings:before,
52 .ui-icon-flat-plus:before,
53 .ui-icon-flat-new:before,
54 .ui-icon-flat-menu:before,
55 .ui-icon-flat-man:before,
56 .ui-icon-flat-mail:before,
57 .ui-icon-flat-lock:before,
58 .ui-icon-flat-location:before,
59 .ui-icon-flat-heart:before,
60 .ui-icon-flat-eye:before,
61 .ui-icon-flat-cross:before,
62 .ui-icon-flat-cmd:before,
63 .ui-icon-flat-checkround:before,
64 .ui-icon-flat-checkmark:before,
65 .ui-icon-flat-calendar:before,
66 .ui-icon-flat-bubble:before,
67 .ui-icon-flat-volume:before,
68 .ui-icon-flat-camera:before {
69   font-family: "Flat-UI-Icons-24";
70   speak: none;
71   font-style: normal;
72   font-weight: normal;
73   line-height: 18px;
74   -webkit-font-smoothing: antialiased;
75 }
76
77 .ui-icon-flat-video:before {
78   content: "\e000"; }
79
80 .ui-icon-flat-time:before {
81   content: "\e001"; }
82
83 .ui-icon-flat-settings:before {
84   content: "\e002"; }
85
86 .ui-icon-flat-plus:before {
87   content: "\e003"; }
88
89 .ui-icon-flat-new:before {
90   content: "\e005"; }
91
92 .ui-icon-flat-menu:before {
93   content: "\e006"; }
94
95 .ui-icon-flat-man:before {
96   content: "\e007"; }
97
98 .ui-icon-flat-mail:before {
99   content: "\e008"; }
100
101 .ui-icon-flat-lock:before {
102   content: "\e009"; }
103
104 .ui-icon-flat-location:before {
105   content: "\e00a"; }
106
107 .ui-icon-flat-heart:before {
108   content: "\e00b"; }
109
110 .ui-icon-flat-eye:before {
111   content: "\e00c"; }
112
113 .ui-icon-flat-cross:before {
114   content: "\e00d"; }
115
116 .ui-icon-flat-cmd:before {
117   content: "\e00e"; }
118
119 .ui-icon-flat-checkround:before {
120   content: "\e00f"; }
121
122 .ui-icon-flat-checkmark:before {
123   content: "\e010"; }
124
125 .ui-icon-flat-calendar:before {
126   content: "\e011"; }
127
128 .ui-icon-flat-bubble:before {
129   content: "\e012"; }
130
131 .ui-icon-flat-volume:before {
132   content: "\e013"; }
133
134 .ui-icon-flat-camera:before {
135   content: "\e004"; }
136
137 .ui-bar-a{border:1px solid #2c3e50;background:#2c3e50;color:#fff;font-weight:bold;font-family:Lato,sans-serif;}
138 .ui-bar-a .ui-link-inherit{color:#3e3e3e}
139 .ui-bar-a a.ui-link{color:#7cc4e7;font-weight:bold;}
140 .ui-bar-a a.ui-link:visited{color:#2489ce}
141 .ui-bar-a a.ui-link:hover{color:#2489ce}
142 .ui-bar-a a.ui-link:active{color:#2489ce}
143 .ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Lato,sans-serif}
144 .ui-body-a,.ui-overlay-a{border:2px solid #2c3e50;color:#34495e;background:#fff;background-image:none}
145 .ui-body-a{font-family:Lato,sans-serif;}
146 .ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Lato,sans-serif}
147 .ui-body-a .ui-link-inherit{color:#333}
148 .ui-body-a .ui-link{color:#2c3e50;font-weight:bold;}
149 .ui-body-a .ui-link:visited,.ui-body-a .ui-link:hover,.ui-body-a .ui-link:active{color:#4e6d8d}
150 .ui-body-a.ui-input-text{border:2px solid #eee;}
151 .ui-body-a.ui-input-text.ui-focus{border:2px solid #4e6d8d;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s}
152 .ui-btn-up-a{border:1px solid #2c3e50;background:#2c3e50;font-weight:bold;color:#fff;}
153 .ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#fff}
154 .ui-btn-hover-a{border:1px solid #4e6d8d;background:#4e6d8d;font-weight:bold;color:#fff;}
155 .ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#fff}
156 .ui-btn-down-a{border:1px solid #4e6d8d;background:#4e6d8d;font-weight:bold;color:#fff;}
157 .ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#fff}
158 .ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Lato,sans-serif;text-decoration:none}
159 .ui-bar-a .ui-btn-up-a,.ui-bar-a .ui-btn-down-a,.ui-bar-a .ui-btn-hover-a{background-color:#2c3e50;border:1px solid #2c3e50}
160
161 .ui-bar-b{border:1px solid #16a085;background:#16a085;color:#fff;font-weight:bold;font-family:Lato,sans-serif;}
162 .ui-bar-b .ui-link-inherit{color:#3e3e3e}
163 .ui-bar-b a.ui-link{color:#7cc4e7;font-weight:bold;}
164 .ui-bar-b a.ui-link:visited{color:#2489ce}
165 .ui-bar-b a.ui-link:hover{color:#2489ce}
166 .ui-bar-b a.ui-link:active{color:#2489ce}
167 .ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Lato,sans-serif}
168 .ui-body-b,.ui-overlay-b{border:2px solid #16a085;color:#34495e;background:#fff;background-image:none}
169 .ui-body-b{font-family:Lato,sans-serif;}
170 .ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Lato,sans-serif}
171 .ui-body-b .ui-link-inherit{color:#333}
172 .ui-body-b .ui-link{color:#16a085;font-weight:bold;}
173 .ui-body-b .ui-link:visited,.ui-body-b .ui-link:hover,.ui-body-b .ui-link:active{color:#1abc9c}
174 .ui-body-b.ui-input-text{border:2px solid #eee;}
175 .ui-body-b.ui-input-text.ui-focus{border:2px solid #1abc9c;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s}
176 .ui-btn-up-b{border:1px solid #16a085;background:#16a085;font-weight:bold;color:#fff;}
177 .ui-btn-up-b:visited,.ui-btn-up-b a.ui-link-inherit{color:#fff}
178 .ui-btn-hover-b{border:1px solid #1abc9c;background:#1abc9c;font-weight:bold;color:#fff;}
179 .ui-btn-hover-b:visited,.ui-btn-hover-b:hover,.ui-btn-hover-b a.ui-link-inherit{color:#fff}
180 .ui-btn-down-b{border:1px solid #1abc9c;background:#1abc9c;font-weight:bold;color:#fff;}
181 .ui-btn-down-b:visited,.ui-btn-down-b:hover,.ui-btn-down-b a.ui-link-inherit{color:#fff}
182 .ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Lato,sans-serif;text-decoration:none}
183 .ui-bar-b .ui-btn-up-a,.ui-bar-b .ui-btn-down-a,.ui-bar-b .ui-btn-hover-a{background-color:#16a085;border:1px solid #16a085}
184
185 .ui-bar-c{border:1px solid #f2f2f2;background:#f2f2f2;color:#000;font-weight:bold;font-family:Lato,sans-serif;}
186 .ui-bar-c .ui-link-inherit{color:#3e3e3e}
187 .ui-bar-c a.ui-link{color:#7cc4e7;font-weight:bold;}
188 .ui-bar-c a.ui-link:visited{color:#2489ce}
189 .ui-bar-c a.ui-link:hover{color:#2489ce}
190 .ui-bar-c a.ui-link:active{color:#2489ce}
191 .ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Lato,sans-serif}
192 .ui-body-c,.ui-overlay-c{border:2px solid #f2f2f2;color:#34495e;background:#fff;background-image:none}
193 .ui-body-c{font-family:Lato,sans-serif;}
194 .ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Lato,sans-serif}
195 .ui-body-c .ui-link-inherit{color:#333}
196 .ui-body-c .ui-link{color:#2c3e50;font-weight:bold;}
197 .ui-body-c .ui-link:visited,.ui-body-c .ui-link:hover,.ui-body-c .ui-link:active{color:#eee}
198 .ui-body-c.ui-input-text{border:2px solid #eee;}
199 .ui-body-c.ui-input-text.ui-focus{border:2px solid #eee;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s}
200 .ui-btn-up-c{border:1px solid #f2f2f2;background:#f2f2f2;font-weight:bold;color:#000;}
201 .ui-btn-up-c:visited,.ui-btn-up-c a.ui-link-inherit{color:#000}
202 .ui-btn-hover-c{border:1px solid #eee;background:#eee;font-weight:bold;color:#000;}
203 .ui-btn-hover-c:visited,.ui-btn-hover-c:hover,.ui-btn-hover-c a.ui-link-inherit{color:#000}
204 .ui-btn-down-c{border:1px solid #eee;background:#eee;font-weight:bold;color:#000;}
205 .ui-btn-down-c:visited,.ui-btn-down-c:hover,.ui-btn-down-c a.ui-link-inherit{color:#000}
206 .ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Lato,sans-serif;text-decoration:none}
207 .ui-bar-c .ui-btn-up-a,.ui-bar-c .ui-btn-down-a,.ui-bar-c .ui-btn-hover-a{background-color:#f2f2f2;border:1px solid #f2f2f2}
208
209 .ui-bar-d{border:1px solid #c1392b;background:#c1392b;color:#fff;font-weight:bold;font-family:Lato,sans-serif;}
210 .ui-bar-d .ui-link-inherit{color:#3e3e3e}
211 .ui-bar-d a.ui-link{color:#7cc4e7;font-weight:bold;}
212 .ui-bar-d a.ui-link:visited{color:#2489ce}
213 .ui-bar-d a.ui-link:hover{color:#2489ce}
214 .ui-bar-d a.ui-link:active{color:#2489ce}
215 .ui-bar-d input,.ui-bar-d select,.ui-bar-d textarea,.ui-bar-d button{font-family:Lato,sans-serif}
216 .ui-body-d,.ui-overlay-d{border:2px solid #c1392b;color:#34495e;background:#fff;background-image:none}
217 .ui-body-d{font-family:Lato,sans-serif;}
218 .ui-body-d input,.ui-body-d select,.ui-body-d textarea,.ui-body-d button{font-family:Lato,sans-serif}
219 .ui-body-d .ui-link-inherit{color:#333}
220 .ui-body-d .ui-link{color:#c0392b;font-weight:bold;}
221 .ui-body-d .ui-link:visited,.ui-body-d .ui-link:hover,.ui-body-d .ui-link:active{color:#e84c3d}
222 .ui-body-d.ui-input-text{border:2px solid #eee;}
223 .ui-body-d.ui-input-text.ui-focus{border:2px solid #e84c3d;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s}
224 .ui-btn-up-d{border:1px solid #c1392b;background:#c1392b;font-weight:bold;color:#fff;}
225 .ui-btn-up-d:visited,.ui-btn-up-d a.ui-link-inherit{color:#fff}
226 .ui-btn-hover-d{border:1px solid #e84c3d;background:#e84c3d;font-weight:bold;color:#fff;}
227 .ui-btn-hover-d:visited,.ui-btn-hover-d:hover,.ui-btn-hover-d a.ui-link-inherit{color:#fff}
228 .ui-btn-down-d{border:1px solid #e84c3d;background:#e84c3d;font-weight:bold;color:#fff;}
229 .ui-btn-down-d:visited,.ui-btn-down-d:hover,.ui-btn-down-d a.ui-link-inherit{color:#fff}
230 .ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d{font-family:Lato,sans-serif;text-decoration:none}
231 .ui-bar-d .ui-btn-up-a,.ui-bar-d .ui-btn-down-a,.ui-bar-d .ui-btn-hover-a{background-color:#c1392b;border:1px solid #c1392b}
232
233 .ui-bar-e{border:1px solid #f1c40f;background:#f1c40f;color:#fff;font-weight:bold;font-family:Lato,sans-serif;}
234 .ui-bar-e .ui-link-inherit{color:#3e3e3e}
235 .ui-bar-e a.ui-link{color:#7cc4e7;font-weight:bold;}
236 .ui-bar-e a.ui-link:visited{color:#2489ce}
237 .ui-bar-e a.ui-link:hover{color:#2489ce}
238 .ui-bar-e a.ui-link:active{color:#2489ce}
239 .ui-bar-e input,.ui-bar-e select,.ui-bar-e textarea,.ui-bar-e button{font-family:Lato,sans-serif}
240 .ui-body-e,.ui-overlay-e{border:2px solid #f1c40f;color:#34495e;background:#fff;background-image:none}
241 .ui-body-e{font-family:Lato,sans-serif;}
242 .ui-body-e input,.ui-body-e select,.ui-body-e textarea,.ui-body-e button{font-family:Lato,sans-serif}
243 .ui-body-e .ui-link-inherit{color:#333}
244 .ui-body-e .ui-link{color:#f1c40f;font-weight:bold;}
245 .ui-body-e .ui-link:visited,.ui-body-e .ui-link:hover,.ui-body-e .ui-link:active{color:#f4d03f}
246 .ui-body-e.ui-input-text{border:2px solid #eee;}
247 .ui-body-e.ui-input-text.ui-focus{border:2px solid #f4d03f;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s}
248 .ui-btn-up-e{border:1px solid #f1c40f;background:#f1c40f;font-weight:bold;color:#fff;}
249 .ui-btn-up-e:visited,.ui-btn-up-e a.ui-link-inherit{color:#fff}
250 .ui-btn-hover-e{border:1px solid #f4d03f;background:#f4d03f;font-weight:bold;color:#fff;}
251 .ui-btn-hover-e:visited,.ui-btn-hover-e:hover,.ui-btn-hover-e a.ui-link-inherit{color:#fff}
252 .ui-btn-down-e{border:1px solid #f4d03f;background:#f4d03f;font-weight:bold;color:#fff;}
253 .ui-btn-down-e:visited,.ui-btn-down-e:hover,.ui-btn-down-e a.ui-link-inherit{color:#fff}
254 .ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e{font-family:Lato,sans-serif;text-decoration:none}
255 .ui-bar-e .ui-btn-up-a,.ui-bar-e .ui-btn-down-a,.ui-bar-e .ui-btn-hover-a{background-color:#f1c40f;border:1px solid #f1c40f}
256
257 .ui-bar-f{border:1px solid #3498db;background:#3498db;color:#fff;font-weight:bold;font-family:Lato,sans-serif;}
258 .ui-bar-f .ui-link-inherit{color:#3e3e3e}
259 .ui-bar-f a.ui-link{color:#7cc4e7;font-weight:bold;}
260 .ui-bar-f a.ui-link:visited{color:#2489ce}
261 .ui-bar-f a.ui-link:hover{color:#2489ce}
262 .ui-bar-f a.ui-link:active{color:#2489ce}
263 .ui-bar-f input,.ui-bar-f select,.ui-bar-f textarea,.ui-bar-f button{font-family:Lato,sans-serif}
264 .ui-body-f,.ui-overlay-f{border:2px solid #3498db;color:#34495e;background:#fff;background-image:none}
265 .ui-body-f{font-family:Lato,sans-serif;}
266 .ui-body-f input,.ui-body-f select,.ui-body-f textarea,.ui-body-f button{font-family:Lato,sans-serif}
267 .ui-body-f .ui-link-inherit{color:#333}
268 .ui-body-f .ui-link{color:#3498db;font-weight:bold;}
269 .ui-body-f .ui-link:visited,.ui-body-f .ui-link:hover,.ui-body-f .ui-link:active{color:#5dade2}
270 .ui-body-f.ui-input-text{border:2px solid #eee;}
271 .ui-body-f.ui-input-text.ui-focus{border:2px solid #5dade2;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s}
272 .ui-btn-up-f{border:1px solid #3498db;background:#3498db;font-weight:bold;color:#fff;}
273 .ui-btn-up-f:visited,.ui-btn-up-f a.ui-link-inherit{color:#fff}
274 .ui-btn-hover-f{border:1px solid #5dade2;background:#5dade2;font-weight:bold;color:#fff;}
275 .ui-btn-hover-f:visited,.ui-btn-hover-f:hover,.ui-btn-hover-f a.ui-link-inherit{color:#fff}
276 .ui-btn-down-f{border:1px solid #5dade2;background:#5dade2;font-weight:bold;color:#fff;}
277 .ui-btn-down-f:visited,.ui-btn-down-f:hover,.ui-btn-down-f a.ui-link-inherit{color:#fff}
278 .ui-btn-up-f,.ui-btn-hover-f,.ui-btn-down-f{font-family:Lato,sans-serif;text-decoration:none}
279 .ui-bar-f .ui-btn-up-a,.ui-bar-f .ui-btn-down-a,.ui-bar-f .ui-btn-hover-a{background-color:#3498db;border:1px solid #3498db}
280
281 .ui-bar-g{border:1px solid #2ecc71;background:#2ecc71;color:#fff;font-weight:bold;font-family:Lato,sans-serif;}
282 .ui-bar-g .ui-link-inherit{color:#3e3e3e}
283 .ui-bar-g a.ui-link{color:#7cc4e7;font-weight:bold;}
284 .ui-bar-g a.ui-link:visited{color:#2489ce}
285 .ui-bar-g a.ui-link:hover{color:#2489ce}
286 .ui-bar-g a.ui-link:active{color:#2489ce}
287 .ui-bar-g input,.ui-bar-g select,.ui-bar-g textarea,.ui-bar-g button{font-family:Lato,sans-serif}
288 .ui-body-g,.ui-overlay-g{border:2px solid #2ecc71;color:#34495e;background:#fff;background-image:none}
289 .ui-body-g{font-family:Lato,sans-serif;}
290 .ui-body-g input,.ui-body-g select,.ui-body-g textarea,.ui-body-g button{font-family:Lato,sans-serif}
291 .ui-body-g .ui-link-inherit{color:#333}
292 .ui-body-g .ui-link{color:#2ecc71;font-weight:bold;}
293 .ui-body-g .ui-link:visited,.ui-body-g .ui-link:hover,.ui-body-g .ui-link:active{color:#55d98d}
294 .ui-body-g.ui-input-text{border:2px solid #eee;}
295 .ui-body-g.ui-input-text.ui-focus{border:2px solid #55d98d;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s}
296 .ui-btn-up-g{border:1px solid #2ecc71;background:#2ecc71;font-weight:bold;color:#fff;}
297 .ui-btn-up-g:visited,.ui-btn-up-g a.ui-link-inherit{color:#fff}
298 .ui-btn-hover-g{border:1px solid #55d98d;background:#55d98d;font-weight:bold;color:#fff;}
299 .ui-btn-hover-g:visited,.ui-btn-hover-g:hover,.ui-btn-hover-g a.ui-link-inherit{color:#fff}
300 .ui-btn-down-g{border:1px solid #55d98d;background:#55d98d;font-weight:bold;color:#fff;}
301 .ui-btn-down-g:visited,.ui-btn-down-g:hover,.ui-btn-down-g a.ui-link-inherit{color:#fff}
302 .ui-btn-up-g,.ui-btn-hover-g,.ui-btn-down-g{font-family:Lato,sans-serif;text-decoration:none}
303 .ui-bar-g .ui-btn-up-a,.ui-bar-g .ui-btn-down-a,.ui-bar-g .ui-btn-hover-a{background-color:#2ecc71;border:1px solid #2ecc71}
304
305 /* Active class used as the "on" state across all themes
306 -----------------------------------------------------------------------------------------------------------*/
307 .ui-btn-active {
308         border: 1px solid               #1abc9c /*{global-active-border}*/;
309         background:                     #1abc9c /*{global-active-background-color}*/;
310         font-weight: bold;
311         color:                                  #ffffff /*{global-active-color}*/;
312         cursor: pointer;
313         text-decoration: none;
314   font-family: Lato, sans-serif
315 }
316 .ui-btn-active:visited,
317 .ui-btn-active:hover,
318 .ui-btn-active a.ui-link-inherit {
319   color:  #ffffff /*{global-active-color}*/;
320 }
321
322 .ui-btn-active.ui-slider-bg {
323   background: #1abc9c;
324 }
325
326 /* button inner top highlight
327 -----------------------------------------------------------------------------------------------------------*/
328
329 .ui-slider-handle {
330   background:  #16a085;
331   border: 1px solid #16a085;
332 }
333
334 .ui-slider-label.ui-btn-corner-all,
335 .ui-slider-switch.ui-btn-corner-all {
336         border-radius: 1em;
337         -webkit-border-radius: 1em;
338 }
339
340 .ui-slider-handle.ui-btn-corner-all {
341   border-radius: 50%;
342   -webkit-border-radius: 50%;
343 }
344
345 input.ui-input-text.ui-slider-input {
346         border: 2px solid #eee !important;
347 }
348
349 /* corner rounding classes
350 -----------------------------------------------------------------------------------------------------------*/
351
352 .ui-corner-all {
353         -webkit-border-radius:  6px /*{global-radii-blocks}*/;
354         border-radius:  6px /*{global-radii-blocks}*/;
355 }
356
357 /* Form field separator
358 -----------------------------------------------------------------------------------------------------------*/
359 .ui-br {
360
361         border-color: rgb(130,130,130);
362         border-color: rgba(130,130,130,.3);
363         border-style: solid;
364
365 }
366
367 /* Interaction cues
368 -----------------------------------------------------------------------------------------------------------*/
369 .ui-disabled {
370         filter: Alpha(Opacity=30);
371         opacity: .3;
372         zoom: 1;
373 }
374 .ui-disabled,
375 .ui-disabled a {
376         cursor: default !important;
377         pointer-events: none;
378 }
379
380 /* Icons
381 -----------------------------------------------------------------------------------------------------------*/
382
383 .ui-icon,
384 .ui-icon-searchfield:after {
385         background-repeat: no-repeat;
386         width: 20px;
387         height: 20px;
388         -moz-border-radius: 10px;
389         -webkit-border-radius: 10px;
390         border-radius: 10px;
391         line-height: 16px;
392         color: white;
393 }
394
395 .ui-btn-icon-notext .ui-btn-inner .ui-icon:before { margin-left: 1px;}
396
397 .ui-li-link-alt .ui-btn-inner .ui-icon {
398         margin: -10px -10px auto auto !important;
399 }
400
401 /* supporting original icons */
402 .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
403 .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
404 .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
405 .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
406 .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on, .ui-icon-email , .ui-icon-page,
407 .ui-icon-question , .ui-icon-foursquare, .ui-icon-dollar , .ui-icon-euro,
408 .ui-icon-pound , .ui-icon-apple , .ui-icon-chat , .ui-icon-trash , .ui-icon-mappin , .ui-icon-direction,
409 .ui-icon-heart , .ui-icon-wrench , .ui-icon-play , .ui-icon-pause , .ui-icon-stop , .ui-icon-person , .ui-icon-music,
410 .ui-icon-wifi , .ui-icon-phone , .ui-icon-power ,
411 .ui-icon-lightning , .ui-icon-drink , .ui-icon-android {
412         background-color:                                               #666666 /*{global-icon-color}*/;
413         background-color:                                               rgba(0,0,0,.4) /*{global-icon-disc}*/;
414         background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
415 }
416
417 /* Alt icon color
418 -----------------------------------------------------------------------------------------------------------*/
419
420 .ui-icon-alt .ui-icon,
421 .ui-icon-alt .ui-icon-searchfield:after {
422         background-color:                                               #fff;
423         background-color:                                               rgba(255,255,255,.3);
424         background-image: url(images/icons-18-black.png);
425         background-repeat: no-repeat;
426 }
427
428 /* No disc
429 -----------------------------------------------------------------------------------------------------------*/
430
431 .ui-icon-nodisc .ui-icon,
432 .ui-icon-nodisc .ui-icon-searchfield:after,
433 .ui-icon-nodisc .ui-icon-alt .ui-icon,
434 .ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
435         background-color: transparent;
436 }
437
438 /* Icon sprite
439 -----------------------------------------------------------------------------------------------------------*/
440
441 /* plus minus */
442 .ui-icon-plus {
443         background-position:    -1px -1px;
444 }
445 .ui-icon-minus {
446         background-position:    -37px -1px;
447 }
448 /* delete/close */
449 .ui-icon-delete {
450         background-position:    -73px -1px;
451 }
452 /* arrows */
453 .ui-icon-arrow-r {
454         background-position:    -108px -1px;
455 }
456 .ui-icon-arrow-l {
457         background-position:    -144px -1px;
458 }
459 .ui-icon-arrow-u {
460         background-position:    -180px -1px;
461 }
462 .ui-icon-arrow-d {
463         background-position:    -216px -1px;
464 }
465 /* misc */
466 .ui-icon-check {
467         background-position:    -252px -1px;
468 }
469 .ui-icon-gear {
470         background-position:    -288px -1px;
471 }
472 .ui-icon-refresh {
473         background-position:    -323px -1px;
474 }
475 .ui-icon-forward {
476         background-position:    -360px -1px;
477 }
478 .ui-icon-back {
479         background-position:    -396px -1px;
480 }
481 .ui-icon-grid {
482         background-position:    -432px -1px;
483 }
484 .ui-icon-star {
485         background-position:    -467px -1px;
486 }
487 .ui-icon-alert {
488         background-position:    -503px -1px;
489 }
490 .ui-icon-info {
491         background-position:    -539px -1px;
492 }
493 .ui-icon-home {
494         background-position:    -575px -1px;
495 }
496 /* search */
497 .ui-icon-search,
498 .ui-icon-searchfield:after {
499         background-position:    -611px -1px;
500 }
501 /* checkbox radio */
502 .ui-icon-checkbox-on {
503         background-position:    -647px -1px;
504 }
505 .ui-icon-checkbox-off {
506         background-position:    -683px -1px;
507 }
508 .ui-icon-radio-on {
509         background-position:    -718px -1px;
510 }
511 .ui-icon-radio-off {
512         background-position:    -754px -1px;
513 }
514 /* menu edit */
515 .ui-icon-bars {
516         background-position:    -788px -1px;
517
518 }
519 .ui-icon-edit {
520         background-position:    -824px -1px;
521 }
522
523 /* HD/"retina" sprite
524 -----------------------------------------------------------------------------------------------------------*/
525
526 @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
527        only screen and (min--moz-device-pixel-ratio: 1.3),
528        only screen and (min-resolution: 200dpi) {
529
530         .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
531         .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
532         .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
533         .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
534         .ui-icon-search, .ui-icon-searchfield:after,
535         .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
536                 background-image: url(images/icons-36-white.png);
537                 -moz-background-size: 864px 18px;
538                 -o-background-size: 864px 18px;
539                 -webkit-background-size: 864px 18px;
540                 background-size: 864px 18px;
541         }
542
543         .ui-icon-alt .ui-icon {
544                 background-image: url(images/icons-36-black.png);
545         }
546
547         .ui-icon-plus {
548                 background-position:    0px 50%;
549         }
550         .ui-icon-minus {
551                 background-position:    -36px 50%;
552         }
553         .ui-icon-delete {
554                 background-position:    -72px 50%;
555         }
556         .ui-icon-arrow-r {
557                 background-position:    -108px 50%;
558         }
559         .ui-icon-arrow-l {
560                 background-position:    -144px 50%;
561         }
562         .ui-icon-arrow-u {
563                 background-position:    -179px 50%;
564         }
565         .ui-icon-arrow-d {
566                 background-position:    -215px 50%;
567         }
568         .ui-icon-check {
569                 background-position:    -252px 50%;
570         }
571         .ui-icon-gear {
572                 background-position:    -287px 50%;
573         }
574         .ui-icon-refresh {
575                 background-position:    -323px 50%;
576         }
577         .ui-icon-forward {
578                 background-position:    -360px 50%;
579         }
580         .ui-icon-back {
581                 background-position:    -395px 50%;
582         }
583         .ui-icon-grid {
584                 background-position:    -431px 50%;
585         }
586         .ui-icon-star {
587                 background-position:    -467px 50%;
588         }
589         .ui-icon-alert {
590                 background-position:    -503px 50%;
591         }
592         .ui-icon-info {
593                 background-position:    -538px 50%;
594         }
595         .ui-icon-home {
596                 background-position:    -575px 50%;
597         }
598         .ui-icon-search,
599         .ui-icon-searchfield:after {
600                 background-position:    -611px 50%;
601         }
602         .ui-icon-checkbox-on {
603                 background-position:    -647px 50%;
604         }
605         .ui-icon-checkbox-off {
606                 background-position:    -683px 50%;
607         }
608         .ui-icon-radio-on {
609                 background-position:    -718px 50%;
610         }
611         .ui-icon-radio-off {
612                 background-position:    -754px 50%;
613         }
614         .ui-icon-bars {
615                 background-position:    -788px 50%;
616
617         }.ui-icon-edit {
618                 background-position:    -824px 50%;
619         }
620 }
621
622 /* checks,radios */
623 .ui-checkbox .ui-icon,
624 .ui-selectmenu-list .ui-icon {
625         -webkit-border-radius: 3px;
626         border-radius: 3px;
627 }
628 .ui-icon-checkbox-off,
629 .ui-icon-radio-off {
630         background-color: transparent;
631 }
632 .ui-checkbox-on .ui-icon,
633 .ui-radio-on .ui-icon {
634 }
635
636 /* loading icon */
637 .ui-icon-loading {
638         background: url(images/ajax-loader.gif);
639         background-size: 46px 46px;
640 }
641
642 /* Button corner class
643 -----------------------------------------------------------------------------------------------------------*/
644 .ui-btn-corner-all {
645         -webkit-border-radius:                          6px /*{global-radii-buttons}*/;
646         border-radius:                                          6px /*{global-radii-buttons}*/;
647 }
648
649 .ui-btn-icon-notext.ui-btn-corner-all {
650   -webkit-border-radius:        1em /*{global-radii-buttons}*/;
651   border-radius:            1em /*{global-radii-buttons}*/;
652 }
653
654 /* radius clip workaround for cleaning up corner trapping */
655 .ui-corner-all,
656 .ui-btn-corner-all {
657         /*-webkit-background-clip: padding;
658         background-clip: padding-box;*/
659 }
660
661 /* Overlay / modal
662 -----------------------------------------------------------------------------------------------------------*/
663
664 .ui-overlay {
665         background: #666;
666         filter: Alpha(Opacity=50);
667         opacity: .5;
668         position: absolute;
669         width: 100%;
670         height: 100%;
671 }
672 /* Focus state - set here for specificity (note: these classes are added by JavaScript)
673 -----------------------------------------------------------------------------------------------------------*/
674
675 .ui-btn:focus, .ui-link-inherit:focus {
676         outline: 0;
677 }
678 .ui-btn.ui-focus {
679         z-index: 1;
680 }
681
682 /* unset box shadow in browsers that don't do it right
683 -----------------------------------------------------------------------------------------------------------*/
684
685 .ui-mobile-nosupport-boxshadow * {
686         -moz-box-shadow: none !important;
687         -webkit-box-shadow: none !important;
688         box-shadow: none !important;
689 }
690
691 /* ...and bring back focus */
692 .ui-mobile-nosupport-boxshadow .ui-focus,
693 .ui-mobile-nosupport-boxshadow .ui-btn:focus,
694 .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
695         outline-width: 1px;
696         outline-style: auto;
697 }
698
699 /*
700 * jQuery Mobile Git Build: SHA1: 9130927464f2d3e0300a9fb36ebfd69448cf3675 <> Date: Wed Feb 20 11:08:42 2013 -0800
701 * http://jquerymobile.com
702 *
703 * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
704 * Released under the MIT license.
705 * http://jquery.org/license
706 *
707 */
708
709 .ui-mobile, .ui-mobile body { height: 99.9%; }
710 .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
711 .ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
712 .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); }
713 body.ui-mobile-viewport,
714 div.ui-mobile-viewport { overflow-x: hidden; }
715 .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; }
716 .ui-mobile .ui-page-active { display: block; overflow: visible; }
717 .ui-page { outline: none; }
718 @media screen and (orientation: portrait){
719 .ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
720 }
721 @media screen and (orientation: landscape){
722 .ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
723 }
724 .ui-loading .ui-loader { display: block; }
725 .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
726 .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
727 .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; }
728 .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
729 .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
730 .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
731 .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
732 .ui-loader-textonly { padding: 15px; margin-left: -115px; }
733 .ui-loader-textonly .ui-icon { display: none; }
734 .ui-loader-fakefix { position: absolute; }
735 .ui-mobile-rendering > * { visibility: hidden; }
736 .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
737 .ui-bar { font-size: 16px; margin: 0; }
738 .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; }
739 .ui-header, .ui-footer { position: relative; zoom: 1; }
740 .ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
741 .ui-header .ui-btn-left,
742 .ui-header .ui-btn-right,
743 .ui-footer .ui-btn-left,
744 .ui-footer .ui-btn-right,
745 .ui-header-fixed.ui-fixed-hidden .ui-btn-left,
746 .ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
747 .ui-header-fixed .ui-btn-left,
748 .ui-header-fixed .ui-btn-right { top: 4px;}
749 .ui-header .ui-btn-left,
750 .ui-footer .ui-btn-left { left: 5px; }
751 .ui-header .ui-btn-right,
752 .ui-footer .ui-btn-right { right: 5px; }
753 .ui-footer > .ui-btn-icon-notext,
754 .ui-header > .ui-btn-icon-notext,
755 .ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
756 .ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
757 .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; }
758 .ui-footer .ui-title { margin: .6em 15px .8em; }
759 .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
760 .ui-corner-all > .ui-header:first-child,
761 .ui-corner-all > .ui-content:first-child,
762 .ui-corner-all > .ui-footer:first-child {
763         -webkit-border-top-left-radius: inherit;
764         border-top-left-radius: inherit;
765         -webkit-border-top-right-radius: inherit;
766         border-top-right-radius: inherit;
767 }
768 .ui-corner-all > .ui-header:last-child,
769 .ui-corner-all > .ui-content:last-child,
770 .ui-corner-all > .ui-footer:last-child {
771         -webkit-border-bottom-left-radius: inherit;
772         border-bottom-left-radius: inherit;
773         -webkit-border-bottom-right-radius: inherit;
774         border-bottom-right-radius: inherit;
775 }
776 .ui-icon { width: 18px; height: 18px; }
777 .ui-nojs { position: absolute; left: -9999px; }
778 .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,
779 .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
780 .ui-mobile-viewport-transitioning,
781 .ui-mobile-viewport-transitioning .ui-page {
782         width: 100%;
783         height: 100%;
784         overflow: hidden;
785         -webkit-box-sizing: border-box;
786         -moz-box-sizing: border-box;
787         box-sizing: border-box;
788 }
789 .ui-page-pre-in {
790         opacity: 0;
791 }
792 .in {
793         -webkit-animation-fill-mode: both;
794         -webkit-animation-timing-function: ease-out;
795         -webkit-animation-duration: 350ms;
796         -moz-animation-fill-mode: both;
797         -moz-animation-timing-function: ease-out;
798         -moz-animation-duration: 350ms;
799         animation-fill-mode: both;
800         animation-timing-function: ease-out;
801         animation-duration: 350ms;
802 }
803 .out {
804         -webkit-animation-fill-mode: both;
805         -webkit-animation-timing-function: ease-in;
806         -webkit-animation-duration: 225ms;
807         -moz-animation-fill-mode: both;
808         -moz-animation-timing-function: ease-in;
809         -moz-animation-duration: 225ms;
810         animation-fill-mode: both;
811         animation-timing-function: ease-in;
812         animation-duration: 225ms;
813 }
814 @-webkit-keyframes fadein {
815     from { opacity: 0; }
816     to { opacity: 1; }
817 }
818 @-moz-keyframes fadein {
819     from { opacity: 0; }
820     to { opacity: 1; }
821 }
822 @keyframes fadein {
823     from { opacity: 0; }
824     to { opacity: 1; }
825 }
826 @-webkit-keyframes fadeout {
827     from { opacity: 1; }
828     to { opacity: 0; }
829 }
830 @-moz-keyframes fadeout {
831     from { opacity: 1; }
832     to { opacity: 0; }
833 }
834 @keyframes fadeout {
835     from { opacity: 1; }
836     to { opacity: 0; }
837 }
838 .fade.out {
839         opacity: 0;
840         -webkit-animation-duration: 125ms;
841         -webkit-animation-name: fadeout;
842         -moz-animation-duration: 125ms;
843         -moz-animation-name: fadeout;
844         animation-duration: 125ms;
845         animation-name: fadeout;
846 }
847 .fade.in {
848         opacity: 1;
849         -webkit-animation-duration: 225ms;
850         -webkit-animation-name: fadein;
851         -moz-animation-duration: 225ms;
852         -moz-animation-name: fadein;
853         animation-duration: 225ms;
854         animation-name: fadein;
855 }
856 .pop {
857         -webkit-transform-origin: 50% 50%;
858         -moz-transform-origin: 50% 50%;
859         transform-origin: 50% 50%;
860 }
861 .pop.in {
862         -webkit-transform: scale(1);
863         -webkit-animation-name: popin;
864         -webkit-animation-duration: 350ms;
865         -moz-transform: scale(1);
866         -moz-animation-name: popin;
867         -moz-animation-duration: 350ms;
868         transform: scale(1);
869         animation-name: popin;
870         animation-duration: 350ms;
871     opacity: 1;
872 }
873 .pop.out {
874         -webkit-animation-name: fadeout;
875         -webkit-animation-duration: 100ms;
876         -moz-animation-name: fadeout;
877         -moz-animation-duration: 100ms;
878         animation-name: fadeout;
879         animation-duration: 100ms;
880         opacity: 0;
881 }
882 .pop.in.reverse {
883         -webkit-animation-name: fadein;
884         -moz-animation-name: fadein;
885         animation-name: fadein;
886 }
887 .pop.out.reverse {
888         -webkit-transform: scale(.8);
889         -webkit-animation-name: popout;
890         -moz-transform: scale(.8);
891         -moz-animation-name: popout;
892         transform: scale(.8);
893         animation-name: popout;
894 }
895 @-webkit-keyframes popin {
896     from {
897         -webkit-transform: scale(.8);
898         opacity: 0;
899     }
900     to {
901         -webkit-transform: scale(1);
902         opacity: 1;
903     }
904 }
905 @-moz-keyframes popin {
906     from {
907         -moz-transform: scale(.8);
908         opacity: 0;
909     }
910     to {
911         -moz-transform: scale(1);
912         opacity: 1;
913     }
914 }
915 @keyframes popin {
916     from {
917         transform: scale(.8);
918         opacity: 0;
919     }
920     to {
921         transform: scale(1);
922         opacity: 1;
923     }
924 }
925 @-webkit-keyframes popout {
926     from {
927         -webkit-transform: scale(1);
928         opacity: 1;
929     }
930     to {
931         -webkit-transform: scale(.8);
932         opacity: 0;
933     }
934 }
935 @-moz-keyframes popout {
936     from {
937         -moz-transform: scale(1);
938         opacity: 1;
939     }
940     to {
941         -moz-transform: scale(.8);
942         opacity: 0;
943     }
944 }
945 @keyframes popout {
946     from {
947         transform: scale(1);
948         opacity: 1;
949     }
950     to {
951         transform: scale(.8);
952         opacity: 0;
953     }
954 }
955 @-webkit-keyframes slideinfromright {
956     from { -webkit-transform: translateX(100%); }
957     to { -webkit-transform: translateX(0); }
958 }
959 @-moz-keyframes slideinfromright {
960     from { -moz-transform: translateX(100%); }
961     to { -moz-transform: translateX(0); }
962 }
963 @keyframes slideinfromright {
964     from { transform: translateX(100%); }
965     to { transform: translateX(0); }
966 }
967 @-webkit-keyframes slideinfromleft {
968     from { -webkit-transform: translateX(-100%); }
969     to { -webkit-transform: translateX(0); }
970 }
971 @-moz-keyframes slideinfromleft {
972     from { -moz-transform: translateX(-100%); }
973     to { -moz-transform: translateX(0); }
974 }
975 @keyframes slideinfromleft {
976     from { transform: translateX(-100%); }
977     to { transform: translateX(0); }
978 }
979 @-webkit-keyframes slideouttoleft {
980     from { -webkit-transform: translateX(0); }
981     to { -webkit-transform: translateX(-100%); }
982 }
983 @-moz-keyframes slideouttoleft {
984     from { -moz-transform: translateX(0); }
985     to { -moz-transform: translateX(-100%); }
986 }
987 @keyframes slideouttoleft {
988     from { transform: translateX(0); }
989     to { transform: translateX(-100%); }
990 }
991 @-webkit-keyframes slideouttoright {
992     from { -webkit-transform: translateX(0); }
993     to { -webkit-transform: translateX(100%); }
994 }
995 @-moz-keyframes slideouttoright {
996     from { -moz-transform: translateX(0); }
997     to { -moz-transform: translateX(100%); }
998 }
999 @keyframes slideouttoright {
1000     from { transform: translateX(0); }
1001     to { transform: translateX(100%); }
1002 }
1003 .slide.out, .slide.in {
1004         -webkit-animation-timing-function: ease-out;
1005         -webkit-animation-duration: 350ms;
1006         -moz-animation-timing-function: ease-out;
1007         -moz-animation-duration: 350ms;
1008         animation-timing-function: ease-out;
1009         animation-duration: 350ms;
1010 }
1011 .slide.out {
1012         -webkit-transform: translateX(-100%);
1013         -webkit-animation-name: slideouttoleft;
1014         -moz-transform: translateX(-100%);
1015         -moz-animation-name: slideouttoleft;
1016         transform: translateX(-100%);
1017         animation-name: slideouttoleft;
1018 }
1019 .slide.in {
1020         -webkit-transform: translateX(0);
1021         -webkit-animation-name: slideinfromright;
1022         -moz-transform: translateX(0);
1023         -moz-animation-name: slideinfromright;
1024         transform: translateX(0);
1025         animation-name: slideinfromright;
1026 }
1027 .slide.out.reverse {
1028         -webkit-transform: translateX(100%);
1029         -webkit-animation-name: slideouttoright;
1030         -moz-transform: translateX(100%);
1031         -moz-animation-name: slideouttoright;
1032         transform: translateX(100%);
1033         animation-name: slideouttoright;
1034 }
1035 .slide.in.reverse {
1036         -webkit-transform: translateX(0);
1037         -webkit-animation-name: slideinfromleft;
1038         -moz-transform: translateX(0);
1039         -moz-animation-name: slideinfromleft;
1040         transform: translateX(0);
1041         animation-name: slideinfromleft;
1042 }
1043 .slidefade.out {
1044         -webkit-transform: translateX(-100%);
1045         -webkit-animation-name: slideouttoleft;
1046         -webkit-animation-duration: 225ms;
1047         -moz-transform: translateX(-100%);
1048         -moz-animation-name: slideouttoleft;
1049         -moz-animation-duration: 225ms;
1050         transform: translateX(-100%);
1051         animation-name: slideouttoleft;
1052         animation-duration: 225ms;
1053 }
1054 .slidefade.in {
1055         -webkit-transform: translateX(0);
1056         -webkit-animation-name: fadein;
1057         -webkit-animation-duration: 200ms;
1058         -moz-transform: translateX(0);
1059         -moz-animation-name: fadein;
1060         -moz-animation-duration: 200ms;
1061         transform: translateX(0);
1062         animation-name: fadein;
1063         animation-duration: 200ms;
1064 }
1065 .slidefade.out.reverse {
1066         -webkit-transform: translateX(100%);
1067         -webkit-animation-name: slideouttoright;
1068         -webkit-animation-duration: 200ms;
1069         -moz-transform: translateX(100%);
1070         -moz-animation-name: slideouttoright;
1071         -moz-animation-duration: 200ms;
1072         transform: translateX(100%);
1073         animation-name: slideouttoright;
1074         animation-duration: 200ms;
1075 }
1076 .slidefade.in.reverse {
1077         -webkit-transform: translateX(0);
1078         -webkit-animation-name: fadein;
1079         -webkit-animation-duration: 200ms;
1080         -moz-transform: translateX(0);
1081         -moz-animation-name: fadein;
1082         -moz-animation-duration: 200ms;
1083         transform: translateX(0);
1084         animation-name: fadein;
1085         animation-duration: 200ms;
1086 }
1087 .slidedown.out {
1088         -webkit-animation-name: fadeout;
1089         -webkit-animation-duration: 100ms;
1090         -moz-animation-name: fadeout;
1091         -moz-animation-duration: 100ms;
1092         animation-name: fadeout;
1093         animation-duration: 100ms;
1094 }
1095 .slidedown.in {
1096         -webkit-transform: translateY(0);
1097         -webkit-animation-name: slideinfromtop;
1098         -webkit-animation-duration: 250ms;
1099         -moz-transform: translateY(0);
1100         -moz-animation-name: slideinfromtop;
1101         -moz-animation-duration: 250ms;
1102         transform: translateY(0);
1103         animation-name: slideinfromtop;
1104         animation-duration: 250ms;
1105 }
1106 .slidedown.in.reverse {
1107         -webkit-animation-name: fadein;
1108         -webkit-animation-duration: 150ms;
1109         -moz-animation-name: fadein;
1110         -moz-animation-duration: 150ms;
1111         animation-name: fadein;
1112         animation-duration: 150ms;
1113 }
1114 .slidedown.out.reverse {
1115         -webkit-transform: translateY(-100%);
1116         -webkit-animation-name: slideouttotop;
1117         -webkit-animation-duration: 200ms;
1118         -moz-transform: translateY(-100%);
1119         -moz-animation-name: slideouttotop;
1120         -moz-animation-duration: 200ms;
1121         transform: translateY(-100%);
1122         animation-name: slideouttotop;
1123         animation-duration: 200ms;
1124 }
1125 @-webkit-keyframes slideinfromtop {
1126     from { -webkit-transform: translateY(-100%); }
1127     to { -webkit-transform: translateY(0); }
1128 }
1129 @-moz-keyframes slideinfromtop {
1130     from { -moz-transform: translateY(-100%); }
1131     to { -moz-transform: translateY(0); }
1132 }
1133 @keyframes slideinfromtop {
1134     from { transform: translateY(-100%); }
1135     to { transform: translateY(0); }
1136 }
1137 @-webkit-keyframes slideouttotop {
1138     from { -webkit-transform: translateY(0); }
1139     to { -webkit-transform: translateY(-100%); }
1140 }
1141 @-moz-keyframes slideouttotop {
1142     from { -moz-transform: translateY(0); }
1143     to { -moz-transform: translateY(-100%); }
1144 }
1145 @keyframes slideouttotop {
1146     from { transform: translateY(0); }
1147     to { transform: translateY(-100%); }
1148 }
1149 .slideup.out {
1150         -webkit-animation-name: fadeout;
1151         -webkit-animation-duration: 100ms;
1152         -moz-animation-name: fadeout;
1153         -moz-animation-duration: 100ms;
1154         animation-name: fadeout;
1155         animation-duration: 100ms;
1156 }
1157 .slideup.in {
1158         -webkit-transform: translateY(0);
1159         -webkit-animation-name: slideinfrombottom;
1160         -webkit-animation-duration: 250ms;
1161         -moz-transform: translateY(0);
1162         -moz-animation-name: slideinfrombottom;
1163         -moz-animation-duration: 250ms;
1164         transform: translateY(0);
1165         animation-name: slideinfrombottom;
1166         animation-duration: 250ms;
1167 }
1168 .slideup.in.reverse {
1169         -webkit-animation-name: fadein;
1170         -webkit-animation-duration: 150ms;
1171         -moz-animation-name: fadein;
1172         -moz-animation-duration: 150ms;
1173         animation-name: fadein;
1174         animation-duration: 150ms;
1175 }
1176 .slideup.out.reverse {
1177         -webkit-transform: translateY(100%);
1178         -webkit-animation-name: slideouttobottom;
1179         -webkit-animation-duration: 200ms;
1180         -moz-transform: translateY(100%);
1181         -moz-animation-name: slideouttobottom;
1182         -moz-animation-duration: 200ms;
1183         transform: translateY(100%);
1184         animation-name: slideouttobottom;
1185         animation-duration: 200ms;
1186 }
1187 @-webkit-keyframes slideinfrombottom {
1188     from { -webkit-transform: translateY(100%); }
1189     to { -webkit-transform: translateY(0); }
1190 }
1191 @-moz-keyframes slideinfrombottom {
1192     from { -moz-transform: translateY(100%); }
1193     to { -moz-transform: translateY(0); }
1194 }
1195 @keyframes slideinfrombottom {
1196     from { transform: translateY(100%); }
1197     to { transform: translateY(0); }
1198 }
1199 @-webkit-keyframes slideouttobottom {
1200     from { -webkit-transform: translateY(0); }
1201     to { -webkit-transform: translateY(100%); }
1202 }
1203 @-moz-keyframes slideouttobottom {
1204     from { -moz-transform: translateY(0); }
1205     to { -moz-transform: translateY(100%); }
1206 }
1207 @keyframes slideouttobottom {
1208     from { transform: translateY(0); }
1209     to { transform: translateY(100%); }
1210 }
1211 .viewport-flip {
1212         -webkit-perspective: 1000;
1213         -moz-perspective: 1000;
1214         perspective: 1000;
1215         position: absolute;
1216 }
1217 .flip {
1218         -webkit-backface-visibility: hidden;
1219         -webkit-transform: translateX(0);
1220         -moz-backface-visibility: hidden;
1221         -moz-transform: translateX(0);
1222         backface-visibility: hidden;
1223         transform: translateX(0);
1224 }
1225 .flip.out {
1226         -webkit-transform: rotateY(-90deg) scale(.9);
1227         -webkit-animation-name: flipouttoleft;
1228         -webkit-animation-duration: 175ms;
1229         -moz-transform: rotateY(-90deg) scale(.9);
1230         -moz-animation-name: flipouttoleft;
1231         -moz-animation-duration: 175ms;
1232         transform: rotateY(-90deg) scale(.9);
1233         animation-name: flipouttoleft;
1234         animation-duration: 175ms;
1235 }
1236 .flip.in {
1237         -webkit-animation-name: flipintoright;
1238         -webkit-animation-duration: 225ms;
1239         -moz-animation-name: flipintoright;
1240         -moz-animation-duration: 225ms;
1241         animation-name: flipintoright;
1242         animation-duration: 225ms;
1243 }
1244 .flip.out.reverse {
1245         -webkit-transform: rotateY(90deg) scale(.9);
1246         -webkit-animation-name: flipouttoright;
1247         -moz-transform: rotateY(90deg) scale(.9);
1248         -moz-animation-name: flipouttoright;
1249         transform: rotateY(90deg) scale(.9);
1250         animation-name: flipouttoright;
1251 }
1252 .flip.in.reverse {
1253         -webkit-animation-name: flipintoleft;
1254         -moz-animation-name: flipintoleft;
1255         animation-name: flipintoleft;
1256 }
1257 @-webkit-keyframes flipouttoleft {
1258     from { -webkit-transform: rotateY(0); }
1259     to { -webkit-transform: rotateY(-90deg) scale(.9); }
1260 }
1261 @-moz-keyframes flipouttoleft {
1262     from { -moz-transform: rotateY(0); }
1263     to { -moz-transform: rotateY(-90deg) scale(.9); }
1264 }
1265 @keyframes flipouttoleft {
1266     from { transform: rotateY(0); }
1267     to { transform: rotateY(-90deg) scale(.9); }
1268 }
1269 @-webkit-keyframes flipouttoright {
1270     from { -webkit-transform: rotateY(0) ; }
1271     to { -webkit-transform: rotateY(90deg) scale(.9); }
1272 }
1273 @-moz-keyframes flipouttoright {
1274     from { -moz-transform: rotateY(0); }
1275     to { -moz-transform: rotateY(90deg) scale(.9); }
1276 }
1277 @keyframes flipouttoright {
1278     from { transform: rotateY(0); }
1279     to { transform: rotateY(90deg) scale(.9); }
1280 }
1281 @-webkit-keyframes flipintoleft {
1282     from { -webkit-transform: rotateY(-90deg) scale(.9); }
1283     to { -webkit-transform: rotateY(0); }
1284 }
1285 @-moz-keyframes flipintoleft {
1286     from { -moz-transform: rotateY(-90deg) scale(.9); }
1287     to { -moz-transform: rotateY(0); }
1288 }
1289 @keyframes flipintoleft {
1290     from { transform: rotateY(-90deg) scale(.9); }
1291     to { transform: rotateY(0); }
1292 }
1293 @-webkit-keyframes flipintoright {
1294     from { -webkit-transform: rotateY(90deg) scale(.9); }
1295     to { -webkit-transform: rotateY(0); }
1296 }
1297 @-moz-keyframes flipintoright {
1298     from { -moz-transform: rotateY(90deg) scale(.9); }
1299     to { -moz-transform: rotateY(0); }
1300 }
1301 @keyframes flipintoright {
1302     from { transform: rotateY(90deg) scale(.9); }
1303     to { transform: rotateY(0); }
1304 }
1305 .viewport-turn {
1306         -webkit-perspective: 200px;
1307         -moz-perspective: 200px;
1308         -ms-perspective: 200px;
1309         perspective: 200px;
1310         position: absolute;
1311 }
1312 .turn {
1313         -webkit-backface-visibility: hidden;
1314         -webkit-transform: translateX(0);
1315         -webkit-transform-origin: 0;
1316
1317         -moz-backface-visibility: hidden;
1318         -moz-transform: translateX(0);
1319         -moz-transform-origin: 0;
1320
1321         backface-visibility :hidden;
1322         transform: translateX(0);
1323         transform-origin: 0;
1324 }
1325 .turn.out {
1326         -webkit-transform: rotateY(-90deg) scale(.9);
1327         -webkit-animation-name: flipouttoleft;
1328         -webkit-animation-duration: 125ms;
1329         -moz-transform: rotateY(-90deg) scale(.9);
1330         -moz-animation-name: flipouttoleft;
1331         -moz-animation-duration: 125ms;
1332         transform: rotateY(-90deg) scale(.9);
1333         animation-name: flipouttoleft;
1334         animation-duration: 125ms;
1335 }
1336 .turn.in {
1337         -webkit-animation-name: flipintoright;
1338         -webkit-animation-duration: 250ms;
1339         -moz-animation-name: flipintoright;
1340         -moz-animation-duration: 250ms;
1341         animation-name: flipintoright;
1342         animation-duration: 250ms;
1343
1344 }
1345 .turn.out.reverse {
1346         -webkit-transform: rotateY(90deg) scale(.9);
1347         -webkit-animation-name: flipouttoright;
1348         -moz-transform: rotateY(90deg) scale(.9);
1349         -moz-animation-name: flipouttoright;
1350         transform: rotateY(90deg) scale(.9);
1351         animation-name: flipouttoright;
1352 }
1353 .turn.in.reverse {
1354         -webkit-animation-name: flipintoleft;
1355         -moz-animation-name: flipintoleft;
1356         animation-name: flipintoleft;
1357 }
1358 @-webkit-keyframes flipouttoleft {
1359     from { -webkit-transform: rotateY(0); }
1360     to { -webkit-transform: rotateY(-90deg) scale(.9); }
1361 }
1362 @-moz-keyframes flipouttoleft {
1363     from { -moz-transform: rotateY(0); }
1364     to { -moz-transform: rotateY(-90deg) scale(.9); }
1365 }
1366 @keyframes flipouttoleft {
1367     from { transform: rotateY(0); }
1368     to { transform: rotateY(-90deg) scale(.9); }
1369 }
1370 @-webkit-keyframes flipouttoright {
1371     from { -webkit-transform: rotateY(0) ; }
1372     to { -webkit-transform: rotateY(90deg) scale(.9); }
1373 }
1374 @-moz-keyframes flipouttoright {
1375     from { -moz-transform: rotateY(0); }
1376     to { -moz-transform: rotateY(90deg) scale(.9); }
1377 }
1378 @keyframes flipouttoright {
1379     from { transform: rotateY(0); }
1380     to { transform: rotateY(90deg) scale(.9); }
1381 }
1382 @-webkit-keyframes flipintoleft {
1383     from { -webkit-transform: rotateY(-90deg) scale(.9); }
1384     to { -webkit-transform: rotateY(0); }
1385 }
1386 @-moz-keyframes flipintoleft {
1387     from { -moz-transform: rotateY(-90deg) scale(.9); }
1388     to { -moz-transform: rotateY(0); }
1389 }
1390 @keyframes flipintoleft {
1391     from { transform: rotateY(-90deg) scale(.9); }
1392     to { transform: rotateY(0); }
1393 }
1394 @-webkit-keyframes flipintoright {
1395     from { -webkit-transform: rotateY(90deg) scale(.9); }
1396     to { -webkit-transform: rotateY(0); }
1397 }
1398 @-moz-keyframes flipintoright {
1399     from { -moz-transform: rotateY(90deg) scale(.9); }
1400     to { -moz-transform: rotateY(0); }
1401 }
1402 @keyframes flipintoright {
1403     from { transform: rotateY(90deg) scale(.9); }
1404     to { transform: rotateY(0); }
1405 }
1406 .flow {
1407         -webkit-transform-origin: 50% 30%;
1408         -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
1409         -moz-transform-origin: 50% 30%;
1410         -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
1411         transform-origin: 50% 30%;
1412         box-shadow: 0 0 20px rgba(0,0,0,.4);
1413 }
1414 .ui-dialog.flow {
1415         -webkit-transform-origin: none;
1416         -webkit-box-shadow: none;
1417         -moz-transform-origin: none;
1418         -moz-box-shadow: none;
1419         transform-origin: none;
1420         box-shadow: none;
1421 }
1422 .flow.out {
1423         -webkit-transform: translateX(-100%) scale(.7);
1424         -webkit-animation-name: flowouttoleft;
1425         -webkit-animation-timing-function: ease;
1426         -webkit-animation-duration: 350ms;
1427         -moz-transform: translateX(-100%) scale(.7);
1428         -moz-animation-name: flowouttoleft;
1429         -moz-animation-timing-function: ease;
1430         -moz-animation-duration: 350ms;
1431         transform: translateX(-100%) scale(.7);
1432         animation-name: flowouttoleft;
1433         animation-timing-function: ease;
1434         animation-duration: 350ms;
1435 }
1436 .flow.in {
1437         -webkit-transform: translateX(0) scale(1);
1438         -webkit-animation-name: flowinfromright;
1439         -webkit-animation-timing-function: ease;
1440         -webkit-animation-duration: 350ms;
1441         -moz-transform: translateX(0) scale(1);
1442         -moz-animation-name: flowinfromright;
1443         -moz-animation-timing-function: ease;
1444         -moz-animation-duration: 350ms;
1445         transform: translateX(0) scale(1);
1446         animation-name: flowinfromright;
1447         animation-timing-function: ease;
1448         animation-duration: 350ms;
1449 }
1450 .flow.out.reverse {
1451         -webkit-transform: translateX(100%);
1452         -webkit-animation-name: flowouttoright;
1453         -moz-transform: translateX(100%);
1454         -moz-animation-name: flowouttoright;
1455         transform: translateX(100%);
1456         animation-name: flowouttoright;
1457 }
1458 .flow.in.reverse {
1459         -webkit-animation-name: flowinfromleft;
1460         -moz-animation-name: flowinfromleft;
1461         animation-name: flowinfromleft;
1462 }
1463 @-webkit-keyframes flowouttoleft {
1464     0% { -webkit-transform: translateX(0) scale(1); }
1465         60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1466     100% { -webkit-transform: translateX(-100%) scale(.7); }
1467 }
1468 @-moz-keyframes flowouttoleft {
1469     0% { -moz-transform: translateX(0) scale(1); }
1470         60%, 70% { -moz-transform: translateX(0) scale(.7); }
1471     100% { -moz-transform:  translateX(-100%) scale(.7); }
1472 }
1473 @keyframes flowouttoleft {
1474     0% { transform: translateX(0) scale(1); }
1475         60%, 70% { transform: translateX(0) scale(.7); }
1476     100% { transform:  translateX(-100%) scale(.7); }
1477 }
1478 @-webkit-keyframes flowouttoright {
1479     0% { -webkit-transform: translateX(0) scale(1); }
1480         60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1481     100% { -webkit-transform:  translateX(100%) scale(.7); }
1482 }
1483 @-moz-keyframes flowouttoright {
1484     0% { -moz-transform: translateX(0) scale(1); }
1485         60%, 70% { -moz-transform: translateX(0) scale(.7); }
1486     100% { -moz-transform:  translateX(100%) scale(.7); }
1487 }
1488 @keyframes flowouttoright {
1489     0% { transform: translateX(0) scale(1); }
1490         60%, 70% { transform: translateX(0) scale(.7); }
1491     100% { transform:  translateX(100%) scale(.7); }
1492 }
1493 @-webkit-keyframes flowinfromleft {
1494     0% { -webkit-transform: translateX(-100%) scale(.7); }
1495         30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1496     100% { -webkit-transform: translateX(0) scale(1); }
1497 }
1498 @-moz-keyframes flowinfromleft {
1499     0% { -moz-transform: translateX(-100%) scale(.7); }
1500         30%, 40% { -moz-transform: translateX(0) scale(.7); }
1501     100% { -moz-transform: translateX(0) scale(1); }
1502 }
1503 @keyframes flowinfromleft {
1504     0% { transform: translateX(-100%) scale(.7); }
1505         30%, 40% { transform: translateX(0) scale(.7); }
1506     100% { transform: translateX(0) scale(1); }
1507 }
1508 @-webkit-keyframes flowinfromright {
1509     0% { -webkit-transform: translateX(100%) scale(.7); }
1510         30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1511     100% { -webkit-transform: translateX(0) scale(1); }
1512 }
1513 @-moz-keyframes flowinfromright {
1514     0% { -moz-transform: translateX(100%) scale(.7); }
1515         30%, 40% { -moz-transform: translateX(0) scale(.7); }
1516     100% { -moz-transform: translateX(0) scale(1); }
1517 }
1518 @keyframes flowinfromright {
1519     0% { transform: translateX(100%) scale(.7); }
1520         30%, 40% { transform: translateX(0) scale(.7); }
1521     100% { transform: translateX(0) scale(1); }
1522 }
1523 .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1524 .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; }
1525 .ui-grid-solo .ui-block-a { display: block; float: none; }
1526 .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
1527 .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
1528 .ui-grid-a .ui-block-a { clear: left; }
1529 .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
1530 .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
1531 .ui-grid-b .ui-block-a { clear: left; }
1532 .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%; }
1533 .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
1534 .ui-grid-c .ui-block-a { clear: left; }
1535 .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%; }
1536 .ui-grid-d > :nth-child(n) { width: 20%; }
1537 .ui-grid-d .ui-block-a { clear: left; }
1538 @media all and (max-width: 35em) {
1539         .ui-responsive .ui-block-a,
1540         .ui-responsive .ui-block-b,
1541         .ui-responsive .ui-block-c,
1542         .ui-responsive .ui-block-d,
1543         .ui-responsive .ui-block-e {
1544                 width: 100%;
1545                 float:none;
1546         }
1547 }
1548 .ui-header-fixed,
1549 .ui-footer-fixed {
1550         left: 0;
1551         right: 0;
1552         width: 100%;
1553         position: fixed;
1554         z-index: 1000;
1555 }
1556 .ui-header-fixed {
1557         top: -1px;
1558         padding-top: 1px;
1559 }
1560 .ui-header-fixed.ui-fixed-hidden {
1561         top: 0;
1562         padding-top: 0;
1563 }
1564 .ui-footer-fixed {
1565         bottom: -1px;
1566         padding-bottom: 1px;
1567 }
1568 .ui-footer-fixed.ui-fixed-hidden {
1569         bottom: 0;
1570         padding-bottom: 0;
1571 }
1572 .ui-header-fullscreen,
1573 .ui-footer-fullscreen {
1574         filter: Alpha(Opacity=90);
1575         opacity: .9;
1576 }
1577 .ui-page-header-fixed {
1578         padding-top: 2.6875em;
1579 }
1580 .ui-page-footer-fixed {
1581         padding-bottom: 2.6875em;
1582 }
1583 .ui-page-header-fullscreen > .ui-content,
1584 .ui-page-footer-fullscreen > .ui-content {
1585         padding: 0;
1586 }
1587 .ui-fixed-hidden {
1588         position: absolute;
1589 }
1590 .ui-page-header-fullscreen .ui-fixed-hidden,
1591 .ui-page-footer-fullscreen .ui-fixed-hidden {
1592         left: -9999px;
1593 }
1594 .ui-header-fixed .ui-btn,
1595 .ui-footer-fixed .ui-btn {
1596         z-index: 10;
1597 }
1598 .ui-android-2x-fixed .ui-li-has-thumb {
1599         -webkit-transform: translate3d(0,0,0);
1600 }
1601 .ui-navbar { max-width: 100%; }
1602 .ui-navbar.ui-mini { margin: 0; }
1603 .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
1604 .ui-navbar ul:after { clear: both; }
1605 .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
1606 .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
1607 .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
1608 .ui-navbar li:last-child .ui-btn,
1609 .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
1610 .ui-header .ui-navbar li:last-child .ui-btn,
1611 .ui-footer .ui-navbar li:last-child .ui-btn,
1612 .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
1613 .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
1614 .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
1615 .ui-header .ui-navbar li .ui-btn,
1616 .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
1617 .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
1618 .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
1619 .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
1620 .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
1621 .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
1622 .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
1623 .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
1624 .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
1625 .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
1626 .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
1627 .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
1628 .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
1629 .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
1630 .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
1631 .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
1632 .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
1633 .ui-mini { margin-top: .25em; margin-bottom: .25em; }
1634 .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
1635 .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; }
1636 .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; }
1637 .ui-btn input, .ui-btn button { z-index: 2; }
1638 .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
1639 .ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right, .ui-btn-left > .ui-btn, .ui-btn-right > .ui-btn { margin: 0; }
1640 .ui-btn-block { display: block; }
1641 .ui-header > .ui-btn,
1642 .ui-footer > .ui-btn { display: inline-block; margin: 0; }
1643 .ui-header .ui-btn-block,
1644 .ui-footer .ui-btn-block { display: block; }
1645 .ui-header .ui-btn-inner,
1646 .ui-footer .ui-btn-inner,
1647 .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
1648 .ui-fullsize .ui-btn-inner,
1649 .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
1650 .ui-btn-icon-notext { width: 24px; height: 24px; }
1651 .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
1652 .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 3px 1px 2px 3px; float: left; }
1653 .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
1654 div.ui-btn-text { width: auto; }
1655 .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
1656 .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
1657 .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
1658 .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
1659 .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
1660 .ui-header .ui-btn-icon-left .ui-btn-inner,
1661 .ui-footer .ui-btn-icon-left .ui-btn-inner,
1662 .ui-mini.ui-btn-icon-left .ui-btn-inner,
1663 .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
1664 .ui-header .ui-btn-icon-right .ui-btn-inner,
1665 .ui-footer .ui-btn-icon-right .ui-btn-inner,
1666 .ui-mini.ui-btn-icon-right .ui-btn-inner,
1667 .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
1668 .ui-header .ui-btn-icon-top .ui-btn-inner,
1669 .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
1670 .ui-mini.ui-btn-icon-top .ui-btn-inner,
1671 .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
1672 .ui-header .ui-btn-icon-bottom .ui-btn-inner,
1673 .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
1674 .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
1675 .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
1676 .ui-btn-inner,
1677 .ui-btn-text {
1678         -webkit-border-radius: inherit;
1679         border-radius: inherit;
1680 }
1681 .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
1682 .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; }
1683 .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; }
1684 .ui-btn-icon-left .ui-icon { left: 10px; }
1685 .ui-btn-icon-right .ui-icon { right: 10px; }
1686 .ui-btn-icon-top .ui-icon { top: 10px; }
1687 .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
1688 .ui-header .ui-btn-icon-left .ui-icon,
1689 .ui-footer .ui-btn-icon-left .ui-icon,
1690 .ui-mini.ui-btn-icon-left .ui-icon,
1691 .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
1692 .ui-header .ui-btn-icon-right .ui-icon,
1693 .ui-footer .ui-btn-icon-right .ui-icon,
1694 .ui-mini.ui-btn-icon-right .ui-icon,
1695 .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
1696 .ui-header .ui-btn-icon-top .ui-icon,
1697 .ui-footer .ui-btn-icon-top .ui-icon,
1698 .ui-mini.ui-btn-icon-top .ui-icon,
1699 .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
1700 .ui-header .ui-btn-icon-bottom .ui-icon,
1701 .ui-footer .ui-btn-icon-bottom .ui-icon,
1702 .ui-mini.ui-btn-icon-bottom .ui-icon,
1703 .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
1704 .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; }
1705 .ui-disabled .ui-btn-hidden { display: none; }
1706 .ui-disabled { z-index: 1; }
1707 .ui-field-contain .ui-btn.ui-submit { margin: 0; }
1708 label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
1709 @media all and (min-width: 28em){
1710         .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1711         .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; }
1712         .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
1713 }
1714 .ui-collapsible-inset { margin: .5em 0; }
1715 .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
1716 .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
1717 .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
1718 .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
1719 .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
1720 .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
1721 .ui-collapsible-heading .ui-btn-inner { padding-left: 12px; padding-right: 12px; }
1722 .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
1723 .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
1724 .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
1725 .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
1726 .ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
1727 .ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
1728 .ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
1729 .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
1730 .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
1731 .ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
1732 .ui-collapsible-content {
1733         display: block;
1734         margin: 0 -15px;
1735         padding: 10px 15px;
1736         border-left-width: 0;
1737         border-right-width: 0;
1738         border-top: none;
1739         background-image: none;
1740 }
1741 .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 2px; border-left-width: 2px; }
1742 .ui-collapsible-content-collapsed { display: none; }
1743 .ui-collapsible-set > .ui-collapsible.ui-corner-all {
1744         -webkit-border-radius: 0;
1745         border-radius: 0;
1746 }
1747 .ui-collapsible-heading,
1748 .ui-collapsible-heading > .ui-btn {
1749         -webkit-border-radius: inherit;
1750         border-radius: inherit;
1751 }
1752 .ui-collapsible-set .ui-collapsible.ui-first-child {
1753         -webkit-border-top-right-radius: inherit;
1754         border-top-right-radius: inherit;
1755         -webkit-border-top-left-radius: inherit;
1756         border-top-left-radius: inherit;
1757 }
1758 .ui-collapsible-content,
1759 .ui-collapsible-set .ui-collapsible.ui-last-child {
1760         -webkit-border-bottom-right-radius: inherit;
1761         border-bottom-right-radius: inherit;
1762         -webkit-border-bottom-left-radius: inherit;
1763         border-bottom-left-radius: inherit;
1764 }
1765 .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
1766         -webkit-border-bottom-right-radius: 0;
1767         border-bottom-right-radius: 0;
1768         -webkit-border-bottom-left-radius: 0;
1769         border-bottom-left-radius: 0;
1770 }
1771 .ui-collapsible-set { margin: .5em 0; }
1772 .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
1773 .ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }
1774 .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
1775 .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
1776 .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
1777 .ui-bar .ui-controlgroup { margin: 0 5px; }
1778 .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
1779 .ui-controlgroup-controls label.ui-select,
1780 .ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
1781 .ui-controlgroup li { list-style: none; }
1782 .ui-controlgroup .ui-btn { margin: 0; }
1783 .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
1784 .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
1785 .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
1786 .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
1787 .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
1788 .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
1789 .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
1790 .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
1791 .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
1792 .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
1793 .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
1794 .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
1795 .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
1796 .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
1797 .ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
1798 .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
1799 .ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; }
1800 .ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
1801 .ui-controlgroup-vertical .ui-btn {     border-bottom-width: 0; }
1802 .ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
1803 .ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
1804 .ui-controlgroup-horizontal .ui-btn.ui-last-child {     border-right-width: 1px; }
1805 .ui-controlgroup .ui-btn-corner-all {
1806         -webkit-border-radius: 0;
1807         border-radius: 0;
1808 }
1809 .ui-controlgroup .ui-controlgroup-controls,
1810 .ui-controlgroup .ui-radio,
1811 .ui-controlgroup .ui-checkbox,
1812 .ui-controlgroup .ui-select,
1813 .ui-controlgroup li {
1814         -webkit-border-radius: inherit;
1815         border-radius: inherit;
1816 }
1817 .ui-controlgroup-vertical .ui-btn.ui-first-child {
1818         -webkit-border-top-left-radius: inherit;
1819         border-top-left-radius: inherit;
1820         -webkit-border-top-right-radius: inherit;
1821         border-top-right-radius: inherit;
1822 }
1823 .ui-controlgroup-vertical .ui-btn.ui-last-child {
1824         -webkit-border-bottom-left-radius: inherit;
1825         border-bottom-left-radius: inherit;
1826         -webkit-border-bottom-right-radius: inherit;
1827         border-bottom-right-radius: inherit;
1828 }
1829 .ui-controlgroup-horizontal .ui-btn.ui-first-child {
1830         -webkit-border-top-left-radius: inherit;
1831         border-top-left-radius: inherit;
1832         -webkit-border-bottom-left-radius: inherit;
1833         border-bottom-left-radius: inherit;
1834 }
1835 .ui-controlgroup-horizontal .ui-btn.ui-last-child {
1836         -webkit-border-top-right-radius: inherit;
1837         border-top-right-radius: inherit;
1838         -webkit-border-bottom-right-radius: inherit;
1839         border-bottom-right-radius: inherit;
1840 }
1841 .ui-controlgroup .ui-shadow:not(.ui-focus) {
1842         -moz-box-shadow: none;
1843         -webkit-box-shadow: none;
1844         box-shadow: none;
1845 }
1846 @media all and (min-width: 28em){
1847         .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1848         .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
1849         .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
1850         .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
1851         .ui-hide-label .ui-controlgroup-controls { width: 100%; }
1852 }
1853 .ui-dialog {
1854          background: none !important;
1855 }
1856 .ui-dialog-contain {
1857         width: 92.5%;
1858         max-width: 500px;
1859         margin: 10% auto 15px auto;
1860         padding: 0;
1861         position: relative;
1862         top: -15px;
1863 }
1864 .ui-dialog-contain > .ui-header,
1865 .ui-dialog-contain > .ui-content,
1866 .ui-dialog-contain > .ui-footer {
1867         display: block;
1868         position: relative;
1869         width: auto;
1870         margin: 0;
1871 }
1872 .ui-dialog-contain > .ui-header {
1873         border: none;
1874         overflow: hidden;
1875         z-index: 10;
1876         padding: 0;
1877 }
1878 .ui-dialog-contain > .ui-content {
1879         padding: 15px;
1880 }
1881 .ui-dialog-contain > .ui-footer {
1882         z-index: 10;
1883         padding: 0 15px;
1884 }
1885 .ui-popup-open .ui-header-fixed,
1886 .ui-popup-open .ui-footer-fixed {
1887         position: absolute !important;
1888 }
1889 .ui-popup-screen {
1890         background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
1891         top: 0px;
1892         left: 0px;
1893         right: 0px;
1894         bottom: 1px;
1895         position: absolute;
1896         filter: Alpha(Opacity=0);
1897         opacity: 0;
1898         z-index: 1099;
1899 }
1900 .ui-popup-screen.in {
1901         opacity: 0.5;
1902         filter: Alpha(Opacity=50);
1903 }
1904 .ui-popup-screen.out {
1905         opacity: 0;
1906         filter: Alpha(Opacity=0);
1907 }
1908 .ui-popup-container {
1909         z-index: 1100;
1910         display: inline-block;
1911         position: absolute;
1912         padding: 0;
1913         outline: 0;
1914 }
1915 .ui-popup {
1916         position: relative;
1917 }
1918 .ui-popup.ui-content,
1919 .ui-popup .ui-content {
1920         overflow: visible;
1921 }
1922 .ui-popup > p,
1923 .ui-popup > h1,
1924 .ui-popup > h2,
1925 .ui-popup > h3,
1926 .ui-popup > h4,
1927 .ui-popup > h5,
1928 .ui-popup > h6 {
1929         margin: .5em 7px;
1930 }
1931 .ui-popup > span {
1932         display: block;
1933         margin: .5em 7px;
1934 }
1935 .ui-popup .ui-title {
1936         font-size: 16px;
1937         font-weight: bold;
1938         margin-top: .5em;
1939         margin-bottom: .5em;
1940 }
1941 .ui-popup-container .ui-content > p,
1942 .ui-popup-container .ui-content > h1,
1943 .ui-popup-container .ui-content > h2,
1944 .ui-popup-container .ui-content > h3,
1945 .ui-popup-container .ui-content > h4,
1946 .ui-popup-container .ui-content > h5,
1947 .ui-popup-container .ui-content > h6 {
1948         margin: .5em 0;
1949 }
1950 .ui-popup-container .ui-content > span {
1951         margin: 0;
1952 }
1953 .ui-popup-container .ui-content > p:first-child,
1954 .ui-popup-container .ui-content > h1:first-child,
1955 .ui-popup-container .ui-content > h2:first-child,
1956 .ui-popup-container .ui-content > h3:first-child,
1957 .ui-popup-container .ui-content > h4:first-child,
1958 .ui-popup-container .ui-content > h5:first-child,
1959 .ui-popup-container .ui-content > h6:first-child {
1960         margin-top: 0;
1961 }
1962 .ui-popup-container .ui-content > p:last-child,
1963 .ui-popup-container .ui-content > h1:last-child,
1964 .ui-popup-container .ui-content > h2:last-child,
1965 .ui-popup-container .ui-content > h3:last-child,
1966 .ui-popup-container .ui-content > h4:last-child,
1967 .ui-popup-container .ui-content > h5:last-child,
1968 .ui-popup-container .ui-content > h6:last-child {
1969         margin-bottom: 0;
1970 }
1971 .ui-popup > img {
1972         width: auto;
1973         height: auto;
1974         max-width: 100%;
1975         max-height: 100%;
1976         vertical-align: middle;
1977 }
1978 .ui-popup:not(.ui-content) > img:only-child,
1979 .ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
1980 .ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
1981         -webkit-border-radius: inherit;
1982         border-radius: inherit;
1983 }
1984 .ui-popup iframe {
1985         vertical-align: middle;
1986 }
1987 @media all and (min-width: 28em){
1988         .ui-popup .ui-field-contain label.ui-submit,
1989         .ui-popup .ui-field-contain .ui-controlgroup-label,
1990         .ui-popup .ui-field-contain label.ui-select,
1991         .ui-popup .ui-field-contain label.ui-input-text {
1992                 font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
1993         }
1994         .ui-popup .ui-field-contain .ui-btn.ui-submit,
1995         .ui-popup .ui-field-contain .ui-controlgroup-controls,
1996         .ui-popup .ui-field-contain .ui-select,
1997         .ui-popup .ui-field-contain input.ui-input-text,
1998         .ui-popup .ui-field-contain textarea.ui-input-text,
1999         .ui-popup .ui-field-contain .ui-input-search {
2000                 width: 100%; display: block;
2001         }
2002 }
2003 .ui-popup > .ui-btn-left,
2004 .ui-popup > .ui-btn-right {
2005         position: absolute;
2006         top: -9px;
2007         margin: 0;
2008         z-index: 1101;
2009 }
2010 .ui-popup > .ui-btn-left { left: -9px; }
2011 .ui-popup > .ui-btn-right { right: -9px; }
2012 .ui-popup-hidden { top: -99999px; left: -9999px; }
2013 .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
2014 .ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
2015 .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
2016 .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
2017 .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
2018 .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; }
2019 .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
2020 .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; }
2021 .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; }
2022 .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; }
2023 .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
2024 .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
2025 .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
2026 .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2027 .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2028 .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
2029 .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2030 .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2031 .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2032 .ui-controlgroup-horizontal .ui-checkbox .ui-icon,
2033 .ui-controlgroup-horizontal .ui-radio .ui-icon { display: none; }
2034 .ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
2035 .ui-controlgroup-horizontal .ui-radio .ui-btn-inner { padding: .6em 20px; }
2036 .ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
2037 .ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner { padding: .55em 11px .5em; }
2038 .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; }
2039 .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
2040 .ui-field-contain:last-child { border-bottom-width: 0; }
2041 .ui-field-contain { max-width: 100%; }
2042 @media all and (min-width: 28em){
2043         .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
2044 }
2045 .ui-select { display: block; position: relative; }
2046 .ui-select select { position: absolute; left: -9999px; top: -9999px; }
2047 .ui-select .ui-btn { opacity: 1; }
2048 .ui-field-contain .ui-select .ui-btn { margin: 0; }
2049 .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; }
2050 .ui-select .ui-disabled { opacity: .3; }
2051 .ui-select .ui-disabled select { display: none; }
2052 @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
2053 .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
2054 .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
2055 .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
2056 .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
2057 .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
2058 .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
2059 .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
2060 .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
2061 .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
2062 .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
2063 .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
2064 label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2065 .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
2066  }
2067 .ui-select .ui-btn-text { text-overflow: ellipsis; }
2068 .ui-selectmenu { padding: 6px; min-width: 160px; }
2069 .ui-selectmenu .ui-listview { margin: 0; }
2070 .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
2071 .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
2072 .ui-selectmenu-list .ui-li .ui-icon { display: block; }
2073 .ui-li.ui-selectmenu-placeholder { display: none; }
2074 .ui-selectmenu .ui-header { margin: 0; padding: 0; }
2075 .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; }
2076 .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
2077 @media all and (min-width: 28em){
2078         .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2079         .ui-field-contain .ui-select { width: 78%; display: inline-block; }
2080         .ui-hide-label .ui-select { width: 100%; }
2081 }
2082 .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
2083 label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
2084 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; }
2085 input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
2086 div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
2087 .ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
2088 .ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
2089 .ui-input-search { padding: 0 30px; }
2090 div.ui-input-text { padding: 0 .4em; }
2091 div.ui-input-has-clear { padding: 0 30px 0 .4em; }
2092 input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
2093 .ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
2094 .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
2095 .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
2096 textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2097 input.ui-input-text { -webkit-appearance: none; }
2098 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; }
2099 textarea.ui-mini { height: 45px; }
2100 .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
2101 .ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
2102 .ui-mini .ui-input-clear { margin-top: -14px; right: -3px; }
2103 .ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
2104 input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
2105 input[type=number]::-webkit-outer-spin-button { margin: 0; }
2106 @media all and (min-width: 28em){
2107         .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
2108         .ui-field-contain input.ui-input-text,
2109         .ui-field-contain textarea.ui-input-text,
2110         .ui-field-contain .ui-input-search,
2111         .ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
2112         .ui-field-contain .ui-input-search,
2113         .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; }
2114         .ui-hide-label input.ui-input-text,
2115         .ui-hide-label textarea.ui-input-text,
2116         .ui-hide-label .ui-input-search,
2117         .ui-hide-label div.ui-input-text,
2118         .ui-input-search input.ui-input-text,
2119         div.ui-input-text input.ui-input-text { width: 100%; }
2120 }
2121 .ui-rangeslider {
2122         zoom: 1;
2123         margin: 0;
2124 }
2125 .ui-rangeslider:before,
2126 .ui-rangeslider:after {
2127         content: "";
2128         display: table;
2129 }
2130 .ui-rangeslider:after {
2131         clear: both;
2132 }
2133 .ui-rangeslider input.ui-input-text.ui-slider-input {
2134         margin: .57143em 0;
2135 }
2136 .ui-rangeslider.ui-mini input.ui-slider-input {
2137         margin: .28571em 0;
2138 }
2139 .ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
2140         float: right;
2141 }
2142 .ui-rangeslider .ui-rangeslider-sliders {
2143         position: relative;
2144         overflow: visible;
2145         height: 30px;
2146         margin: .5em 68px;
2147 }
2148 .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2149         margin: .25em 68px;
2150 }
2151 .ui-field-contain .ui-rangeslider input.ui-slider-input,
2152 .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
2153 .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2154 .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2155         margin-top: 0;
2156         margin-bottom: 0;
2157 }
2158 .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
2159         position: absolute;
2160         top: 6px;
2161         right: 0;
2162         left: 0;
2163         margin: 0;
2164 }
2165 .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
2166         top: 8px;
2167 }
2168 .ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
2169         display: none;
2170 }
2171 .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2172         background-color: transparent;
2173         background: none;
2174         border-width: 0;
2175         height: 0;
2176 }
2177 html >body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2178         height: 15px;
2179         border-width: 1px;
2180 }
2181 html >body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
2182         height: 12px;
2183 }
2184 @media all and (min-width: 28em){
2185         .ui-field-contain .ui-rangeslider label.ui-slider {
2186                 float: left;
2187         }
2188         .ui-field-contain .ui-rangeslider input.ui-slider-input {
2189                 position: relative;
2190                 z-index: 1;
2191         }
2192         .ui-field-contain .ui-rangeslider input.ui-slider-input.ui-rangeslider-first,
2193         .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input.ui-rangeslider-first {
2194                 margin-right: 17px;
2195         }
2196         .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2197         .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2198                 float: left;
2199                 width: 78%;
2200                 margin: 0 -68px;
2201         }
2202         .ui-field-contain .ui-rangeslider .ui-slider-track,
2203         .ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
2204                 right: 68px;
2205                 left: 68px;
2206         }
2207         .ui-field-contain.ui-hide-label .ui-rangeslider input.ui-slider-input.ui-rangeslider-first {
2208                 margin: 0;
2209         }
2210         .ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
2211         .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2212                 width: auto;
2213                 float: none;
2214                 margin: 0 68px;
2215         }
2216         .ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
2217         .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
2218                 right: 0;
2219                 left: 0;
2220         }
2221 }
2222 .ui-listview { margin: 0; }
2223 ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
2224 .ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
2225 .ui-collapsible-content > .ui-listview { margin: -10px -15px; }
2226 .ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
2227 .ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
2228 .ui-listview, .ui-li { list-style: none; padding: 0; }
2229 .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; }
2230 .ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
2231 .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
2232 .ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
2233 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
2234 .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
2235 .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2236 .ui-li-static { background-image: none; }
2237 .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
2238 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) ". "; }
2239 ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; }
2240 .ui-listview > .ui-li.ui-first-child,
2241 .ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
2242         -webkit-border-top-right-radius: inherit;
2243         border-top-right-radius: inherit;
2244         -webkit-border-top-left-radius: inherit;
2245         border-top-left-radius: inherit;
2246 }
2247 .ui-listview > .ui-li.ui-last-child,
2248 .ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
2249 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
2250 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
2251         -webkit-border-bottom-right-radius: inherit;
2252         border-bottom-right-radius: inherit;
2253         -webkit-border-bottom-left-radius: inherit;
2254         border-bottom-left-radius: inherit;
2255 }
2256 .ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
2257         -webkit-border-top-right-radius: inherit;
2258         border-top-right-radius: inherit;
2259 }
2260 .ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
2261         -webkit-border-bottom-right-radius: inherit;
2262         border-bottom-right-radius: inherit;
2263 }
2264 .ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
2265         -webkit-border-top-left-radius: inherit;
2266         border-top-left-radius: inherit;
2267 }
2268 .ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
2269         -webkit-border-bottom-left-radius: inherit;
2270         border-bottom-left-radius: inherit;
2271 }
2272 .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
2273 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
2274 .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 59px; padding-left: 100px; }
2275 .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
2276 .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; }
2277 .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
2278 .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; }
2279 .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2280 .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2281 .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
2282 .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
2283 .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
2284 .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
2285 @media all and (min-width: 480px){
2286          .ui-li-aside { width: 45%; }
2287 }
2288 .ui-li-divider { cursor: default; }
2289 .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
2290 .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; }
2291 .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; }
2292 .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
2293 .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
2294 .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
2295
2296 .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; }
2297 .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 51%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;}
2298 .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
2299 .ui-li-link-alt .ui-btn .ui-icon { right: 52.5%; margin-right: -9px; }
2300 .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 51%; margin-top: -9px; }
2301 .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
2302 .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
2303 .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
2304 .ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
2305 .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
2306 .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
2307 .ui-li.ui-screen-hidden{ display:none; }
2308 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
2309     .ui-li .ui-btn-text { overflow:  visible; }
2310 }
2311 label.ui-slider {
2312         font-size: 16px;
2313         line-height: 1.4;
2314         font-weight: normal;
2315         margin: 0;
2316         display: block;
2317 }
2318 .ui-field-contain label.ui-slider {
2319         margin-bottom: .4em;
2320 }
2321 div.ui-slider {
2322         height: 30px;
2323         margin: .5em 0;
2324         zoom: 1;
2325 }
2326 div.ui-slider.ui-mini {
2327         margin: .25em 0;
2328 }
2329 .ui-field-contain div.ui-slider,
2330 .ui-field-contain div.ui-slider.ui-mini {
2331         margin: 0;
2332 }
2333 div.ui-slider:before, div.ui-slider:after {
2334         content: "";
2335         display: table;
2336 }
2337 div.ui-slider:after {
2338         clear: both;
2339 }
2340 input.ui-input-text.ui-slider-input {
2341         display: block;
2342         float: left;
2343         margin: 0;
2344         padding: 4px;
2345         width: 40px;
2346         height: 22px;
2347         line-height: 22px;
2348         font-size: 14px;
2349         border: none;
2350         background-image: none;
2351         font-weight: bold;
2352         text-align: center;
2353         vertical-align: text-bottom;
2354         outline: 0;
2355         -webkit-box-sizing: content-box;
2356         -moz-box-sizing: content-box;
2357         -ms-box-sizing: content-box;
2358         box-sizing: content-box;
2359 }
2360 .ui-slider-input::-webkit-outer-spin-button,
2361 .ui-slider-input::-webkit-inner-spin-button {
2362         -webkit-appearance: none;
2363         margin: 0;
2364 }
2365 .ui-slider-track,
2366 .ui-slider-switch {
2367         position: relative;
2368         overflow: visible;
2369         height: 15px;
2370         margin: 0 15px 0 68px;
2371         top: 6px;
2372 }
2373 .ui-slider-track.ui-mini {
2374         height: 12px;
2375         top: 8px;
2376 }
2377 .ui-slider-bg {
2378         border: none;
2379         height: 100%;
2380 }
2381 .ui-slider-track .ui-btn.ui-slider-handle,
2382 .ui-slider-switch .ui-btn.ui-slider-handle {
2383         position: absolute;
2384         z-index: 1;
2385         top: 50%;
2386         width: 28px;
2387         height: 28px;
2388         margin: -15px 0 0 -15px;
2389         outline: 0;
2390 }
2391 .ui-slider-track.ui-mini .ui-slider-handle {
2392         height: 14px;
2393         width: 14px;
2394         margin: -8px 0 0 -7px;
2395 }
2396 .ui-slider-handle .ui-btn-inner {
2397         padding: 0;
2398         height: 100%;
2399 }
2400 .ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
2401         height: 30px;
2402         width: 30px;
2403         padding: 0;
2404         margin: -9px 0 0 -9px;
2405         border-top: none;
2406 }
2407 select.ui-slider-switch {
2408         display: none;
2409 }
2410 div.ui-slider-switch {
2411         display: inline-block;
2412         height: 32px;
2413         width: 5.8em;
2414         margin: .5em 0;
2415         top: 0;
2416 }
2417 div.ui-slider-switch.ui-mini {
2418         width: 5em;
2419         height: 29px;
2420         margin: .25em 0;
2421         top: 0;
2422 }
2423 .ui-field-contain .ui-slider-switch,
2424 .ui-field-contain .ui-slider-switch.ui-mini {
2425         margin: 0;
2426 }
2427 .ui-slider-inneroffset {
2428         margin: 0 16px;
2429         position: relative;
2430         z-index: 1;
2431 }
2432 .ui-slider-switch.ui-mini .ui-slider-inneroffset {
2433         margin: 0 15px 0 14px;
2434 }
2435 .ui-slider-switch .ui-btn.ui-slider-handle {
2436         margin: 1px 0 0 -15px;
2437 }
2438 .ui-slider-switch.ui-mini .ui-slider-handle {
2439         width: 25px;
2440         height: 25px;
2441         margin: 1px 0 0 -13px;
2442         padding: 0;
2443 }
2444 .ui-slider-handle-snapping {
2445         -webkit-transition: left 70ms linear;
2446         -moz-transition: left 70ms linear;
2447 }
2448 .ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
2449         height: 30px;
2450         width: 30px;
2451         padding: 0;
2452         margin: 0;
2453         border-top: none;
2454 }
2455 .ui-slider-switch .ui-slider-label {
2456         position: absolute;
2457         text-align: center;
2458         width: 100%;
2459         overflow: hidden;
2460         font-size: 16px;
2461         top: 0;
2462         line-height: 2;
2463         min-height: 100%;
2464         border-width: 0;
2465         white-space: nowrap;
2466         cursor: pointer;
2467 }
2468 .ui-slider-switch.ui-mini .ui-slider-label {
2469         font-size: 14px;
2470 }
2471 .ui-slider-switch .ui-slider-label-a {
2472         z-index: 1;
2473         left: 0;
2474         text-indent: -1.5em;
2475 }
2476 .ui-slider-switch .ui-slider-label-b {
2477         z-index: 0;
2478         right: 0;
2479         text-indent: 1.5em;
2480 }
2481 @media all and (min-width: 28em){
2482         .ui-field-contain label.ui-slider {
2483                 vertical-align: top;
2484                 display: inline-block;
2485                 width: 20%;
2486                 margin: 0 2% 0 0;
2487         }
2488         .ui-field-contain div.ui-slider {
2489                 display: inline-block;
2490                 width: 78%;
2491         }
2492         .ui-field-contain.ui-hide-label div.ui-slider {
2493                 display: block;
2494                 width: auto;
2495         }
2496         .ui-field-contain div.ui-slider-switch,
2497         .ui-field-contain.ui-hide-label div.ui-slider-switch {
2498                 display: inline-block;
2499                 width: 5.8em;
2500         }
2501         .ui-field-contain div.ui-slider-switch.ui-mini {
2502                 width: 5em;
2503         }
2504 }
2505 .ui-table {
2506    border: 0;
2507    border-collapse: collapse;
2508    padding: 0;
2509    width: 100%;
2510 }
2511 .ui-table th,
2512 .ui-table td {
2513   line-height: 1.5em;
2514   text-align: left;
2515   padding: .4em .5em;
2516   vertical-align:top;
2517 }
2518 .ui-table th .ui-btn,
2519 .ui-table td .ui-btn {
2520         line-height: normal;
2521 }
2522 .ui-table th {
2523   font-weight: bold;
2524 }
2525 .ui-table caption {
2526   text-align:left;
2527   margin-bottom:1.4em;
2528   opacity: .5;
2529 }
2530 .table-stroke thead th {
2531   border-bottom: 1px solid #d6d6d6;
2532   border-bottom: 1px solid rgba(0, 0, 0, .1);
2533 }
2534 .table-stroke tbody th,
2535 .table-stroke tbody td {
2536   border-bottom: 1px solid #e6e6e6;
2537   border-bottom: 1px solid rgba(0, 0, 0, .05);
2538 }
2539 .table-stripe tbody tr:nth-child(odd) td,
2540 .table-stripe tbody tr:nth-child(odd) th {
2541   background-color: #eeeeee;
2542   background-color: rgba(0,0,0,0.04);
2543 }
2544 .table-stripe thead th,
2545 .table-stripe tbody tr:last-child {
2546   border-bottom: 1px solid #d6d6d6;
2547   border-bottom: 1px solid rgba(0, 0, 0, .1);
2548 }
2549 .ui-table-columntoggle-btn {
2550         float: right;
2551         margin-bottom:.8em;
2552 }
2553 .ui-table-columntoggle-popup fieldset {
2554         margin:0;
2555 }
2556 @media only all {
2557         th.ui-table-priority-6,
2558         td.ui-table-priority-6,
2559         th.ui-table-priority-5,
2560         td.ui-table-priority-5,
2561         th.ui-table-priority-4,
2562         td.ui-table-priority-4,
2563         th.ui-table-priority-3,
2564         td.ui-table-priority-3,
2565         th.ui-table-priority-2,
2566         td.ui-table-priority-2,
2567         th.ui-table-priority-1,
2568         td.ui-table-priority-1 {
2569                 display: none;
2570         }
2571 }
2572 @media screen and (min-width: 20em) {
2573         .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
2574         .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
2575                 display: table-cell;
2576         }
2577 }
2578 @media screen and (min-width: 30em) {
2579         .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
2580         .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
2581                 display: table-cell;
2582         }
2583 }
2584 @media screen and (min-width: 40em) {
2585         .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
2586         .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
2587                 display: table-cell;
2588         }
2589 }
2590 @media screen and (min-width: 50em) {
2591         .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
2592         .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
2593                 display: table-cell;
2594         }
2595 }
2596 @media screen and (min-width: 60em) {
2597         .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
2598         .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
2599                 display: table-cell;
2600         }
2601 }
2602 @media screen and (min-width: 70em) {
2603         .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
2604         .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
2605                 display: table-cell;
2606         }
2607 }
2608 .ui-table-columntoggle th.ui-table-cell-hidden,
2609 .ui-table-columntoggle td.ui-table-cell-hidden,
2610 .ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
2611 .ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
2612         display: none;
2613 }
2614 .ui-table-columntoggle th.ui-table-cell-visible,
2615 .ui-table-columntoggle td.ui-table-cell-visible,
2616 .ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
2617 .ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
2618         display: table-cell;
2619 }
2620 .ui-table-reflow td .ui-table-cell-label,
2621 .ui-table-reflow th .ui-table-cell-label {
2622         display: none;
2623 }
2624
2625 @media only all {
2626
2627         .ui-table-reflow thead td,
2628         .ui-table-reflow thead th {
2629                 display: none;
2630         }
2631
2632         .ui-table-reflow td,
2633         .ui-table-reflow th {
2634                 text-align: left;
2635                 display: block;
2636         }
2637
2638         .ui-table-reflow tbody th {
2639                 margin-top: 3em;
2640         }
2641
2642         .ui-table-reflow td .ui-table-cell-label,
2643         .ui-table-reflow th .ui-table-cell-label {
2644                 display: block;
2645                 padding: .4em;
2646                 min-width: 30%;
2647                 display: inline-block;
2648                 margin: -.4em 1em -.4em -.4em;
2649         }
2650
2651         .ui-table-reflow th .ui-table-cell-label-top,
2652         .ui-table-reflow td .ui-table-cell-label-top {
2653                 display: block;
2654                 padding: .4em 0;
2655                 margin: .4em 0;
2656                 text-transform: uppercase;
2657                 font-size: .9em;
2658                 font-weight: normal;
2659         }
2660 }
2661
2662 @media ( min-width: 35em ) {
2663
2664         .ui-table-reflow.ui-responsive {
2665                 display: table-row-group;
2666         }
2667
2668         .ui-table-reflow.ui-responsive td,
2669         .ui-table-reflow.ui-responsive th,
2670         .ui-table-reflow.ui-responsive tbody th,
2671         .ui-table-reflow.ui-responsive tbody td,
2672         .ui-table-reflow.ui-responsive thead td,
2673         .ui-table-reflow.ui-responsive thead th {
2674                 display: table-cell;
2675                 margin: 0;
2676         }
2677
2678         .ui-table-reflow.ui-responsive td .ui-table-cell-label,
2679         .ui-table-reflow.ui-responsive th .ui-table-cell-label {
2680                 display: none;
2681         }
2682 }
2683
2684
2685 @media ( max-width: 35em ) {
2686         .ui-table-reflow.ui-responsive td,
2687         .ui-table-reflow.ui-responsive th {
2688                 width: 100%;
2689                 -webkit-box-sizing: border-box;
2690                 -moz-box-sizing: border-box;
2691                 box-sizing: border-box;
2692                 float: left;
2693                 clear: left;
2694         }
2695 }
2696 .ui-panel {
2697         width: 17em;
2698         min-height: 100%;
2699         border-width: 0;
2700         position: absolute;
2701         top: 0;
2702         display: block;
2703 }
2704 .ui-panel-closed {
2705         width: 0;
2706         overflow: hidden;
2707 }
2708 .ui-panel-fixed {
2709         position: fixed;
2710         bottom: -1px;
2711         padding-bottom: 1px;
2712 }
2713 .ui-panel-display-overlay {
2714         z-index: 1001;
2715 }
2716 .ui-panel-display-reveal {
2717         z-index: 0;
2718 }
2719 .ui-panel-display-push {
2720         z-index: 999;
2721 }
2722 .ui-panel-inner {
2723         padding: 15px;
2724 }
2725 .ui-panel-content-wrap {
2726         position: relative;
2727         left: 0;
2728         min-height: inherit;
2729         border: none;
2730         z-index: 999;
2731 }
2732 .ui-panel-content-wrap-display-overlay,
2733 .ui-panel-animate.ui-panel-content-wrap > .ui-header,
2734 .ui-panel-content-wrap-closed {
2735         position: static;
2736 }
2737 .ui-panel-dismiss {
2738         position: absolute;
2739         top: 0;
2740         left:0;
2741         height: 100%;
2742         width: 100%;
2743         z-index: 1002;
2744         display: none;
2745 }
2746 .ui-panel-dismiss-open {
2747         display: block;
2748 }
2749 .ui-panel-animate {
2750         -webkit-transition: -webkit-transform 350ms ease;
2751         -moz-transition: -moz-transform 350ms ease;
2752         transition: transform 350ms ease;
2753 }
2754 .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
2755 .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
2756 .ui-panel-animate.ui-panel-content-wrap,
2757 .ui-panel-animate.ui-panel-content-fixed-toolbar {
2758         -webkit-backface-visibility: hidden;
2759         -webkit-transform: translate3d(0,0,0);
2760 }
2761 .ui-panel-position-left {
2762         left: -17em;
2763 }
2764 .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
2765 .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
2766         left: 0;
2767         -webkit-transform: translate3d(-17em,0,0);
2768         -moz-transform: translate3d(-17em,0,0);
2769         transform: translate3d(-17em,0,0);
2770 }
2771 .ui-panel-position-left.ui-panel-display-reveal,
2772 .ui-panel-position-left.ui-panel-open {
2773         left: 0;
2774 }
2775 .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
2776 .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
2777         -webkit-transform: translate3d(0,0,0);
2778         -moz-transform: translate3d(0,0,0);
2779         transform: translate3d(0,0,0);
2780 }
2781 .ui-panel-position-right {
2782         right: -17em;
2783 }
2784 .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
2785 .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
2786         right: 0;
2787         -webkit-transform: translate3d(17em,0,0);
2788         -moz-transform: translate3d(17em,0,0);
2789         transform: translate3d(17em,0,0);
2790 }
2791 .ui-panel-position-right.ui-panel-display-reveal,
2792 .ui-panel-position-right.ui-panel-open {
2793         right: 0;
2794 }
2795 .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
2796 .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
2797         -webkit-transform: translate3d(0,0,0);
2798         -moz-transform: translate3d(0,0,0);
2799         transform: translate3d(0,0,0);
2800 }
2801 .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
2802 .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
2803 .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
2804         left: 17em;
2805         right: -17em;
2806 }
2807 .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
2808 .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
2809 .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
2810 .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
2811         left: 0;
2812         right: 0;
2813         -webkit-transform: translate3d(17em,0,0);
2814         -moz-transform: translate3d(17em,0,0);
2815         transform: translate3d(17em,0,0);
2816 }
2817 .ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
2818 .ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
2819 .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
2820         left: -17em;
2821         right: 17em;
2822 }
2823 .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
2824 .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
2825 .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
2826 .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
2827         left: 0;
2828         right: 0;
2829         -webkit-transform: translate3d(-17em,0,0);
2830         -moz-transform: translate3d(-17em,0,0);
2831         transform: translate3d(-17em,0,0);
2832 }
2833 .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
2834 .ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
2835         left: 0;
2836 }
2837 .ui-page-active.ui-page-panel {
2838         overflow-x: hidden;
2839 }
2840 .ui-panel-display-reveal {
2841         -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
2842         -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
2843         box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
2844 }
2845 .ui-panel-position-right.ui-panel-display-reveal {
2846         -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
2847         -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
2848         box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
2849 }
2850 .ui-panel-position-right.ui-panel-display-overlay {
2851         -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
2852         -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
2853         box-shadow: -5px 0px 5px rgba(0,0,0,.15);
2854 }
2855 .ui-panel-position-left.ui-panel-display-overlay {
2856         -webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.15);
2857         -moz-box-shadow: 5px 0px 5px rgba(0,0,0,.15);
2858         box-shadow: 5px 0px 5px rgba(0,0,0,.15);
2859 }
2860 .ui-panel-display-push.ui-panel-open.ui-panel-position-left {
2861         border-right-width: 1px;
2862         margin-right: -1px;
2863 }
2864 .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
2865         margin-left: 1px;
2866 }
2867 .ui-panel-display-push.ui-panel-open.ui-panel-position-right {
2868         border-left-width: 1px;
2869         margin-left: -1px;
2870 }
2871 .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
2872         margin-right: 1px;
2873 }
2874 @media (min-width:55em){
2875         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
2876         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
2877         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
2878         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
2879                 margin-right: 17em;
2880         }
2881         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
2882         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
2883         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
2884         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
2885                 margin-left: 17em;
2886         }
2887         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
2888         .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
2889                 width: auto;
2890         }
2891         .ui-responsive-panel .ui-panel-dismiss-display-push {
2892                 display: none;
2893         }
2894 }