qedproject 0.2.1 → 0.3.0

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