source: branches/version-2_12-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0.1.css @ 21529

Revision 21529, 81.5 KB checked in by shutta, 12 years ago (diff)

#1652 (jQuery Mobileのアップデート)
version-2_11-dev の #1629 での修正 を version_2_12-dev にも取り込み。
r21453 の分を取り込み。

Line 
1/*
2* jQuery Mobile Framework 1.0.1
3* http://jquerymobile.com
4*
5* Copyright 2011-2012 (c) jQuery Project
6* Dual licensed under the MIT or GPL Version 2 licenses.
7* http://jquery.org/license
8*
9*/
10/* Swatches */
11
12/* A
13-----------------------------------------------------------------------------------------------------------*/
14
15.ui-bar-a {
16    border: 1px solid       #2A2A2A /*{a-bar-border}*/;
17    background:             #111111 /*{a-bar-background-color}*/;
18    color:                  #ffffff /*{a-bar-color}*/;
19    font-weight: bold;
20    text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
21    background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
22    background-image: -webkit-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
23    background-image:    -moz-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
24    background-image:     -ms-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
25    background-image:      -o-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
26    background-image:         linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
27}
28.ui-bar-a,
29.ui-bar-a input,
30.ui-bar-a select,
31.ui-bar-a textarea,
32.ui-bar-a button {
33    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
34}
35.ui-bar-a .ui-link-inherit {
36    color: #fff /*{a-bar-color}*/;
37}
38
39.ui-bar-a .ui-link {
40    color: #7cc4e7 /*{a-bar-link-color}*/;
41    font-weight: bold;
42}
43
44.ui-bar-a .ui-link:hover {
45    color: #2489CE /*{a-bar-link-hover}*/;
46}
47
48.ui-bar-a .ui-link:active {
49    color: #2489CE /*{a-bar-link-active}*/;
50}
51
52.ui-bar-a .ui-link:visited {
53    color: #2489CE /*{a-bar-link-visited}*/;
54}
55.ui-body-a,
56.ui-dialog.ui-overlay-a {
57    border: 1px solid       #2A2A2A /*{a-body-border}*/;
58    background:             #222222 /*{a-body-background-color}*/;
59    color:                  #fff /*{a-body-color}*/;
60     text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
61    font-weight: normal;
62    background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
63    background-image: -webkit-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
64    background-image:    -moz-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
65    background-image:     -ms-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
66    background-image:      -o-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
67    background-image:         linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);   
68}
69.ui-body-a,
70.ui-body-a input,
71.ui-body-a select,
72.ui-body-a textarea,
73.ui-body-a button {
74    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
75}
76.ui-body-a .ui-link-inherit {
77    color:  #fff /*{a-body-color}*/;
78}
79
80.ui-body-a .ui-link {
81    color: #2489CE /*{a-body-link-color}*/;
82    font-weight: bold;
83}
84
85.ui-body-a .ui-link:hover {
86    color: #2489CE /*{a-body-link-hover}*/;
87}
88
89.ui-body-a .ui-link:active {
90    color: #2489CE /*{a-body-link-active}*/;
91}
92
93.ui-body-a .ui-link:visited {
94    color: #2489CE /*{a-body-link-visited}*/;
95}
96
97.ui-btn-up-a {
98    border: 1px solid       #222 /*{a-bup-border}*/;
99    background:             #333333 /*{a-bup-background-color}*/;
100    font-weight: bold;
101    color:                  #fff /*{a-bup-color}*/;
102    text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
103    background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bup-background-start}*/), to( #333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
104    background-image: -webkit-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
105    background-image:    -moz-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */
106    background-image:     -ms-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */
107    background-image:      -o-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */
108    background-image:         linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/);
109}
110.ui-btn-up-a a.ui-link-inherit {
111    color:                  #fff /*{a-bup-color}*/;
112}
113.ui-btn-hover-a {
114    border: 1px solid       #000 /*{a-bhover-border}*/;
115    background:             #444444 /*{a-bhover-background-color}*/;
116    font-weight: bold;
117    color:                  #fff /*{a-bhover-color}*/;
118    text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
119    background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-bhover-background-start}*/), to( #444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
120    background-image: -webkit-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
121    background-image:    -moz-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */
122    background-image:     -ms-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */
123    background-image:      -o-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
124    background-image:         linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/);
125}
126.ui-btn-hover-a a.ui-link-inherit {
127    color:                  #fff /*{a-bhover-color}*/;
128}
129.ui-btn-down-a {
130    border: 1px solid       #000 /*{a-bdown-border}*/;
131    background:             #3d3d3d /*{a-bdown-background-color}*/;
132    font-weight: bold;
133    color:                  #fff /*{a-bdown-color}*/;
134    text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/;
135    background-image: -webkit-gradient(linear, left top, left bottom, from( #333 /*{a-bdown-background-start}*/), to( #5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
136    background-image: -webkit-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
137    background-image:    -moz-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */
138    background-image:     -ms-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */
139    background-image:      -o-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
140    background-image:         linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/);
141}
142.ui-btn-down-a a.ui-link-inherit {
143    color:                  #fff /*{a-bdown-color}*/;
144}
145.ui-btn-up-a,
146.ui-btn-hover-a,
147.ui-btn-down-a {
148    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
149    text-decoration: none;
150}
151
152
153/* B
154-----------------------------------------------------------------------------------------------------------*/
155
156.ui-bar-b {
157    border: 1px solid       #456f9a /*{b-bar-border}*/;
158    background:             #5e87b0 /*{b-bar-background-color}*/;
159    color:                  #fff /*{b-bar-color}*/;
160    font-weight: bold;
161    text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
162    background-image: -webkit-gradient(linear, left top, left bottom, from( #81a8ce /*{b-bar-background-start}*/), to( #5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
163    background-image: -webkit-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
164    background-image:    -moz-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
165    background-image:     -ms-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
166    background-image:      -o-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
167    background-image:         linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/);
168}
169.ui-bar-b,
170.ui-bar-b input,
171.ui-bar-b select,
172.ui-bar-b textarea,
173.ui-bar-b button {
174    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
175}
176.ui-bar-b .ui-link-inherit {
177    color:  #fff /*{b-bar-color}*/;
178}
179.ui-bar-b .ui-link {
180    color: #ddf0f8 /*{b-bar-link-color}*/;
181    font-weight: bold;
182}
183
184.ui-bar-b .ui-link:hover {
185    color: #ddf0f8 /*{b-bar-link-hover}*/;
186}
187
188.ui-bar-b .ui-link:active {
189    color: #ddf0f8 /*{b-bar-link-active}*/;
190}
191
192.ui-bar-b .ui-link:visited {
193    color: #ddf0f8 /*{b-bar-link-visited}*/;
194}
195.ui-body-b,
196.ui-dialog.ui-overlay-b {
197    border: 1px solid       #C6C6C6 /*{b-body-border}*/;
198    background:             #cccccc /*{b-body-background-color}*/;
199    color:                  #333333 /*{b-body-color}*/;
200    text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
201    font-weight: normal;
202    background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
203    background-image: -webkit-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
204    background-image:    -moz-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
205    background-image:     -ms-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
206    background-image:      -o-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
207    background-image:         linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
208}
209.ui-body-b,
210.ui-body-b input,
211.ui-body-b select,
212.ui-body-b textarea,
213.ui-body-b button {
214    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
215}
216.ui-body-b .ui-link-inherit {
217    color:  #333333 /*{b-body-color}*/;
218}
219
220.ui-body-b .ui-link {
221    color: #2489CE /*{b-body-link-color}*/;
222    font-weight: bold;
223}
224
225.ui-body-b .ui-link:hover {
226    color: #2489CE /*{b-body-link-hover}*/;
227}
228
229.ui-body-b .ui-link:active {
230    color: #2489CE /*{b-body-link-active}*/;
231}
232
233.ui-body-b .ui-link:visited {
234    color: #2489CE /*{b-body-link-visited}*/;
235}
236
237.ui-btn-up-b {
238    border: 1px solid       #145072 /*{b-bup-border}*/;
239    background:             #2567ab /*{b-bup-background-color}*/;
240    font-weight: bold;
241    color:                  #fff /*{b-bup-color}*/;
242    text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/;
243    background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
244    background-image: -webkit-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
245    background-image:    -moz-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
246    background-image:     -ms-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
247    background-image:      -o-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
248    background-image:         linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
249}
250.ui-btn-up-b a.ui-link-inherit {
251    color:                  #fff /*{b-bup-color}*/;
252}
253.ui-btn-hover-b {
254    border: 1px solid       #00516e /*{b-bhover-border}*/;
255    background:             #4b88b6 /*{b-bhover-background-color}*/;
256    font-weight: bold;
257    color:                  #fff /*{b-bhover-color}*/;
258    text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/;
259    background-image: -webkit-gradient(linear, left top, left bottom, from( #72b0d4 /*{b-bhover-background-start}*/), to( #4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
260    background-image: -webkit-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
261    background-image:    -moz-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */
262    background-image:     -ms-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */
263    background-image:      -o-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
264    background-image:         linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/);
265}
266.ui-btn-hover-b a.ui-link-inherit {
267    color:                  #fff /*{b-bhover-color}*/;
268}
269.ui-btn-down-b {
270    border: 1px solid       #225377 /*{b-bdown-border}*/;
271    background:             #4e89c5 /*{b-bdown-background-color}*/;
272    font-weight: bold;
273    color:                  #fff /*{b-bdown-color}*/;
274    text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
275    background-image: -webkit-gradient(linear, left top, left bottom, from( #396b9e /*{b-bdown-background-start}*/), to( #4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
276    background-image: -webkit-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
277    background-image:    -moz-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */
278    background-image:     -ms-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */
279    background-image:      -o-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
280    background-image:         linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/);
281}
282.ui-btn-down-b a.ui-link-inherit {
283    color:                  #fff /*{b-bdown-color}*/;
284}
285.ui-btn-up-b,
286.ui-btn-hover-b,
287.ui-btn-down-b {
288    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
289    text-decoration: none;
290}
291
292
293/* C
294-----------------------------------------------------------------------------------------------------------*/
295
296.ui-bar-c {
297    border: 1px solid       #B3B3B3 /*{c-bar-border}*/;
298    background:             #e9eaeb /*{c-bar-background-color}*/;
299    color:                  #3E3E3E /*{c-bar-color}*/;
300    font-weight: bold;
301    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/  #fff /*{c-bar-shadow-color}*/;
302    background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #e9eaeb /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
303    background-image: -webkit-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
304    background-image:    -moz-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* FF3.6 */
305    background-image:     -ms-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* IE10 */
306    background-image:      -o-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Opera 11.10+ */
307    background-image:         linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/);
308}
309
310.ui-bar-c .ui-link-inherit {
311    color:  #3E3E3E /*{c-bar-color}*/;
312}
313.ui-bar-c .ui-link {
314    color: #7cc4e7 /*{c-bar-link-color}*/;
315    font-weight: bold;
316}
317
318.ui-bar-c .ui-link:hover {
319    color: #2489CE /*{c-bar-link-hover}*/;
320}
321
322.ui-bar-c .ui-link:active {
323    color: #2489CE /*{c-bar-link-active}*/;
324}
325
326.ui-bar-c .ui-link:visited {
327    color: #2489CE /*{c-bar-link-visited}*/;
328}
329
330.ui-bar-c,
331.ui-bar-c input,
332.ui-bar-c select,
333.ui-bar-c textarea,
334.ui-bar-c button {
335    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
336}
337.ui-body-c,
338.ui-dialog.ui-overlay-c {
339    border: 1px solid       #B3B3B3 /*{c-body-border}*/;
340    color:                  #333333 /*{c-body-color}*/;
341    text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
342    background:             #f0f0f0 /*{c-body-background-color}*/;
343    background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-body-background-start}*/), to( #ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
344    background-image: -webkit-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
345    background-image:    -moz-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */
346    background-image:     -ms-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */
347    background-image:      -o-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */
348    background-image:         linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/);
349}
350.ui-body-c,
351.ui-body-c input,
352.ui-body-c select,
353.ui-body-c textarea,
354.ui-body-c button {
355    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
356}
357
358.ui-body-c .ui-link-inherit {
359    color:  #333333 /*{c-body-color}*/;
360}
361
362.ui-body-c .ui-link {
363    color: #2489CE /*{c-body-link-color}*/;
364    font-weight: bold;
365}
366
367.ui-body-c .ui-link:hover {
368    color: #2489CE /*{c-body-link-hover}*/;
369}
370
371.ui-body-c .ui-link:active {
372    color: #2489CE /*{c-body-link-active}*/;
373}
374
375.ui-body-c .ui-link:visited {
376    color: #2489CE /*{c-body-link-visited}*/;
377}
378
379.ui-btn-up-c {
380    border: 1px solid       #ccc /*{c-bup-border}*/;
381    background:             #eee /*{c-bup-background-color}*/;
382    font-weight: bold;
383    color:                  #444 /*{c-bup-color}*/;
384    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
385    background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
386    background-image: -webkit-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
387    background-image:    -moz-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */
388    background-image:     -ms-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */
389    background-image:      -o-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */
390    background-image:         linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
391}
392.ui-btn-up-c a.ui-link-inherit {
393    color:                  #2F3E46 /*{c-bup-color}*/;
394}
395
396.ui-btn-hover-c {
397    border: 1px solid       #bbbbbb /*{c-bhover-border}*/;
398    background:             #dadada /*{c-bhover-background-color}*/;
399    font-weight: bold;
400    color:                  #101010 /*{c-bhover-color}*/;
401    text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
402    background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
403    background-image: -webkit-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
404    background-image:    -moz-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */
405    background-image:     -ms-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */
406    background-image:      -o-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */
407    background-image:         linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/);
408}
409.ui-btn-hover-c a.ui-link-inherit {
410    color:                  #2F3E46 /*{c-bhover-color}*/;
411}
412.ui-btn-down-c {
413    border: 1px solid       #808080 /*{c-bdown-border}*/;
414    background:             #fdfdfd /*{c-bdown-background-color}*/;
415    font-weight: bold;
416    color:                  #111111 /*{c-bdown-color}*/;
417    text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
418    background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
419    background-image: -webkit-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
420    background-image:    -moz-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
421    background-image:     -ms-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
422    background-image:      -o-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
423    background-image:         linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/);
424}
425.ui-btn-down-c a.ui-link-inherit {
426    color:                  #2F3E46 /*{c-bdown-color}*/;
427}
428.ui-btn-up-c,
429.ui-btn-hover-c,
430.ui-btn-down-c {
431    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
432    text-decoration: none;
433}
434
435
436/* D
437-----------------------------------------------------------------------------------------------------------*/
438
439.ui-bar-d {
440    border: 1px solid       #ccc /*{d-bar-border}*/;
441    background:             #bbb /*{d-bar-background-color}*/;
442    color:                  #333 /*{d-bar-color}*/;
443    text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
444    background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
445    background-image: -webkit-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
446    background-image:    -moz-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
447    background-image:     -ms-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
448    background-image:      -o-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
449    background-image:         linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
450}
451.ui-bar-d,
452.ui-bar-d input,
453.ui-bar-d select,
454.ui-bar-d textarea,
455.ui-bar-d button {
456    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
457}
458
459.ui-bar-d .ui-link-inherit {
460    color:  #333333 /*{d-bar-color}*/;
461}
462.ui-bar-d .ui-link {
463    color: #2489CE /*{d-bar-link-color}*/;
464    font-weight: bold;
465}
466
467.ui-bar-d .ui-link:hover {
468    color: #2489CE /*{d-bar-link-hover}*/;
469}
470
471.ui-bar-d .ui-link:active {
472    color: #2489CE /*{d-bar-link-active}*/;
473}
474
475.ui-bar-d .ui-link:visited {
476    color: #2489CE /*{d-bar-link-visited}*/;
477}
478
479.ui-body-d,
480.ui-dialog.ui-overlay-d {
481    border: 1px solid       #ccc /*{d-body-border}*/;
482    color:                  #333333 /*{d-body-color}*/;
483    text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/     #fff /*{d-body-shadow-color}*/;
484    background:             #ffffff /*{d-body-background-color}*/;
485    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
486    background-image: -webkit-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
487    background-image:    -moz-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
488    background-image:     -ms-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
489    background-image:      -o-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
490    background-image:         linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
491}
492.ui-body-d,
493.ui-body-d input,
494.ui-body-d select,
495.ui-body-d textarea,
496.ui-body-d button {
497    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
498}
499
500.ui-body-d .ui-link-inherit {
501    color:  #333333 /*{d-body-color}*/;
502}
503
504.ui-body-d .ui-link {
505    color: #2489CE /*{d-body-link-color}*/;
506    font-weight: bold;
507}
508
509.ui-body-d .ui-link:hover {
510    color: #2489CE /*{d-body-link-hover}*/;
511}
512
513.ui-body-d .ui-link:active {
514    color: #2489CE /*{d-body-link-active}*/;
515}
516
517.ui-body-d .ui-link:visited {
518    color: #2489CE /*{d-body-link-visited}*/;
519}
520
521.ui-btn-up-d {
522    border: 1px solid       #ccc /*{d-bup-border}*/;
523    background:             #fff /*{d-bup-background-color}*/;
524    font-weight: bold;
525    color:                  #444 /*{d-bup-color}*/;
526    text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
527    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
528    background-image: -webkit-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
529    background-image:    -moz-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */
530    background-image:     -ms-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */
531    background-image:      -o-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */
532    background-image:         linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);
533}
534.ui-btn-up-d a.ui-link-inherit {
535    color:                  #333 /*{d-bup-color}*/;
536}
537.ui-btn-hover-d {
538    border: 1px solid       #aaa /*{d-bhover-border}*/;
539    background:             #eeeeee /*{d-bhover-background-color}*/;
540    font-weight: bold;
541    color:                  #222 /*{d-bhover-color}*/;
542    cursor: pointer;
543    text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/     #fff /*{d-bhover-shadow-color}*/;
544    background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd), to( #eee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
545    background-image: -webkit-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
546    background-image:    -moz-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* FF3.6 */
547    background-image:     -ms-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* IE10 */
548    background-image:      -o-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Opera 11.10+ */
549    background-image:         linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/);
550}
551.ui-btn-hover-d a.ui-link-inherit {
552    color:                  #222 /*{d-bhover-color}*/;
553}
554.ui-btn-down-d {
555    border: 1px solid       #aaaaaa /*{d-bdown-border}*/;
556    background:             #ffffff /*{d-bdown-background-color}*/;
557    font-weight: bold;
558    color:                  #111 /*{d-bdown-color}*/;
559    text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/    #ffffff /*{d-bdown-shadow-color}*/;
560    background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bdown-background-start}*/), to( #fff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
561    background-image: -webkit-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
562    background-image:    -moz-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* FF3.6 */
563    background-image:     -ms-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* IE10 */
564    background-image:      -o-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Opera 11.10+ */
565    background-image:         linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/);
566}
567.ui-btn-down-d a.ui-link-inherit {
568    color:                  #111 /*{d-bdown-color}*/;
569}
570.ui-btn-up-d,
571.ui-btn-hover-d,
572.ui-btn-down-d {
573    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
574    text-decoration: none;
575}
576
577
578/* E
579-----------------------------------------------------------------------------------------------------------*/
580
581.ui-bar-e {
582    border: 1px solid       #F7C942 /*{e-bar-border}*/;
583    background:             #fadb4e /*{e-bar-background-color}*/;
584    color:                  #333 /*{e-bar-color}*/;
585    text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/    #fff /*{e-bar-shadow-color}*/;
586    background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
587    background-image: -webkit-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
588    background-image:    -moz-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */
589    background-image:     -ms-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */
590    background-image:      -o-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */
591    background-image:         linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/);
592}
593.ui-bar-e,
594.ui-bar-e input,
595.ui-bar-e select,
596.ui-bar-e textarea,
597.ui-bar-e button {
598    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
599}
600.ui-bar-e .ui-link-inherit {
601    color:  #333333 /*{e-bar-color}*/;
602}
603.ui-bar-e .ui-link {
604    color: #2489CE /*{e-bar-link-color}*/;
605    font-weight: bold;
606}
607
608.ui-bar-e .ui-link:hover {
609    color: #2489CE /*{e-bar-link-hover}*/;
610}
611
612.ui-bar-e .ui-link:active {
613    color: #2489CE /*{e-bar-link-active}*/;
614}
615
616.ui-bar-e .ui-link:visited {
617    color: #2489CE /*{e-bar-link-visited}*/;
618}
619
620.ui-body-e,
621.ui-dialog.ui-overlay-e {
622    border: 1px solid       #F7C942 /*{e-body-border}*/;
623    color:                  #333333 /*{e-body-color}*/;
624    text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/     #fff /*{e-body-shadow-color}*/;
625    background:             #faeb9e /*{e-body-background-color}*/;
626    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{e-body-background-start}*/), to( #faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */
627    background-image: -webkit-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
628    background-image:    -moz-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */
629    background-image:     -ms-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */
630    background-image:      -o-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */
631    background-image:         linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/);
632}
633.ui-body-e,
634.ui-body-e input,
635.ui-body-e select,
636.ui-body-e textarea,
637.ui-body-e button {
638    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
639}
640.ui-body-e .ui-link-inherit {
641    color:  #333333 /*{e-body-color}*/;
642}
643
644.ui-body-e .ui-link {
645    color: #2489CE /*{e-body-link-color}*/;
646    font-weight: bold;
647}
648
649.ui-body-e .ui-link:hover {
650    color: #2489CE /*{e-body-link-hover}*/;
651}
652
653.ui-body-e .ui-link:active {
654    color: #2489CE /*{e-body-link-active}*/;
655}
656
657.ui-body-e .ui-link:visited {
658    color: #2489CE /*{e-body-link-visited}*/;
659}
660
661.ui-btn-up-e {
662    border: 1px solid       #F7C942 /*{e-bup-border}*/;
663    background:             #fadb4e /*{e-bup-background-color}*/;
664    font-weight: bold;
665    color:                  #333 /*{e-bup-color}*/;
666    text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/    #fff /*{e-bup-shadow-color}*/;
667    background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bup-background-start}*/), to( #fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
668    background-image: -webkit-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
669    background-image:    -moz-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */
670    background-image:     -ms-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */
671    background-image:      -o-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */
672    background-image:         linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/);
673}
674.ui-btn-up-e a.ui-link-inherit {
675    color:                  #333 /*{e-bup-color}*/;
676}
677.ui-btn-hover-e {
678    border: 1px solid       #e79952 /*{e-bhover-border}*/;
679    background:             #fbe26f /*{e-bhover-background-color}*/;
680    font-weight: bold;
681    color:                  #111 /*{e-bhover-color}*/;
682    text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/     #fff /*{e-bhover-shadow-color}*/;
683    background-image: -webkit-gradient(linear, left top, left bottom, from( #fcf0b5 /*{e-bhover-background-start}*/), to( #fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
684    background-image: -webkit-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
685    background-image:    -moz-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */
686    background-image:     -ms-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */
687    background-image:      -o-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */
688    background-image:         linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/);
689}
690
691.ui-btn-hover-e a.ui-link-inherit {
692    color:                  #333 /*{e-bhover-color}*/;
693}
694.ui-btn-down-e {
695    border: 1px solid       #F7C942 /*{e-bdown-border}*/;
696    background:             #fceda7 /*{e-bdown-background-color}*/;
697    font-weight: bold;
698    color:                  #111 /*{e-bdown-color}*/;
699    text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/    #ffffff /*{e-bdown-shadow-color}*/;
700    background-image: -webkit-gradient(linear, left top, left bottom, from( #fadb4e /*{e-bdown-background-start}*/), to( #fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
701    background-image: -webkit-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
702    background-image:    -moz-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */
703    background-image:     -ms-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */
704    background-image:      -o-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */
705    background-image:         linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/);
706}
707.ui-btn-down-e a.ui-link-inherit {
708    color:                  #333 /*{e-bdown-color}*/;
709}
710.ui-btn-up-e,
711.ui-btn-hover-e,
712.ui-btn-down-e {
713    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
714    text-decoration: none;
715}
716
717/* Structure */
718
719/* links within "buttons"
720-----------------------------------------------------------------------------------------------------------*/
721
722a.ui-link-inherit {
723    text-decoration: none !important;
724}
725
726
727/* Active class used as the "on" state across all themes
728-----------------------------------------------------------------------------------------------------------*/
729
730.ui-btn-active {
731    border: 1px solid       #155678 /*{global-active-border}*/;
732    background:             #4596ce /*{global-active-background-color}*/;
733    font-weight: bold;
734    color:                  #fff /*{global-active-color}*/;
735    cursor: pointer;
736    text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
737    text-decoration: none;
738    background-image: -webkit-gradient(linear, left top, left bottom, from( #85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
739    background-image: -webkit-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
740    background-image:    -moz-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
741    background-image:     -ms-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
742    background-image:      -o-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
743    background-image:         linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
744    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
745}
746.ui-btn-active a.ui-link-inherit {
747    color:                  #fff /*{global-active-color}*/;
748}
749
750
751/* button inner top highlight
752-----------------------------------------------------------------------------------------------------------*/
753
754.ui-btn-inner {
755    border-top: 1px solid   #fff;
756    border-color:           rgba(255,255,255,.3);
757}
758
759
760/* corner rounding classes
761-----------------------------------------------------------------------------------------------------------*/
762
763.ui-corner-tl {
764    -moz-border-radius-topleft:         .6em /*{global-radii-blocks}*/;
765    -webkit-border-top-left-radius:     .6em /*{global-radii-blocks}*/;
766    border-top-left-radius:             .6em /*{global-radii-blocks}*/;
767}
768.ui-corner-tr {
769    -moz-border-radius-topright:        .6em /*{global-radii-blocks}*/;
770    -webkit-border-top-right-radius:    .6em /*{global-radii-blocks}*/;
771    border-top-right-radius:            .6em /*{global-radii-blocks}*/;
772}
773.ui-corner-bl {
774    -moz-border-radius-bottomleft:      .6em /*{global-radii-blocks}*/;
775    -webkit-border-bottom-left-radius:  .6em /*{global-radii-blocks}*/;
776    border-bottom-left-radius:          .6em /*{global-radii-blocks}*/;
777}
778.ui-corner-br {
779    -moz-border-radius-bottomright:     .6em /*{global-radii-blocks}*/;
780    -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
781    border-bottom-right-radius:         .6em /*{global-radii-blocks}*/;
782}
783.ui-corner-top {
784    -moz-border-radius-topleft:         .6em /*{global-radii-blocks}*/;
785    -webkit-border-top-left-radius:     .6em /*{global-radii-blocks}*/;
786    border-top-left-radius:             .6em /*{global-radii-blocks}*/;
787    -moz-border-radius-topright:        .6em /*{global-radii-blocks}*/;
788    -webkit-border-top-right-radius:    .6em /*{global-radii-blocks}*/;
789    border-top-right-radius:            .6em /*{global-radii-blocks}*/;
790}
791.ui-corner-bottom {
792    -moz-border-radius-bottomleft:      .6em /*{global-radii-blocks}*/;
793    -webkit-border-bottom-left-radius:  .6em /*{global-radii-blocks}*/;
794    border-bottom-left-radius:          .6em /*{global-radii-blocks}*/;
795    -moz-border-radius-bottomright:     .6em /*{global-radii-blocks}*/;
796    -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
797    border-bottom-right-radius:         .6em /*{global-radii-blocks}*/;
798    }
799.ui-corner-right {
800    -moz-border-radius-topright:        .6em /*{global-radii-blocks}*/;
801    -webkit-border-top-right-radius:    .6em /*{global-radii-blocks}*/;
802    border-top-right-radius:            .6em /*{global-radii-blocks}*/;
803    -moz-border-radius-bottomright:     .6em /*{global-radii-blocks}*/;
804    -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
805    border-bottom-right-radius:         .6em /*{global-radii-blocks}*/;
806}
807.ui-corner-left {
808    -moz-border-radius-topleft:         .6em /*{global-radii-blocks}*/;
809    -webkit-border-top-left-radius:     .6em /*{global-radii-blocks}*/;
810    border-top-left-radius:             .6em /*{global-radii-blocks}*/;
811    -moz-border-radius-bottomleft:      .6em /*{global-radii-blocks}*/;
812    -webkit-border-bottom-left-radius:  .6em /*{global-radii-blocks}*/;
813    border-bottom-left-radius:          .6em /*{global-radii-blocks}*/;
814}
815.ui-corner-all {
816    -moz-border-radius:                 .6em /*{global-radii-blocks}*/;
817    -webkit-border-radius:              .6em /*{global-radii-blocks}*/;
818    border-radius:                      .6em /*{global-radii-blocks}*/;
819}
820.ui-corner-none {
821    -moz-border-radius:                    0;
822    -webkit-border-radius:                 0;
823    border-radius:                         0;
824}
825
826/* Form field separator
827-----------------------------------------------------------------------------------------------------------*/
828.ui-br {
829    border-bottom: rgb(130,130,130);
830    border-bottom: rgba(130,130,130,.3);
831    border-bottom-width: 1px;
832    border-bottom-style: solid;
833}
834
835/* Interaction cues
836-----------------------------------------------------------------------------------------------------------*/
837.ui-disabled {
838    opacity:                            .3;
839}
840.ui-disabled,
841.ui-disabled a {
842    pointer-events: none;
843    cursor: default;
844}
845
846/* Icons
847-----------------------------------------------------------------------------------------------------------*/
848
849.ui-icon,
850.ui-icon-searchfield:after {
851    background:                         #666 /*{global-icon-color}*/;
852    background:                         rgba(0,0,0,.4) /*{global-icon-disc}*/;
853    background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
854    background-repeat: no-repeat;
855    -moz-border-radius:                 9px;
856    -webkit-border-radius:              9px;
857    border-radius:                      9px;
858}
859
860
861/* Alt icon color
862-----------------------------------------------------------------------------------------------------------*/
863
864.ui-icon-alt {
865    background:                         #fff;
866    background:                         rgba(255,255,255,.3);
867    background-image: url(images/icons-18-black.png);
868    background-repeat: no-repeat;
869}
870
871/* HD/"retina" sprite
872-----------------------------------------------------------------------------------------------------------*/
873
874@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
875       only screen and (min--moz-device-pixel-ratio: 1.5),
876       only screen and (min-resolution: 240dpi) {
877   
878    .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
879    .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
880    .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
881    .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
882    .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
883        background-image: url(images/icons-36-white.png);
884        -moz-background-size: 776px 18px;
885        -o-background-size: 776px 18px;
886        -webkit-background-size: 776px 18px;
887        background-size: 776px 18px;
888    }
889    .ui-icon-alt {
890        background-image: url(images/icons-36-black.png);
891    }
892}
893
894/* plus minus */
895.ui-icon-plus {
896    background-position:    -0 50%;
897}
898.ui-icon-minus {
899    background-position:    -36px 50%;
900}
901
902/* delete/close */
903.ui-icon-delete {
904    background-position:    -72px 50%;
905}
906
907/* arrows */
908.ui-icon-arrow-r {
909    background-position:    -108px 50%;
910}
911.ui-icon-arrow-l {
912    background-position:    -144px 50%;
913}
914.ui-icon-arrow-u {
915    background-position:    -180px 50%;
916}
917.ui-icon-arrow-d {
918    background-position:    -216px 50%;
919}
920
921/* misc */
922.ui-icon-check {
923    background-position:    -252px 50%;
924}
925.ui-icon-gear {
926    background-position:    -288px 50%;
927}
928.ui-icon-refresh {
929    background-position:    -324px 50%;
930}
931.ui-icon-forward {
932    background-position:    -360px 50%;
933}
934.ui-icon-back {
935    background-position:    -396px 50%;
936}
937.ui-icon-grid {
938    background-position:    -432px 50%;
939}
940.ui-icon-star {
941    background-position:    -468px 50%;
942}
943.ui-icon-alert {
944    background-position:    -504px 50%;
945}
946.ui-icon-info {
947    background-position:    -540px 50%;
948}
949.ui-icon-home {
950    background-position:    -576px 50%;
951}
952.ui-icon-search,
953.ui-icon-searchfield:after {
954    background-position:    -612px 50%;
955}
956.ui-icon-checkbox-off {
957    background-position:    -684px 50%;
958}
959.ui-icon-checkbox-on {
960    background-position:    -648px 50%;
961}
962.ui-icon-radio-off {
963    background-position:    -756px 50%;
964}
965.ui-icon-radio-on {
966    background-position:    -720px 50%;
967}
968
969
970/* checks,radios */
971.ui-checkbox .ui-icon {
972    -moz-border-radius: 3px;
973    -webkit-border-radius: 3px;
974    border-radius: 3px;
975}
976.ui-icon-checkbox-off,
977.ui-icon-radio-off {
978    background-color: transparent; 
979}
980.ui-checkbox-on .ui-icon,
981.ui-radio-on .ui-icon {
982    background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
983}
984
985/* loading icon */
986.ui-icon-loading {
987    background-image: url(images/ajax-loader.png);
988    width: 40px;
989    height: 40px;
990    -moz-border-radius: 20px;
991    -webkit-border-radius: 20px;
992    border-radius: 20px;
993    background-size: 35px 35px;
994}
995
996
997/* Button corner classes
998-----------------------------------------------------------------------------------------------------------*/
999
1000.ui-btn-corner-tl {
1001    -moz-border-radius-topleft:         1em /*{global-radii-buttons}*/;
1002    -webkit-border-top-left-radius:     1em /*{global-radii-buttons}*/;
1003    border-top-left-radius:             1em /*{global-radii-buttons}*/;
1004}
1005.ui-btn-corner-tr {
1006    -moz-border-radius-topright:        1em /*{global-radii-buttons}*/;
1007    -webkit-border-top-right-radius:    1em /*{global-radii-buttons}*/;
1008    border-top-right-radius:            1em /*{global-radii-buttons}*/;
1009}
1010.ui-btn-corner-bl {
1011    -moz-border-radius-bottomleft:      1em /*{global-radii-buttons}*/;
1012    -webkit-border-bottom-left-radius:  1em /*{global-radii-buttons}*/;
1013    border-bottom-left-radius:          1em /*{global-radii-buttons}*/;
1014}
1015.ui-btn-corner-br {
1016    -moz-border-radius-bottomright:     1em /*{global-radii-buttons}*/;
1017    -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1018    border-bottom-right-radius:         1em /*{global-radii-buttons}*/;
1019}
1020.ui-btn-corner-top {
1021    -moz-border-radius-topleft:         1em /*{global-radii-buttons}*/;
1022    -webkit-border-top-left-radius:     1em /*{global-radii-buttons}*/;
1023    border-top-left-radius:             1em /*{global-radii-buttons}*/;
1024    -moz-border-radius-topright:        1em /*{global-radii-buttons}*/;
1025    -webkit-border-top-right-radius:    1em /*{global-radii-buttons}*/;
1026    border-top-right-radius:            1em /*{global-radii-buttons}*/;
1027}
1028.ui-btn-corner-bottom {
1029    -moz-border-radius-bottomleft:      1em /*{global-radii-buttons}*/;
1030    -webkit-border-bottom-left-radius:  1em /*{global-radii-buttons}*/;
1031    border-bottom-left-radius:          1em /*{global-radii-buttons}*/;
1032    -moz-border-radius-bottomright:     1em /*{global-radii-buttons}*/;
1033    -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1034    border-bottom-right-radius:         1em /*{global-radii-buttons}*/;
1035}
1036.ui-btn-corner-right {
1037     -moz-border-radius-topright:       1em /*{global-radii-buttons}*/;
1038    -webkit-border-top-right-radius:    1em /*{global-radii-buttons}*/;
1039    border-top-right-radius:            1em /*{global-radii-buttons}*/;
1040    -moz-border-radius-bottomright:     1em /*{global-radii-buttons}*/;
1041    -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1042    border-bottom-right-radius:         1em /*{global-radii-buttons}*/;
1043}
1044.ui-btn-corner-left {
1045    -moz-border-radius-topleft:         1em /*{global-radii-buttons}*/;
1046    -webkit-border-top-left-radius:     1em /*{global-radii-buttons}*/;
1047    border-top-left-radius:             1em /*{global-radii-buttons}*/;
1048    -moz-border-radius-bottomleft:      1em /*{global-radii-buttons}*/;
1049    -webkit-border-bottom-left-radius:  1em /*{global-radii-buttons}*/;
1050    border-bottom-left-radius:          1em /*{global-radii-buttons}*/;
1051}
1052.ui-btn-corner-all {
1053    -moz-border-radius:                 1em /*{global-radii-buttons}*/;
1054    -webkit-border-radius:              1em /*{global-radii-buttons}*/;
1055    border-radius:                      1em /*{global-radii-buttons}*/;
1056}
1057
1058/* radius clip workaround for cleaning up corner trapping */
1059.ui-corner-tl,
1060.ui-corner-tr,
1061.ui-corner-bl,
1062.ui-corner-br,
1063.ui-corner-top,
1064.ui-corner-bottom,
1065.ui-corner-right,
1066.ui-corner-left,
1067.ui-corner-all,
1068.ui-btn-corner-tl,
1069.ui-btn-corner-tr,
1070.ui-btn-corner-bl,
1071.ui-btn-corner-br,
1072.ui-btn-corner-top,
1073.ui-btn-corner-bottom,
1074.ui-btn-corner-right,
1075.ui-btn-corner-left,
1076.ui-btn-corner-all {
1077  -webkit-background-clip: padding-box;
1078     -moz-background-clip: padding;
1079          background-clip: padding-box;
1080}
1081
1082/* Overlay / modal
1083-----------------------------------------------------------------------------------------------------------*/
1084
1085.ui-overlay {
1086    background: #666;
1087    opacity: .5;
1088    filter: Alpha(Opacity=50);
1089    position: absolute;
1090    width: 100%;
1091    height: 100%;
1092}
1093.ui-overlay-shadow {
1094    -moz-box-shadow: 0px 0px 12px           rgba(0,0,0,.6);
1095    -webkit-box-shadow: 0px 0px 12px        rgba(0,0,0,.6);
1096    box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
1097}
1098.ui-shadow {
1099    -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/           rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1100    -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/        rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1101    box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/                rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1102}
1103.ui-bar-a .ui-shadow,
1104.ui-bar-b .ui-shadow ,
1105.ui-bar-c .ui-shadow  {
1106    -moz-box-shadow: 0px 1px 0              rgba(255,255,255,.3);
1107    -webkit-box-shadow: 0px 1px 0           rgba(255,255,255,.3);
1108    box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
1109}
1110.ui-shadow-inset {
1111    -moz-box-shadow: inset 0px 1px 4px      rgba(0,0,0,.2);
1112    -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
1113    box-shadow: inset 0px 1px 4px           rgba(0,0,0,.2);
1114}
1115.ui-icon-shadow {
1116    -moz-box-shadow: 0px 1px 0              rgba(255,255,255,.4);
1117    -webkit-box-shadow: 0px 1px 0           rgba(255,255,255,.4);
1118    box-shadow: 0px 1px 0                   rgba(255,255,255,.4);
1119}
1120
1121/* Focus state - set here for specificity
1122-----------------------------------------------------------------------------------------------------------*/
1123
1124.ui-focus {
1125    -moz-box-shadow: 0px 0px 12px       #387bbe /*{global-active-background-color}*/;
1126    -webkit-box-shadow: 0px 0px 12px    #387bbe /*{global-active-background-color}*/;
1127    box-shadow: 0px 0px 12px            #387bbe /*{global-active-background-color}*/;
1128}
1129
1130/* unset box shadow in browsers that don't do it right
1131-----------------------------------------------------------------------------------------------------------*/
1132
1133.ui-mobile-nosupport-boxshadow * {
1134    -moz-box-shadow: none !important;
1135    -webkit-box-shadow: none !important;
1136    box-shadow: none !important;
1137}
1138
1139/* ...and bring back focus */
1140.ui-mobile-nosupport-boxshadow .ui-focus {
1141    outline-width: 2px;
1142}
1143/* some unsets - more probably needed */
1144.ui-mobile, .ui-mobile body { height: 100%; }
1145.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
1146.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
1147
1148/* responsive page widths */
1149.ui-mobile-viewport {  margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
1150/* Issue #2066 */
1151body.ui-mobile-viewport,
1152div.ui-mobile-viewport { overflow-x: hidden; }
1153
1154/* "page" containers - full-screen views, one should always be in view post-pageload */
1155.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; }
1156.ui-mobile .ui-page-active { display: block; overflow: visible; }
1157
1158/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
1159.ui-page { outline: none; }
1160
1161/*orientations from js are available */
1162@media screen and (orientation: portrait){
1163.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
1164}
1165@media screen and (orientation: landscape){
1166.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
1167}
1168
1169/* native overflow scrolling */
1170.ui-page.ui-mobile-touch-overflow,
1171.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
1172    overflow: auto;
1173    height: 100%;
1174    left: 0;
1175    right: 0;
1176    -webkit-overflow-scrolling: touch;
1177    -moz-overflow-scrolling: touch;
1178    -o-overflow-scrolling: touch;
1179    -ms-overflow-scrolling: touch;
1180    overflow-scrolling: touch;
1181}
1182.ui-page.ui-mobile-touch-overflow,
1183.ui-page.ui-mobile-touch-overflow * {
1184    /* some level of transform keeps elements from blinking out of visibility on iOS */
1185    -webkit-transform: rotateY(0);
1186}
1187.ui-page.ui-mobile-pre-transition {
1188    display: block;
1189}
1190.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview {
1191    margin-top: 0;
1192}
1193.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-inset {
1194    margin-top: 1em;
1195}
1196.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter {
1197    margin-top: .2em;
1198    margin-bottom: 0;
1199}
1200.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter-inset {
1201    margin-bottom: -.9em;
1202}
1203.ui-mobile-touch-overflow.ui-native-fixed .ui-header .ui-btn {
1204    z-index: 10;
1205}
1206
1207/* loading screen */
1208.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
1209.ui-loading .ui-loader { display: block; }
1210.ui-loading .ui-page { overflow: hidden;  }
1211.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
1212.ui-loader h1 { font-size: 15px; text-align: center; }
1213.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
1214
1215/*fouc*/
1216.ui-mobile-rendering > * { visibility: hidden; }
1217
1218/*headers, content panels*/
1219.ui-bar, .ui-body { position: relative; padding: .4em 15px;  overflow: hidden; display: block;  clear:both;  }
1220.ui-bar { font-size: 16px; margin: 0; }
1221.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; }
1222
1223.ui-header, .ui-footer { display: block; }
1224.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
1225.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em;  }
1226.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
1227.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em;  padding: 0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
1228.ui-footer .ui-title { margin: .6em 15px .8em;  }
1229
1230/*content area*/
1231.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1232.ui-page-fullscreen .ui-content { padding:0; }
1233
1234/* native fixed headers and footers */
1235.ui-mobile-touch-overflow.ui-page.ui-native-fixed,
1236.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
1237    overflow: visible;
1238}
1239.ui-mobile-touch-overflow.ui-native-fixed .ui-header,
1240.ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
1241    position: fixed;
1242    left: 0;
1243    right: 0;
1244    top: 0;
1245    z-index: 200;
1246}
1247.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
1248    top: auto;
1249    bottom: 0;
1250}
1251.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
1252    padding-top: 2.5em;
1253    padding-bottom: 3em;
1254    top: 0;
1255    bottom: 0;
1256    height: auto;
1257    position: absolute;
1258}
1259.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
1260    padding-top: 0;
1261    padding-bottom: 0;
1262}
1263.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
1264.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
1265    opacity: .9;
1266}
1267.ui-native-bars-hidden {
1268    display: none;
1269}
1270
1271/* icons sizing */
1272.ui-icon { width: 18px; height: 18px; }
1273
1274/* fullscreen class on ui-content div */
1275.ui-fullscreen {  }
1276.ui-fullscreen img { max-width: 100%; }
1277
1278/* non-js content hiding */
1279.ui-nojs { position: absolute; left: -9999px; }
1280
1281/* accessible content hiding */
1282.ui-hide-label label,
1283.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
1284.spin  {
1285    -webkit-transform: rotate(360deg);
1286    -webkit-animation-name: spin;
1287    -webkit-animation-duration: 1s;
1288    -webkit-animation-iteration-count:  infinite;
1289    -webkit-animation-timing-function: linear;
1290}
1291@-webkit-keyframes spin {
1292    from {-webkit-transform: rotate(0deg);}
1293    to {-webkit-transform: rotate(360deg);}
1294}
1295
1296/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
1297Built by David Kaneda and maintained by Jonathan Stark.
1298*/
1299.in, .out {
1300    -webkit-animation-timing-function: ease-in-out;
1301    -webkit-animation-duration: 350ms;
1302}
1303
1304
1305.slide.out {
1306    -webkit-transform: translateX(-100%);
1307    -webkit-animation-name: slideouttoleft;
1308}
1309
1310.slide.in {
1311    -webkit-transform: translateX(0);
1312    -webkit-animation-name: slideinfromright;
1313}
1314
1315.slide.out.reverse {
1316    -webkit-transform: translateX(100%);
1317    -webkit-animation-name: slideouttoright;
1318}
1319
1320.slide.in.reverse {
1321    -webkit-transform: translateX(0);
1322    -webkit-animation-name: slideinfromleft;
1323}
1324
1325.slideup.out {
1326    -webkit-animation-name: dontmove;
1327    z-index: 0;
1328}
1329
1330.slideup.in {
1331    -webkit-transform: translateY(0);
1332    -webkit-animation-name: slideinfrombottom;
1333    z-index: 10;
1334}
1335
1336.slideup.in.reverse {
1337    z-index: 0;
1338    -webkit-animation-name: dontmove;
1339}
1340
1341.slideup.out.reverse {
1342    -webkit-transform: translateY(100%);
1343    z-index: 10;
1344    -webkit-animation-name: slideouttobottom;
1345}
1346
1347.slidedown.out {
1348    -webkit-animation-name: dontmove;
1349    z-index: 0;
1350}
1351
1352.slidedown.in {
1353    -webkit-transform: translateY(0);
1354    -webkit-animation-name: slideinfromtop;
1355    z-index: 10;
1356}
1357
1358.slidedown.in.reverse {
1359    z-index: 0;
1360    -webkit-animation-name: dontmove;
1361}
1362
1363.slidedown.out.reverse {
1364    -webkit-transform: translateY(-100%);
1365    z-index: 10;
1366    -webkit-animation-name: slideouttotop;
1367}
1368
1369@-webkit-keyframes slideinfromright {
1370    from { -webkit-transform: translateX(100%); }
1371    to { -webkit-transform: translateX(0); }
1372}
1373
1374@-webkit-keyframes slideinfromleft {
1375    from { -webkit-transform: translateX(-100%); }
1376    to { -webkit-transform: translateX(0); }
1377}
1378
1379@-webkit-keyframes slideouttoleft {
1380    from { -webkit-transform: translateX(0); }
1381    to { -webkit-transform: translateX(-100%); }
1382}
1383
1384@-webkit-keyframes slideouttoright {
1385    from { -webkit-transform: translateX(0); }
1386    to { -webkit-transform: translateX(100%); }
1387}
1388
1389@-webkit-keyframes slideinfromtop {
1390    from { -webkit-transform: translateY(-100%); }
1391    to { -webkit-transform: translateY(0); }
1392}
1393
1394@-webkit-keyframes slideinfrombottom {
1395    from { -webkit-transform: translateY(100%); }
1396    to { -webkit-transform: translateY(0); }
1397}
1398
1399@-webkit-keyframes slideouttobottom {
1400    from { -webkit-transform: translateY(0); }
1401    to { -webkit-transform: translateY(100%); }
1402}
1403
1404@-webkit-keyframes slideouttotop {
1405    from { -webkit-transform: translateY(0); }
1406    to { -webkit-transform: translateY(-100%); }
1407}
1408@-webkit-keyframes fadein {
1409    from { opacity: 0; }
1410    to { opacity: 1; }
1411}
1412
1413@-webkit-keyframes fadeout {
1414    from { opacity: 1; }
1415    to { opacity: 0; }
1416}
1417
1418.fade.out {
1419    z-index: 0;
1420    -webkit-animation-name: fadeout;
1421}
1422
1423.fade.in {
1424    opacity: 1;
1425    z-index: 10;
1426    -webkit-animation-name: fadein;
1427}
1428
1429/* The properties in this rule are only necessary for the 'flip' transition.
1430 * We need specify the perspective to create a projection matrix. This will add
1431 * some depth as the element flips. The depth number represents the distance of
1432 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1433 * value.
1434 */
1435.viewport-flip {
1436    -webkit-perspective: 1000;
1437    position: absolute;
1438}
1439
1440.ui-mobile-viewport-transitioning,
1441.ui-mobile-viewport-transitioning .ui-page {
1442    width: 100%;
1443    height: 100%;
1444    overflow: hidden;
1445}
1446
1447.flip {
1448    -webkit-animation-duration: .65s;
1449    -webkit-backface-visibility:hidden;
1450    -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
1451}
1452
1453.flip.out {
1454    -webkit-transform: rotateY(-180deg) scale(.8);
1455    -webkit-animation-name: flipouttoleft;
1456}
1457
1458.flip.in {
1459    -webkit-transform: rotateY(0) scale(1);
1460    -webkit-animation-name: flipinfromleft;
1461}
1462
1463/* Shake it all about */
1464
1465.flip.out.reverse {
1466    -webkit-transform: rotateY(180deg) scale(.8);
1467    -webkit-animation-name: flipouttoright;
1468}
1469
1470.flip.in.reverse {
1471    -webkit-transform: rotateY(0) scale(1);
1472    -webkit-animation-name: flipinfromright;
1473}
1474
1475@-webkit-keyframes flipinfromright {
1476    from { -webkit-transform: rotateY(-180deg) scale(.8); }
1477    to { -webkit-transform: rotateY(0) scale(1); }
1478}
1479
1480@-webkit-keyframes flipinfromleft {
1481    from { -webkit-transform: rotateY(180deg) scale(.8); }
1482    to { -webkit-transform: rotateY(0) scale(1); }
1483}
1484
1485@-webkit-keyframes flipouttoleft {
1486    from { -webkit-transform: rotateY(0) scale(1); }
1487    to { -webkit-transform: rotateY(-180deg) scale(.8); }
1488}
1489
1490@-webkit-keyframes flipouttoright {
1491    from { -webkit-transform: rotateY(0) scale(1); }
1492    to { -webkit-transform: rotateY(180deg) scale(.8); }
1493}
1494
1495
1496/* Hackish, but reliable. */
1497
1498@-webkit-keyframes dontmove {
1499    from { opacity: 1; }
1500    to { opacity: 1; }
1501}
1502
1503.pop {
1504    -webkit-transform-origin: 50% 50%;
1505}
1506
1507.pop.in {
1508    -webkit-transform: scale(1);
1509    opacity: 1;
1510    -webkit-animation-name: popin;
1511    z-index: 10;
1512}
1513
1514.pop.in.reverse {
1515    z-index: 0;
1516    -webkit-animation-name: dontmove;
1517}
1518
1519.pop.out.reverse {
1520    -webkit-transform: scale(.2);
1521    opacity: 0;
1522    -webkit-animation-name: popout;
1523    z-index: 10;
1524}
1525
1526@-webkit-keyframes popin {
1527    from {
1528        -webkit-transform: scale(.2);
1529        opacity: 0;
1530    }
1531    to {
1532        -webkit-transform: scale(1);
1533        opacity: 1;
1534    }
1535}
1536
1537@-webkit-keyframes popout {
1538    from {
1539        -webkit-transform: scale(1);
1540        opacity: 1;
1541    }
1542    to {
1543        -webkit-transform: scale(.2);
1544        opacity: 0;
1545    }
1546}/* content configurations. */
1547.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1548.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;}
1549
1550/* grid solo: 100 - single item fallback */
1551.ui-grid-solo .ui-block-a { width: 100%; float: none; }
1552
1553/* grid a: 50/50 */
1554.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
1555.ui-grid-a .ui-block-a { clear: left; }
1556
1557/* grid b: 33/33/33 */
1558.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
1559.ui-grid-b .ui-block-a { clear: left; }
1560
1561/* grid c: 25/25/25/25 */
1562.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: 25%; }
1563.ui-grid-c .ui-block-a { clear: left; }
1564
1565/* grid d: 20/20/20/20/20 */
1566.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: 20%; }
1567.ui-grid-d .ui-block-a { clear: left; }
1568/* fixed page header & footer configuration */
1569.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer  { position: absolute;  overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
1570.ui-header-fixed, .ui-footer-fixed {
1571    z-index: 1000;
1572    -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
1573}
1574.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
1575.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
1576.ui-navbar { overflow: hidden;  }
1577.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
1578.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
1579.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
1580.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
1581.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; }
1582.ui-navbar li .ui-btn {  margin-right: -1px; }
1583.ui-navbar li .ui-btn:last-child { margin-right: 0; }
1584.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
1585.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
1586.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
1587.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
1588/*expanded page styles*/
1589.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
1590.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px;  }
1591.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
1592.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
1593.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
1594.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
1595.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
1596.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
1597.ui-btn { display: block; text-align: center; cursor:pointer;  position: relative; margin: .5em 5px; padding: 0; }
1598.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
1599.ui-btn-inline { display: inline-block; }
1600.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
1601.ui-btn input, .ui-btn button { z-index: 2; }
1602.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
1603.ui-btn-icon-notext { width: 24px; height: 24px; }
1604.ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; }
1605.ui-btn-text { position: relative; z-index: 1; }
1606.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
1607.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
1608.ui-header .ui-btn-icon-left .ui-btn-inner,
1609.ui-footer .ui-btn-icon-left .ui-btn-inner,
1610.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
1611.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
1612.ui-header .ui-btn-icon-right .ui-btn-inner,
1613.ui-footer .ui-btn-icon-right .ui-btn-inner,
1614.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
1615.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
1616.ui-header .ui-btn-icon-top .ui-btn-inner,
1617.ui-footer .ui-btn-icon-top .ui-btn-inner,
1618.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
1619.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
1620.ui-header .ui-btn-icon-bottom .ui-btn-inner,
1621.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
1622.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
1623
1624/*btn icon positioning*/
1625.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
1626.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
1627.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%;  margin-left: -9px; }
1628.ui-btn-icon-left .ui-icon { left: 10px; }
1629.ui-btn-icon-right .ui-icon { right: 10px; }
1630.ui-btn-icon-top .ui-icon { top: 10px; }
1631.ui-btn-icon-bottom .ui-icon { bottom: 10px; }
1632.ui-header .ui-btn-icon-left .ui-icon,
1633.ui-footer .ui-btn-icon-left .ui-icon,
1634.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
1635.ui-header .ui-btn-icon-right .ui-icon,
1636.ui-footer .ui-btn-icon-right .ui-icon,
1637.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
1638.ui-header .ui-btn-icon-top .ui-icon,
1639.ui-footer .ui-btn-icon-top .ui-icon,
1640.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
1641.ui-header .ui-btn-icon-bottom .ui-icon,
1642.ui-footer .ui-btn-icon-bottom .ui-icon,
1643.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
1644
1645/*hiding native button,inputs */
1646.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; line-height: 999px; }
1647.ui-collapsible { margin: .5em 0; }
1648.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
1649.ui-collapsible-heading a { text-align: left; margin: 0;  }
1650.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
1651.ui-collapsible-heading a 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; }
1652.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
1653.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
1654.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
1655.ui-collapsible-content {
1656    display: block;
1657    margin:  0 -8px;
1658    padding: 10px 16px;
1659    border-top:  none;      /* Overrides ui-btn-up-* */
1660    background-image: none; /* Overrides ui-btn-up-* */
1661    font-weight: normal;    /* Overrides ui-btn-up-* */
1662}
1663.ui-collapsible-content-collapsed { display: none; }
1664
1665.ui-collapsible-set { margin: .5em 0; }
1666.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
1667.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
1668.ui-bar .ui-controlgroup { margin: 0 .3em; }
1669.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
1670.ui-controlgroup-controls { display: block; width: 100%;}
1671.ui-controlgroup li { list-style: none; }
1672.ui-controlgroup-vertical .ui-btn,
1673.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  }
1674.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
1675
1676.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
1677.ui-controlgroup-horizontal { padding: 0; }
1678.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -5px 0 0; }
1679.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; }
1680.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
1681.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
1682.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
1683.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  }
1684/* conflicts with listview..
1685.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
1686.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
1687*/
1688
1689@media all and (min-width: 450px){
1690    .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }
1691    .ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
1692    .ui-field-contain .ui-controlgroup .ui-select { width: 100%; }
1693    .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
1694}   .ui-dialog { min-height: 480px; }
1695.ui-dialog .ui-header,
1696.ui-dialog .ui-content,
1697.ui-dialog .ui-footer {
1698    max-width: 500px;
1699    margin: 10% auto 15px auto;
1700    width: 85%;
1701    position: relative;
1702}
1703.ui-dialog .ui-header,
1704.ui-dialog .ui-footer  {
1705    padding: 0 15px;
1706    z-index: 10;
1707}
1708.ui-dialog .ui-content {
1709    padding: 15px;
1710}
1711.ui-dialog .ui-content,
1712.ui-dialog .ui-footer {
1713    margin-top: -15px; 
1714}
1715.ui-checkbox, .ui-radio { position:relative;  margin: .2em 0 .5em; z-index: 1;  }
1716.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
1717.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
1718.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
1719.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
1720.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
1721.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
1722.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
1723/* input, label positioning */
1724.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; }.ui-field-contain, fieldset.ui-field-contain { padding: 1.5em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
1725.ui-field-contain:first-child { border-top-width: 0; }
1726@media all and (min-width: 450px){
1727    .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
1728}   .ui-select { display: block; position: relative; }
1729.ui-select select { position: absolute; left: -9999px; top: -9999px; }
1730.ui-select .ui-btn { overflow: hidden; }
1731
1732
1733.ui-select .ui-btn { opacity: 1; }
1734
1735/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
1736.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%;  min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
1737
1738.ui-select .ui-disabled { opacity: .3; }
1739
1740@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
1741.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
1742
1743.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
1744.ui-select .ui-btn-icon-right .ui-icon { right: 15px;  }
1745
1746/* labels */
1747label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }
1748
1749/*listbox*/
1750.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden; }
1751.ui-select .ui-btn-text { text-overflow: ellipsis; }
1752
1753.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }
1754.ui-selectmenu .ui-listview { margin: 0; }
1755.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
1756.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
1757.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 99; }
1758.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
1759.ui-selectmenu-list .ui-li .ui-icon { display: block; }
1760.ui-li.ui-selectmenu-placeholder { display: none; }
1761.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
1762
1763@media all and (min-width: 450px){
1764    .ui-field-contain label.ui-select { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
1765    .ui-field-contain .ui-select { width: 60%; display: inline-block; }
1766}
1767
1768/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
1769.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
1770
1771/* TODO when the custom select css us moved out to it's own file this should be included */
1772.ui-li-static .ui-select .ui-li-count { right: 38px; }
1773label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
1774input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; }
1775input.ui-input-text { -webkit-appearance: none; }
1776textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
1777.ui-input-search { padding: 0 30px; background-image: none; position: relative; }
1778.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
1779.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
1780.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
1781.ui-input-search .ui-input-clear-hidden { display: none; }
1782
1783/* orientation adjustments - incomplete!*/
1784@media all and (min-width: 450px){
1785    .ui-field-contain label.ui-input-text  { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0 }
1786    .ui-field-contain input.ui-input-text,
1787    .ui-field-contain textarea.ui-input-text,
1788    .ui-field-contain .ui-input-search { width: 60%; display: inline-block; }
1789    .ui-field-contain .ui-input-search { width: 50%; }
1790    .ui-hide-label input.ui-input-text,
1791    .ui-hide-label textarea.ui-input-text,
1792    .ui-hide-label .ui-input-search { padding: .4em; width: 97%; }
1793    .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
1794}.ui-listview { margin: 0; counter-reset: listnumbering; }
1795.ui-content .ui-listview { margin: -15px; }
1796.ui-content .ui-listview-inset { margin: 1em 0;  }
1797.ui-listview, .ui-li { list-style:none; padding:0; }
1798.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; }
1799.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
1800.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold;  }
1801.ui-li-divider { counter-reset: listnumbering;  }
1802ol.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) ". "; }
1803ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
1804.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
1805.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
1806.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
1807.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; }
1808.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }
1809.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {  min-height: 20px; padding-left: 40px; }
1810.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; }
1811.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; }
1812.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; }
1813.ui-li-has-count .ui-btn-text { padding-right: 15px; }
1814.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
1815.ui-li-desc {  font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1816.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
1817.ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
1818.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
1819
1820.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
1821@media all and (min-width: 480px){
1822     .ui-li-aside { width: 45%; }
1823}   
1824.ui-li-divider { cursor: default; }
1825.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
1826.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
1827.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
1828.ui-li-has-alt .ui-li-count { right: 55px; }
1829.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; }
1830.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}
1831.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
1832.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px;  }
1833
1834.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
1835
1836.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
1837.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
1838
1839.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
1840.ui-li.ui-screen-hidden{display:none;}
1841/* Odd iPad positioning issue. */
1842@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
1843    .ui-li .ui-btn-text { overflow:  visible; }
1844}label.ui-slider { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }
1845input.ui-slider-input,
1846.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; }
1847select.ui-slider-switch { display: none; }
1848div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 60%; }
1849div.ui-slider-switch { width: 99.8%; }
1850a.ui-slider-handle { position: absolute; z-index: 10;  top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
1851a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
1852@media all and (min-width: 480px){
1853    .ui-field-contain label.ui-slider { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
1854    .ui-field-contain div.ui-slider { width: 43%; }
1855}   
1856
1857div.ui-slider-switch { height: 32px;  overflow: hidden; margin-left: 0; }
1858div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
1859a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
1860div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
1861div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
1862div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
1863.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
1864.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }
1865
1866div.ui-slider-switch a.ui-slider-handle { z-index: 20;  width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
1867span.ui-slider-label { width: 100%; position: absolute;height: 32px;  font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }
1868span.ui-slider-label-a { left: -100%;  margin-right: -1px }
1869span.ui-slider-label-b { right: -100%;  margin-left: -1px }
Note: See TracBrowser for help on using the repository browser.