author | Clipperz <info@clipperz.com> | 2013-01-08 15:21:04 (UTC) |
---|---|---|
committer | Clipperz <info@clipperz.com> | 2013-01-08 15:21:04 (UTC) |
commit | 816fc35420a434b1d54ae5833d617608f7456048 (patch) (unidiff) | |
tree | 95b8caf354083593d7775e4dda6f4c556b44a2d9 /frontend/gamma/css/web.css | |
parent | 267603e3aa3cf0029411e67ae14018b52344c296 (diff) | |
download | clipperz-816fc35420a434b1d54ae5833d617608f7456048.zip clipperz-816fc35420a434b1d54ae5833d617608f7456048.tar.gz clipperz-816fc35420a434b1d54ae5833d617608f7456048.tar.bz2 |
Updated version of /gamma
Tons of changes, included a new draft of the mobile version (still VERY rough)
-rw-r--r-- | frontend/gamma/css/web.css | 4093 |
1 files changed, 2989 insertions, 1104 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css index 0a72e09..3540016 100644 --- a/frontend/gamma/css/web.css +++ b/frontend/gamma/css/web.css | |||
@@ -119,2092 +119,3977 @@ div.modalDialogMask.userInfoBoxMask { | |||
119 | #mainDiv { | 119 | #mainDiv { |
120 | margin: 0 auto; | 120 | margin: 0 auto; |
121 | } | 121 | } |
122 | div#loading { | 122 | div#loading { |
123 | width: 100%; | 123 | width: 100%; |
124 | height: 100%; | 124 | height: 100%; |
125 | display: table; | 125 | display: table; |
126 | background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); | 126 | background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); |
127 | /* IE10 */ | 127 | /* IE10 */ |
128 | background-image: -moz-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); | 128 | background-image: -moz-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); |
129 | /* Mozilla Firefox */ | 129 | /* Mozilla Firefox */ |
130 | background-image: -o-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); | 130 | background-image: -o-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); |
131 | /* Opera */ | 131 | /* Opera */ |
132 | background-image: -webkit-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); | 132 | background-image: -webkit-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); |
133 | /* Webkit (Chrome 11+) */ | 133 | /* Webkit (Chrome 11+) */ |
134 | background-image: radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); | 134 | background-image: radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); |
135 | /* Proposed W3C Markup */ | 135 | /* Proposed W3C Markup */ |
136 | background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, #4d52b3), color-stop(1, #1f2148)); | 136 | background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, #4d52b3), color-stop(1, #1f2148)); |
137 | /* Webkit (Safari/Chrome 10) */ | 137 | /* Webkit (Safari/Chrome 10) */ |
138 | } | 138 | } |
139 | div#loading div { | 139 | div#loading div { |
140 | display: table-cell; | 140 | display: table-cell; |
141 | vertical-align: middle; | 141 | vertical-align: middle; |
142 | width: 100%; | 142 | width: 100%; |
143 | text-align: center; | 143 | text-align: center; |
144 | } | 144 | } |
145 | div#loading div h1 { | 145 | div#loading div h1 { |
146 | font-size: 40pt; | 146 | font-size: 40pt; |
147 | color: #ffffff; | 147 | color: #ffffff; |
148 | text-shadow: -1px -1px 2px #2e316c, 1px 1px 1px #454aa1; | 148 | text-shadow: -1px -1px 2px #2e316c, 1px 1px 1px #454aa1; |
149 | } | 149 | } |
150 | div#loading div h3 { | 150 | div#loading div h3 { |
151 | font-size: 18pt; | 151 | font-size: 18pt; |
152 | text-shadow: -1px -1px 1px #2e316c, 1px 1px 1px #454aa1; | 152 | text-shadow: -1px -1px 1px #2e316c, 1px 1px 1px #454aa1; |
153 | color: #1f2148; | 153 | color: #1f2148; |
154 | } | 154 | } |
155 | div#loading div h5 { | 155 | div#loading div h5 { |
156 | padding-left: 20px; | 156 | padding-left: 20px; |
157 | color: #ff9200; | 157 | color: #ff9200; |
158 | } | 158 | } |
159 | /* | 159 | /* |
160 | 160 | ||
161 | Color list: | 161 | Color list: |
162 | - login box: | 162 | - login box: |
163 | light#ff9955 | 163 | light#ff9955 |
164 | dark#ff6622 | 164 | dark#ff6622 |
165 | - login button: | 165 | - login button: |
166 | regular#dd5500 | 166 | regular#dd5500 |
167 | hover#773311 | 167 | hover#773311 |
168 | - login translations: | 168 | - login translations: |
169 | box: #cc6622; | 169 | box: #cc6622; |
170 | not-selected: | 170 | not-selected: |
171 | color: #ddaa99 | 171 | color: #ddaa99 |
172 | background:#994422 | 172 | background:#994422 |
173 | selected: #772211; | 173 | selected: #772211; |
174 | */ | 174 | */ |
175 | html { | 175 | html { |
176 | height: 100%; | 176 | height: 100%; |
177 | } | 177 | } |
178 | body { | 178 | body { |
179 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 179 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
180 | margin: 0px; | 180 | margin: 0px; |
181 | } | 181 | } |
182 | div.modalDialogMask.userInfoBoxMask { | 182 | div.modalDialogMask.userInfoBoxMask { |
183 | -moz-opacity: 0.0; | 183 | -moz-opacity: 0.0; |
184 | opacity: .0; | 184 | opacity: .0; |
185 | filter: alpha(opacity=0); | 185 | filter: alpha(opacity=0); |
186 | z-index: 19000; | 186 | z-index: 19000; |
187 | } | 187 | } |
188 | .reset-margin { | 188 | .reset-margin { |
189 | margin: 0px; | 189 | margin: 0px; |
190 | padding: 0px; | 190 | padding: 0px; |
191 | border: 0px; | 191 | border: 0px; |
192 | } | 192 | } |
193 | .clear { | 193 | .clear { |
194 | clear: both; | 194 | clear: both; |
195 | } | 195 | } |
196 | .hidden_none { | 196 | .hidden_none { |
197 | display: none; | 197 | display: none; |
198 | visibility: hidden; | 198 | visibility: hidden; |
199 | } | 199 | } |
200 | .keepTogether { | 200 | .keepTogether { |
201 | display: inline-block; | 201 | display: inline-block; |
202 | white-space: nowrap; | 202 | white-space: nowrap; |
203 | } | 203 | } |
204 | #mainDiv { | 204 | #mainDiv { |
205 | margin: 0 auto; | 205 | margin: 0 auto; |
206 | } | 206 | } |
207 | div.tooltip { | 207 | div.tooltip { |
208 | position: absolute; | 208 | position: absolute; |
209 | z-index: 30001; | 209 | z-index: 30001; |
210 | } | 210 | } |
211 | div.tooltip div.tooltip_body { | 211 | div.tooltip div.tooltip_body { |
212 | border-radius: 8px; | 212 | border-radius: 8px; |
213 | -moz-border-radius: 8px; | 213 | -moz-border-radius: 8px; |
214 | -webkit-border-radius: 8px; | 214 | -webkit-border-radius: 8px; |
215 | border-radius: 8px; | ||
216 | -moz-border-radius: 8px; | ||
217 | -webkit-border-radius: 8px; | ||
218 | border-radius: 8px; | ||
219 | -moz-border-radius: 8px; | ||
220 | -webkit-border-radius: 8px; | ||
221 | border-radius: 8px; | ||
222 | -moz-border-radius: 8px; | ||
223 | -webkit-border-radius: 8px; | ||
224 | border-radius: 8px; | ||
225 | -moz-border-radius: 8px; | ||
226 | -webkit-border-radius: 8px; | ||
227 | border-radius: 8px; | ||
228 | -moz-border-radius: 8px; | ||
229 | -webkit-border-radius: 8px; | ||
230 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
231 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
232 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
233 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
234 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
235 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
236 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
237 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
238 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | 215 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); |
239 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | 216 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); |
240 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
241 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
242 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
243 | -moz-box-shadow: 4px 4px 10px #333333; | ||
244 | box-shadow: 4px 4px 10px #333333; | ||
245 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
246 | -moz-box-shadow: 4px 4px 10px #333333; | ||
247 | box-shadow: 4px 4px 10px #333333; | ||
248 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
249 | -moz-box-shadow: 4px 4px 10px #333333; | ||
250 | box-shadow: 4px 4px 10px #333333; | ||
251 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
252 | -moz-box-shadow: 4px 4px 10px #333333; | ||
253 | box-shadow: 4px 4px 10px #333333; | ||
254 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
255 | -moz-box-shadow: 4px 4px 10px #333333; | ||
256 | box-shadow: 4px 4px 10px #333333; | ||
257 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
258 | -moz-box-shadow: 4px 4px 10px #333333; | ||
259 | box-shadow: 4px 4px 10px #333333; | ||
260 | border-top: 1px solid #d4d4d4; | ||
261 | border-left: 1px solid #a2a2a2; | ||
262 | border-right: 1px solid #6f6f6f; | ||
263 | border-bottom: 1px solid #3c3c3c; | ||
264 | border-radius: 8px; | ||
265 | -moz-border-radius: 8px; | ||
266 | -webkit-border-radius: 8px; | ||
267 | border-radius: 8px; | ||
268 | -moz-border-radius: 8px; | ||
269 | -webkit-border-radius: 8px; | ||
270 | border-radius: 8px; | ||
271 | -moz-border-radius: 8px; | ||
272 | -webkit-border-radius: 8px; | ||
273 | border-radius: 8px; | ||
274 | -moz-border-radius: 8px; | ||
275 | -webkit-border-radius: 8px; | ||
276 | border-radius: 8px; | ||
277 | -moz-border-radius: 8px; | ||
278 | -webkit-border-radius: 8px; | ||
279 | border-radius: 8px; | ||
280 | -moz-border-radius: 8px; | ||
281 | -webkit-border-radius: 8px; | ||
282 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
283 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
284 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
285 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
286 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
287 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
288 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
289 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
290 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
291 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
292 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
293 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
294 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
295 | -moz-box-shadow: 4px 4px 10px #333333; | ||
296 | box-shadow: 4px 4px 10px #333333; | ||
297 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
298 | -moz-box-shadow: 4px 4px 10px #333333; | ||
299 | box-shadow: 4px 4px 10px #333333; | ||
300 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
301 | -moz-box-shadow: 4px 4px 10px #333333; | ||
302 | box-shadow: 4px 4px 10px #333333; | ||
303 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
304 | -moz-box-shadow: 4px 4px 10px #333333; | ||
305 | box-shadow: 4px 4px 10px #333333; | ||
306 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
307 | -moz-box-shadow: 4px 4px 10px #333333; | ||
308 | box-shadow: 4px 4px 10px #333333; | ||
309 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
310 | -moz-box-shadow: 4px 4px 10px #333333; | ||
311 | box-shadow: 4px 4px 10px #333333; | ||
312 | border-top: 1px solid #d4d4d4; | ||
313 | border-left: 1px solid #a2a2a2; | ||
314 | border-right: 1px solid #6f6f6f; | ||
315 | border-bottom: 1px solid #3c3c3c; | ||
316 | border-radius: 8px; | ||
317 | -moz-border-radius: 8px; | ||
318 | -webkit-border-radius: 8px; | ||
319 | border-radius: 8px; | ||
320 | -moz-border-radius: 8px; | ||
321 | -webkit-border-radius: 8px; | ||
322 | border-radius: 8px; | ||
323 | -moz-border-radius: 8px; | ||
324 | -webkit-border-radius: 8px; | ||
325 | border-radius: 8px; | ||
326 | -moz-border-radius: 8px; | ||
327 | -webkit-border-radius: 8px; | ||
328 | border-radius: 8px; | ||
329 | -moz-border-radius: 8px; | ||
330 | -webkit-border-radius: 8px; | ||
331 | border-radius: 8px; | ||
332 | -moz-border-radius: 8px; | ||
333 | -webkit-border-radius: 8px; | ||
334 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
335 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
336 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
337 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
338 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
339 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
340 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
341 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
342 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
343 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
344 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
345 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
346 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
347 | -moz-box-shadow: 4px 4px 10px #333333; | ||
348 | box-shadow: 4px 4px 10px #333333; | ||
349 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
350 | -moz-box-shadow: 4px 4px 10px #333333; | ||
351 | box-shadow: 4px 4px 10px #333333; | ||
352 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
353 | -moz-box-shadow: 4px 4px 10px #333333; | ||
354 | box-shadow: 4px 4px 10px #333333; | ||
355 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
356 | -moz-box-shadow: 4px 4px 10px #333333; | ||
357 | box-shadow: 4px 4px 10px #333333; | ||
358 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
359 | -moz-box-shadow: 4px 4px 10px #333333; | ||
360 | box-shadow: 4px 4px 10px #333333; | ||
361 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
362 | -moz-box-shadow: 4px 4px 10px #333333; | ||
363 | box-shadow: 4px 4px 10px #333333; | ||
364 | border-top: 1px solid #d4d4d4; | ||
365 | border-left: 1px solid #a2a2a2; | ||
366 | border-right: 1px solid #6f6f6f; | ||
367 | border-bottom: 1px solid #3c3c3c; | ||
368 | border-radius: 8px; | ||
369 | -moz-border-radius: 8px; | ||
370 | -webkit-border-radius: 8px; | ||
371 | border-radius: 8px; | ||
372 | -moz-border-radius: 8px; | ||
373 | -webkit-border-radius: 8px; | ||
374 | border-radius: 8px; | ||
375 | -moz-border-radius: 8px; | ||
376 | -webkit-border-radius: 8px; | ||
377 | border-radius: 8px; | ||
378 | -moz-border-radius: 8px; | ||
379 | -webkit-border-radius: 8px; | ||
380 | border-radius: 8px; | ||
381 | -moz-border-radius: 8px; | ||
382 | -webkit-border-radius: 8px; | ||
383 | border-radius: 8px; | ||
384 | -moz-border-radius: 8px; | ||
385 | -webkit-border-radius: 8px; | ||
386 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
387 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
388 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
389 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
390 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
391 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
392 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
393 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
394 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
395 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
396 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
397 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
398 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
399 | -moz-box-shadow: 4px 4px 10px #333333; | ||
400 | box-shadow: 4px 4px 10px #333333; | ||
401 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
402 | -moz-box-shadow: 4px 4px 10px #333333; | ||
403 | box-shadow: 4px 4px 10px #333333; | ||
404 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
405 | -moz-box-shadow: 4px 4px 10px #333333; | ||
406 | box-shadow: 4px 4px 10px #333333; | ||
407 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
408 | -moz-box-shadow: 4px 4px 10px #333333; | ||
409 | box-shadow: 4px 4px 10px #333333; | ||
410 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
411 | -moz-box-shadow: 4px 4px 10px #333333; | ||
412 | box-shadow: 4px 4px 10px #333333; | ||
413 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
414 | -moz-box-shadow: 4px 4px 10px #333333; | ||
415 | box-shadow: 4px 4px 10px #333333; | ||
416 | border-top: 1px solid #d4d4d4; | ||
417 | border-left: 1px solid #a2a2a2; | ||
418 | border-right: 1px solid #6f6f6f; | ||
419 | border-bottom: 1px solid #3c3c3c; | ||
420 | border-radius: 8px; | ||
421 | -moz-border-radius: 8px; | ||
422 | -webkit-border-radius: 8px; | ||
423 | border-radius: 8px; | ||
424 | -moz-border-radius: 8px; | ||
425 | -webkit-border-radius: 8px; | ||
426 | border-radius: 8px; | ||
427 | -moz-border-radius: 8px; | ||
428 | -webkit-border-radius: 8px; | ||
429 | border-radius: 8px; | ||
430 | -moz-border-radius: 8px; | ||
431 | -webkit-border-radius: 8px; | ||
432 | border-radius: 8px; | ||
433 | -moz-border-radius: 8px; | ||
434 | -webkit-border-radius: 8px; | ||
435 | border-radius: 8px; | ||
436 | -moz-border-radius: 8px; | ||
437 | -webkit-border-radius: 8px; | ||
438 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
439 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
440 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
441 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
442 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
443 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
444 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
445 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
446 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
447 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
448 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
449 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
450 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
451 | -moz-box-shadow: 4px 4px 10px #333333; | ||
452 | box-shadow: 4px 4px 10px #333333; | ||
453 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
454 | -moz-box-shadow: 4px 4px 10px #333333; | ||
455 | box-shadow: 4px 4px 10px #333333; | ||
456 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
457 | -moz-box-shadow: 4px 4px 10px #333333; | ||
458 | box-shadow: 4px 4px 10px #333333; | ||
459 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
460 | -moz-box-shadow: 4px 4px 10px #333333; | ||
461 | box-shadow: 4px 4px 10px #333333; | ||
462 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
463 | -moz-box-shadow: 4px 4px 10px #333333; | ||
464 | box-shadow: 4px 4px 10px #333333; | ||
465 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
466 | -moz-box-shadow: 4px 4px 10px #333333; | ||
467 | box-shadow: 4px 4px 10px #333333; | ||
468 | border-top: 1px solid #d4d4d4; | ||
469 | border-left: 1px solid #a2a2a2; | ||
470 | border-right: 1px solid #6f6f6f; | ||
471 | border-bottom: 1px solid #3c3c3c; | ||
472 | border-radius: 8px; | ||
473 | -moz-border-radius: 8px; | ||
474 | -webkit-border-radius: 8px; | ||
475 | border-radius: 8px; | ||
476 | -moz-border-radius: 8px; | ||
477 | -webkit-border-radius: 8px; | ||
478 | border-radius: 8px; | ||
479 | -moz-border-radius: 8px; | ||
480 | -webkit-border-radius: 8px; | ||
481 | border-radius: 8px; | ||
482 | -moz-border-radius: 8px; | ||
483 | -webkit-border-radius: 8px; | ||
484 | border-radius: 8px; | ||
485 | -moz-border-radius: 8px; | ||
486 | -webkit-border-radius: 8px; | ||
487 | border-radius: 8px; | ||
488 | -moz-border-radius: 8px; | ||
489 | -webkit-border-radius: 8px; | ||
490 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
491 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
492 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
493 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
494 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
495 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
496 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
497 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
498 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
499 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
500 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
501 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
502 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
503 | -moz-box-shadow: 4px 4px 10px #333333; | ||
504 | box-shadow: 4px 4px 10px #333333; | ||
505 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
506 | -moz-box-shadow: 4px 4px 10px #333333; | ||
507 | box-shadow: 4px 4px 10px #333333; | ||
508 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
509 | -moz-box-shadow: 4px 4px 10px #333333; | ||
510 | box-shadow: 4px 4px 10px #333333; | ||
511 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
512 | -moz-box-shadow: 4px 4px 10px #333333; | ||
513 | box-shadow: 4px 4px 10px #333333; | ||
514 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
515 | -moz-box-shadow: 4px 4px 10px #333333; | ||
516 | box-shadow: 4px 4px 10px #333333; | ||
517 | -webkit-box-shadow: 4px 4px 10px #333333; | 217 | -webkit-box-shadow: 4px 4px 10px #333333; |
518 | -moz-box-shadow: 4px 4px 10px #333333; | 218 | -moz-box-shadow: 4px 4px 10px #333333; |
519 | box-shadow: 4px 4px 10px #333333; | 219 | box-shadow: 4px 4px 10px #333333; |
520 | border-top: 1px solid #d4d4d4; | 220 | border-top: 1px solid #d4d4d4; |
521 | border-left: 1px solid #a2a2a2; | 221 | border-left: 1px solid #a2a2a2; |
522 | border-right: 1px solid #6f6f6f; | 222 | border-right: 1px solid #6f6f6f; |
523 | border-bottom: 1px solid #3c3c3c; | 223 | border-bottom: 1px solid #3c3c3c; |
524 | } | 224 | } |
525 | div.tooltip div.tooltip_body span { | 225 | div.tooltip div.tooltip_body span { |
526 | display: block; | 226 | display: block; |
527 | padding: 10px; | 227 | padding: 10px; |
528 | font-size: 10pt; | 228 | font-size: 10pt; |
529 | color: white; | 229 | color: white; |
530 | } | 230 | } |
531 | div.tooltip div.tooltip_body div.tooltip_text { | 231 | div.tooltip div.tooltip_body div.tooltip_text { |
532 | width: 200px; | 232 | width: 200px; |
533 | } | 233 | } |
534 | div.tooltip div.tooltip_arrow { | 234 | div.tooltip div.tooltip_arrow { |
535 | position: absolute; | 235 | position: absolute; |
536 | width: 0; | 236 | width: 0; |
537 | height: 0; | 237 | height: 0; |
538 | border: 6px solid transparent; | 238 | border: 6px solid transparent; |
539 | } | 239 | } |
540 | div.tooltip.BELOW div.tooltip_arrow { | 240 | div.tooltip.BELOW div.tooltip_arrow { |
541 | top: -12px; | 241 | top: -12px; |
542 | left: 97px; | 242 | left: 97px; |
543 | border-bottom: 6px solid #bbbbbb; | 243 | border-bottom: 6px solid #bbbbbb; |
544 | } | 244 | } |
545 | div.tooltip.ABOVE div.tooltip_arrow { | 245 | div.tooltip.ABOVE div.tooltip_arrow { |
546 | position: static; | 246 | position: static; |
547 | margin-left: 97px; | 247 | margin-left: 97px; |
548 | border-top: 6px solid #555555; | 248 | border-top: 6px solid #555555; |
549 | } | 249 | } |
550 | div.tooltip.LEFT div.tooltip_arrow { | 250 | div.tooltip.LEFT div.tooltip_arrow { |
551 | left: 203px; | 251 | left: 203px; |
552 | top: 10px; | 252 | top: 10px; |
553 | border-left: 6px solid #747474; | 253 | border-left: 6px solid #747474; |
554 | } | 254 | } |
555 | div.tooltip.LEFT div.tooltip_body div.tooltip_text { | 255 | div.tooltip.LEFT div.tooltip_body div.tooltip_text { |
556 | min-height: 45px; | 256 | min-height: 45px; |
557 | } | 257 | } |
558 | div.tooltip.RIGHT div.tooltip_arrow { | 258 | div.tooltip.RIGHT div.tooltip_arrow { |
559 | left: -12px; | 259 | left: -12px; |
560 | top: 10px; | 260 | top: 10px; |
561 | border-right: 6px solid #9c9c9c; | 261 | border-right: 6px solid #9c9c9c; |
562 | } | 262 | } |
563 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { | 263 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { |
564 | min-height: 45px; | 264 | min-height: 45px; |
565 | } | 265 | } |
266 | .button.default { | ||
267 | display: inline-block; | ||
268 | height: 20px; | ||
269 | cursor: pointer; | ||
270 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); | ||
271 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); | ||
272 | border-radius: 5; | ||
273 | -moz-border-radius: 5; | ||
274 | -webkit-border-radius: 5; | ||
275 | border: 1px solid #ff7f46; | ||
276 | padding-top: 4px; | ||
277 | padding-left: 15px; | ||
278 | padding-right: 15px; | ||
279 | padding-bottom: 2px; | ||
280 | color: white; | ||
281 | font-weight: lighter; | ||
282 | text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; | ||
283 | text-decoration: none; | ||
284 | font-weight: normal; | ||
285 | } | ||
286 | .button.default:hover { | ||
287 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); | ||
288 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); | ||
289 | } | ||
290 | .button { | ||
291 | display: inline-block; | ||
292 | height: 20px; | ||
293 | cursor: pointer; | ||
294 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); | ||
295 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); | ||
296 | border-radius: 5; | ||
297 | -moz-border-radius: 5; | ||
298 | -webkit-border-radius: 5; | ||
299 | border: 1px solid #ababab; | ||
300 | padding-top: 4px; | ||
301 | padding-left: 15px; | ||
302 | padding-right: 15px; | ||
303 | padding-bottom: 2px; | ||
304 | color: white; | ||
305 | font-weight: lighter; | ||
306 | text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; | ||
307 | text-decoration: none; | ||
308 | } | ||
309 | .button:hover { | ||
310 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); | ||
311 | background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); | ||
312 | } | ||
566 | /* | 313 | /* |
567 | 314 | ||
568 | Color list: | 315 | Color list: |
569 | - login box: | 316 | - login box: |
570 | light#ff9955 | 317 | light#ff9955 |
571 | dark#ff6622 | 318 | dark#ff6622 |
572 | - login button: | 319 | - login button: |
573 | regular#dd5500 | 320 | regular#dd5500 |
574 | hover#773311 | 321 | hover#773311 |
575 | - login translations: | 322 | - login translations: |
576 | box: #cc6622; | 323 | box: #cc6622; |
577 | not-selected: | 324 | not-selected: |
578 | color: #ddaa99 | 325 | color: #ddaa99 |
579 | background:#994422 | 326 | background:#994422 |
580 | selected: #772211; | 327 | selected: #772211; |
581 | */ | 328 | */ |
582 | html { | 329 | html { |
583 | height: 100%; | 330 | height: 100%; |
584 | } | 331 | } |
585 | body { | 332 | body { |
586 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 333 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
587 | margin: 0px; | 334 | margin: 0px; |
588 | } | 335 | } |
589 | div.modalDialogMask.userInfoBoxMask { | 336 | div.modalDialogMask.userInfoBoxMask { |
590 | -moz-opacity: 0.0; | 337 | -moz-opacity: 0.0; |
591 | opacity: .0; | 338 | opacity: .0; |
592 | filter: alpha(opacity=0); | 339 | filter: alpha(opacity=0); |
593 | z-index: 19000; | 340 | z-index: 19000; |
594 | } | 341 | } |
595 | .reset-margin { | 342 | .reset-margin { |
596 | margin: 0px; | 343 | margin: 0px; |
597 | padding: 0px; | 344 | padding: 0px; |
598 | border: 0px; | 345 | border: 0px; |
599 | } | 346 | } |
600 | .clear { | 347 | .clear { |
601 | clear: both; | 348 | clear: both; |
602 | } | 349 | } |
603 | .hidden_none { | 350 | .hidden_none { |
604 | display: none; | 351 | display: none; |
605 | visibility: hidden; | 352 | visibility: hidden; |
606 | } | 353 | } |
607 | .keepTogether { | 354 | .keepTogether { |
608 | display: inline-block; | 355 | display: inline-block; |
609 | white-space: nowrap; | 356 | white-space: nowrap; |
610 | } | 357 | } |
611 | #mainDiv { | 358 | #mainDiv { |
612 | margin: 0 auto; | 359 | margin: 0 auto; |
613 | } | 360 | } |
614 | div.pageHeaderAndBody { | 361 | div.pageHeaderAndBody { |
615 | height: 100%; | 362 | height: 100%; |
616 | } | 363 | } |
617 | body > div.pageHeaderAndBody { | 364 | div.pageHeaderAndBody div#pageBody { |
618 | height: auto; | 365 | min-width: 1013px; |
619 | min-height: 100%; | 366 | padding-bottom: 90px; |
620 | } | 367 | } |
621 | div.pageHeader { | 368 | div.pageHeaderAndBody div.pageHeader { |
622 | background-color: #1f2148; | 369 | background-color: #1f2148; |
623 | min-width: 1013px; | 370 | min-width: 1013px; |
624 | } | 371 | } |
625 | div.pageHeader div#miscLinks { | 372 | div.pageHeaderAndBody div.pageHeader div#miscLinks { |
626 | float: right; | 373 | float: right; |
627 | } | 374 | } |
628 | div.pageHeader div#miscLinks ul { | 375 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul { |
629 | margin: 12px 0px 0px; | 376 | margin: 12px 0px 0px; |
630 | padding: 15px; | 377 | padding: 15px; |
631 | } | 378 | } |
632 | div.pageHeader div#miscLinks ul li { | 379 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li { |
633 | display: inline; | 380 | display: inline; |
634 | margin: 0px; | 381 | margin: 0px; |
635 | padding: 0px; | 382 | padding: 0px; |
636 | border: 0px; | 383 | border: 0px; |
637 | } | 384 | } |
638 | div.pageHeader div#miscLinks ul li a { | 385 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a { |
639 | color: #ffffff; | 386 | color: #ffffff; |
640 | margin: 0px; | 387 | margin: 0px; |
641 | padding: 0px; | 388 | padding: 0px; |
642 | border: 0px; | 389 | border: 0px; |
643 | margin: 0px; | ||
644 | padding: 0px; | ||
645 | border: 0px; | ||
646 | margin: 0px; | ||
647 | padding: 0px; | ||
648 | border: 0px; | ||
649 | margin: 0px; | ||
650 | padding: 0px; | ||
651 | border: 0px; | ||
652 | margin: 0px; | ||
653 | padding: 0px; | ||
654 | border: 0px; | ||
655 | margin: 0px; | ||
656 | padding: 0px; | ||
657 | border: 0px; | ||
658 | padding: 15px; | 390 | padding: 15px; |
659 | border-left: 1px solid #3e428f; | 391 | border-left: 1px solid #3e428f; |
660 | font-weight: normal; | 392 | font-weight: normal; |
661 | text-decoration: none; | 393 | text-decoration: none; |
662 | font-size: 12pt; | 394 | font-size: 12pt; |
663 | min-width: 70px; | 395 | min-width: 70px; |
664 | } | 396 | } |
665 | div.pageHeader div#miscLinks ul li a:hover { | 397 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { |
666 | color: #b8bae1; | 398 | color: #b8bae1; |
667 | } | 399 | } |
668 | div.pageHeader div#miscLinks ul li a#donateHeaderLink { | 400 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { |
669 | border-left: 0px; | 401 | border-left: 0px; |
670 | } | 402 | } |
671 | div.pageHeader div#logoFrame { | 403 | div.pageHeaderAndBody div.pageHeader div#logoFrame { |
672 | padding: 16px 16px 60px 16px; | 404 | padding: 16px 16px 60px 16px; |
673 | min-height: 44px; | 405 | min-height: 44px; |
674 | } | 406 | } |
675 | div.pageHeader div#logoFrame a { | 407 | div.pageHeaderAndBody div.pageHeader div#logoFrame a { |
676 | color: white; | 408 | color: white; |
677 | text-decoration: none; | 409 | text-decoration: none; |
678 | } | 410 | } |
679 | div.pageHeader div#logoFrame a canvas { | 411 | div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas { |
680 | margin: 0px; | ||
681 | padding: 0px; | ||
682 | border: 0px; | ||
683 | margin: 0px; | ||
684 | padding: 0px; | ||
685 | border: 0px; | ||
686 | margin: 0px; | ||
687 | padding: 0px; | ||
688 | border: 0px; | ||
689 | margin: 0px; | ||
690 | padding: 0px; | ||
691 | border: 0px; | ||
692 | margin: 0px; | ||
693 | padding: 0px; | ||
694 | border: 0px; | ||
695 | margin: 0px; | 412 | margin: 0px; |
696 | padding: 0px; | 413 | padding: 0px; |
697 | border: 0px; | 414 | border: 0px; |
698 | width: 150px; | 415 | width: 150px; |
699 | height: 39px; | 416 | height: 39px; |
700 | } | 417 | } |
701 | div.pageHeader div#logoFrame a h5.clipperzPayoff { | 418 | div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { |
702 | font-size: 13pt; | 419 | font-size: 13pt; |
703 | font-weight: normal; | 420 | font-weight: normal; |
704 | white-space: nowrap; | 421 | white-space: nowrap; |
705 | margin: 0px; | 422 | margin: 0px; |
706 | padding-left: 4px; | 423 | padding-left: 4px; |
707 | } | 424 | } |
708 | div.pageHeader div#featureTabs table { | 425 | div.pageHeaderAndBody div.pageHeader div#featureTabs table { |
709 | width: 100%; | 426 | width: 100%; |
710 | padding: 6px; | 427 | padding: 6px; |
711 | padding-left: 15px; | 428 | padding-left: 15px; |
712 | padding-right: 15px; | 429 | padding-right: 15px; |
713 | padding-bottom: 46px; | 430 | padding-bottom: 46px; |
714 | } | 431 | } |
715 | div.pageHeader div#featureTabs table tr td { | 432 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { |
716 | width: 25%; | 433 | width: 25%; |
717 | vertical-align: top; | 434 | vertical-align: top; |
718 | font-size: 11pt; | 435 | font-size: 11pt; |
719 | color: white; | 436 | color: white; |
720 | } | 437 | } |
721 | div.pageHeader div#featureTabs table tr td img { | 438 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { |
722 | float: left; | 439 | float: left; |
723 | } | 440 | } |
724 | div.pageHeader div#featureTabs table tr td span { | 441 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { |
725 | display: block; | 442 | display: block; |
726 | padding: 5 10 5 85; | 443 | padding: 5 10 5 85; |
727 | } | 444 | } |
728 | div.pageHeader div#featureTabs canvas.featureIcon { | 445 | div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { |
729 | width: 76px; | 446 | width: 76px; |
730 | height: 76px; | 447 | height: 76px; |
731 | display: block; | 448 | display: block; |
732 | float: left; | 449 | float: left; |
733 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 450 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
734 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 451 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
735 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
736 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
737 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
738 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
739 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
740 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
741 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
742 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
743 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
744 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
745 | border-radius: 38px; | ||
746 | -moz-border-radius: 38px; | ||
747 | -webkit-border-radius: 38px; | ||
748 | border-radius: 38px; | ||
749 | -moz-border-radius: 38px; | ||
750 | -webkit-border-radius: 38px; | ||
751 | border-radius: 38px; | ||
752 | -moz-border-radius: 38px; | ||
753 | -webkit-border-radius: 38px; | ||
754 | border-radius: 38px; | ||
755 | -moz-border-radius: 38px; | ||
756 | -webkit-border-radius: 38px; | ||
757 | border-radius: 38px; | ||
758 | -moz-border-radius: 38px; | ||
759 | -webkit-border-radius: 38px; | ||
760 | border-radius: 38px; | 452 | border-radius: 38px; |
761 | -moz-border-radius: 38px; | 453 | -moz-border-radius: 38px; |
762 | -webkit-border-radius: 38px; | 454 | -webkit-border-radius: 38px; |
763 | } | 455 | } |
764 | div.pageHeader div#news { | 456 | div.pageHeaderAndBody div.pageHeader div#news { |
765 | top: -82px; | 457 | top: -82px; |
766 | left: 240px; | 458 | left: 240px; |
767 | width: 310px; | 459 | width: 310px; |
768 | height: 90px; | 460 | height: 90px; |
769 | position: absolute; | 461 | position: absolute; |
770 | background-color: #616475; | 462 | background-color: #616475; |
771 | -webkit-border-bottom-left-radius: 8px; | 463 | -webkit-border-bottom-left-radius: 8px; |
772 | -moz-border-radius-bottomleft: 8px; | 464 | -moz-border-radius-bottomleft: 8px; |
773 | border-bottom-left-radius: 8px; | 465 | border-bottom-left-radius: 8px; |
774 | -webkit-border-bottom-left-radius: 8px; | ||
775 | -moz-border-radius-bottomleft: 8px; | ||
776 | border-bottom-left-radius: 8px; | ||
777 | -webkit-border-bottom-left-radius: 8px; | ||
778 | -moz-border-radius-bottomleft: 8px; | ||
779 | border-bottom-left-radius: 8px; | ||
780 | -webkit-border-bottom-left-radius: 8px; | ||
781 | -moz-border-radius-bottomleft: 8px; | ||
782 | border-bottom-left-radius: 8px; | ||
783 | -webkit-border-bottom-left-radius: 8px; | ||
784 | -moz-border-radius-bottomleft: 8px; | ||
785 | border-bottom-left-radius: 8px; | ||
786 | -webkit-border-bottom-left-radius: 8px; | ||
787 | -moz-border-radius-bottomleft: 8px; | ||
788 | border-bottom-left-radius: 8px; | ||
789 | -webkit-border-bottom-right-radius: 8px; | ||
790 | -moz-border-radius-bottomright: 8px; | ||
791 | border-bottom-right-radius: 8px; | ||
792 | -webkit-border-bottom-right-radius: 8px; | ||
793 | -moz-border-radius-bottomright: 8px; | ||
794 | border-bottom-right-radius: 8px; | ||
795 | -webkit-border-bottom-right-radius: 8px; | ||
796 | -moz-border-radius-bottomright: 8px; | ||
797 | border-bottom-right-radius: 8px; | ||
798 | -webkit-border-bottom-right-radius: 8px; | ||
799 | -moz-border-radius-bottomright: 8px; | ||
800 | border-bottom-right-radius: 8px; | ||
801 | -webkit-border-bottom-right-radius: 8px; | ||
802 | -moz-border-radius-bottomright: 8px; | ||
803 | border-bottom-right-radius: 8px; | ||
804 | -webkit-border-bottom-right-radius: 8px; | ||
805 | -moz-border-radius-bottomright: 8px; | ||
806 | border-bottom-right-radius: 8px; | ||
807 | -webkit-border-bottom-left-radius: 8px; | ||
808 | -moz-border-radius-bottomleft: 8px; | ||
809 | border-bottom-left-radius: 8px; | ||
810 | -webkit-border-bottom-left-radius: 8px; | ||
811 | -moz-border-radius-bottomleft: 8px; | ||
812 | border-bottom-left-radius: 8px; | ||
813 | -webkit-border-bottom-left-radius: 8px; | ||
814 | -moz-border-radius-bottomleft: 8px; | ||
815 | border-bottom-left-radius: 8px; | ||
816 | -webkit-border-bottom-left-radius: 8px; | ||
817 | -moz-border-radius-bottomleft: 8px; | ||
818 | border-bottom-left-radius: 8px; | ||
819 | -webkit-border-bottom-left-radius: 8px; | ||
820 | -moz-border-radius-bottomleft: 8px; | ||
821 | border-bottom-left-radius: 8px; | ||
822 | -webkit-border-bottom-left-radius: 8px; | ||
823 | -moz-border-radius-bottomleft: 8px; | ||
824 | border-bottom-left-radius: 8px; | ||
825 | -webkit-border-bottom-right-radius: 8px; | ||
826 | -moz-border-radius-bottomright: 8px; | ||
827 | border-bottom-right-radius: 8px; | ||
828 | -webkit-border-bottom-right-radius: 8px; | ||
829 | -moz-border-radius-bottomright: 8px; | ||
830 | border-bottom-right-radius: 8px; | ||
831 | -webkit-border-bottom-right-radius: 8px; | ||
832 | -moz-border-radius-bottomright: 8px; | ||
833 | border-bottom-right-radius: 8px; | ||
834 | -webkit-border-bottom-right-radius: 8px; | ||
835 | -moz-border-radius-bottomright: 8px; | ||
836 | border-bottom-right-radius: 8px; | ||
837 | -webkit-border-bottom-right-radius: 8px; | ||
838 | -moz-border-radius-bottomright: 8px; | ||
839 | border-bottom-right-radius: 8px; | ||
840 | -webkit-border-bottom-right-radius: 8px; | ||
841 | -moz-border-radius-bottomright: 8px; | ||
842 | border-bottom-right-radius: 8px; | ||
843 | -webkit-border-bottom-left-radius: 8px; | ||
844 | -moz-border-radius-bottomleft: 8px; | ||
845 | border-bottom-left-radius: 8px; | ||
846 | -webkit-border-bottom-left-radius: 8px; | ||
847 | -moz-border-radius-bottomleft: 8px; | ||
848 | border-bottom-left-radius: 8px; | ||
849 | -webkit-border-bottom-left-radius: 8px; | ||
850 | -moz-border-radius-bottomleft: 8px; | ||
851 | border-bottom-left-radius: 8px; | ||
852 | -webkit-border-bottom-left-radius: 8px; | ||
853 | -moz-border-radius-bottomleft: 8px; | ||
854 | border-bottom-left-radius: 8px; | ||
855 | -webkit-border-bottom-left-radius: 8px; | ||
856 | -moz-border-radius-bottomleft: 8px; | ||
857 | border-bottom-left-radius: 8px; | ||
858 | -webkit-border-bottom-left-radius: 8px; | ||
859 | -moz-border-radius-bottomleft: 8px; | ||
860 | border-bottom-left-radius: 8px; | ||
861 | -webkit-border-bottom-right-radius: 8px; | ||
862 | -moz-border-radius-bottomright: 8px; | ||
863 | border-bottom-right-radius: 8px; | ||
864 | -webkit-border-bottom-right-radius: 8px; | ||
865 | -moz-border-radius-bottomright: 8px; | ||
866 | border-bottom-right-radius: 8px; | ||
867 | -webkit-border-bottom-right-radius: 8px; | ||
868 | -moz-border-radius-bottomright: 8px; | ||
869 | border-bottom-right-radius: 8px; | ||
870 | -webkit-border-bottom-right-radius: 8px; | ||
871 | -moz-border-radius-bottomright: 8px; | ||
872 | border-bottom-right-radius: 8px; | ||
873 | -webkit-border-bottom-right-radius: 8px; | ||
874 | -moz-border-radius-bottomright: 8px; | ||
875 | border-bottom-right-radius: 8px; | ||
876 | -webkit-border-bottom-right-radius: 8px; | ||
877 | -moz-border-radius-bottomright: 8px; | ||
878 | border-bottom-right-radius: 8px; | ||
879 | -webkit-border-bottom-left-radius: 8px; | ||
880 | -moz-border-radius-bottomleft: 8px; | ||
881 | border-bottom-left-radius: 8px; | ||
882 | -webkit-border-bottom-left-radius: 8px; | ||
883 | -moz-border-radius-bottomleft: 8px; | ||
884 | border-bottom-left-radius: 8px; | ||
885 | -webkit-border-bottom-left-radius: 8px; | ||
886 | -moz-border-radius-bottomleft: 8px; | ||
887 | border-bottom-left-radius: 8px; | ||
888 | -webkit-border-bottom-left-radius: 8px; | ||
889 | -moz-border-radius-bottomleft: 8px; | ||
890 | border-bottom-left-radius: 8px; | ||
891 | -webkit-border-bottom-left-radius: 8px; | ||
892 | -moz-border-radius-bottomleft: 8px; | ||
893 | border-bottom-left-radius: 8px; | ||
894 | -webkit-border-bottom-left-radius: 8px; | ||
895 | -moz-border-radius-bottomleft: 8px; | ||
896 | border-bottom-left-radius: 8px; | ||
897 | -webkit-border-bottom-right-radius: 8px; | ||
898 | -moz-border-radius-bottomright: 8px; | ||
899 | border-bottom-right-radius: 8px; | ||
900 | -webkit-border-bottom-right-radius: 8px; | ||
901 | -moz-border-radius-bottomright: 8px; | ||
902 | border-bottom-right-radius: 8px; | ||
903 | -webkit-border-bottom-right-radius: 8px; | ||
904 | -moz-border-radius-bottomright: 8px; | ||
905 | border-bottom-right-radius: 8px; | ||
906 | -webkit-border-bottom-right-radius: 8px; | ||
907 | -moz-border-radius-bottomright: 8px; | ||
908 | border-bottom-right-radius: 8px; | ||
909 | -webkit-border-bottom-right-radius: 8px; | ||
910 | -moz-border-radius-bottomright: 8px; | ||
911 | border-bottom-right-radius: 8px; | ||
912 | -webkit-border-bottom-right-radius: 8px; | ||
913 | -moz-border-radius-bottomright: 8px; | ||
914 | border-bottom-right-radius: 8px; | ||
915 | -webkit-border-bottom-left-radius: 8px; | ||
916 | -moz-border-radius-bottomleft: 8px; | ||
917 | border-bottom-left-radius: 8px; | ||
918 | -webkit-border-bottom-left-radius: 8px; | ||
919 | -moz-border-radius-bottomleft: 8px; | ||
920 | border-bottom-left-radius: 8px; | ||
921 | -webkit-border-bottom-left-radius: 8px; | ||
922 | -moz-border-radius-bottomleft: 8px; | ||
923 | border-bottom-left-radius: 8px; | ||
924 | -webkit-border-bottom-left-radius: 8px; | ||
925 | -moz-border-radius-bottomleft: 8px; | ||
926 | border-bottom-left-radius: 8px; | ||
927 | -webkit-border-bottom-left-radius: 8px; | ||
928 | -moz-border-radius-bottomleft: 8px; | ||
929 | border-bottom-left-radius: 8px; | ||
930 | -webkit-border-bottom-left-radius: 8px; | ||
931 | -moz-border-radius-bottomleft: 8px; | ||
932 | border-bottom-left-radius: 8px; | ||
933 | -webkit-border-bottom-right-radius: 8px; | ||
934 | -moz-border-radius-bottomright: 8px; | ||
935 | border-bottom-right-radius: 8px; | ||
936 | -webkit-border-bottom-right-radius: 8px; | ||
937 | -moz-border-radius-bottomright: 8px; | ||
938 | border-bottom-right-radius: 8px; | ||
939 | -webkit-border-bottom-right-radius: 8px; | ||
940 | -moz-border-radius-bottomright: 8px; | ||
941 | border-bottom-right-radius: 8px; | ||
942 | -webkit-border-bottom-right-radius: 8px; | ||
943 | -moz-border-radius-bottomright: 8px; | ||
944 | border-bottom-right-radius: 8px; | ||
945 | -webkit-border-bottom-right-radius: 8px; | ||
946 | -moz-border-radius-bottomright: 8px; | ||
947 | border-bottom-right-radius: 8px; | ||
948 | -webkit-border-bottom-right-radius: 8px; | ||
949 | -moz-border-radius-bottomright: 8px; | ||
950 | border-bottom-right-radius: 8px; | ||
951 | -webkit-border-bottom-left-radius: 8px; | ||
952 | -moz-border-radius-bottomleft: 8px; | ||
953 | border-bottom-left-radius: 8px; | ||
954 | -webkit-border-bottom-left-radius: 8px; | ||
955 | -moz-border-radius-bottomleft: 8px; | ||
956 | border-bottom-left-radius: 8px; | ||
957 | -webkit-border-bottom-left-radius: 8px; | ||
958 | -moz-border-radius-bottomleft: 8px; | ||
959 | border-bottom-left-radius: 8px; | ||
960 | -webkit-border-bottom-left-radius: 8px; | ||
961 | -moz-border-radius-bottomleft: 8px; | ||
962 | border-bottom-left-radius: 8px; | ||
963 | -webkit-border-bottom-left-radius: 8px; | ||
964 | -moz-border-radius-bottomleft: 8px; | ||
965 | border-bottom-left-radius: 8px; | ||
966 | -webkit-border-bottom-left-radius: 8px; | ||
967 | -moz-border-radius-bottomleft: 8px; | ||
968 | border-bottom-left-radius: 8px; | ||
969 | -webkit-border-bottom-right-radius: 8px; | ||
970 | -moz-border-radius-bottomright: 8px; | ||
971 | border-bottom-right-radius: 8px; | ||
972 | -webkit-border-bottom-right-radius: 8px; | ||
973 | -moz-border-radius-bottomright: 8px; | ||
974 | border-bottom-right-radius: 8px; | ||
975 | -webkit-border-bottom-right-radius: 8px; | 466 | -webkit-border-bottom-right-radius: 8px; |
976 | -moz-border-radius-bottomright: 8px; | 467 | -moz-border-radius-bottomright: 8px; |
977 | border-bottom-right-radius: 8px; | 468 | border-bottom-right-radius: 8px; |
978 | -webkit-border-bottom-right-radius: 8px; | ||
979 | -moz-border-radius-bottomright: 8px; | ||
980 | border-bottom-right-radius: 8px; | ||
981 | -webkit-border-bottom-right-radius: 8px; | ||
982 | -moz-border-radius-bottomright: 8px; | ||
983 | border-bottom-right-radius: 8px; | ||
984 | -webkit-border-bottom-right-radius: 8px; | ||
985 | -moz-border-radius-bottomright: 8px; | ||
986 | border-bottom-right-radius: 8px; | ||
987 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
988 | -moz-box-shadow: 2px 2px 9px #333333; | ||
989 | box-shadow: 2px 2px 9px #333333; | ||
990 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
991 | -moz-box-shadow: 2px 2px 9px #333333; | ||
992 | box-shadow: 2px 2px 9px #333333; | ||
993 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
994 | -moz-box-shadow: 2px 2px 9px #333333; | ||
995 | box-shadow: 2px 2px 9px #333333; | ||
996 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
997 | -moz-box-shadow: 2px 2px 9px #333333; | ||
998 | box-shadow: 2px 2px 9px #333333; | ||
999 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1000 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1001 | box-shadow: 2px 2px 9px #333333; | ||
1002 | -webkit-box-shadow: 2px 2px 9px #333333; | 469 | -webkit-box-shadow: 2px 2px 9px #333333; |
1003 | -moz-box-shadow: 2px 2px 9px #333333; | 470 | -moz-box-shadow: 2px 2px 9px #333333; |
1004 | box-shadow: 2px 2px 9px #333333; | 471 | box-shadow: 2px 2px 9px #333333; |
1005 | } | 472 | } |
1006 | div.pageHeader div#news div#newsframe { | 473 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe { |
1007 | margin-left: 10px; | 474 | margin-left: 10px; |
1008 | margin-right: 10px; | 475 | margin-right: 10px; |
1009 | height: 75px; | 476 | height: 75px; |
1010 | overflow: hidden; | 477 | overflow: hidden; |
1011 | } | 478 | } |
1012 | div.pageHeader div#news div#newsframe iframe { | 479 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { |
1013 | width: 290px; | 480 | width: 290px; |
1014 | border: 0px; | 481 | border: 0px; |
1015 | color: #616475; | 482 | color: #616475; |
1016 | background-color: #616475; | 483 | background-color: #616475; |
1017 | } | 484 | } |
1018 | div.pageHeader div#news div.grip { | 485 | div.pageHeaderAndBody div.pageHeader div#news div.grip { |
1019 | width: 310px; | 486 | width: 310px; |
1020 | height: 12px; | 487 | height: 6px; |
1021 | margin-top: 2px; | 488 | margin-top: 2px; |
1022 | cursor: pointer; | 489 | cursor: pointer; |
1023 | } | 490 | } |
1024 | div.pageHeader div#news div.grip div.gripHandler { | 491 | div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler { |
1025 | margin-left: auto; | 492 | margin-left: auto; |
1026 | margin-right: auto; | 493 | margin-right: auto; |
1027 | margin-top: 8px; | 494 | margin-top: 8px; |
1028 | width: 0; | 495 | width: 0; |
1029 | height: 0; | 496 | height: 0; |
1030 | border-left: 5px solid transparent; | 497 | border-left: 5px solid transparent; |
1031 | border-right: 5px solid transparent; | 498 | border-right: 5px solid transparent; |
1032 | } | 499 | } |
1033 | div.pageHeader div#news.open div.grip div.gripHandler { | 500 | div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { |
1034 | border-bottom: 5px solid #e9e9ec; | 501 | border-bottom: 5px solid #e9e9ec; |
1035 | } | 502 | } |
1036 | div.pageHeader div#news.hidden div.grip div.gripHandler { | 503 | div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { |
1037 | border-top: 5px solid #e9e9ec; | 504 | border-top: 5px solid #e9e9ec; |
1038 | } | 505 | } |
1039 | div.pageFooter { | 506 | div.pageFooter { |
1040 | margin-top: -90px; | 507 | margin-top: -90px; |
1041 | height: 90px; | 508 | height: 90px; |
1042 | clear: both; | 509 | clear: both; |
1043 | } | 510 | } |
1044 | div.pageFooter div.footerWrapper { | 511 | div.pageFooter div.footerWrapper { |
1045 | clear: both; | 512 | clear: both; |
1046 | padding-top: 10px; | 513 | padding-top: 10px; |
1047 | } | 514 | } |
1048 | div.pageFooter div.footerWrapper div.footerContent { | 515 | div.pageFooter div.footerWrapper div.footerContent { |
1049 | background-color: #eaebe6; | 516 | background-color: #eaebe6; |
1050 | padding: 20px; | 517 | padding: 20px; |
1051 | font-size: 8pt; | 518 | font-size: 8pt; |
1052 | } | 519 | } |
1053 | div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { | 520 | div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { |
1054 | width: 40px; | 521 | width: 40px; |
1055 | height: 40px; | 522 | height: 40px; |
1056 | float: left; | 523 | float: left; |
1057 | } | 524 | } |
1058 | div.pageFooter div.footerWrapper div.footerContent span.copyright { | 525 | div.pageFooter div.footerWrapper div.footerContent span.copyright { |
1059 | padding-left: 10px; | 526 | padding-left: 10px; |
1060 | color: #a0a0a0; | 527 | color: #a0a0a0; |
1061 | } | 528 | } |
1062 | div.pageFooter div.footerWrapper div.footerContent a { | 529 | div.pageFooter div.footerWrapper div.footerContent a { |
1063 | padding-left: 50px; | 530 | padding-left: 50px; |
1064 | display: block; | 531 | display: block; |
1065 | color: #888888; | 532 | color: #888888; |
1066 | font-weight: bold; | 533 | font-weight: bold; |
1067 | text-decoration: none; | 534 | text-decoration: none; |
1068 | } | 535 | } |
1069 | div.pageFooter div.footerWrapper div.footerContent span.applicationVersion { | 536 | div.pageFooter div.footerWrapper div.footerContent span.applicationVersion { |
1070 | padding: 8px; | 537 | padding: 8px; |
1071 | color: #888888; | 538 | color: #888888; |
1072 | background-color: #d2d2d2; | 539 | background-color: #d2d2d2; |
1073 | position: relative; | 540 | position: relative; |
1074 | top: -40px; | 541 | top: -40px; |
1075 | float: right; | 542 | float: right; |
1076 | } | 543 | } |
1077 | /* | 544 | /* |
1078 | 545 | ||
1079 | Color list: | 546 | Color list: |
1080 | - login box: | 547 | - login box: |
1081 | light#ff9955 | 548 | light#ff9955 |
1082 | dark#ff6622 | 549 | dark#ff6622 |
1083 | - login button: | 550 | - login button: |
1084 | regular#dd5500 | 551 | regular#dd5500 |
1085 | hover#773311 | 552 | hover#773311 |
1086 | - login translations: | 553 | - login translations: |
1087 | box: #cc6622; | 554 | box: #cc6622; |
1088 | not-selected: | 555 | not-selected: |
1089 | color: #ddaa99 | 556 | color: #ddaa99 |
1090 | background:#994422 | 557 | background:#994422 |
1091 | selected: #772211; | 558 | selected: #772211; |
1092 | */ | 559 | */ |
1093 | html { | 560 | html { |
1094 | height: 100%; | 561 | height: 100%; |
1095 | } | 562 | } |
1096 | body { | 563 | body { |
1097 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 564 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
1098 | margin: 0px; | 565 | margin: 0px; |
1099 | } | 566 | } |
1100 | div.modalDialogMask.userInfoBoxMask { | 567 | div.modalDialogMask.userInfoBoxMask { |
1101 | -moz-opacity: 0.0; | 568 | -moz-opacity: 0.0; |
1102 | opacity: .0; | 569 | opacity: .0; |
1103 | filter: alpha(opacity=0); | 570 | filter: alpha(opacity=0); |
1104 | z-index: 19000; | 571 | z-index: 19000; |
1105 | } | 572 | } |
1106 | .reset-margin { | 573 | .reset-margin { |
1107 | margin: 0px; | 574 | margin: 0px; |
1108 | padding: 0px; | 575 | padding: 0px; |
1109 | border: 0px; | 576 | border: 0px; |
1110 | } | 577 | } |
1111 | .clear { | 578 | .clear { |
1112 | clear: both; | 579 | clear: both; |
1113 | } | 580 | } |
1114 | .hidden_none { | 581 | .hidden_none { |
1115 | display: none; | 582 | display: none; |
1116 | visibility: hidden; | 583 | visibility: hidden; |
1117 | } | 584 | } |
1118 | .keepTogether { | 585 | .keepTogether { |
1119 | display: inline-block; | 586 | display: inline-block; |
1120 | white-space: nowrap; | 587 | white-space: nowrap; |
1121 | } | 588 | } |
1122 | #mainDiv { | 589 | #mainDiv { |
1123 | margin: 0 auto; | 590 | margin: 0 auto; |
1124 | } | 591 | } |
1125 | div#loginBox { | 592 | div#loginBox { |
1126 | width: 273px; | 593 | width: 273px; |
1127 | z-index: 19000; | 594 | z-index: 19000; |
1128 | top: -30px; | 595 | top: -30px; |
1129 | right: 30px; | 596 | right: 30px; |
1130 | position: relative; | 597 | position: relative; |
1131 | float: right; | 598 | float: right; |
1132 | } | 599 | } |
1133 | div#loginBox div.header { | 600 | div#loginBox div.header { |
1134 | height: 25px; | 601 | height: 25px; |
1135 | width: 273px; | 602 | width: 273px; |
1136 | background-color: #ff9b5a; | 603 | background-color: #ff9b5a; |
1137 | -webkit-border-top-left-radius: 20px; | 604 | -webkit-border-top-left-radius: 20px; |
1138 | -moz-border-radius-topleft: 20px; | 605 | -moz-border-radius-topleft: 20px; |
1139 | border-top-left-radius: 20px; | 606 | border-top-left-radius: 20px; |
1140 | -webkit-border-top-left-radius: 20px; | ||
1141 | -moz-border-radius-topleft: 20px; | ||
1142 | border-top-left-radius: 20px; | ||
1143 | -webkit-border-top-left-radius: 20px; | ||
1144 | -moz-border-radius-topleft: 20px; | ||
1145 | border-top-left-radius: 20px; | ||
1146 | -webkit-border-top-left-radius: 20px; | ||
1147 | -moz-border-radius-topleft: 20px; | ||
1148 | border-top-left-radius: 20px; | ||
1149 | -webkit-border-top-left-radius: 20px; | ||
1150 | -moz-border-radius-topleft: 20px; | ||
1151 | border-top-left-radius: 20px; | ||
1152 | -webkit-border-top-left-radius: 20px; | ||
1153 | -moz-border-radius-topleft: 20px; | ||
1154 | border-top-left-radius: 20px; | ||
1155 | -webkit-border-top-right-radius: 20px; | ||
1156 | -moz-border-radius-topright: 20px; | ||
1157 | border-top-right-radius: 20px; | ||
1158 | -webkit-border-top-right-radius: 20px; | ||
1159 | -moz-border-radius-topright: 20px; | ||
1160 | border-top-right-radius: 20px; | ||
1161 | -webkit-border-top-right-radius: 20px; | ||
1162 | -moz-border-radius-topright: 20px; | ||
1163 | border-top-right-radius: 20px; | ||
1164 | -webkit-border-top-right-radius: 20px; | ||
1165 | -moz-border-radius-topright: 20px; | ||
1166 | border-top-right-radius: 20px; | ||
1167 | -webkit-border-top-right-radius: 20px; | ||
1168 | -moz-border-radius-topright: 20px; | ||
1169 | border-top-right-radius: 20px; | ||
1170 | -webkit-border-top-right-radius: 20px; | ||
1171 | -moz-border-radius-topright: 20px; | ||
1172 | border-top-right-radius: 20px; | ||
1173 | -webkit-border-top-left-radius: 20px; | ||
1174 | -moz-border-radius-topleft: 20px; | ||
1175 | border-top-left-radius: 20px; | ||
1176 | -webkit-border-top-left-radius: 20px; | ||
1177 | -moz-border-radius-topleft: 20px; | ||
1178 | border-top-left-radius: 20px; | ||
1179 | -webkit-border-top-left-radius: 20px; | ||
1180 | -moz-border-radius-topleft: 20px; | ||
1181 | border-top-left-radius: 20px; | ||
1182 | -webkit-border-top-left-radius: 20px; | ||
1183 | -moz-border-radius-topleft: 20px; | ||
1184 | border-top-left-radius: 20px; | ||
1185 | -webkit-border-top-left-radius: 20px; | ||
1186 | -moz-border-radius-topleft: 20px; | ||
1187 | border-top-left-radius: 20px; | ||
1188 | -webkit-border-top-left-radius: 20px; | ||
1189 | -moz-border-radius-topleft: 20px; | ||
1190 | border-top-left-radius: 20px; | ||
1191 | -webkit-border-top-right-radius: 20px; | ||
1192 | -moz-border-radius-topright: 20px; | ||
1193 | border-top-right-radius: 20px; | ||
1194 | -webkit-border-top-right-radius: 20px; | ||
1195 | -moz-border-radius-topright: 20px; | ||
1196 | border-top-right-radius: 20px; | ||
1197 | -webkit-border-top-right-radius: 20px; | ||
1198 | -moz-border-radius-topright: 20px; | ||
1199 | border-top-right-radius: 20px; | ||
1200 | -webkit-border-top-right-radius: 20px; | ||
1201 | -moz-border-radius-topright: 20px; | ||
1202 | border-top-right-radius: 20px; | ||
1203 | -webkit-border-top-right-radius: 20px; | ||
1204 | -moz-border-radius-topright: 20px; | ||
1205 | border-top-right-radius: 20px; | ||
1206 | -webkit-border-top-right-radius: 20px; | ||
1207 | -moz-border-radius-topright: 20px; | ||
1208 | border-top-right-radius: 20px; | ||
1209 | -webkit-border-top-left-radius: 20px; | ||
1210 | -moz-border-radius-topleft: 20px; | ||
1211 | border-top-left-radius: 20px; | ||
1212 | -webkit-border-top-left-radius: 20px; | ||
1213 | -moz-border-radius-topleft: 20px; | ||
1214 | border-top-left-radius: 20px; | ||
1215 | -webkit-border-top-left-radius: 20px; | ||
1216 | -moz-border-radius-topleft: 20px; | ||
1217 | border-top-left-radius: 20px; | ||
1218 | -webkit-border-top-left-radius: 20px; | ||
1219 | -moz-border-radius-topleft: 20px; | ||
1220 | border-top-left-radius: 20px; | ||
1221 | -webkit-border-top-left-radius: 20px; | ||
1222 | -moz-border-radius-topleft: 20px; | ||
1223 | border-top-left-radius: 20px; | ||
1224 | -webkit-border-top-left-radius: 20px; | ||
1225 | -moz-border-radius-topleft: 20px; | ||
1226 | border-top-left-radius: 20px; | ||
1227 | -webkit-border-top-right-radius: 20px; | ||
1228 | -moz-border-radius-topright: 20px; | ||
1229 | border-top-right-radius: 20px; | ||
1230 | -webkit-border-top-right-radius: 20px; | ||
1231 | -moz-border-radius-topright: 20px; | ||
1232 | border-top-right-radius: 20px; | ||
1233 | -webkit-border-top-right-radius: 20px; | ||
1234 | -moz-border-radius-topright: 20px; | ||
1235 | border-top-right-radius: 20px; | ||
1236 | -webkit-border-top-right-radius: 20px; | ||
1237 | -moz-border-radius-topright: 20px; | ||
1238 | border-top-right-radius: 20px; | ||
1239 | -webkit-border-top-right-radius: 20px; | ||
1240 | -moz-border-radius-topright: 20px; | ||
1241 | border-top-right-radius: 20px; | ||
1242 | -webkit-border-top-right-radius: 20px; | ||
1243 | -moz-border-radius-topright: 20px; | ||
1244 | border-top-right-radius: 20px; | ||
1245 | -webkit-border-top-left-radius: 20px; | ||
1246 | -moz-border-radius-topleft: 20px; | ||
1247 | border-top-left-radius: 20px; | ||
1248 | -webkit-border-top-left-radius: 20px; | ||
1249 | -moz-border-radius-topleft: 20px; | ||
1250 | border-top-left-radius: 20px; | ||
1251 | -webkit-border-top-left-radius: 20px; | ||
1252 | -moz-border-radius-topleft: 20px; | ||
1253 | border-top-left-radius: 20px; | ||
1254 | -webkit-border-top-left-radius: 20px; | ||
1255 | -moz-border-radius-topleft: 20px; | ||
1256 | border-top-left-radius: 20px; | ||
1257 | -webkit-border-top-left-radius: 20px; | ||
1258 | -moz-border-radius-topleft: 20px; | ||
1259 | border-top-left-radius: 20px; | ||
1260 | -webkit-border-top-left-radius: 20px; | ||
1261 | -moz-border-radius-topleft: 20px; | ||
1262 | border-top-left-radius: 20px; | ||
1263 | -webkit-border-top-right-radius: 20px; | ||
1264 | -moz-border-radius-topright: 20px; | ||
1265 | border-top-right-radius: 20px; | ||
1266 | -webkit-border-top-right-radius: 20px; | ||
1267 | -moz-border-radius-topright: 20px; | ||
1268 | border-top-right-radius: 20px; | ||
1269 | -webkit-border-top-right-radius: 20px; | ||
1270 | -moz-border-radius-topright: 20px; | ||
1271 | border-top-right-radius: 20px; | ||
1272 | -webkit-border-top-right-radius: 20px; | ||
1273 | -moz-border-radius-topright: 20px; | ||
1274 | border-top-right-radius: 20px; | ||
1275 | -webkit-border-top-right-radius: 20px; | ||
1276 | -moz-border-radius-topright: 20px; | ||
1277 | border-top-right-radius: 20px; | ||
1278 | -webkit-border-top-right-radius: 20px; | ||
1279 | -moz-border-radius-topright: 20px; | ||
1280 | border-top-right-radius: 20px; | ||
1281 | -webkit-border-top-left-radius: 20px; | ||
1282 | -moz-border-radius-topleft: 20px; | ||
1283 | border-top-left-radius: 20px; | ||
1284 | -webkit-border-top-left-radius: 20px; | ||
1285 | -moz-border-radius-topleft: 20px; | ||
1286 | border-top-left-radius: 20px; | ||
1287 | -webkit-border-top-left-radius: 20px; | ||
1288 | -moz-border-radius-topleft: 20px; | ||
1289 | border-top-left-radius: 20px; | ||
1290 | -webkit-border-top-left-radius: 20px; | ||
1291 | -moz-border-radius-topleft: 20px; | ||
1292 | border-top-left-radius: 20px; | ||
1293 | -webkit-border-top-left-radius: 20px; | ||
1294 | -moz-border-radius-topleft: 20px; | ||
1295 | border-top-left-radius: 20px; | ||
1296 | -webkit-border-top-left-radius: 20px; | ||
1297 | -moz-border-radius-topleft: 20px; | ||
1298 | border-top-left-radius: 20px; | ||
1299 | -webkit-border-top-right-radius: 20px; | ||
1300 | -moz-border-radius-topright: 20px; | ||
1301 | border-top-right-radius: 20px; | ||
1302 | -webkit-border-top-right-radius: 20px; | ||
1303 | -moz-border-radius-topright: 20px; | ||
1304 | border-top-right-radius: 20px; | ||
1305 | -webkit-border-top-right-radius: 20px; | ||
1306 | -moz-border-radius-topright: 20px; | ||
1307 | border-top-right-radius: 20px; | ||
1308 | -webkit-border-top-right-radius: 20px; | ||
1309 | -moz-border-radius-topright: 20px; | ||
1310 | border-top-right-radius: 20px; | ||
1311 | -webkit-border-top-right-radius: 20px; | ||
1312 | -moz-border-radius-topright: 20px; | ||
1313 | border-top-right-radius: 20px; | ||
1314 | -webkit-border-top-right-radius: 20px; | ||
1315 | -moz-border-radius-topright: 20px; | ||
1316 | border-top-right-radius: 20px; | ||
1317 | -webkit-border-top-left-radius: 20px; | ||
1318 | -moz-border-radius-topleft: 20px; | ||
1319 | border-top-left-radius: 20px; | ||
1320 | -webkit-border-top-left-radius: 20px; | ||
1321 | -moz-border-radius-topleft: 20px; | ||
1322 | border-top-left-radius: 20px; | ||
1323 | -webkit-border-top-left-radius: 20px; | ||
1324 | -moz-border-radius-topleft: 20px; | ||
1325 | border-top-left-radius: 20px; | ||
1326 | -webkit-border-top-left-radius: 20px; | ||
1327 | -moz-border-radius-topleft: 20px; | ||
1328 | border-top-left-radius: 20px; | ||
1329 | -webkit-border-top-left-radius: 20px; | ||
1330 | -moz-border-radius-topleft: 20px; | ||
1331 | border-top-left-radius: 20px; | ||
1332 | -webkit-border-top-left-radius: 20px; | ||
1333 | -moz-border-radius-topleft: 20px; | ||
1334 | border-top-left-radius: 20px; | ||
1335 | -webkit-border-top-right-radius: 20px; | ||
1336 | -moz-border-radius-topright: 20px; | ||
1337 | border-top-right-radius: 20px; | ||
1338 | -webkit-border-top-right-radius: 20px; | ||
1339 | -moz-border-radius-topright: 20px; | ||
1340 | border-top-right-radius: 20px; | ||
1341 | -webkit-border-top-right-radius: 20px; | ||
1342 | -moz-border-radius-topright: 20px; | ||
1343 | border-top-right-radius: 20px; | ||
1344 | -webkit-border-top-right-radius: 20px; | ||
1345 | -moz-border-radius-topright: 20px; | ||
1346 | border-top-right-radius: 20px; | ||
1347 | -webkit-border-top-right-radius: 20px; | ||
1348 | -moz-border-radius-topright: 20px; | ||
1349 | border-top-right-radius: 20px; | ||
1350 | -webkit-border-top-right-radius: 20px; | 607 | -webkit-border-top-right-radius: 20px; |
1351 | -moz-border-radius-topright: 20px; | 608 | -moz-border-radius-topright: 20px; |
1352 | border-top-right-radius: 20px; | 609 | border-top-right-radius: 20px; |
1353 | } | 610 | } |
1354 | div#loginBox div.body { | 611 | div#loginBox div.body { |
1355 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 612 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
1356 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 613 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
1357 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1358 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1359 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1360 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1361 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1362 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1363 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1364 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1365 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1366 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1367 | } | 614 | } |
1368 | div#loginBox div.body h4 { | 615 | div#loginBox div.body h4 { |
1369 | color: #ffffff; | 616 | color: #ffffff; |
1370 | font-size: 16pt; | 617 | font-size: 16pt; |
1371 | font-weight: normal; | 618 | font-weight: normal; |
1372 | padding-left: 20px; | 619 | padding-left: 20px; |
1373 | margin: 0px; | 620 | margin: 0px; |
1374 | } | 621 | } |
1375 | div#loginBox div.body form.loginForm { | 622 | div#loginBox div.body form.loginForm { |
1376 | padding: 5px 20px 0px; | 623 | padding: 5px 20px 0px; |
1377 | margin-bottom: 0px; | 624 | margin-bottom: 0px; |
1378 | } | 625 | } |
1379 | div#loginBox div.body form.loginForm label { | 626 | div#loginBox div.body form.loginForm label { |
1380 | color: #ffffff; | 627 | color: #ffffff; |
1381 | font-size: 10pt; | 628 | font-size: 10pt; |
1382 | display: block; | 629 | display: block; |
1383 | padding-top: 5px; | 630 | padding-top: 5px; |
1384 | } | 631 | } |
1385 | div#loginBox div.body form.loginForm label.checkbox { | 632 | div#loginBox div.body form.loginForm label.checkbox { |
1386 | display: inline; | 633 | display: inline; |
1387 | } | 634 | } |
1388 | div#loginBox div.body form.loginForm input { | 635 | div#loginBox div.body form.loginForm input { |
1389 | width: 230px; | 636 | width: 230px; |
1390 | font-size: 14pt; | 637 | font-size: 14pt; |
1391 | color: #333366; | 638 | color: #333366; |
1392 | background-color: #ffffff; | 639 | background-color: #ffffff; |
1393 | border: 1px solid #bb4924; | 640 | border: 1px solid #bb4924; |
1394 | padding: 2px 5px; | 641 | padding: 2px 5px; |
1395 | height: 28px; | 642 | height: 28px; |
1396 | } | 643 | } |
1397 | div#loginBox div.body form.loginForm input.checkbox { | 644 | div#loginBox div.body form.loginForm input.checkbox { |
1398 | margin: 10px 8px 0px 0px; | 645 | margin: 10px 8px 0px 0px; |
1399 | height: auto; | 646 | height: auto; |
1400 | width: auto; | 647 | width: auto; |
1401 | border: 0px; | 648 | border: 0px; |
1402 | } | 649 | } |
1403 | div#loginBox div.body form.loginForm input.checkbox:hover { | 650 | div#loginBox div.body form.loginForm input.checkbox:hover { |
1404 | cursor: pointer; | 651 | cursor: pointer; |
1405 | } | 652 | } |
1406 | div#loginBox div.body form.loginForm input.otp { | 653 | div#loginBox div.body form.loginForm input.otp { |
1407 | width: 57px; | 654 | width: 57px; |
1408 | display: inline; | 655 | display: inline; |
1409 | padding-left: 0px; | 656 | padding-left: 0px; |
1410 | padding-right: 0px; | 657 | padding-right: 0px; |
1411 | height: 28px; | 658 | height: 28px; |
1412 | font: 8pt monospace; | 659 | font: 8pt monospace; |
1413 | } | 660 | } |
1414 | div#loginBox div.body form.loginForm input.submit { | 661 | div#loginBox div.body form.loginForm input.submit { |
1415 | margin: 0px 45px; | 662 | margin: 0px 45px; |
1416 | width: 140px; | 663 | width: 140px; |
1417 | color: #ffffff; | 664 | color: #ffffff; |
1418 | background-color: #d44100; | 665 | background-color: #d44100; |
1419 | border: 1px solid #bb4924; | 666 | border: 1px solid #bb4924; |
1420 | padding: 6px; | 667 | padding: 6px; |
1421 | font-size: 12pt; | 668 | font-size: 12pt; |
1422 | height: auto; | 669 | height: auto; |
1423 | } | 670 | } |
1424 | div#loginBox div.body form.loginForm input.submit:hover { | 671 | div#loginBox div.body form.loginForm input.submit:hover { |
1425 | color: #ffffff; | 672 | color: #ffffff; |
1426 | background-color: #7e2700; | 673 | background-color: #7e2700; |
1427 | cursor: pointer; | 674 | cursor: pointer; |
1428 | } | 675 | } |
1429 | div#loginBox div.body form.loginForm ul { | 676 | div#loginBox div.body form.loginForm ul { |
1430 | list-style-type: none; | 677 | list-style-type: none; |
1431 | padding: 0px; | 678 | padding: 0px; |
1432 | margin: 0px; | 679 | margin: 0px; |
1433 | } | 680 | } |
1434 | div#loginBox div.body form.loginForm ul li { | 681 | div#loginBox div.body form.loginForm ul li { |
1435 | display: block; | 682 | display: block; |
1436 | } | 683 | } |
1437 | div#loginBox div.body form.loginForm div.translations { | 684 | div#loginBox div.body form.loginForm div.translations { |
1438 | margin: 15px -20px; | 685 | margin: 15px -20px; |
1439 | background-color: #c87b59; | 686 | background-color: #c87b59; |
1440 | } | 687 | } |
1441 | div#loginBox div.body form.loginForm div.translations h4 { | 688 | div#loginBox div.body form.loginForm div.translations h4 { |
1442 | font-size: 9pt; | 689 | font-size: 9pt; |
1443 | padding: 6px 20px 0px; | 690 | padding: 6px 20px 0px; |
1444 | } | 691 | } |
1445 | div#loginBox div.body form.loginForm div.translations ul { | 692 | div#loginBox div.body form.loginForm div.translations ul { |
1446 | margin: 0px; | 693 | margin: 0px; |
1447 | padding: 5px 10px 10px; | 694 | padding: 5px 10px 10px; |
1448 | margin-bottom: 15px; | 695 | margin-bottom: 15px; |
1449 | } | 696 | } |
1450 | div#loginBox div.body form.loginForm div.translations ul li { | 697 | div#loginBox div.body form.loginForm div.translations ul li { |
1451 | font-size: 8pt; | 698 | font-size: 8pt; |
1452 | color: #ddaa99; | 699 | color: #ddaa99; |
1453 | background-color: #994422; | 700 | background-color: #994422; |
1454 | display: inline-block; | 701 | display: inline-block; |
1455 | padding: 2px 4px; | 702 | padding: 2px 4px; |
1456 | margin: 1px; | 703 | margin: 1px; |
1457 | } | 704 | } |
1458 | div#loginBox div.body form.loginForm div.translations ul li.selected { | 705 | div#loginBox div.body form.loginForm div.translations ul li.selected { |
1459 | color: #ffffff; | 706 | color: #ffffff; |
1460 | background-color: #772211; | 707 | background-color: #772211; |
1461 | } | 708 | } |
1462 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { | 709 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { |
1463 | cursor: default; | 710 | cursor: default; |
1464 | } | 711 | } |
1465 | div#loginBox div.body form.loginForm div.translations ul li:hover { | 712 | div#loginBox div.body form.loginForm div.translations ul li:hover { |
1466 | cursor: pointer; | 713 | cursor: pointer; |
1467 | color: #ffffff; | 714 | color: #ffffff; |
1468 | } | 715 | } |
1469 | div#loginBox div.footer { | 716 | div#loginBox div.footer { |
1470 | height: 37px; | 717 | height: 37px; |
1471 | width: 273px; | 718 | width: 273px; |
1472 | background-color: #ff6622; | 719 | background-color: #ff6622; |
1473 | -webkit-border-bottom-left-radius: 20px; | 720 | -webkit-border-bottom-left-radius: 20px; |
1474 | -moz-border-radius-bottomleft: 20px; | 721 | -moz-border-radius-bottomleft: 20px; |
1475 | border-bottom-left-radius: 20px; | 722 | border-bottom-left-radius: 20px; |
1476 | -webkit-border-bottom-left-radius: 20px; | ||
1477 | -moz-border-radius-bottomleft: 20px; | ||
1478 | border-bottom-left-radius: 20px; | ||
1479 | -webkit-border-bottom-left-radius: 20px; | ||
1480 | -moz-border-radius-bottomleft: 20px; | ||
1481 | border-bottom-left-radius: 20px; | ||
1482 | -webkit-border-bottom-left-radius: 20px; | ||
1483 | -moz-border-radius-bottomleft: 20px; | ||
1484 | border-bottom-left-radius: 20px; | ||
1485 | -webkit-border-bottom-left-radius: 20px; | ||
1486 | -moz-border-radius-bottomleft: 20px; | ||
1487 | border-bottom-left-radius: 20px; | ||
1488 | -webkit-border-bottom-left-radius: 20px; | ||
1489 | -moz-border-radius-bottomleft: 20px; | ||
1490 | border-bottom-left-radius: 20px; | ||
1491 | -webkit-border-bottom-right-radius: 20px; | ||
1492 | -moz-border-radius-bottomright: 20px; | ||
1493 | border-bottom-right-radius: 20px; | ||
1494 | -webkit-border-bottom-right-radius: 20px; | ||
1495 | -moz-border-radius-bottomright: 20px; | ||
1496 | border-bottom-right-radius: 20px; | ||
1497 | -webkit-border-bottom-right-radius: 20px; | ||
1498 | -moz-border-radius-bottomright: 20px; | ||
1499 | border-bottom-right-radius: 20px; | ||
1500 | -webkit-border-bottom-right-radius: 20px; | ||
1501 | -moz-border-radius-bottomright: 20px; | ||
1502 | border-bottom-right-radius: 20px; | ||
1503 | -webkit-border-bottom-right-radius: 20px; | ||
1504 | -moz-border-radius-bottomright: 20px; | ||
1505 | border-bottom-right-radius: 20px; | ||
1506 | -webkit-border-bottom-right-radius: 20px; | ||
1507 | -moz-border-radius-bottomright: 20px; | ||
1508 | border-bottom-right-radius: 20px; | ||
1509 | -webkit-border-bottom-left-radius: 20px; | ||
1510 | -moz-border-radius-bottomleft: 20px; | ||
1511 | border-bottom-left-radius: 20px; | ||
1512 | -webkit-border-bottom-left-radius: 20px; | ||
1513 | -moz-border-radius-bottomleft: 20px; | ||
1514 | border-bottom-left-radius: 20px; | ||
1515 | -webkit-border-bottom-left-radius: 20px; | ||
1516 | -moz-border-radius-bottomleft: 20px; | ||
1517 | border-bottom-left-radius: 20px; | ||
1518 | -webkit-border-bottom-left-radius: 20px; | ||
1519 | -moz-border-radius-bottomleft: 20px; | ||
1520 | border-bottom-left-radius: 20px; | ||
1521 | -webkit-border-bottom-left-radius: 20px; | ||
1522 | -moz-border-radius-bottomleft: 20px; | ||
1523 | border-bottom-left-radius: 20px; | ||
1524 | -webkit-border-bottom-left-radius: 20px; | ||
1525 | -moz-border-radius-bottomleft: 20px; | ||
1526 | border-bottom-left-radius: 20px; | ||
1527 | -webkit-border-bottom-right-radius: 20px; | ||
1528 | -moz-border-radius-bottomright: 20px; | ||
1529 | border-bottom-right-radius: 20px; | ||
1530 | -webkit-border-bottom-right-radius: 20px; | ||
1531 | -moz-border-radius-bottomright: 20px; | ||
1532 | border-bottom-right-radius: 20px; | ||
1533 | -webkit-border-bottom-right-radius: 20px; | ||
1534 | -moz-border-radius-bottomright: 20px; | ||
1535 | border-bottom-right-radius: 20px; | ||
1536 | -webkit-border-bottom-right-radius: 20px; | ||
1537 | -moz-border-radius-bottomright: 20px; | ||
1538 | border-bottom-right-radius: 20px; | ||
1539 | -webkit-border-bottom-right-radius: 20px; | ||
1540 | -moz-border-radius-bottomright: 20px; | ||
1541 | border-bottom-right-radius: 20px; | ||
1542 | -webkit-border-bottom-right-radius: 20px; | ||
1543 | -moz-border-radius-bottomright: 20px; | ||
1544 | border-bottom-right-radius: 20px; | ||
1545 | -webkit-border-bottom-left-radius: 20px; | ||
1546 | -moz-border-radius-bottomleft: 20px; | ||
1547 | border-bottom-left-radius: 20px; | ||
1548 | -webkit-border-bottom-left-radius: 20px; | ||
1549 | -moz-border-radius-bottomleft: 20px; | ||
1550 | border-bottom-left-radius: 20px; | ||
1551 | -webkit-border-bottom-left-radius: 20px; | ||
1552 | -moz-border-radius-bottomleft: 20px; | ||
1553 | border-bottom-left-radius: 20px; | ||
1554 | -webkit-border-bottom-left-radius: 20px; | ||
1555 | -moz-border-radius-bottomleft: 20px; | ||
1556 | border-bottom-left-radius: 20px; | ||
1557 | -webkit-border-bottom-left-radius: 20px; | ||
1558 | -moz-border-radius-bottomleft: 20px; | ||
1559 | border-bottom-left-radius: 20px; | ||
1560 | -webkit-border-bottom-left-radius: 20px; | ||
1561 | -moz-border-radius-bottomleft: 20px; | ||
1562 | border-bottom-left-radius: 20px; | ||
1563 | -webkit-border-bottom-right-radius: 20px; | ||
1564 | -moz-border-radius-bottomright: 20px; | ||
1565 | border-bottom-right-radius: 20px; | ||
1566 | -webkit-border-bottom-right-radius: 20px; | ||
1567 | -moz-border-radius-bottomright: 20px; | ||
1568 | border-bottom-right-radius: 20px; | ||
1569 | -webkit-border-bottom-right-radius: 20px; | ||
1570 | -moz-border-radius-bottomright: 20px; | ||
1571 | border-bottom-right-radius: 20px; | ||
1572 | -webkit-border-bottom-right-radius: 20px; | ||
1573 | -moz-border-radius-bottomright: 20px; | ||
1574 | border-bottom-right-radius: 20px; | ||
1575 | -webkit-border-bottom-right-radius: 20px; | ||
1576 | -moz-border-radius-bottomright: 20px; | ||
1577 | border-bottom-right-radius: 20px; | ||
1578 | -webkit-border-bottom-right-radius: 20px; | ||
1579 | -moz-border-radius-bottomright: 20px; | ||
1580 | border-bottom-right-radius: 20px; | ||
1581 | -webkit-border-bottom-left-radius: 20px; | ||
1582 | -moz-border-radius-bottomleft: 20px; | ||
1583 | border-bottom-left-radius: 20px; | ||
1584 | -webkit-border-bottom-left-radius: 20px; | ||
1585 | -moz-border-radius-bottomleft: 20px; | ||
1586 | border-bottom-left-radius: 20px; | ||
1587 | -webkit-border-bottom-left-radius: 20px; | ||
1588 | -moz-border-radius-bottomleft: 20px; | ||
1589 | border-bottom-left-radius: 20px; | ||
1590 | -webkit-border-bottom-left-radius: 20px; | ||
1591 | -moz-border-radius-bottomleft: 20px; | ||
1592 | border-bottom-left-radius: 20px; | ||
1593 | -webkit-border-bottom-left-radius: 20px; | ||
1594 | -moz-border-radius-bottomleft: 20px; | ||
1595 | border-bottom-left-radius: 20px; | ||
1596 | -webkit-border-bottom-left-radius: 20px; | ||
1597 | -moz-border-radius-bottomleft: 20px; | ||
1598 | border-bottom-left-radius: 20px; | ||
1599 | -webkit-border-bottom-right-radius: 20px; | ||
1600 | -moz-border-radius-bottomright: 20px; | ||
1601 | border-bottom-right-radius: 20px; | ||
1602 | -webkit-border-bottom-right-radius: 20px; | ||
1603 | -moz-border-radius-bottomright: 20px; | ||
1604 | border-bottom-right-radius: 20px; | ||
1605 | -webkit-border-bottom-right-radius: 20px; | ||
1606 | -moz-border-radius-bottomright: 20px; | ||
1607 | border-bottom-right-radius: 20px; | ||
1608 | -webkit-border-bottom-right-radius: 20px; | ||
1609 | -moz-border-radius-bottomright: 20px; | ||
1610 | border-bottom-right-radius: 20px; | ||
1611 | -webkit-border-bottom-right-radius: 20px; | ||
1612 | -moz-border-radius-bottomright: 20px; | ||
1613 | border-bottom-right-radius: 20px; | ||
1614 | -webkit-border-bottom-right-radius: 20px; | ||
1615 | -moz-border-radius-bottomright: 20px; | ||
1616 | border-bottom-right-radius: 20px; | ||
1617 | -webkit-border-bottom-left-radius: 20px; | ||
1618 | -moz-border-radius-bottomleft: 20px; | ||
1619 | border-bottom-left-radius: 20px; | ||
1620 | -webkit-border-bottom-left-radius: 20px; | ||
1621 | -moz-border-radius-bottomleft: 20px; | ||
1622 | border-bottom-left-radius: 20px; | ||
1623 | -webkit-border-bottom-left-radius: 20px; | ||
1624 | -moz-border-radius-bottomleft: 20px; | ||
1625 | border-bottom-left-radius: 20px; | ||
1626 | -webkit-border-bottom-left-radius: 20px; | ||
1627 | -moz-border-radius-bottomleft: 20px; | ||
1628 | border-bottom-left-radius: 20px; | ||
1629 | -webkit-border-bottom-left-radius: 20px; | ||
1630 | -moz-border-radius-bottomleft: 20px; | ||
1631 | border-bottom-left-radius: 20px; | ||
1632 | -webkit-border-bottom-left-radius: 20px; | ||
1633 | -moz-border-radius-bottomleft: 20px; | ||
1634 | border-bottom-left-radius: 20px; | ||
1635 | -webkit-border-bottom-right-radius: 20px; | ||
1636 | -moz-border-radius-bottomright: 20px; | ||
1637 | border-bottom-right-radius: 20px; | ||
1638 | -webkit-border-bottom-right-radius: 20px; | ||
1639 | -moz-border-radius-bottomright: 20px; | ||
1640 | border-bottom-right-radius: 20px; | ||
1641 | -webkit-border-bottom-right-radius: 20px; | ||
1642 | -moz-border-radius-bottomright: 20px; | ||
1643 | border-bottom-right-radius: 20px; | ||
1644 | -webkit-border-bottom-right-radius: 20px; | ||
1645 | -moz-border-radius-bottomright: 20px; | ||
1646 | border-bottom-right-radius: 20px; | ||
1647 | -webkit-border-bottom-right-radius: 20px; | ||
1648 | -moz-border-radius-bottomright: 20px; | ||
1649 | border-bottom-right-radius: 20px; | ||
1650 | -webkit-border-bottom-right-radius: 20px; | ||
1651 | -moz-border-radius-bottomright: 20px; | ||
1652 | border-bottom-right-radius: 20px; | ||
1653 | -webkit-border-bottom-left-radius: 20px; | ||
1654 | -moz-border-radius-bottomleft: 20px; | ||
1655 | border-bottom-left-radius: 20px; | ||
1656 | -webkit-border-bottom-left-radius: 20px; | ||
1657 | -moz-border-radius-bottomleft: 20px; | ||
1658 | border-bottom-left-radius: 20px; | ||
1659 | -webkit-border-bottom-left-radius: 20px; | ||
1660 | -moz-border-radius-bottomleft: 20px; | ||
1661 | border-bottom-left-radius: 20px; | ||
1662 | -webkit-border-bottom-left-radius: 20px; | ||
1663 | -moz-border-radius-bottomleft: 20px; | ||
1664 | border-bottom-left-radius: 20px; | ||
1665 | -webkit-border-bottom-left-radius: 20px; | ||
1666 | -moz-border-radius-bottomleft: 20px; | ||
1667 | border-bottom-left-radius: 20px; | ||
1668 | -webkit-border-bottom-left-radius: 20px; | ||
1669 | -moz-border-radius-bottomleft: 20px; | ||
1670 | border-bottom-left-radius: 20px; | ||
1671 | -webkit-border-bottom-right-radius: 20px; | ||
1672 | -moz-border-radius-bottomright: 20px; | ||
1673 | border-bottom-right-radius: 20px; | ||
1674 | -webkit-border-bottom-right-radius: 20px; | ||
1675 | -moz-border-radius-bottomright: 20px; | ||
1676 | border-bottom-right-radius: 20px; | ||
1677 | -webkit-border-bottom-right-radius: 20px; | ||
1678 | -moz-border-radius-bottomright: 20px; | ||
1679 | border-bottom-right-radius: 20px; | ||
1680 | -webkit-border-bottom-right-radius: 20px; | ||
1681 | -moz-border-radius-bottomright: 20px; | ||
1682 | border-bottom-right-radius: 20px; | ||
1683 | -webkit-border-bottom-right-radius: 20px; | ||
1684 | -moz-border-radius-bottomright: 20px; | ||
1685 | border-bottom-right-radius: 20px; | ||
1686 | -webkit-border-bottom-right-radius: 20px; | 723 | -webkit-border-bottom-right-radius: 20px; |
1687 | -moz-border-radius-bottomright: 20px; | 724 | -moz-border-radius-bottomright: 20px; |
1688 | border-bottom-right-radius: 20px; | 725 | border-bottom-right-radius: 20px; |
1689 | } | 726 | } |
1690 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { | 727 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { |
1691 | display: -moz-inline-box; | 728 | display: -moz-inline-box; |
1692 | } | 729 | } |
1693 | div#featurePoints { | 730 | div#featurePoints { |
1694 | min-width: 400px; | 731 | min-width: 400px; |
1695 | padding-top: 15px; | 732 | padding-top: 15px; |
1696 | padding-bottom: 20px; | 733 | padding-bottom: 20px; |
1697 | padding-left: 20px; | 734 | padding-left: 20px; |
1698 | padding-right: 330px; | 735 | padding-right: 330px; |
1699 | } | 736 | } |
1700 | div#featurePoints table tbody tr td { | 737 | div#featurePoints table tbody tr td { |
1701 | width: 50%; | 738 | width: 50%; |
1702 | vertical-align: top; | 739 | vertical-align: top; |
1703 | } | 740 | } |
1704 | div#featurePoints div.block { | 741 | div#featurePoints div.block { |
1705 | padding: 10px; | 742 | padding: 10px; |
1706 | color: #86858e; | 743 | color: #86858e; |
1707 | } | 744 | } |
1708 | div#featurePoints div.block h3 { | 745 | div#featurePoints div.block h3 { |
1709 | font-weight: normal; | 746 | font-weight: normal; |
1710 | font-size: 12pt; | 747 | font-size: 12pt; |
1711 | margin: 0px; | 748 | margin: 0px; |
1712 | padding: 5px 0px; | 749 | padding: 5px 0px; |
1713 | } | 750 | } |
1714 | div#featurePoints div.block ul { | 751 | div#featurePoints div.block ul { |
1715 | margin: 0px; | 752 | margin: 0px; |
1716 | margin-left: 20px; | 753 | margin-left: 20px; |
1717 | padding: 0px; | 754 | padding: 0px; |
1718 | list-style-position: outside; | 755 | list-style-position: outside; |
1719 | } | 756 | } |
1720 | div#featurePoints div.block ul li { | 757 | div#featurePoints div.block ul li { |
1721 | font-size: 10pt; | 758 | font-size: 10pt; |
1722 | padding: 3px 0px; | 759 | padding: 3px 0px; |
1723 | } | 760 | } |
1724 | div.activeFeatures { | 761 | div.activeFeatures { |
1725 | float: left; | 762 | float: left; |
1726 | margin-left: 20px; | 763 | margin-left: 20px; |
1727 | height: 100px; | 764 | height: 100px; |
1728 | } | 765 | } |
1729 | div.activeFeatures a { | 766 | div.activeFeatures a { |
1730 | display: inline-block; | 767 | display: inline-block; |
1731 | padding-left: 46px; | 768 | padding-left: 46px; |
1732 | color: #ff5906; | 769 | color: #ff5906; |
1733 | text-decoration: none; | 770 | text-decoration: none; |
1734 | font-size: 10pt; | 771 | font-size: 10pt; |
1735 | } | 772 | } |
1736 | div.activeFeatures a span.payoff { | 773 | div.activeFeatures a span.payoff { |
1737 | display: block; | 774 | display: block; |
1738 | font-size: 13pt; | 775 | font-size: 13pt; |
1739 | font-weight: lighter; | 776 | font-weight: lighter; |
1740 | color: #9b9689; | 777 | color: #9b9689; |
1741 | margin: 0px; | 778 | margin: 0px; |
1742 | padding: 0px; | 779 | padding: 0px; |
1743 | } | 780 | } |
1744 | div.activeFeatures a:hover span.payoff { | 781 | div.activeFeatures a:hover span.payoff { |
1745 | color: #666666; | 782 | color: #666666; |
1746 | } | 783 | } |
1747 | div.activeFeatures div.keepTogether a { | 784 | div.activeFeatures div.keepTogether a { |
1748 | padding-left: 0px; | 785 | padding-left: 0px; |
1749 | } | 786 | } |
1750 | div.activeFeatures div.keepTogether div { | 787 | div.activeFeatures div.keepTogether div { |
1751 | display: inline-block; | 788 | display: inline-block; |
1752 | padding-right: 15px; | 789 | padding-right: 15px; |
1753 | } | 790 | } |
1754 | div.activeFeatures div.keepTogether canvas { | 791 | div.activeFeatures div.keepTogether canvas { |
1755 | width: 46px; | 792 | width: 46px; |
1756 | height: 46px; | 793 | height: 46px; |
1757 | vertical-align: bottom; | 794 | vertical-align: bottom; |
1758 | } | 795 | } |
1759 | div.activeFeatures div.createAccountLink { | 796 | div.activeFeatures div.createAccountLink { |
1760 | display: inline-block; | 797 | display: inline-block; |
1761 | width: 282; | 798 | width: 282; |
1762 | height: 65px; | 799 | height: 65px; |
800 | background-image: url(./images/old/home/register.png); | ||
1763 | margin-right: 20px; | 801 | margin-right: 20px; |
1764 | } | 802 | } |
1765 | div.activeFeatures div.createAccountLink a.createAccountLink { | 803 | div.activeFeatures div.createAccountLink a.createAccountLink { |
1766 | position: relative; | 804 | position: relative; |
1767 | top: -92px; | 805 | top: -92px; |
1768 | left: 5px; | 806 | left: 5px; |
1769 | } | 807 | } |
1770 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { | 808 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { |
1771 | margin-top: 23px; | 809 | margin-top: 23px; |
1772 | margin-left: 40px; | 810 | margin-left: 40px; |
1773 | font-size: 17pt; | 811 | font-size: 17pt; |
1774 | color: #64626c; | 812 | color: #64626c; |
1775 | } | 813 | } |
1776 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { | 814 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { |
1777 | padding-left: 40px; | 815 | padding-left: 40px; |
1778 | padding-right: 50px; | 816 | padding-right: 50px; |
1779 | padding-bottom: 10px; | 817 | padding-bottom: 10px; |
1780 | font-size: 12pt; | 818 | font-size: 12pt; |
1781 | } | 819 | } |
820 | div.activeFeatures div.createAccountLink:hover { | ||
821 | background-image: url(./images/old/home/register_selected.png); | ||
822 | } | ||
1782 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { | 823 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { |
1783 | color: #54535a; | 824 | color: #54535a; |
1784 | } | 825 | } |
1785 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { | 826 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { |
1786 | color: white; | 827 | color: white; |
1787 | } | 828 | } |
1788 | div.activeFeatures div.createAccountLink canvas { | 829 | div.activeFeatures div.createAccountLink canvas { |
1789 | width: 282px; | 830 | width: 282px; |
1790 | height: 93px; | 831 | height: 93px; |
1791 | } | 832 | } |
1792 | /* | 833 | /* |
1793 | 834 | ||
1794 | Color list: | 835 | Color list: |
1795 | - login box: | 836 | - login box: |
1796 | light#ff9955 | 837 | light#ff9955 |
1797 | dark#ff6622 | 838 | dark#ff6622 |
1798 | - login button: | 839 | - login button: |
1799 | regular#dd5500 | 840 | regular#dd5500 |
1800 | hover#773311 | 841 | hover#773311 |
1801 | - login translations: | 842 | - login translations: |
1802 | box: #cc6622; | 843 | box: #cc6622; |
1803 | not-selected: | 844 | not-selected: |
1804 | color: #ddaa99 | 845 | color: #ddaa99 |
1805 | background:#994422 | 846 | background:#994422 |
1806 | selected: #772211; | 847 | selected: #772211; |
1807 | */ | 848 | */ |
1808 | html { | 849 | html { |
1809 | height: 100%; | 850 | height: 100%; |
1810 | } | 851 | } |
1811 | body { | 852 | body { |
1812 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 853 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
1813 | margin: 0px; | 854 | margin: 0px; |
1814 | } | 855 | } |
1815 | div.modalDialogMask.userInfoBoxMask { | 856 | div.modalDialogMask.userInfoBoxMask { |
1816 | -moz-opacity: 0.0; | 857 | -moz-opacity: 0.0; |
1817 | opacity: .0; | 858 | opacity: .0; |
1818 | filter: alpha(opacity=0); | 859 | filter: alpha(opacity=0); |
1819 | z-index: 19000; | 860 | z-index: 19000; |
1820 | } | 861 | } |
1821 | .reset-margin { | 862 | .reset-margin { |
1822 | margin: 0px; | 863 | margin: 0px; |
1823 | padding: 0px; | 864 | padding: 0px; |
1824 | border: 0px; | 865 | border: 0px; |
1825 | } | 866 | } |
1826 | .clear { | 867 | .clear { |
1827 | clear: both; | 868 | clear: both; |
1828 | } | 869 | } |
1829 | .hidden_none { | 870 | .hidden_none { |
1830 | display: none; | 871 | display: none; |
1831 | visibility: hidden; | 872 | visibility: hidden; |
1832 | } | 873 | } |
1833 | .keepTogether { | 874 | .keepTogether { |
1834 | display: inline-block; | 875 | display: inline-block; |
1835 | white-space: nowrap; | 876 | white-space: nowrap; |
1836 | } | 877 | } |
1837 | #mainDiv { | 878 | #mainDiv { |
1838 | margin: 0 auto; | 879 | margin: 0 auto; |
1839 | } | 880 | } |
1840 | div.userInfoBox { | 881 | div.userInfoBox { |
1841 | position: absolute; | 882 | position: absolute; |
1842 | width: 160px; | 883 | width: 160px; |
1843 | height: 120px; | 884 | height: 120px; |
1844 | top: 100px; | 885 | top: 100px; |
1845 | left: 15px; | 886 | left: 15px; |
1846 | color: white; | 887 | color: white; |
1847 | background-color: #ff9955; | 888 | background-color: #ff9955; |
1848 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | 889 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); |
1849 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | 890 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); |
1850 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1851 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1852 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1853 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1854 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1855 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1856 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1857 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1858 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1859 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1860 | border-radius: 10px; | ||
1861 | -moz-border-radius: 10px; | ||
1862 | -webkit-border-radius: 10px; | ||
1863 | border-radius: 10px; | ||
1864 | -moz-border-radius: 10px; | ||
1865 | -webkit-border-radius: 10px; | ||
1866 | border-radius: 10px; | ||
1867 | -moz-border-radius: 10px; | ||
1868 | -webkit-border-radius: 10px; | ||
1869 | border-radius: 10px; | ||
1870 | -moz-border-radius: 10px; | ||
1871 | -webkit-border-radius: 10px; | ||
1872 | border-radius: 10px; | 891 | border-radius: 10px; |
1873 | -moz-border-radius: 10px; | 892 | -moz-border-radius: 10px; |
1874 | -webkit-border-radius: 10px; | 893 | -webkit-border-radius: 10px; |
1875 | border-radius: 10px; | ||
1876 | -moz-border-radius: 10px; | ||
1877 | -webkit-border-radius: 10px; | ||
1878 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1879 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1880 | box-shadow: 2px 2px 9px #333333; | ||
1881 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1882 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1883 | box-shadow: 2px 2px 9px #333333; | ||
1884 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1885 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1886 | box-shadow: 2px 2px 9px #333333; | ||
1887 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1888 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1889 | box-shadow: 2px 2px 9px #333333; | ||
1890 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1891 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1892 | box-shadow: 2px 2px 9px #333333; | ||
1893 | -webkit-box-shadow: 2px 2px 9px #333333; | 894 | -webkit-box-shadow: 2px 2px 9px #333333; |
1894 | -moz-box-shadow: 2px 2px 9px #333333; | 895 | -moz-box-shadow: 2px 2px 9px #333333; |
1895 | box-shadow: 2px 2px 9px #333333; | 896 | box-shadow: 2px 2px 9px #333333; |
1896 | } | 897 | } |
1897 | div.userInfoBox.locked { | 898 | div.userInfoBox.locked { |
1898 | z-index: 19001; | 899 | z-index: 19001; |
1899 | } | 900 | } |
1900 | div.userInfoBox.locked div.header a.lockButton { | 901 | div.userInfoBox.locked div.header a.lockButton { |
1901 | background: url(../images/old/lock/locked.png) no-repeat -5px -2px; | 902 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; |
1902 | } | 903 | } |
1903 | div.userInfoBox.locked div.header a.lockButton:hover { | 904 | div.userInfoBox.locked div.header a.lockButton:hover { |
1904 | background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px; | 905 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; |
1905 | } | 906 | } |
1906 | div.userInfoBox.locked div.body a { | 907 | div.userInfoBox.locked div.body a { |
1907 | display: none; | 908 | display: none; |
1908 | } | 909 | } |
1909 | div.userInfoBox div.header { | 910 | div.userInfoBox div.header { |
1910 | height: 30px; | 911 | height: 30px; |
1911 | } | 912 | } |
1912 | div.userInfoBox div.header h1 { | 913 | div.userInfoBox div.header h1 { |
1913 | font-size: 8pt; | 914 | font-size: 8pt; |
1914 | font-weight: normal; | 915 | font-weight: normal; |
1915 | margin: 0px; | 916 | margin: 0px; |
1916 | padding-top: 12px; | 917 | padding-top: 12px; |
1917 | padding-left: 12px; | 918 | padding-left: 12px; |
1918 | } | 919 | } |
1919 | div.userInfoBox div.header a.lockButton { | 920 | div.userInfoBox div.header a.lockButton { |
1920 | position: absolute; | 921 | position: absolute; |
1921 | top: 8px; | 922 | top: 8px; |
1922 | right: 12px; | 923 | right: 12px; |
1923 | display: block; | 924 | display: block; |
1924 | width: 15px; | 925 | width: 15px; |
1925 | height: 20px; | 926 | height: 20px; |
1926 | text-decoration: none; | 927 | text-decoration: none; |
1927 | background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px; | 928 | background: url(./images/old/lock/unlocked.png) no-repeat -5px -2px; |
1928 | } | 929 | } |
1929 | div.userInfoBox div.header a.lockButton:hover { | 930 | div.userInfoBox div.header a.lockButton:hover { |
1930 | background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px; | 931 | background: url(./images/old/lock/unlocked_hover.png) no-repeat -5px -2px; |
1931 | } | 932 | } |
1932 | div.userInfoBox div.body { | 933 | div.userInfoBox div.body { |
1933 | padding: 0px 12px; | 934 | padding: 0px 12px; |
1934 | } | 935 | } |
1935 | div.userInfoBox div.body h3 { | 936 | div.userInfoBox div.body h3 { |
1936 | font-size: 11pt; | 937 | font-size: 11pt; |
1937 | font-weight: bold; | 938 | font-weight: bold; |
1938 | margin: 0px; | 939 | margin: 0px; |
1939 | } | 940 | } |
1940 | div.userInfoBox div.body ul { | 941 | div.userInfoBox div.body ul { |
1941 | font-size: 8pt; | 942 | font-size: 8pt; |
1942 | padding: 0px; | 943 | padding: 0px; |
1943 | margin: 4px 0px; | 944 | margin: 4px 0px; |
1944 | list-style-position: inside; | 945 | list-style-position: inside; |
1945 | text-shadow: #000000 0 0 0; | ||
1946 | } | 946 | } |
1947 | div.userInfoBox div.body ul li span.number { | 947 | div.userInfoBox div.body ul li span.number { |
1948 | font-weight: bold; | 948 | font-weight: bold; |
1949 | padding-right: 3px; | 949 | padding-right: 3px; |
1950 | } | 950 | } |
1951 | div.userInfoBox div.body a { | 951 | div.userInfoBox div.body a { |
1952 | display: block; | 952 | display: block; |
1953 | margin-top: 8px; | 953 | margin-top: 8px; |
1954 | border-top: 1px solid white; | 954 | border-top: 1px solid white; |
1955 | padding-top: 6px; | 955 | padding-top: 6px; |
1956 | font-size: 10pt; | 956 | font-size: 10pt; |
1957 | font-weight: bold; | 957 | font-weight: bold; |
1958 | color: #d15a22; | 958 | color: #d15a22; |
1959 | border-color: #fe9a5f; | 959 | border-color: #fe9a5f; |
1960 | text-decoration: none; | 960 | text-decoration: none; |
1961 | } | 961 | } |
1962 | div.userInfoBox div.body a:hover { | 962 | div.userInfoBox div.body a:hover { |
1963 | color: #8c3b15; | 963 | color: #8c3b15; |
1964 | } | 964 | } |
1965 | div.sidePanels { | 965 | div.sidePanels { |
1966 | float: left; | 966 | float: left; |
1967 | margin-top: 106px; | 967 | margin-top: 106px; |
1968 | margin-left: 20px; | 968 | margin-left: 20px; |
1969 | width: 160px; | 969 | width: 160px; |
1970 | } | 970 | } |
1971 | div.sidePanels div.tabSidePanel { | 971 | div.sidePanels div.tabSidePanel { |
1972 | margin-right: -10px; | 972 | margin-right: -10px; |
1973 | } | 973 | } |
1974 | div.sidePanels div.tabSidePanel ul { | 974 | div.sidePanels div.tabSidePanel ul { |
1975 | margin: 0px; | 975 | margin: 0px; |
1976 | padding-left: 0px; | 976 | padding-left: 0px; |
1977 | list-style-type: none; | 977 | list-style-type: none; |
1978 | color: #f78b46; | 978 | color: #f78b46; |
1979 | } | 979 | } |
1980 | div.sidePanels div.tabSidePanel ul.mainTabs { | 980 | div.sidePanels div.tabSidePanel ul.mainTabs { |
1981 | margin: 0px; | 981 | margin: 0px; |
1982 | } | 982 | } |
1983 | div.sidePanels div.tabSidePanel ul.mainTabs li a { | 983 | div.sidePanels div.tabSidePanel ul.mainTabs li a { |
1984 | display: block; | 984 | display: block; |
1985 | line-height: 30px; | 985 | line-height: 30px; |
1986 | height: 43px; | 986 | height: 43px; |
1987 | padding-left: 40px; | 987 | padding-left: 40px; |
1988 | color: #ff6621; | 988 | color: #ff6621; |
1989 | margin: 0px; | 989 | margin: 0px; |
1990 | font-weight: normal; | 990 | font-weight: normal; |
1991 | font-size: 13pt; | 991 | font-size: 13pt; |
1992 | text-decoration: none; | 992 | text-decoration: none; |
1993 | } | 993 | } |
1994 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter { | 994 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter { |
1995 | display: none; | 995 | display: none; |
1996 | } | 996 | } |
1997 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add { | 997 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add { |
1998 | font-size: 14pt; | 998 | font-size: 14pt; |
1999 | font-weight: bold; | 999 | font-weight: bold; |
2000 | position: relative; | 1000 | position: relative; |
2001 | top: -34px; | 1001 | top: -34px; |
2002 | right: 16px; | 1002 | right: 16px; |
2003 | background: none; | 1003 | background: none; |
2004 | color: #c0531b; | 1004 | color: #c0531b; |
2005 | padding-left: 15px; | 1005 | padding-left: 15px; |
2006 | } | 1006 | } |
2007 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add:hover { | 1007 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add:hover { |
2008 | color: white; | 1008 | color: white; |
2009 | } | 1009 | } |
2010 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add span { | 1010 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add span { |
2011 | font-size: 8pt; | 1011 | font-size: 8pt; |
2012 | vertical-align: middle; | 1012 | vertical-align: middle; |
2013 | } | 1013 | } |
2014 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add h3 { | 1014 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add h3 { |
2015 | display: inline; | 1015 | display: inline; |
2016 | padding-left: 5px; | 1016 | padding-left: 5px; |
2017 | } | 1017 | } |
2018 | div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter { | 1018 | div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter { |
2019 | display: block; | 1019 | display: block; |
2020 | position: absolute; | 1020 | position: absolute; |
2021 | left: 154px; | 1021 | left: 154px; |
2022 | margin-top: -43px; | 1022 | margin-top: -43px; |
2023 | } | 1023 | } |
2024 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a { | 1024 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a { |
2025 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px; | 1025 | background: url(./images/old/main/tabs/cardsBackground.png) -19px -63px; |
2026 | } | 1026 | } |
2027 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover { | 1027 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover { |
2028 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px; | 1028 | background: url(./images/old/main/tabs/cardsBackground.png) -19px -110px; |
2029 | } | 1029 | } |
2030 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a { | 1030 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a { |
2031 | margin-left: -10px; | 1031 | margin-left: -10px; |
2032 | padding-left: 50px; | 1032 | padding-left: 50px; |
2033 | color: white; | 1033 | color: white; |
2034 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | 1034 | background: url(./images/old/main/tabs/cardsBackground.png) -9px -14px; |
2035 | } | ||
2036 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a:hover { | ||
2037 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | ||
2038 | } | ||
2039 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a { | ||
2040 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px; | ||
2041 | } | ||
2042 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a:hover { | ||
2043 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px; | ||
2044 | } | 1035 | } |
2045 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a { | 1036 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a { |
2046 | margin-left: -10px; | 1037 | margin-left: -10px; |
2047 | padding-left: 50px; | 1038 | padding-left: 50px; |
2048 | color: white; | 1039 | color: white; |
2049 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | ||
2050 | } | 1040 | } |
2051 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { | 1041 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { |
2052 | color: white; | 1042 | color: white; |
2053 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | ||
2054 | } | 1043 | } |
2055 | div.sidePanels div.tabSidePanel ul.otherTabs { | 1044 | div.sidePanels div.tabSidePanel ul.otherTabs { |
2056 | margin: 10px 0px; | 1045 | margin: 10px 0px; |
2057 | } | 1046 | } |
2058 | div.sidePanels div.tabSidePanel ul.otherTabs li { | 1047 | div.sidePanels div.tabSidePanel ul.otherTabs li { |
2059 | margin-top: -4px; | 1048 | margin-top: -4px; |
2060 | } | 1049 | } |
2061 | div.sidePanels div.tabSidePanel ul.otherTabs li div.selectionHighlighter { | 1050 | div.sidePanels div.tabSidePanel ul.otherTabs li div.selectionHighlighter { |
2062 | display: none; | 1051 | display: none; |
2063 | } | 1052 | } |
2064 | div.sidePanels div.tabSidePanel ul.otherTabs li a { | 1053 | div.sidePanels div.tabSidePanel ul.otherTabs li a { |
2065 | display: block; | 1054 | display: block; |
2066 | line-height: 36px; | 1055 | line-height: 36px; |
2067 | height: 43px; | 1056 | height: 43px; |
2068 | padding-left: 40px; | 1057 | padding-left: 40px; |
2069 | color: #ff6621; | 1058 | color: #ff6621; |
2070 | text-decoration: none; | 1059 | text-decoration: none; |
2071 | } | 1060 | } |
2072 | div.sidePanels div.tabSidePanel ul.otherTabs li a:hover { | 1061 | div.sidePanels div.tabSidePanel ul.otherTabs li a:hover { |
2073 | background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; | 1062 | background: url(./images/old/main/tabs/itemsBackground.png) -10px -49px; |
2074 | } | 1063 | } |
2075 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected a { | 1064 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected a { |
2076 | margin-left: -10px; | 1065 | margin-left: -10px; |
2077 | padding-left: 50px; | 1066 | padding-left: 50px; |
2078 | background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px; | 1067 | background: url(./images/old/main/tabs/itemsBackground.png) 1px -96px; |
2079 | color: white; | 1068 | color: white; |
2080 | } | 1069 | } |
2081 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { | 1070 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { |
2082 | display: block; | 1071 | display: block; |
2083 | position: absolute; | 1072 | position: absolute; |
2084 | left: 154px; | 1073 | left: 154px; |
2085 | margin-top: -42px; | 1074 | margin-top: -42px; |
2086 | } | 1075 | } |
2087 | div.tagSidePanel { | 1076 | div.tagSidePanel { |
2088 | /* | 1077 | /* |
2089 | margin-right: -8px; | 1078 | margin-right: -8px; |
2090 | 1079 | ||
2091 | div.tagSidePanel div.header { | 1080 | div.tagSidePanel div.header { |
2092 | height: 50px; | 1081 | height: 50px; |
2093 | background-image: url(../images/old/main/tabs/tagsBackground.png); | 1082 | background-image: url(./images/old/main/tabs/tagsBackground.png); |
2094 | } | 1083 | } |
2095 | div.tagSidePanel div.header h1 { | 1084 | div.tagSidePanel div.header h1 { |
2096 | padding-left: 52px; | 1085 | padding-left: 52px; |
2097 | padding-top: 14px; | 1086 | padding-top: 14px; |
2098 | font-size: 14pt; | 1087 | font-size: 14pt; |
2099 | font-weight: normal; | 1088 | font-weight: normal; |
2100 | color: #888888; | 1089 | color: #888888; |
2101 | } | 1090 | } |
2102 | div.tagSidePanel div.body { | 1091 | div.tagSidePanel div.body { |
2103 | background: url(../images/old/main/tabs/tagsBackground.png) -255px; | 1092 | background: url(./images/old/main/tabs/tagsBackground.png) -255px; |
2104 | } | 1093 | } |
2105 | div.tagSidePanel div.footer { | 1094 | div.tagSidePanel div.footer { |
2106 | height: 10px; | 1095 | height: 10px; |
2107 | background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px; | 1096 | background: url(./images/old/main/tabs/tagsBackground.png) -510px -40px; |
2108 | } | 1097 | } |
2109 | div.tagSidePanel ul.tags { | 1098 | div.tagSidePanel ul.tags { |
2110 | margin: 0px; | 1099 | margin: 0px; |
2111 | list-style-type: none; | 1100 | list-style-type: none; |
2112 | padding: 0px; | 1101 | padding: 0px; |
2113 | } | 1102 | } |
2114 | div.tagSidePanel ul.tags li a { | 1103 | div.tagSidePanel ul.tags li a { |
2115 | display: block; | 1104 | display: block; |
2116 | font-size: 9pt; | 1105 | font-size: 9pt; |
2117 | text-decoration: none; | 1106 | text-decoration: none; |
2118 | color: #ff6621; | 1107 | color: #ff6621; |
2119 | padding: 0px 4px 0px 15px; | 1108 | padding: 0px 4px 0px 15px; |
2120 | line-height: 20px; | 1109 | line-height: 20px; |
2121 | } | 1110 | } |
2122 | div.tagSidePanel ul.tags li a:hover { | 1111 | div.tagSidePanel ul.tags li a:hover { |
2123 | background-color: #dddddd; | 1112 | background-color: #dddddd; |
2124 | } | 1113 | } |
2125 | div.tagSidePanel ul.tags li span.tagCardinality { | 1114 | div.tagSidePanel ul.tags li span.tagCardinality { |
2126 | float: right; | 1115 | float: right; |
2127 | font-size: 8pt; | 1116 | font-size: 8pt; |
2128 | color: #999999; | 1117 | color: #999999; |
2129 | margin-right: 15px; | 1118 | margin-right: 15px; |
2130 | margin-top: -17px; | 1119 | margin-top: -17px; |
2131 | } | 1120 | } |
2132 | div.tagSidePanel ul.tags li.selected a { | 1121 | div.tagSidePanel ul.tags li.selected a { |
2133 | background-color: #d4d5cf; | 1122 | background-color: #d4d5cf; |
2134 | } | 1123 | } |
2135 | div.tagSidePanel ul.tags li.selected a:hover { | 1124 | div.tagSidePanel ul.tags li.selected a:hover { |
2136 | background-color: #d4d5cf; | 1125 | background-color: #d4d5cf; |
2137 | } | 1126 | } |
2138 | div.tagSidePanel ul.tags li.selected a { | 1127 | div.tagSidePanel ul.tags li.selected a { |
2139 | font-weight: bold; | 1128 | font-weight: bold; |
2140 | } | 1129 | } |
2141 | */ | 1130 | */ |
2142 | } | 1131 | } |
2143 | div.groupSidePanel { | 1132 | div.groupSidePanel { |
2144 | /* | 1133 | /* |
2145 | margin-right: -10px; | 1134 | margin-right: -10px; |
2146 | 1135 | ||
2147 | div.groupSidePanel div.header { | 1136 | div.groupSidePanel div.header { |
2148 | height: 50px; | 1137 | height: 50px; |
2149 | background-image: url(../images/old/main/tabs/groupsBackground.png); | 1138 | background-image: url(./images/old/main/tabs/groupsBackground.png); |
2150 | } | 1139 | } |
2151 | div.groupSidePanel div.header h1 { | 1140 | div.groupSidePanel div.header h1 { |
2152 | padding-left: 52px; | 1141 | padding-left: 52px; |
2153 | padding-top: 14px; | 1142 | padding-top: 14px; |
2154 | font-size: 14pt; | 1143 | font-size: 14pt; |
2155 | font-weight: normal; | 1144 | font-weight: normal; |
2156 | color: white; | 1145 | color: white; |
2157 | } | 1146 | } |
2158 | div.groupSidePanel div.header a { | 1147 | div.groupSidePanel div.header a { |
2159 | float: right; | 1148 | float: right; |
2160 | margin-top: -30px; | 1149 | margin-top: -30px; |
2161 | margin-right: 20px; | 1150 | margin-right: 20px; |
2162 | text-decoration: none; | 1151 | text-decoration: none; |
2163 | color: #666666; | 1152 | color: #666666; |
2164 | font-size: 9pt; | 1153 | font-size: 9pt; |
2165 | line-height: 18px; | 1154 | line-height: 18px; |
2166 | } | 1155 | } |
2167 | div.groupSidePanel div.header a:hover { | 1156 | div.groupSidePanel div.header a:hover { |
2168 | color: #444444; | 1157 | color: #444444; |
2169 | } | 1158 | } |
2170 | div.groupSidePanel div.body { | 1159 | div.groupSidePanel div.body { |
2171 | background: url(../images/old/main/tabs/groupsBackground.png) -255px; | 1160 | background: url(./images/old/main/tabs/groupsBackground.png) -255px; |
2172 | } | 1161 | } |
2173 | div.groupSidePanel div.footer { | 1162 | div.groupSidePanel div.footer { |
2174 | height: 10px; | 1163 | height: 10px; |
2175 | background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px; | 1164 | background: url(./images/old/main/tabs/groupsBackground.png) -510px -39px; |
2176 | } | 1165 | } |
2177 | div.groupSidePanel ul.groups { | 1166 | div.groupSidePanel ul.groups { |
2178 | margin: 0px; | 1167 | margin: 0px; |
2179 | list-style-type: none; | 1168 | list-style-type: none; |
2180 | padding: 0px; | 1169 | padding: 0px; |
2181 | } | 1170 | } |
2182 | div.groupSidePanel ul.groups li a { | 1171 | div.groupSidePanel ul.groups li a { |
2183 | display: block; | 1172 | display: block; |
2184 | font-size: 9pt; | 1173 | font-size: 9pt; |
2185 | text-decoration: none; | 1174 | text-decoration: none; |
2186 | color: white; | 1175 | color: white; |
2187 | padding: 0px 4px 0px 15px; | 1176 | padding: 0px 4px 0px 15px; |
2188 | line-height: 20px; | 1177 | line-height: 20px; |
2189 | } | 1178 | } |
2190 | div.groupSidePanel ul.groups li a:hover { | 1179 | div.groupSidePanel ul.groups li a:hover { |
2191 | background-color: #aaaaaa; | 1180 | background-color: #aaaaaa; |
2192 | } | 1181 | } |
2193 | div.groupSidePanel ul.groups li span.groupCardinality { | 1182 | div.groupSidePanel ul.groups li span.groupCardinality { |
2194 | float: right; | 1183 | float: right; |
2195 | font-size: 8pt; | 1184 | font-size: 8pt; |
2196 | color: #dddddd; | 1185 | color: #dddddd; |
2197 | margin-right: 15px; | 1186 | margin-right: 15px; |
2198 | margin-top: -17px; | 1187 | margin-top: -17px; |
2199 | } | 1188 | } |
2200 | div.groupSidePanel ul.groups li.selected a { | 1189 | div.groupSidePanel ul.groups li.selected a { |
2201 | background-color: #bbbbbb; | 1190 | background-color: #bbbbbb; |
2202 | } | 1191 | } |
2203 | div.groupSidePanel ul.groups li.selected a:hover { | 1192 | div.groupSidePanel ul.groups li.selected a:hover { |
2204 | background-color: #bbbbbb; | 1193 | background-color: #bbbbbb; |
2205 | } | 1194 | } |
2206 | div.groupSidePanel ul.groups li.selected a { | 1195 | div.groupSidePanel ul.groups li.selected a { |
2207 | font-weight: bold; | 1196 | font-weight: bold; |
2208 | } | 1197 | } |
2209 | */ | 1198 | */ |
2210 | } | 1199 | } |
1200 | div.subPanelTabs ul { | ||
1201 | margin: 0px; | ||
1202 | margin-right: 7px; | ||
1203 | padding: 0px; | ||
1204 | } | ||
1205 | div.subPanelTabs ul li { | ||
1206 | display: inline-block; | ||
1207 | vertical-align: middle; | ||
1208 | height: 50px; | ||
1209 | border-right: 1px solid #eef0e3; | ||
1210 | border-bottom: 1px solid #d5d5bc; | ||
1211 | } | ||
1212 | div.subPanelTabs ul li.first { | ||
1213 | -webkit-border-top-left-radius: 20px; | ||
1214 | -moz-border-radius-topleft: 20px; | ||
1215 | border-top-left-radius: 20px; | ||
1216 | } | ||
1217 | div.subPanelTabs ul li.selected { | ||
1218 | background-color: #eef0e3; | ||
1219 | border-bottom: 1px solid #eef0e3; | ||
1220 | border-right: 1px solid #d5d5bc; | ||
1221 | } | ||
1222 | div.subPanelTabs ul li.selected:hover { | ||
1223 | border-right: 1px solid #d5d5bc; | ||
1224 | } | ||
1225 | div.subPanelTabs ul li.selected a { | ||
1226 | color: #444440; | ||
1227 | } | ||
1228 | div.subPanelTabs ul li:hover { | ||
1229 | border-right: 1px solid #d5d5bc; | ||
1230 | background-color: #eef0e3; | ||
1231 | } | ||
1232 | div.subPanelTabs ul li a { | ||
1233 | color: #787872; | ||
1234 | text-decoration: none; | ||
1235 | display: block; | ||
1236 | text-align: center; | ||
1237 | padding-top: 15px; | ||
1238 | padding-left: 20px; | ||
1239 | padding-right: 20px; | ||
1240 | font-size: 13pt; | ||
1241 | } | ||
1242 | div.subPanelContent { | ||
1243 | padding-top: 20px; | ||
1244 | padding-left: 30px; | ||
1245 | padding-right: 30px; | ||
1246 | min-height: 280px; | ||
1247 | color: #787872; | ||
1248 | margin: 0px 6px 0 9px; | ||
1249 | } | ||
1250 | div.subPanelContent h3 { | ||
1251 | margin: 0px; | ||
1252 | border: 0px; | ||
1253 | padding: 0px; | ||
1254 | } | ||
1255 | div.subPanelContent ul { | ||
1256 | margin: 0px; | ||
1257 | padding: 0px; | ||
1258 | list-style-type: none; | ||
1259 | } | ||
1260 | div.subPanelContent ul li { | ||
1261 | display: none; | ||
1262 | } | ||
1263 | div.subPanelContent ul li.selected { | ||
1264 | display: block; | ||
1265 | } | ||
1266 | .downloadOfflineCopy { | ||
1267 | display: inline-block; | ||
1268 | height: 20px; | ||
1269 | cursor: pointer; | ||
1270 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833)); | ||
1271 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c); | ||
1272 | border-radius: 5; | ||
1273 | -moz-border-radius: 5; | ||
1274 | -webkit-border-radius: 5; | ||
1275 | border: 1px solid #51a23d; | ||
1276 | padding-top: 4px; | ||
1277 | padding-left: 15px; | ||
1278 | padding-right: 15px; | ||
1279 | padding-bottom: 2px; | ||
1280 | color: white; | ||
1281 | font-weight: lighter; | ||
1282 | text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c; | ||
1283 | text-decoration: none; | ||
1284 | } | ||
1285 | .downloadOfflineCopy:hover { | ||
1286 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833)); | ||
1287 | background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d); | ||
1288 | } | ||
1289 | div.SimpleMessagePanel { | ||
1290 | position: relative; | ||
1291 | left: -225px; | ||
1292 | top: -70px; | ||
1293 | width: 450px; | ||
1294 | height: 140px; | ||
1295 | } | ||
1296 | div.SimpleMessagePanel div.body { | ||
1297 | padding: 20px; | ||
1298 | padding-bottom: 15px; | ||
1299 | background-color: #f1f1ef; | ||
1300 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1301 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1302 | box-shadow: 2px 2px 9px #333333; | ||
1303 | border-radius: 10; | ||
1304 | -moz-border-radius: 10; | ||
1305 | -webkit-border-radius: 10; | ||
1306 | } | ||
1307 | div.SimpleMessagePanel div.body h3 { | ||
1308 | font-size: 14pt; | ||
1309 | font-weight: normal; | ||
1310 | margin: 0px; | ||
1311 | padding-top: 4px; | ||
1312 | color: #787872; | ||
1313 | } | ||
1314 | div.SimpleMessagePanel div.body div.img { | ||
1315 | width: 50px; | ||
1316 | height: 50px; | ||
1317 | float: left; | ||
1318 | margin-right: 15px; | ||
1319 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1320 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1321 | border-radius: 25px; | ||
1322 | -moz-border-radius: 25px; | ||
1323 | -webkit-border-radius: 25px; | ||
1324 | } | ||
1325 | div.SimpleMessagePanel div.body div.img canvas { | ||
1326 | width: 50px; | ||
1327 | height: 50px; | ||
1328 | } | ||
1329 | div.SimpleMessagePanel div.body p { | ||
1330 | margin: 0; | ||
1331 | font-size: 10pt; | ||
1332 | font-weight: normal; | ||
1333 | color: #787872; | ||
1334 | padding-top: 10px; | ||
1335 | padding-bottom: 5px; | ||
1336 | line-height: 1.3; | ||
1337 | } | ||
1338 | div.SimpleMessagePanel div.body div.buttonArea { | ||
1339 | height: 40px; | ||
1340 | clear: both; | ||
1341 | } | ||
1342 | div.SimpleMessagePanel div.body div.buttonArea > div { | ||
1343 | float: right; | ||
1344 | margin-left: 15px; | ||
1345 | margin-top: 10px; | ||
1346 | } | ||
1347 | div.SimpleMessagePanel div.passphrase { | ||
1348 | padding-left: 65px; | ||
1349 | } | ||
1350 | div.SimpleMessagePanel div.passphrase input { | ||
1351 | width: 250px; | ||
1352 | font-size: 14pt; | ||
1353 | border: 1px solid #bb4924; | ||
1354 | color: #333366; | ||
1355 | background-color: white; | ||
1356 | padding: 2px 5px; | ||
1357 | height: 28px; | ||
1358 | } | ||
1359 | div.SimpleMessagePanel div.progressBarWrapper { | ||
1360 | margin-left: 80px; | ||
1361 | } | ||
1362 | /* @end */ | ||
1363 | /* @group Javascript Alert */ | ||
1364 | div#javaScriptAlert div.mask { | ||
1365 | position: fixed; | ||
1366 | top: 0px; | ||
1367 | left: 0px; | ||
1368 | right: 0px; | ||
1369 | bottom: 0px; | ||
1370 | background-color: black; | ||
1371 | z-index: 1001; | ||
1372 | -moz-opacity: 0.7; | ||
1373 | opacity: .70; | ||
1374 | filter: alpha(opacity=70); | ||
1375 | } | ||
1376 | div#javaScriptAlert div.header { | ||
1377 | height: 34px; | ||
1378 | width: 468; | ||
1379 | background-image: url(./images/old/alert/header.png); | ||
1380 | } | ||
1381 | div#javaScriptAlert div.body { | ||
1382 | background-image: url(./images/old/alert/body.png); | ||
1383 | padding: 0px 20px 10px 20px; | ||
1384 | } | ||
1385 | /* | ||
1386 | div#javaScriptAlert div.body div.alert { | ||
1387 | padding-left: 100px; | ||
1388 | background: url(./images/old/alert/alert.png) no-repeat; | ||
1389 | } | ||
1390 | */ | ||
1391 | /*div#javaScriptAlert div.body img.alert {*/ | ||
1392 | div#javaScriptAlert div.body div.alertLogo { | ||
1393 | float: left; | ||
1394 | background-image: url(./images/old/alert/alert.png); | ||
1395 | width: 88px; | ||
1396 | height: 88px; | ||
1397 | } | ||
1398 | div#javaScriptAlert div.body div.alert { | ||
1399 | padding-left: 100px; | ||
1400 | } | ||
1401 | div#javaScriptAlert div.footer { | ||
1402 | height: 34px; | ||
1403 | width: 468; | ||
1404 | background-image: url(./images/old/alert/footer.png); | ||
1405 | } | ||
1406 | div#javaScriptAlert div.message { | ||
1407 | position: relative; | ||
1408 | top: -150px; | ||
1409 | z-index: 1002; | ||
1410 | /* | ||
1411 | left: 100px; | ||
1412 | right: 100px; | ||
1413 | */ | ||
1414 | |||
1415 | margin-left: auto; | ||
1416 | margin-right: auto; | ||
1417 | max-width: 468px; | ||
1418 | } | ||
1419 | div#javaScriptAlert div.message h1 { | ||
1420 | font-size: 16pt; | ||
1421 | margin: 0px; | ||
1422 | color: #ff5930; | ||
1423 | } | ||
1424 | div#javaScriptAlert div.message p { | ||
1425 | margin-top: 0px; | ||
1426 | color: #999999; | ||
1427 | } | ||
1428 | div#javaScriptAlert div.message h3 { | ||
1429 | font-size: 12pt; | ||
1430 | margin-bottom: 0px; | ||
1431 | color: #ff5930; | ||
1432 | } | ||
1433 | div#javaScriptAlert div.message h5 { | ||
1434 | margin: 0px; | ||
1435 | color: #999999; | ||
1436 | } | ||
1437 | /* @end */ | ||
1438 | /* @group Components | ||
1439 | */ | ||
1440 | /* @group LoginProgress */ | ||
1441 | div.LoginProgress { | ||
1442 | position: relative; | ||
1443 | left: -190px; | ||
1444 | top: -100px; | ||
1445 | width: 380px; | ||
1446 | height: 200px; | ||
1447 | /* background: url(./images/old/loginProgress/background.png);*/ | ||
1448 | |||
1449 | background-color: #d7d7c0; | ||
1450 | -webkit-border-radius: 20px; | ||
1451 | -moz-border-radius: 20px; | ||
1452 | border-radius: 20px; | ||
1453 | -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1454 | -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1455 | box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1456 | } | ||
1457 | div.LoginProgress div.header { | ||
1458 | height: 40px; | ||
1459 | } | ||
1460 | div.LoginProgress div.header h3 { | ||
1461 | font-size: 12pt; | ||
1462 | font-weight: normal; | ||
1463 | margin: 0px; | ||
1464 | color: #777777; | ||
1465 | padding-top: 13px; | ||
1466 | padding-left: 18px; | ||
1467 | } | ||
1468 | div.LoginProgress div.body { | ||
1469 | height: 120px; | ||
1470 | overflow: auto; | ||
1471 | padding-left: 20px; | ||
1472 | padding-right: 20px; | ||
1473 | background-color: #f1f1e9; | ||
1474 | /* | ||
1475 | margin-left: 19px; | ||
1476 | margin-right: 18px; | ||
1477 | */ | ||
1478 | |||
1479 | } | ||
1480 | div.LoginProgress div.body div.img { | ||
1481 | margin: 10px; | ||
1482 | width: 50px; | ||
1483 | height: 50px; | ||
1484 | float: left; | ||
1485 | } | ||
1486 | div.LoginProgress div.body div.img.ALERT { | ||
1487 | /* background-image: url(./images/old/simpleMessageBox/Alert.png);*/ | ||
1488 | |||
1489 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333)); | ||
1490 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955); | ||
1491 | -webkit-border-radius: 25px; | ||
1492 | -moz-border-radius: 25px; | ||
1493 | border-radius: 25px; | ||
1494 | } | ||
1495 | div.LoginProgress div.body div.img.ALERT canvas { | ||
1496 | width: 50px; | ||
1497 | height: 50px; | ||
1498 | /*background-image: url(./images/old/simpleMessageBox/excalmationPoint.png); */ | ||
1499 | |||
1500 | } | ||
1501 | div.LoginProgress div.body div.loadingBar { | ||
1502 | position: relative; | ||
1503 | top: 51px; | ||
1504 | left: 60px; | ||
1505 | } | ||
1506 | div.LoginProgress div.body div.errorBox p { | ||
1507 | color: #787872; | ||
1508 | padding-top: 20px; | ||
1509 | padding-left: 80px; | ||
1510 | } | ||
1511 | div.LoginProgress div.footer { | ||
1512 | margin-left: 19px; | ||
1513 | margin-right: 18px; | ||
1514 | } | ||
1515 | /* | ||
1516 | div.LoginProgress div.footer a { | ||
1517 | text-decoration: none; | ||
1518 | text-align: center; | ||
1519 | color: #787872; | ||
1520 | display: block; | ||
1521 | font-weight: bold; | ||
1522 | font-size: 11pt; | ||
1523 | width: 100px; | ||
1524 | margin-top: 11px; | ||
1525 | margin-left: auto; | ||
1526 | margin-right: auto; | ||
1527 | } | ||
1528 | */ | ||
1529 | div.LoginProgress div.buttonArea { | ||
1530 | padding-top: 6px; | ||
1531 | text-align: center; | ||
1532 | } | ||
1533 | div.LoginProgress div.button { | ||
1534 | display: inline-block; | ||
1535 | } | ||
1536 | div.LoginProgress div.footer a:hover { | ||
1537 | color: #515247; | ||
1538 | } | ||
1539 | /* @end */ | ||
1540 | /* @group SimpleMessagePanel */ | ||
1541 | /* -> SimpleMessagePanel.less | ||
1542 | div.SimpleMessagePanel { | ||
1543 | position: relative; | ||
1544 | left: -225px; | ||
1545 | top: -70px; | ||
1546 | width: 450px; | ||
1547 | height: 140px; | ||
1548 | //background: url(./images/old/loginProgress/background.png); | ||
1549 | background-color: #f1f1ef; | ||
1550 | .border-radius(10); | ||
1551 | } | ||
1552 | //div.SimpleMessagePanel div.header { | ||
1553 | // height: 17px; | ||
1554 | // background: url(./images/old/simpleMessageBox/background_header.png) no-repeat; | ||
1555 | } | ||
1556 | div.SimpleMessagePanel div.body { | ||
1557 | / * | ||
1558 | height: 120px; | ||
1559 | overflow: auto; | ||
1560 | margin-left: 19px; | ||
1561 | margin-right: 18px; | ||
1562 | * / | ||
1563 | |||
1564 | // background: url(./images/old/simpleMessageBox/background_body.png) repeat-y; | ||
1565 | // padding-left: 25px; | ||
1566 | // padding-right: 25px; | ||
1567 | // padding-top: 10px; | ||
1568 | padding: 20px; | ||
1569 | .box-shadow (2px, 2px, 9px, @Global_shadow-color); | ||
1570 | } | ||
1571 | div.SimpleMessagePanel div.body h3 { | ||
1572 | font-size: 14pt; | ||
1573 | font-weight: normal; | ||
1574 | margin: 0px; | ||
1575 | padding-top: 4px; | ||
1576 | color: #787872; | ||
1577 | } | ||
1578 | div.SimpleMessagePanel div.body div.img { | ||
1579 | width: 60px; | ||
1580 | height: 60px; | ||
1581 | float: left; | ||
1582 | margin-right: 10px; | ||
1583 | |||
1584 | .graduated-background (#ff6622, #ffad79); | ||
1585 | .border-radius(30); | ||
1586 | } | ||
1587 | div.SimpleMessagePanel div.body div.img canvas { | ||
1588 | width: 60px; | ||
1589 | height: 60px; | ||
1590 | } | ||
1591 | div.SimpleMessagePanel div.body p { | ||
1592 | margin: 0; | ||
1593 | font-size: 10pt; | ||
1594 | font-weight: normal; | ||
1595 | color: #787872; | ||
1596 | padding-top: 10px; | ||
1597 | padding-bottom: 5px; | ||
1598 | line-height: 1.3; | ||
1599 | } | ||
1600 | div.SimpleMessagePanel div.body div.img.ALERT { | ||
1601 | // background: url(./images/old/simpleMessageBox/Alert.png) no-repeat; | ||
1602 | } | ||
1603 | div.SimpleMessagePanel div.body div.img.INFO { | ||
1604 | // background: url(./images/old/simpleMessageBox/Info.png) no-repeat; | ||
1605 | } | ||
1606 | div.SimpleMessagePanel div.body div.buttonArea { | ||
1607 | height: 40px; | ||
1608 | clear: both; | ||
1609 | } | ||
1610 | div.SimpleMessagePanel div.body div.buttonArea > div { | ||
1611 | float: right; | ||
1612 | margin-left: 15px; | ||
1613 | margin-top: 10px; | ||
1614 | } | ||
1615 | div.SimpleMessagePanel div.footer { | ||
1616 | height: 25px; | ||
1617 | // background: url(./images/old/simpleMessageBox/background_footer.png) no-repeat; | ||
1618 | } | ||
1619 | div.SimpleMessagePanel div.passphrase { | ||
1620 | padding-left: 65px; | ||
1621 | } | ||
1622 | div.SimpleMessagePanel div.passphrase input { | ||
1623 | width: 250px; | ||
1624 | font-size: 14pt; | ||
1625 | border: 1px solid #bb4924; | ||
1626 | color: #333366; | ||
1627 | background-color: white; | ||
1628 | padding: 2px 5px; | ||
1629 | height: 28px; | ||
1630 | } | ||
1631 | div.SimpleMessagePanel div.progressBarWrapper { | ||
1632 | margin-left: 80px; | ||
1633 | } | ||
1634 | */ | ||
1635 | /* @end */ | ||
1636 | /* @group Button */ | ||
1637 | /* -> Button.less | ||
1638 | div.button_wrapper { | ||
1639 | height: 32px; | ||
1640 | background: url(./images/old/button/default_left.png) no-repeat; | ||
1641 | cursor: pointer; | ||
1642 | } | ||
1643 | div.button_wrapper.hover { | ||
1644 | background: url(./images/old/button/hover_left.png) no-repeat; | ||
1645 | } | ||
1646 | div.button_wrapper.clicked { | ||
1647 | background: url(./images/old/button/clicked_left.png) no-repeat; | ||
1648 | } | ||
1649 | div.button_bodyWrapper { | ||
1650 | height: 32px; | ||
1651 | margin-left: 6px; | ||
1652 | padding-right: 6px; | ||
1653 | background: url(./images/old/button/default_main.png) repeat-x right 0; | ||
1654 | } | ||
1655 | div.button_wrapper.hover div.button_bodyWrapper { | ||
1656 | background: url(./images/old/button/hover_main.png) repeat-x right 0; | ||
1657 | } | ||
1658 | div.button_wrapper.clicked div.button_bodyWrapper { | ||
1659 | background: url(./images/old/button/clicked_main.png) repeat-x right 0; | ||
1660 | } | ||
1661 | div.button_body { | ||
1662 | text-align: center; | ||
1663 | min-width: 60px; | ||
1664 | padding: 0px 7px; | ||
1665 | padding-top: 8px; | ||
1666 | } | ||
1667 | div.button_body span { | ||
1668 | font-size: 11pt; | ||
1669 | color: white; | ||
1670 | } | ||
1671 | div.button_wrapper.default div.button_body span { | ||
1672 | font-weight: bold; | ||
1673 | } | ||
1674 | / * | ||
1675 | div.button_footer { | ||
1676 | margin: 0px; | ||
1677 | height: 31px; | ||
1678 | width: 6px; | ||
1679 | background: green url(./images/old/button/default_right.png) no-repeat; | ||
1680 | } | ||
1681 | * / | ||
1682 | */ | ||
1683 | /* @end */ | ||
1684 | /* @group Password enthropy */ | ||
1685 | input.entropyLevelIndicator { | ||
1686 | background: url(./images/old/passwordField/background.png) no-repeat 0 26px; | ||
1687 | } | ||
1688 | div.passwordEntropyWrapper { | ||
1689 | padding: 0px; | ||
1690 | border: 1px solid #bb4924; | ||
1691 | border-top: 0px; | ||
1692 | margin-bottom: 4px; | ||
1693 | background-color: white; | ||
1694 | margin-right: 3px; | ||
1695 | margin-top: -2; | ||
1696 | } | ||
1697 | div.passwordEntropy { | ||
1698 | height: 4px; | ||
1699 | font-size: 1pt; | ||
1700 | background: url(./images/old/entropyBackground.gif) repeat-x 0 0; | ||
1701 | line-height: 3px; | ||
1702 | } | ||
1703 | div.messageBox { | ||
1704 | position: absolute; | ||
1705 | width: 409px; | ||
1706 | height: 29px; | ||
1707 | top: 23px; | ||
1708 | left: 204px; | ||
1709 | background: url(./images/old/main/messageBoxBackground.png); | ||
1710 | } | ||
1711 | div.messageBox h3 { | ||
1712 | display: inline-block; | ||
1713 | color: #342f6b; | ||
1714 | font-weight: bold; | ||
1715 | margin: 7px 2px 0px 12px; | ||
1716 | font-size: 10pt; | ||
1717 | } | ||
1718 | body.ext-gecko div.messageBox h3 { | ||
1719 | display: -moz-inline-box; | ||
1720 | } | ||
1721 | div.messageBox h1 { | ||
1722 | color: #342f6b; | ||
1723 | display: inline; | ||
1724 | font-weight: normal; | ||
1725 | margin: 0px 1px; | ||
1726 | font-size: 9pt; | ||
1727 | } | ||
1728 | div.messageBox a { | ||
1729 | display: block; | ||
1730 | width: 20px; | ||
1731 | height: 20px; | ||
1732 | float: right; | ||
1733 | position: absolute; | ||
1734 | right: 5px; | ||
1735 | top: 4px; | ||
1736 | background-image: url(./images/old/main/messageBoxCloseButton.png); | ||
1737 | } | ||
1738 | div.messageBox a:hover { | ||
1739 | background-image: url(./images/old/main/messageBoxCloseButtonActive.png); | ||
1740 | } | ||
1741 | /* @end */ | ||
1742 | /* @group Side panels */ | ||
1743 | /* @end */ | ||
1744 | /* @end */ | ||
1745 | /* @group MainPanels */ | ||
1746 | div.mainPanels { | ||
1747 | float: left; | ||
1748 | width: 833px; | ||
1749 | margin-top: -38px; | ||
1750 | /* | ||
1751 | position: relative; | ||
1752 | width: 100%; | ||
1753 | min-height: 600px; | ||
1754 | top: -40px; | ||
1755 | left: 250px; | ||
1756 | */ | ||
1757 | |||
1758 | } | ||
1759 | div.mainFooter { | ||
1760 | clear: both; | ||
1761 | } | ||
1762 | /* @end */ | ||
1763 | /* @group Grids */ | ||
1764 | /* @group grid Component */ | ||
1765 | /* @group delete */ | ||
1766 | /*div.body div.rows table.rows tbody tr td.delete */ | ||
1767 | div.delete, | ||
1768 | div.new { | ||
1769 | padding-left: 5px; | ||
1770 | height: 19px; | ||
1771 | } | ||
1772 | div.new span, | ||
1773 | div.delete span { | ||
1774 | margin: 0px; | ||
1775 | padding: 0px; | ||
1776 | border: 0px; | ||
1777 | display: inline-block; | ||
1778 | height: 19px; | ||
1779 | padding-right: 6px; | ||
1780 | } | ||
1781 | div.new span a, | ||
1782 | div.delete span a { | ||
1783 | white-space: nowrap; | ||
1784 | } | ||
1785 | div.delete:hover { | ||
1786 | background: url(./images/old/delete_background_left.png) no-repeat 0; | ||
1787 | } | ||
1788 | div.delete:hover span { | ||
1789 | background: url(./images/old/delete_background.png) no-repeat right 0; | ||
1790 | } | ||
1791 | div.new:hover { | ||
1792 | background: url(./images/old/new_background_left.png) no-repeat 0; | ||
1793 | } | ||
1794 | div.new:hover span { | ||
1795 | background: url(./images/old/new_background.png) no-repeat right 0; | ||
1796 | } | ||
1797 | /* | ||
1798 | tr.selected div.delete { | ||
1799 | background: url(./images/old/delete_background_left.png) no-repeat 0; | ||
1800 | } | ||
1801 | tr.selected div.delete span { | ||
1802 | background: url(./images/old/delete_background.png) no-repeat right 0; | ||
1803 | } | ||
1804 | */ | ||
1805 | div.body div.rows table.rows tbody tr td.delete div.delete span a { | ||
1806 | visibility: hidden; | ||
1807 | font-size: 8pt; | ||
1808 | vertical-align: -13px; | ||
1809 | color: black; | ||
1810 | } | ||
1811 | div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1812 | visibility: visible; | ||
1813 | } | ||
1814 | div.body div.rows table.rows tbody tr:hover td.delete div.delete span a { | ||
1815 | visibility: visible; | ||
1816 | } | ||
1817 | div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a { | ||
1818 | color: white; | ||
1819 | } | ||
1820 | /* | ||
1821 | div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1822 | color: white; | ||
1823 | } | ||
1824 | */ | ||
1825 | /* @end */ | ||
1826 | /* @group header */ | ||
1827 | div.gridComponent table.rows thead tr th { | ||
1828 | text-align: left; | ||
1829 | height: 30px; | ||
1830 | vertical-align: bottom; | ||
1831 | } | ||
1832 | div.gridComponent table.rows thead tr th.sortable span { | ||
1833 | cursor: pointer; | ||
1834 | } | ||
1835 | div.gridComponent table.rows thead tr th.sortable span a { | ||
1836 | margin-left: 5px; | ||
1837 | padding-left: 10px; | ||
1838 | } | ||
1839 | div.gridComponent table.rows thead tr th.directLoginTH { | ||
1840 | width: 420px; | ||
1841 | } | ||
1842 | div.gridComponent table.rows thead tr th.latestUpdateTH { | ||
1843 | width: 100px; | ||
1844 | } | ||
1845 | div.gridComponent table.rows thead tr th.commandsTH { | ||
1846 | width: 150px; | ||
1847 | } | ||
1848 | div.gridComponent table.rows thead a { | ||
1849 | text-decoration: none; | ||
1850 | } | ||
1851 | div.gridComponent table.rows thead span { | ||
1852 | font-weight: normal; | ||
1853 | font-size: 9pt; | ||
1854 | line-height: 20px; | ||
1855 | } | ||
1856 | div.gridComponent div.header div.headerSlot { | ||
1857 | float: right; | ||
1858 | } | ||
1859 | /* @end */ | ||
1860 | div.mainPanels div.gridComponent div.body table.rows td.favicon { | ||
1861 | padding-left: 25px; | ||
1862 | } | ||
1863 | div.mainPanels div.gridComponent div.body table.rows td.favicon img { | ||
1864 | width: 16px; | ||
1865 | height: 16px; | ||
1866 | border: 0px; | ||
1867 | } | ||
1868 | /* @end */ | ||
1869 | /* @group Card Grid */ | ||
1870 | /* @group DirectLogin links */ | ||
1871 | div.gridComponent th.directLoginTH span { | ||
1872 | margin-left: 7px; | ||
1873 | } | ||
1874 | td.card_directLogins div { | ||
1875 | display: inline-table; | ||
1876 | } | ||
1877 | td.card_directLogins span { | ||
1878 | display: inline-block; | ||
1879 | } | ||
1880 | /* | ||
1881 | td.card_directLogins a { | ||
1882 | display: inline-table; | ||
1883 | height: 19px; | ||
1884 | |||
1885 | padding-right: 7px; | ||
1886 | } | ||
1887 | |||
1888 | td.card_directLogins a:hover { | ||
1889 | background: url(./images/old/directLink_background.png) right 0; | ||
1890 | } | ||
1891 | */ | ||
1892 | div.card_directLogin { | ||
1893 | display: inline-block; | ||
1894 | height: 19px; | ||
1895 | padding-left: 7px; | ||
1896 | } | ||
1897 | div.card_directLogin_ellipses span { | ||
1898 | padding-bottom: 2px; | ||
1899 | } | ||
1900 | div.card_directLogin div.card_directLogin_body { | ||
1901 | display: inline-block; | ||
1902 | height: 19px; | ||
1903 | padding-right: 8px; | ||
1904 | background-position: left; | ||
1905 | } | ||
1906 | div.card_directLogin div.card_directLogin_body a { | ||
1907 | vertical-align: -14px; | ||
1908 | } | ||
1909 | /*div.card_directLogin:hover {*/ | ||
1910 | div.card_directLogin:hover { | ||
1911 | background: url(./images/old/directLink_background_left.png) no-repeat 0 0; | ||
1912 | } | ||
1913 | /*div.card_directLogin:hover div {*/ | ||
1914 | div.card_directLogin:hover div.card_directLogin_body { | ||
1915 | background: url(./images/old/directLink_background.png) right 0; | ||
1916 | } | ||
1917 | /* @group DirectLogin Popup */ | ||
1918 | div.DirectLoginListPopup { | ||
1919 | position: absolute; | ||
1920 | width: 184px; | ||
1921 | } | ||
1922 | div.DirectLoginListPopup div.DirectLoginListPopup_body { | ||
1923 | background-image: url(./images/old/directLogins_background.png); | ||
1924 | padding-top: 8px; | ||
1925 | } | ||
1926 | div.DirectLoginListPopup div.DirectLoginListPopup_footer { | ||
1927 | height: 8px; | ||
1928 | background-image: url(./images/old/directLogins_background_bottom.png); | ||
1929 | } | ||
1930 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul { | ||
1931 | margin: 0px; | ||
1932 | padding-left: 13px; | ||
1933 | list-style: none; | ||
1934 | } | ||
1935 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li { | ||
1936 | padding-top: 4px; | ||
1937 | height: 20px; | ||
1938 | padding-right: 10px; | ||
1939 | white-space: nowrap; | ||
1940 | } | ||
1941 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div { | ||
1942 | padding-right: 10px; | ||
1943 | overflow: hidden; | ||
1944 | } | ||
1945 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon { | ||
1946 | padding-left: 9px; | ||
1947 | padding-right: 5px; | ||
1948 | } | ||
1949 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a { | ||
1950 | text-decoration: none; | ||
1951 | color: white; | ||
1952 | font-weight: normal; | ||
1953 | font-size: 10pt; | ||
1954 | vertical-align: 3px; | ||
1955 | white-space: nowrap; | ||
1956 | padding-right: 8px; | ||
1957 | } | ||
1958 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover { | ||
1959 | /* background-color: #a5a696;*/ | ||
1960 | |||
1961 | /* background-color: #7b7d70;*/ | ||
1962 | |||
1963 | background-color: rgba(123, 125, 112, 0.5); | ||
1964 | } | ||
1965 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a { | ||
1966 | background: url(./images/old/directLink_no_background.png) right; | ||
1967 | } | ||
1968 | /* @end */ | ||
1969 | /* @end */ | ||
1970 | div.mainPanels div.gridComponent div.header { | ||
1971 | /* | ||
1972 | height: 90px; | ||
1973 | background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
1974 | */ | ||
1975 | |||
1976 | background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
1977 | padding-left: 40px; | ||
1978 | padding-right: 40px; | ||
1979 | padding-top: 20px; | ||
1980 | padding-bottom: 10px; | ||
1981 | } | ||
1982 | div.mainPanels div.gridComponent div.header form.search { | ||
1983 | height: 32px; | ||
1984 | margin: 0px; | ||
1985 | } | ||
1986 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton { | ||
1987 | position: absolute; | ||
1988 | margin-left: 192px; | ||
1989 | width: 22px; | ||
1990 | height: 22px; | ||
1991 | margin-top: 6px; | ||
1992 | background: url(./images/old/filter/clearFilter_notSelected.png) no-repeat; | ||
1993 | } | ||
1994 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover { | ||
1995 | background: url(./images/old/filter/clearFilter_selected.png) no-repeat; | ||
1996 | cursor: pointer; | ||
1997 | } | ||
1998 | div.mainPanels div.gridComponent div.header form.search div.search { | ||
1999 | display: block; | ||
2000 | float: left; | ||
2001 | width: 217px; | ||
2002 | } | ||
2003 | div.mainPanels div.gridComponent div.header form.search input.search { | ||
2004 | border: 1px solid #76786a; | ||
2005 | color: #666666; | ||
2006 | font-size: 12pt; | ||
2007 | width: 100%; | ||
2008 | padding: 4px; | ||
2009 | padding-left: 24px; | ||
2010 | padding-right: 26px; | ||
2011 | background: #e8ecde url(./images/old/main/grid/search.png) no-repeat 2px 4px; | ||
2012 | } | ||
2013 | div.mainPanels div.gridComponent div.header form.search input.search.disabled { | ||
2014 | disabled: disabled; | ||
2015 | } | ||
2016 | div.mainPanels div.gridComponent div.header form.search input.search.running { | ||
2017 | background: #e8ecde url(./images/old/main/grid/running_search.gif) no-repeat 4px 5px; | ||
2018 | } | ||
2019 | div.mainPanels div.gridComponent div.body { | ||
2020 | clear: both; | ||
2021 | background: url(./images/old/main/blocks/cardGridBackground.png) repeat-y -836px; | ||
2022 | } | ||
2023 | div.mainPanels div.gridComponent div.footer { | ||
2024 | background: url(./images/old/main/blocks/cardGridBackground.png) 834px -28px; | ||
2025 | height: 35px; | ||
2026 | } | ||
2027 | div.mainPanels div.gridComponent div.body h1 { | ||
2028 | margin: 0px; | ||
2029 | } | ||
2030 | div.mainPanels div.gridComponent div.body div.rows { | ||
2031 | margin-left: 9px; | ||
2032 | margin-right: 6px; | ||
2033 | min-height: 582px; | ||
2034 | background: url(./images/old/main/blocks/cardGridStripes.png) 0 7px; | ||
2035 | } | ||
2036 | div.mainPanels div.gridComponent.noRows div.body table.rows thead, | ||
2037 | div.mainPanels div.gridComponent.empty div.body table.rows thead { | ||
2038 | visibility: hidden; | ||
2039 | } | ||
2040 | div.mainPanels div.gridComponent.empty div.body div.rows { | ||
2041 | background: #eaebe6 url(./images/old/lock/background_star.png) no-repeat center center; | ||
2042 | } | ||
2043 | div.mainPanels div.gridComponent.noRows div.body div.rows { | ||
2044 | background: #eaebe6; | ||
2045 | } | ||
2046 | div.mainPanels div.gridComponent div.body table.rows { | ||
2047 | display: block; | ||
2048 | width: 100%; | ||
2049 | } | ||
2050 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected { | ||
2051 | background-color: #a5a696; | ||
2052 | } | ||
2053 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected { | ||
2054 | background-color: #a5a696; | ||
2055 | } | ||
2056 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a { | ||
2057 | color: #f3f4eb; | ||
2058 | } | ||
2059 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd { | ||
2060 | background-color: #d4d5cf; | ||
2061 | } | ||
2062 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even { | ||
2063 | background-color: #eaebe6; | ||
2064 | } | ||
2065 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover { | ||
2066 | background-color: #a5a696; | ||
2067 | } | ||
2068 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover { | ||
2069 | background-color: #a5a696; | ||
2070 | } | ||
2071 | div.mainPanels div.gridComponent div.body table.rows tbody tr td { | ||
2072 | height: 23px; | ||
2073 | max-height: 23px; | ||
2074 | /* | ||
2075 | white-space: nowrap; | ||
2076 | overflow: hidden; | ||
2077 | */ | ||
2078 | |||
2079 | } | ||
2080 | div.mainPanels div.gridComponent div.body table.rows tbody tr td span { | ||
2081 | color: #828479; | ||
2082 | font-size: 10pt; | ||
2083 | } | ||
2084 | div.mainPanels div.gridComponent div.body table.rows tbody tr td a { | ||
2085 | color: #828479; | ||
2086 | font-size: 10pt; | ||
2087 | text-decoration: none; | ||
2088 | } | ||
2089 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span { | ||
2090 | color: #f3f4eb; | ||
2091 | } | ||
2092 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span { | ||
2093 | color: #f3f4eb; | ||
2094 | } | ||
2095 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a { | ||
2096 | color: #f3f4eb; | ||
2097 | } | ||
2098 | div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a { | ||
2099 | font-weight: bold; | ||
2100 | } | ||
2101 | div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon { | ||
2102 | float: right; | ||
2103 | padding-right: 6px; | ||
2104 | } | ||
2105 | /* @group header */ | ||
2106 | div.gridComponent table.rows thead img { | ||
2107 | padding-left: 10px; | ||
2108 | vertical-align: middle; | ||
2109 | } | ||
2110 | div.gridComponent table.rows thead tr th { | ||
2111 | background-color: #eaebe6; | ||
2112 | border-bottom: 1px solid #b3b4af; | ||
2113 | } | ||
2114 | div.gridComponent table.rows thead span { | ||
2115 | color: #8c8f7e; | ||
2116 | } | ||
2117 | div.gridComponent table.rows thead tr th.unsorted span.sortable a { | ||
2118 | background-image: url(./images/old/main/grid/unsorted.png); | ||
2119 | } | ||
2120 | div.gridComponent table.rows thead tr th.descending span.sortable a { | ||
2121 | background-image: url(./images/old/main/grid/descending.png); | ||
2122 | } | ||
2123 | div.gridComponent table.rows thead tr th.ascending span.sortable a { | ||
2124 | background-image: url(./images/old/main/grid/ascending.png); | ||
2125 | } | ||
2126 | div.gridComponent table.rows thead tr th.faviconTH { | ||
2127 | width: 53px; | ||
2128 | } | ||
2129 | div.gridComponent table.rows thead tr th.titleTH { | ||
2130 | width: 200px; | ||
2131 | max-width: 200px; | ||
2132 | } | ||
2133 | div.gridComponent table.rows thead tr th.deleteTH { | ||
2134 | width: 50px; | ||
2135 | } | ||
2136 | /* @end */ | ||
2137 | /* @end */ | ||
2138 | /* @group Direct login Grid */ | ||
2139 | /* | ||
2140 | div.mainPanels div.directLoginGrid div.header { | ||
2141 | /* | ||
2142 | height: 90px; | ||
2143 | background: url(./images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
2144 | * / | ||
2145 | } | ||
2146 | |||
2147 | div.mainPanels div.directLoginGrid div.header form.search { | ||
2148 | background: url(./images/old/main/blocks/directLoginGridBackground.png) no-repeat; | ||
2149 | padding-left: 40px; | ||
2150 | padding-top: 20px; | ||
2151 | padding-bottom: 10px; | ||
2152 | margin: 0px; | ||
2153 | } | ||
2154 | |||
2155 | div.mainPanels div.directLoginGrid div.header form.search input.search { | ||
2156 | border: 1px solid #76786a; | ||
2157 | color: #666666; | ||
2158 | font-size: 12pt; | ||
2159 | padding: 4px; | ||
2160 | background-color: #e8ecde; | ||
2161 | } | ||
2162 | |||
2163 | div.mainPanels div.directLoginGrid div.header form.search input.searchButton { | ||
2164 | background-color: #858877; | ||
2165 | border: 0px; | ||
2166 | color: white; | ||
2167 | font-size: 10pt; | ||
2168 | } | ||
2169 | |||
2170 | div.mainPanels div.directLoginGrid div.body { | ||
2171 | background: url(./images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px; | ||
2172 | } | ||
2173 | |||
2174 | div.mainPanels div.directLoginGrid div.footer { | ||
2175 | background: url(./images/old/main/blocks/directLoginGridBackground.png) 834px -28px; | ||
2176 | height: 35px; | ||
2177 | } | ||
2178 | |||
2179 | div.mainPanels div.directLoginGrid div.body h1 { | ||
2180 | margin: 0px; | ||
2181 | } | ||
2182 | |||
2183 | div.mainPanels div.directLoginGrid div.body div.rows { | ||
2184 | margin-left: 9px; | ||
2185 | margin-right: 6px; | ||
2186 | min-height: 582px; | ||
2187 | background: url(./images/old/main/blocks/directLoginGridStripes.png) 0 7px; | ||
2188 | } | ||
2189 | |||
2190 | div.mainPanels div.directLoginGrid div.body table.rows { | ||
2191 | display: block; | ||
2192 | width: 100%; | ||
2193 | } | ||
2194 | |||
2195 | div.mainPanels div.directLoginGrid div.body table.rows img { | ||
2196 | border: 0px; | ||
2197 | } | ||
2198 | |||
2199 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even { | ||
2200 | background-color: #787666; | ||
2201 | } | ||
2202 | |||
2203 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd { | ||
2204 | background-color: #646351; | ||
2205 | } | ||
2206 | |||
2207 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover { | ||
2208 | background-color: #d1d4c6; | ||
2209 | } | ||
2210 | |||
2211 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover { | ||
2212 | background-color: #d1d4c6; | ||
2213 | } | ||
2214 | |||
2215 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td { | ||
2216 | height: 23px; | ||
2217 | color: #e1e0d6; | ||
2218 | font-size: 10pt; | ||
2219 | } | ||
2220 | |||
2221 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td { | ||
2222 | color: #777867; | ||
2223 | } | ||
2224 | |||
2225 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title { | ||
2226 | font-weight: bold; | ||
2227 | } | ||
2228 | |||
2229 | div.directLoginGrid div.body table.rows tbody tr a { | ||
2230 | color: #e1e0d6; | ||
2231 | text-decoration: none; | ||
2232 | } | ||
2233 | |||
2234 | div.directLoginGrid div.body table.rows tbody tr:hover a { | ||
2235 | color: #777867; | ||
2236 | } | ||
2237 | */ | ||
2238 | /* @group DirectLogin links */ | ||
2239 | /* | ||
2240 | td.card_directLogins div { | ||
2241 | display: inline-table; | ||
2242 | } | ||
2243 | |||
2244 | td.card_directLogins span { | ||
2245 | display: inline-table; | ||
2246 | } | ||
2247 | */ | ||
2248 | div.directLogin_directLogin { | ||
2249 | display: inline-block; | ||
2250 | height: 19px; | ||
2251 | padding-left: 7px; | ||
2252 | } | ||
2253 | div.directLogin_directLogin div.directLogin_directLogin_body { | ||
2254 | display: inline-block; | ||
2255 | height: 19px; | ||
2256 | padding-right: 8px; | ||
2257 | background-position: left; | ||
2258 | } | ||
2259 | div.directLogin_directLogin div.directLogin_directLogin_body a { | ||
2260 | vertical-align: -14px; | ||
2261 | } | ||
2262 | div.directLogin_directLogin:hover { | ||
2263 | background: url(./images/old/directLink_background_left.png) no-repeat 0 0; | ||
2264 | } | ||
2265 | div.directLogin_directLogin:hover div.directLogin_directLogin_body { | ||
2266 | background: url(./images/old/directLink_background.png) right 0; | ||
2267 | } | ||
2268 | table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a { | ||
2269 | color: #f3f4eb; | ||
2270 | } | ||
2271 | /* @end */ | ||
2272 | /* @group header */ | ||
2273 | div.directLoginGrid table.rows thead span { | ||
2274 | color: #e1e0d6; | ||
2275 | } | ||
2276 | div.directLoginGrid table.rows thead tr th { | ||
2277 | background-color: #787762; | ||
2278 | border-bottom: 1px solid #999883; | ||
2279 | } | ||
2280 | div.directLoginGrid table.rows thead tr th.faviconTH { | ||
2281 | min-width: 53px; | ||
2282 | width: 53px; | ||
2283 | } | ||
2284 | div.directLoginGrid table.rows thead tr th.titleTH { | ||
2285 | min-width: 250px; | ||
2286 | width: 250px; | ||
2287 | } | ||
2288 | div.directLoginGrid table.rows thead tr th.titleTH span { | ||
2289 | margin-left: 7px; | ||
2290 | } | ||
2291 | div.directLoginGrid table.rows thead tr th.strengthTH { | ||
2292 | width: 100px; | ||
2293 | } | ||
2294 | div.directLoginGrid table.rows thead tr th.cardTitleTH { | ||
2295 | width: 400px; | ||
2296 | } | ||
2297 | div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH { | ||
2298 | width: 64px; | ||
2299 | } | ||
2300 | div.directLoginGrid table.rows thead tr th.deleteTH { | ||
2301 | width: 50px; | ||
2302 | } | ||
2303 | div.directLoginGrid table.rows thead tr th.latestAccessTH { | ||
2304 | width: 100px; | ||
2305 | } | ||
2306 | div.directLoginGrid table.rows thead tr th.commandsTH { | ||
2307 | width: 100px; | ||
2308 | } | ||
2309 | /* | ||
2310 | div.directLoginGrid table.rows thead a { | ||
2311 | font-weight: normal; | ||
2312 | text-decoration: none; | ||
2313 | color: #e9e9df; | ||
2314 | font-size: 9pt; | ||
2315 | line-height: 20px; | ||
2316 | } | ||
2317 | */ | ||
2318 | div.directLoginGrid table.rows thead img { | ||
2319 | padding-left: 10px; | ||
2320 | vertical-align: middle; | ||
2321 | } | ||
2322 | div.directLoginGrid table.rows thead tr th.unsorted span.sortable a { | ||
2323 | background: url(./images/old/main/grid/directLogins/unsorted.png) no-repeat; | ||
2324 | } | ||
2325 | div.directLoginGrid table.rows thead tr th.descending span.sortable a { | ||
2326 | background: url(./images/old/main/grid/directLogins/descending.png) no-repeat; | ||
2327 | } | ||
2328 | div.directLoginGrid table.rows thead tr th.ascending span.sortable a { | ||
2329 | background: url(./images/old/main/grid/directLogins/ascending.png) no-repeat; | ||
2330 | } | ||
2331 | /* @end */ | ||
2332 | /* @end */ | ||
2333 | /* @end */ | ||
2334 | /* @end */ | ||
2335 | /* @group other Panels */ | ||
2336 | /* @group common styles */ | ||
2337 | /* | ||
2338 | div.subPanelTabs ul { | ||
2339 | margin: 0px; | ||
2340 | margin-right: 7px; | ||
2341 | padding: 0px; | ||
2342 | } | ||
2343 | div.subPanelTabs ul li { | ||
2344 | display: inline-block; | ||
2345 | vertical-align: middle; | ||
2346 | /*width: 130px; * / | ||
2347 | |||
2348 | height: 50px; | ||
2349 | /*border-right: 1px solid #a5a79c; | ||
2350 | border-bottom: 1px solid #a5a79c;* / | ||
2351 | |||
2352 | border-right: 1px solid #eef0e3; | ||
2353 | border-bottom: 1px solid #d5d5bc; | ||
2354 | } | ||
2355 | div.subPanelTabs ul li.first:hover { | ||
2356 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; * / | ||
2357 | |||
2358 | } | ||
2359 | div.subPanelTabs ul li:hover { | ||
2360 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; * / | ||
2361 | |||
2362 | border-right: 1px solid #d5d5bc; | ||
2363 | background-color: #eef0e3; | ||
2364 | } | ||
2365 | div.subPanelTabs ul li a { | ||
2366 | color: #787872; | ||
2367 | text-decoration: none; | ||
2368 | display: block; | ||
2369 | text-align: center; | ||
2370 | padding-top: 15px; | ||
2371 | padding-left: 20px; | ||
2372 | padding-right: 20px; | ||
2373 | font-size: 13pt; | ||
2374 | } | ||
2375 | div.subPanelTabs ul li.first { | ||
2376 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; * / | ||
2377 | |||
2378 | -webkit-border-top-left-radius: 20px; | ||
2379 | -moz-border-radius-topleft: 20px; | ||
2380 | border-top-left-radius: 20px; | ||
2381 | } | ||
2382 | div.subPanelTabs ul li.selected { | ||
2383 | /*background: url(./images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; * / | ||
2384 | |||
2385 | background-color: #eef0e3; | ||
2386 | border-bottom: 1px solid #eef0e3; | ||
2387 | border-right: 1px solid #d5d5bc; | ||
2388 | } | ||
2389 | div.subPanelTabs ul li.selected:hover { | ||
2390 | border-right: 1px solid #d5d5bc; | ||
2391 | } | ||
2392 | div.subPanelTabs ul li.selected a { | ||
2393 | color: #444440; | ||
2394 | } | ||
2395 | div.subPanelContent { | ||
2396 | padding-top: 20px; | ||
2397 | padding-left: 30px; | ||
2398 | padding-right: 30px; | ||
2399 | min-height: 280px; | ||
2400 | color: #787872; | ||
2401 | margin: 0px 6px 0 9px; | ||
2402 | } | ||
2403 | div.subPanelContent ul { | ||
2404 | margin: 0px; | ||
2405 | padding: 0px; | ||
2406 | list-style-type: none; | ||
2407 | } | ||
2408 | div.subPanelContent ul li.selected { | ||
2409 | display: block; | ||
2410 | } | ||
2411 | div.subPanelContent ul li { | ||
2412 | display: none; | ||
2413 | } | ||
2414 | div.subPanelContent h3 { | ||
2415 | margin: 0px; | ||
2416 | border: 0px; | ||
2417 | padding: 0px; | ||
2418 | } | ||
2419 | */ | ||
2420 | /* @end */ | ||
2421 | /* @group mainPanels otherPanel */ | ||
2422 | div.mainPanels div.otherPanel { | ||
2423 | margin: 5px 10px; | ||
2424 | background-color: #eef0e3; | ||
2425 | -webkit-border-radius: 20px; | ||
2426 | -moz-border-radius: 20px; | ||
2427 | border-radius: 20px; | ||
2428 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2429 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2430 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2431 | } | ||
2432 | div.mainPanels div.otherPanel div.header { | ||
2433 | /*background: url(./images/old/main/blocks/otherPanelBackground.png) no-repeat; */ | ||
2434 | |||
2435 | /* | ||
2436 | height: 90px; | ||
2437 | */ | ||
2438 | |||
2439 | background-color: #d5d5bc; | ||
2440 | /*padding-left: 9px; | ||
2441 | padding-top: 5px; */ | ||
2442 | |||
2443 | margin: 0px; | ||
2444 | margin-bottom: 0px; | ||
2445 | -webkit-border-top-left-radius: 20px; | ||
2446 | -webkit-border-top-right-radius: 20px; | ||
2447 | -moz-border-radius-topleft: 20px; | ||
2448 | -moz-border-radius-topright: 20px; | ||
2449 | border-top-left-radius: 20px; | ||
2450 | border-top-right-radius: 20px; | ||
2451 | } | ||
2452 | div.mainPanels div.otherPanel div.body { | ||
2453 | /*background: url(./images/old/main/blocks/otherPanelBackground.png) repeat-y -836px; */ | ||
2454 | |||
2455 | margin: 0px; | ||
2456 | border: 0px; | ||
2457 | padding: 0px; | ||
2458 | } | ||
2459 | div.mainPanels div.otherPanel div.footer { | ||
2460 | /*background: url(./images/old/main/blocks/otherPanelBackground.png) 834px -18px; */ | ||
2461 | |||
2462 | height: 45px; | ||
2463 | } | ||
2464 | div.mainPanels div.otherPanel div.body h1 { | ||
2465 | margin: 0px; | ||
2466 | } | ||
2467 | /* @end */ | ||
2468 | /* @group Account */ | ||
2469 | form.changePassphrase div.currentCredentials, | ||
2470 | form.changePassphrase div.newPassphrase { | ||
2471 | float: left; | ||
2472 | padding: 10px 20px; | ||
2473 | } | ||
2474 | form.changePassphrase label { | ||
2475 | display: inline-block; | ||
2476 | width: 150px; | ||
2477 | } | ||
2478 | form.changePassphrase div.confirm { | ||
2479 | clear: both; | ||
2480 | padding: 10px 20px; | ||
2481 | } | ||
2482 | form.changePassphrase div.confirm label { | ||
2483 | width: 500px; | ||
2484 | } | ||
2485 | div.accountPanel h3.manageOTP { | ||
2486 | margin-top: 20px; | ||
2487 | margin-left: -20px; | ||
2488 | padding-top: 10px; | ||
2489 | padding-left: 20px; | ||
2490 | border-top: 1px solid #aaaaaa; | ||
2491 | } | ||
2492 | /* @end */ | ||
2493 | /* @end */ | ||
2494 | /* @group Message Panel (?) */ | ||
2495 | /* | ||
2496 | div.messagePanelWrapper div.mask { | ||
2497 | position: fixed; | ||
2498 | top: 0px; | ||
2499 | left: 0px; | ||
2500 | right: 0px; | ||
2501 | bottom: 0px; | ||
2502 | |||
2503 | background-color: black; | ||
2504 | z-index:50001; | ||
2505 | |||
2506 | -moz-opacity: 0.0; | ||
2507 | opacity:.0; | ||
2508 | filter: alpha(opacity=0); | ||
2509 | / * | ||
2510 | -moz-opacity: 0.7; | ||
2511 | opacity:.70; | ||
2512 | filter: alpha(opacity=70); | ||
2513 | * / | ||
2514 | } | ||
2515 | |||
2516 | div.messagePanelFrame { | ||
2517 | border: 1px solid white; | ||
2518 | z-index:50002; | ||
2519 | / * | ||
2520 | width: 443px; | ||
2521 | height: 155px; | ||
2522 | position: fixed; | ||
2523 | top: 205px; | ||
2524 | left: 260px; | ||
2525 | margin-left: auto; | ||
2526 | margin-right: auto; | ||
2527 | max-width: 468px; | ||
2528 | * / | ||
2529 | } | ||
2530 | |||
2531 | |||
2532 | div.messagePanel { | ||
2533 | position: fixed; | ||
2534 | z-index:50003; | ||
2535 | top: 0px; | ||
2536 | left: 0px; | ||
2537 | / * | ||
2538 | margin-left: auto; | ||
2539 | margin-right: auto; | ||
2540 | max-width: 468px; | ||
2541 | top: 200px; | ||
2542 | left: 250px; | ||
2543 | left: 100px; | ||
2544 | right: 100px; | ||
2545 | * / | ||
2546 | } | ||
2547 | |||
2548 | div.messagePanel div.header { | ||
2549 | height: 34px; | ||
2550 | width: 468; | ||
2551 | background-image: url(./images/old/alert/header.png); | ||
2552 | } | ||
2553 | |||
2554 | div.messagePanel div.body { | ||
2555 | background-image: url(./images/old/alert/body.png); | ||
2556 | padding: 0px 20px 10px 20px; | ||
2557 | min-height: 100px; | ||
2558 | } | ||
2559 | / * | ||
2560 | div#javaScriptAlert div.body div.alert { | ||
2561 | padding-left: 100px; | ||
2562 | background: url(./images/old/alert/alert.png) no-repeat; | ||
2563 | } | ||
2564 | * / | ||
2565 | |||
2566 | div.messagePanel div.body img.alert { | ||
2567 | float: left; | ||
2568 | } | ||
2569 | |||
2570 | div.messagePanel div.body div.alert { | ||
2571 | padding-left: 100px; | ||
2572 | } | ||
2573 | |||
2574 | div.messagePanel div.footer { | ||
2575 | height: 34px; | ||
2576 | width: 468; | ||
2577 | background-image: url(./images/old/alert/footer.png); | ||
2578 | } | ||
2579 | |||
2580 | div.messagePanel div.message h1 { | ||
2581 | font-size: 16pt; | ||
2582 | margin: 0px; | ||
2583 | color: #ff5930; | ||
2584 | } | ||
2585 | |||
2586 | div.messagePanel div.message p { | ||
2587 | margin-top: 0px; | ||
2588 | color: #999999; | ||
2589 | } | ||
2590 | |||
2591 | div.messagePanel div.message h3 { | ||
2592 | font-size: 12pt; | ||
2593 | margin-bottom: 0px; | ||
2594 | color: #ff5930; | ||
2595 | } | ||
2596 | |||
2597 | div.messagePanel div.message h5 { | ||
2598 | margin: 0px; | ||
2599 | color: #999999; | ||
2600 | } | ||
2601 | |||
2602 | |||
2603 | */ | ||
2604 | /* @end */ | ||
2605 | /* @group LoginProgress (?) */ | ||
2606 | /* | ||
2607 | div#loginProgress { | ||
2608 | position: relative; | ||
2609 | left: -198px; | ||
2610 | top: -118px; | ||
2611 | width: 397px; | ||
2612 | height: 236px; | ||
2613 | background: url(./images/old/loginProgress/background.png); | ||
2614 | } | ||
2615 | |||
2616 | div#loginProgress div.header { | ||
2617 | height: 52px; | ||
2618 | } | ||
2619 | |||
2620 | div#loginProgress div.header h3 { | ||
2621 | font-size: 12pt; | ||
2622 | font-weight: normal; | ||
2623 | margin: 0px; | ||
2624 | color: #787872; | ||
2625 | padding-top: 25px; | ||
2626 | padding-left: 35px; | ||
2627 | } | ||
2628 | |||
2629 | div#loginProgress div.body { | ||
2630 | height: 120px; | ||
2631 | overflow: auto; | ||
2632 | margin-left: 19px; | ||
2633 | margin-right: 18px; | ||
2634 | } | ||
2635 | |||
2636 | div#loginProgress div.footer { | ||
2637 | margin-left: 19px; | ||
2638 | margin-right: 18px; | ||
2639 | } | ||
2640 | |||
2641 | div#loginProgress div.footer a { | ||
2642 | font-weight: bold; | ||
2643 | text-decoration: none; | ||
2644 | text-align: center; | ||
2645 | color: #787872; | ||
2646 | display: block; | ||
2647 | font-size: 11pt; | ||
2648 | width: 100px; | ||
2649 | margin-top: 13px; | ||
2650 | margin-left: auto; | ||
2651 | margin-right: auto; | ||
2652 | } | ||
2653 | |||
2654 | div#loginProgress div.footer a:hover { | ||
2655 | color: #515247; | ||
2656 | } | ||
2657 | |||
2658 | */ | ||
2659 | /* @end */ | ||
2660 | div#modalDialogMask, | ||
2661 | div.modalDialogMask { | ||
2662 | z-index: 20000; | ||
2663 | /* position: absolute;*/ | ||
2664 | |||
2665 | position: fixed; | ||
2666 | top: 0; | ||
2667 | left: 0; | ||
2668 | -moz-opacity: 0.5; | ||
2669 | opacity: .50; | ||
2670 | filter: alpha(opacity=50); | ||
2671 | /* background-color: #cccccc;*/ | ||
2672 | |||
2673 | background-color: #000000; | ||
2674 | width: 100%; | ||
2675 | height: 100%; | ||
2676 | zoom: 1; | ||
2677 | } | ||
2678 | div#modalDialogFrame, | ||
2679 | div.modalDialogFrame { | ||
2680 | position: absolute; | ||
2681 | /* border: 1px solid white;*/ | ||
2682 | |||
2683 | -moz-opacity: 0.5; | ||
2684 | opacity: .50; | ||
2685 | filter: alpha(opacity=50); | ||
2686 | background-color: #333333; | ||
2687 | z-index: 20001; | ||
2688 | -webkit-border-radius: 20px; | ||
2689 | -moz-border-radius: 20px; | ||
2690 | border-radius: 20px; | ||
2691 | } | ||
2692 | div#modalDialog, | ||
2693 | div.modalDialog { | ||
2694 | z-index: 20001; | ||
2695 | } | ||
2696 | /*div#modalDialog.scrollable,*/ | ||
2697 | div.modalDialog.scrollable { | ||
2698 | position: absolute; | ||
2699 | top: 0; | ||
2700 | left: 50%; | ||
2701 | } | ||
2702 | /*div#modalDialog.fixed,*/ | ||
2703 | div.modalDialog.fixed { | ||
2704 | position: fixed; | ||
2705 | top: 40%; | ||
2706 | left: 50%; | ||
2707 | } | ||
2708 | div#modalDialog div, | ||
2709 | div.modalDialog div { | ||
2710 | z-index: 20002; | ||
2711 | list-style-type: circle; | ||
2712 | } | ||
2713 | div.modalDialogMask.simpleMessagePanelMask { | ||
2714 | z-index: 20010; | ||
2715 | } | ||
2716 | div.modalDialogFrame.simpleMessagePanelMask { | ||
2717 | z-index: 20011; | ||
2718 | } | ||
2719 | div.modalDialog.simpleMessagePanelMask { | ||
2720 | z-index: 20011; | ||
2721 | } | ||
2722 | div.modalDialog.simpleMessagePanelMask div { | ||
2723 | z-index: 20012; | ||
2724 | } | ||
2725 | /* @group Bookmarklet */ | ||
2726 | div.bookmarklet div.bookmarklet_link { | ||
2727 | /* | ||
2728 | padding-top: 5px; | ||
2729 | padding-left: 4px; | ||
2730 | padding-right: 3px; | ||
2731 | |||
2732 | float: right; | ||
2733 | margin-top: 12px; | ||
2734 | margin-right: 13px; | ||
2735 | */ | ||
2736 | |||
2737 | height: 34px; | ||
2738 | } | ||
2739 | div.bookmarklet div.bookmarklet_link a { | ||
2740 | color: #838975; | ||
2741 | text-decoration: none; | ||
2742 | font-weight: bold; | ||
2743 | font-size: 10pt; | ||
2744 | /* | ||
2745 | display: block; | ||
2746 | text-align: right; | ||
2747 | padding-top: 7px; | ||
2748 | padding-right: 11px; | ||
2749 | padding-bottom: 6px; | ||
2750 | */ | ||
2751 | |||
2752 | } | ||
2753 | div.bookmarklet div.bookmarklet_link a div.icon { | ||
2754 | background: url(./images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0; | ||
2755 | float: left; | ||
2756 | width: 34px; | ||
2757 | height: 34px; | ||
2758 | } | ||
2759 | div.bookmarklet div.bookmarklet_link a:hover div.icon { | ||
2760 | background: url(./images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0; | ||
2761 | } | ||
2762 | div.bookmarklet div.bookmarklet_link a div.text { | ||
2763 | display: block; | ||
2764 | float: right; | ||
2765 | background: url(./images/old/bookmarklet/placeholder.png) no-repeat right 0; | ||
2766 | white-space: nowrap; | ||
2767 | height: 34px; | ||
2768 | } | ||
2769 | div.bookmarklet div.bookmarklet_link a:hover div.text { | ||
2770 | background: url(./images/old/bookmarklet/placeholder_selected.png) no-repeat right 0; | ||
2771 | } | ||
2772 | div.bookmarklet div.bookmarklet_link a div.text span { | ||
2773 | display: block; | ||
2774 | padding-top: 10px; | ||
2775 | padding-right: 10px; | ||
2776 | padding-left: 6px; | ||
2777 | clear: both; | ||
2778 | } | ||
2779 | /* @end */ | ||
2780 | /* @group Tooltip */ | ||
2781 | /* | ||
2782 | div#Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode { | ||
2783 | position: absolute; | ||
2784 | top: 0px; | ||
2785 | left: 0px; | ||
2786 | } | ||
2787 | */ | ||
2788 | /* @end */ | ||
2789 | /* @group News */ | ||
2790 | /* | ||
2791 | div#news { | ||
2792 | top: 11px; | ||
2793 | left: 240px; | ||
2794 | width: 353px; | ||
2795 | height: 85px; | ||
2796 | padding-top: 4px; | ||
2797 | position: absolute; | ||
2798 | overflow: hidden; | ||
2799 | background: url(./images/old/note.png) 1px 3px; | ||
2800 | } | ||
2801 | |||
2802 | div#news.hidden { | ||
2803 | display: none; | ||
2804 | } | ||
2805 | |||
2806 | div#news div.close { | ||
2807 | display: inline; | ||
2808 | margin-top: 6px; | ||
2809 | margin-left: 17px; | ||
2810 | float: left; | ||
2811 | width: 15px; | ||
2812 | } | ||
2813 | |||
2814 | div#news div.close a { | ||
2815 | text-decoration: none; | ||
2816 | color: #929c1b; | ||
2817 | } | ||
2818 | |||
2819 | div#news div.close a:hover { | ||
2820 | text-decoration: none; | ||
2821 | color: #3d420b; | ||
2822 | } | ||
2823 | |||
2824 | div#news div#newsframe { | ||
2825 | display: block; | ||
2826 | overflow: hidden; | ||
2827 | width: 305px; | ||
2828 | height: 70px; | ||
2829 | } | ||
2830 | |||
2831 | div#news div#newsframe iframe { | ||
2832 | border: 0px; | ||
2833 | } | ||
2834 | */ | ||
2835 | /* --------------------------------------- */ | ||
2836 | div#news { | ||
2837 | top: -82px; | ||
2838 | left: 240px; | ||
2839 | width: 310px; | ||
2840 | height: 90px; | ||
2841 | position: absolute; | ||
2842 | /*background: url(./images/old/tips/Tips_background.png) 0 -5px; */ | ||
2843 | |||
2844 | background-color: #616474; | ||
2845 | -webkit-border-bottom-right-radius: 8px; | ||
2846 | -webkit-border-bottom-left-radius: 8px; | ||
2847 | -moz-border-radius-bottomright: 8px; | ||
2848 | -moz-border-radius-bottomleft: 8px; | ||
2849 | border-bottom-right-radius: 8px; | ||
2850 | border-bottom-left-radius: 8px; | ||
2851 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2852 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2853 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2854 | } | ||
2855 | /* | ||
2856 | div#news.open { | ||
2857 | background: url(./images/old/tips/Tips_open.png) 0 -5px; | ||
2858 | } | ||
2859 | |||
2860 | div#news.hidden { | ||
2861 | background: url(./images/old/tips/Tips_close.png) 0 -5px; | ||
2862 | } | ||
2863 | */ | ||
2864 | /* | ||
2865 | div#news div#newsframe { | ||
2866 | margin-left: 10px; | ||
2867 | margin-right: 10px; | ||
2868 | height: 75px; | ||
2869 | overflow: hidden; | ||
2870 | } | ||
2871 | div#news div#newsframe.loading { | ||
2872 | background: url(./images/old/loading/news.gif) no-repeat center center; | ||
2873 | } | ||
2874 | div#news div#newsframe iframe { | ||
2875 | width: 290px; | ||
2876 | border: 0px; | ||
2877 | color: #616474; | ||
2878 | background-color: #616474; | ||
2879 | } | ||
2880 | div#news div.grip { | ||
2881 | width: 310px; | ||
2882 | height: 12px; | ||
2883 | margin-top: 2px; | ||
2884 | cursor: pointer; | ||
2885 | } | ||
2886 | div#news.open div.grip { | ||
2887 | background: url(./images/old/tips/close.png) no-repeat center 6px; | ||
2888 | } | ||
2889 | div#news.hidden div.grip { | ||
2890 | background: url(./images/old/tips/open.png) no-repeat center 6px; | ||
2891 | } | ||
2892 | */ | ||
2893 | /* @end */ | ||
2894 | /* @group mainDialog */ | ||
2895 | div.mainDialog { | ||
2896 | position: relative; | ||
2897 | left: -263px; | ||
2898 | width: 525px; | ||
2899 | height: 325px; | ||
2900 | } | ||
2901 | div.scrollable div.mainDialog { | ||
2902 | top: 0px; | ||
2903 | } | ||
2904 | div.fixed div.mainDialog { | ||
2905 | top: -118px; | ||
2906 | } | ||
2907 | div.mainDialog div.header { | ||
2908 | height: 55px; | ||
2909 | background: url(./images/old/cardDialog/background_header.png) no-repeat; | ||
2910 | } | ||
2911 | div.mainDialog div.header div.title { | ||
2912 | padding-top: 16px; | ||
2913 | padding-left: 20px; | ||
2914 | padding-right: 20px; | ||
2915 | } | ||
2916 | div.mainDialog div.header div.title input { | ||
2917 | width: 100%; | ||
2918 | display: block; | ||
2919 | font-size: 16pt; | ||
2920 | margin: 0px; | ||
2921 | border: 0px; | ||
2922 | padding: 3px 10px; | ||
2923 | color: #787872; | ||
2924 | border: 1px solid #cccec0; | ||
2925 | background-color: #cccec0; | ||
2926 | } | ||
2927 | div.mainDialog div.header div.title h3 { | ||
2928 | display: block; | ||
2929 | font-size: 16pt; | ||
2930 | color: #787872; | ||
2931 | margin: 0px; | ||
2932 | border: 0px; | ||
2933 | padding: 3px 10px; | ||
2934 | } | ||
2935 | div.mainDialog div.header div.title.selectedField input, | ||
2936 | div.mainDialog div.header div.title:hover input { | ||
2937 | border: 1px solid #515247; | ||
2938 | background-color: #b5b7ab; | ||
2939 | } | ||
2940 | div.mainDialog div.header div.title.disabled:hover input { | ||
2941 | border: 1px solid #cccec0; | ||
2942 | background-color: #cccec0; | ||
2943 | } | ||
2944 | div.mainDialog div.body { | ||
2945 | padding-top: 0px; | ||
2946 | padding-left: 10px; | ||
2947 | padding-right: 9px; | ||
2948 | min-height: 200px; | ||
2949 | background: url(./images/old/cardDialog/background_body.png) repeat-y; | ||
2950 | } | ||
2951 | div.mainDialog div.body div.mask { | ||
2952 | display: none; | ||
2953 | } | ||
2954 | div.mainDialog.loading div.body div.mask { | ||
2955 | display: block; | ||
2956 | position: absolute; | ||
2957 | top: 55px; | ||
2958 | left: 10px; | ||
2959 | right: 9px; | ||
2960 | bottom: 70px; | ||
2961 | z-index: 1001; | ||
2962 | background-color: white; | ||
2963 | padding-left: 146px; | ||
2964 | padding-right: 146px; | ||
2965 | padding-top: 70px; | ||
2966 | } | ||
2967 | div.mainDialog.loading div.body .tabPanels { | ||
2968 | display: none; | ||
2969 | } | ||
2970 | div.mainDialog.loading div.body div.mask h3.progressDescription { | ||
2971 | margin: 0px; | ||
2972 | text-align: center; | ||
2973 | padding-bottom: 10px; | ||
2974 | color: #cccec0; | ||
2975 | font-size: 14pt; | ||
2976 | font-weight: normal; | ||
2977 | } | ||
2978 | div.loadingBar { | ||
2979 | height: 22px; | ||
2980 | width: 214px; | ||
2981 | background: url(./images/old/loading/loadingBar.gif) no-repeat center top; | ||
2982 | } | ||
2983 | div.loadingBar div.loadingBarProgressBox { | ||
2984 | padding: 2px; | ||
2985 | } | ||
2986 | div.loadingBar div.loadingBarProgress { | ||
2987 | height: 18px; | ||
2988 | width: 0%; | ||
2989 | /* background-repeat: no-repeat;*/ | ||
2990 | |||
2991 | background-color: rgba(248, 79, 0, 0.6); | ||
2992 | -webkit-border-radius: 9px; | ||
2993 | -moz-border-radius: 9px; | ||
2994 | border-radius: 9px; | ||
2995 | } | ||
2996 | /* | ||
2997 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_left { | ||
2998 | height: 100%; | ||
2999 | max-width: 8px; | ||
3000 | background: url(./images/old/loading/loadingBarProgress.png) no-repeat 0; | ||
3001 | } | ||
3002 | |||
3003 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_right { | ||
3004 | position: relative; | ||
3005 | height: 100%; | ||
3006 | margin-left: 8px; | ||
3007 | background: url(./images/old/loading/loadingBarProgress.png) no-repeat right; | ||
3008 | top: -22px; | ||
3009 | } | ||
3010 | */ | ||
3011 | div.mainDialog div.body div ul { | ||
3012 | padding: 0px; | ||
3013 | clear: both; | ||
3014 | margin: 0px; | ||
3015 | list-style-type: none; | ||
3016 | } | ||
3017 | div.mainDialog div.body div.tabs { | ||
3018 | height: 20px; | ||
3019 | } | ||
3020 | div.mainDialog div.body div.tabs ul.tabs { | ||
3021 | height: 33px; | ||
3022 | /*border-bottom: 1px solid #515247;*/ | ||
3023 | |||
3024 | /*background: #cccec0 url(./images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;*/ | ||
3025 | |||
3026 | background: url(./images/old/cardDialog/tabs_background.png) repeat-x; | ||
3027 | } | ||
3028 | div.mainDialog div.body div.tabs ul.tabs li { | ||
3029 | /* width: 150px;*/ | ||
3030 | |||
3031 | height: 32px; | ||
3032 | font-size: 11pt; | ||
3033 | text-align: center; | ||
3034 | border-right: 1px solid #515247; | ||
3035 | float: left; | ||
3036 | color: #787872; | ||
3037 | border-bottom: 1px solid #515247; | ||
3038 | background: #cccec0 url(./images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px; | ||
3039 | cursor: pointer; | ||
3040 | } | ||
3041 | div.mainDialog div.body div.tabs ul.tabs li div { | ||
3042 | display: none; | ||
3043 | } | ||
3044 | div.mainDialog div.body div.tabs ul.tabs li span { | ||
3045 | display: block; | ||
3046 | padding-top: 9px; | ||
3047 | padding-bottom: 6px; | ||
3048 | padding-left: 40px; | ||
3049 | padding-right: 40px; | ||
3050 | } | ||
3051 | div.mainDialog div.body div.tabs ul.tabs li:hover { | ||
3052 | color: #515247; | ||
3053 | } | ||
3054 | div.mainDialog div.body div.tabs ul.tabs li.disabled:hover { | ||
3055 | color: #787872; | ||
3056 | cursor: default; | ||
3057 | } | ||
3058 | div.mainDialog div.body div.tabs ul.tabs li.selected { | ||
3059 | color: #515247; | ||
3060 | background-color: #f1f2e9; | ||
3061 | border-bottom: 1px solid #f1f2e9; | ||
3062 | cursor: default; | ||
3063 | } | ||
3064 | div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover { | ||
3065 | color: #515247; | ||
3066 | } | ||
3067 | div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList { | ||
3068 | position: absolute; | ||
3069 | display: block; | ||
3070 | top: 63px; | ||
3071 | left: 140; | ||
3072 | width: 20px; | ||
3073 | } | ||
3074 | div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton { | ||
3075 | position: absolute; | ||
3076 | display: block; | ||
3077 | top: 63px; | ||
3078 | left: 265px; | ||
3079 | width: 20px; | ||
3080 | } | ||
3081 | div.mainDialog div.body div.tabs ul.tabs li.selected div span { | ||
3082 | padding: 0px; | ||
3083 | margin: 0px; | ||
3084 | } | ||
3085 | div.mainDialog div.body div.tabs ul.tabs li.selected div:hover { | ||
3086 | cursor: pointer; | ||
3087 | } | ||
3088 | div.mainDialog div.body .tabPanels { | ||
3089 | clear: both; | ||
3090 | } | ||
3091 | div.mainDialog div.body ul.tabPanels li.tabPanel { | ||
3092 | display: none; | ||
3093 | } | ||
3094 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected { | ||
3095 | display: block; | ||
3096 | } | ||
3097 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 { | ||
3098 | margin: 0px; | ||
3099 | text-align: center; | ||
3100 | padding-top: 50px; | ||
3101 | color: #787872; | ||
3102 | } | ||
3103 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription { | ||
3104 | margin: 0px 20px 10px; | ||
3105 | font-size: 10pt; | ||
3106 | color: b0b0b0; | ||
3107 | font-style: italic; | ||
3108 | text-align: center; | ||
3109 | } | ||
3110 | div.mainDialog div.footer { | ||
3111 | height: 70px; | ||
3112 | background: url(./images/old/cardDialog/background_footer.png) no-repeat 0 -14px; | ||
3113 | } | ||
3114 | div.mainDialog div.footer div.buttonArea { | ||
3115 | padding-left: 40px; | ||
3116 | padding-right: 40px; | ||
3117 | padding-top: 15px; | ||
3118 | } | ||
3119 | div.mainDialog div.footer div.buttonArea div { | ||
3120 | padding-left: 20px; | ||
3121 | padding-right: 20px; | ||
3122 | float: left; | ||
3123 | font-weight: bold; | ||
3124 | color: #787872; | ||
3125 | } | ||
3126 | div.mainDialog div.footer div.buttonArea div.disabled { | ||
3127 | color: #b1b1a8; | ||
3128 | } | ||
3129 | div.mainDialog div.footer div.buttonArea div.disabled:hover { | ||
3130 | color: #b1b1a8; | ||
3131 | cursor: default; | ||
3132 | } | ||
3133 | div.mainDialog div.footer div.buttonArea div:hover { | ||
3134 | color: #515247; | ||
3135 | cursor: pointer; | ||
3136 | } | ||
3137 | div.mainDialog div.footer div.buttonArea div.save { | ||
3138 | float: right; | ||
3139 | } | ||
3140 | /* @end */ | ||
3141 | /* @group Card Dialog */ | ||
3142 | div.addDirectLoginButton { | ||
3143 | height: 20px; | ||
3144 | width: 20px; | ||
3145 | background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px; | ||
3146 | color: white; | ||
3147 | font-weight: bold; | ||
3148 | } | ||
3149 | div.addDirectLoginButton span { | ||
3150 | display: block; | ||
3151 | height: 20px; | ||
3152 | width: 20px; | ||
3153 | } | ||
3154 | div.addDirectLoginButton:hover { | ||
3155 | background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px; | ||
3156 | } | ||
3157 | /* @group Card Dialog - Direct Login */ | ||
3158 | div.directLoginsComponentContainer { | ||
3159 | overflow: hidden; | ||
3160 | /* background-color: green;*/ | ||
3161 | |||
3162 | } | ||
3163 | div.CardDialog div.directLogins { | ||
3164 | /* background-color: yellow;*/ | ||
3165 | |||
3166 | padding-top: 2px; | ||
3167 | } | ||
3168 | div.CardDialog div.addNewDirectLoginSplash { | ||
3169 | margin: 0px 80px; | ||
3170 | } | ||
3171 | div.CardDialog div.addNewDirectLoginSplash h3 { | ||
3172 | color: #aaaaaa; | ||
3173 | text-align: center; | ||
3174 | font-weight: normal; | ||
3175 | font-size: 11pt; | ||
3176 | } | ||
3177 | div.CardDialog div.addNewDirectLoginSplash a { | ||
3178 | display: block; | ||
3179 | text-decoration: none; | ||
3180 | margin-left: auto; | ||
3181 | margin-right: auto; | ||
3182 | width: 190px; | ||
3183 | /* color: #787878;*/ | ||
3184 | |||
3185 | color: rgba(255, 98, 6, 0.75); | ||
3186 | text-transform: uppercase; | ||
3187 | background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right; | ||
3188 | } | ||
3189 | div.CardDialog div.addNewDirectLoginSplash a span { | ||
3190 | text-align: center; | ||
3191 | } | ||
3192 | div.CardDialog div.addNewDirectLoginSplash a:hover { | ||
3193 | color: #ff6206; | ||
3194 | background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat right; | ||
3195 | } | ||
3196 | div.CardDialog div.directLoginItem { | ||
3197 | clear: both; | ||
3198 | min-height: 32px; | ||
3199 | padding-left: 10px; | ||
3200 | padding-top: 4px; | ||
3201 | padding-bottom: 2px; | ||
3202 | /* width: 100px;*/ | ||
3203 | |||
3204 | max-height: 32px; | ||
3205 | overflow: hidden; | ||
3206 | } | ||
3207 | div.CardDialog div.directLoginItem:hover { | ||
3208 | background-color: #cccec0; | ||
3209 | } | ||
3210 | div.CardDialog div.addDirectLoginListItem { | ||
3211 | min-height: 32px; | ||
3212 | padding-left: 10px; | ||
3213 | padding-top: 4px; | ||
3214 | padding-bottom: 2px; | ||
3215 | max-height: 32px; | ||
3216 | overflow: hidden; | ||
3217 | background: url(./images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0; | ||
3218 | } | ||
3219 | div.CardDialog div.addDirectLoginListItem a { | ||
3220 | display: block; | ||
3221 | font-size: 11pt; | ||
3222 | padding-top: 6px; | ||
3223 | padding-left: 50px; | ||
3224 | color: rgba(255, 98, 6, 0.75); | ||
3225 | text-decoration: none; | ||
3226 | text-transform: uppercase; | ||
3227 | } | ||
3228 | div.CardDialog div.addDirectLoginListItem:hover { | ||
3229 | background: url(./images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0; | ||
3230 | color: #ff6206; | ||
3231 | background-color: #cccec0; | ||
3232 | } | ||
3233 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon { | ||
3234 | width: 32px; | ||
3235 | height: 32px; | ||
3236 | float: left; | ||
3237 | } | ||
3238 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input { | ||
3239 | float: left; | ||
3240 | font-size: 11pt; | ||
3241 | border: 0px; | ||
3242 | padding: 5px; | ||
3243 | color: #787872; | ||
3244 | border: 1px solid #ededeb; | ||
3245 | background-color: #ededeb; | ||
3246 | height: 30px; | ||
3247 | margin-left: 10px; | ||
3248 | width: 68%; | ||
3249 | margin-right: 5px; | ||
3250 | } | ||
3251 | div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input { | ||
3252 | border: 1px solid #515247; | ||
3253 | background-color: #b5b7ab; | ||
3254 | } | ||
3255 | div.CardDialog div.directLoginItem > div.open { | ||
3256 | float: left; | ||
3257 | margin-top: 5px; | ||
3258 | margin-right: 2px; | ||
3259 | padding-left: 5px; | ||
3260 | visibility: hidden; | ||
3261 | } | ||
3262 | div.CardDialog div.directLoginItem > div.edit, | ||
3263 | div.CardDialog div.directLoginItem > div.delete { | ||
3264 | float: left; | ||
3265 | margin-top: 5px; | ||
3266 | margin-left: 3px; | ||
3267 | padding-left: 5px; | ||
3268 | visibility: hidden; | ||
3269 | } | ||
3270 | div.CardDialog div.directLoginItem > div.open a { | ||
3271 | display: block; | ||
3272 | width: 22px; | ||
3273 | height: 22px; | ||
3274 | background: url(./images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px; | ||
3275 | } | ||
3276 | div.CardDialog div.directLoginItem > div.open a:hover { | ||
3277 | background: url(./images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px; | ||
3278 | } | ||
3279 | div.CardDialog div.directLoginItem:hover > div.open, | ||
3280 | div.CardDialog div.directLoginItem:hover > div.edit, | ||
3281 | div.CardDialog div.directLoginItem:hover > div.delete { | ||
3282 | visibility: visible; | ||
3283 | } | ||
3284 | div.CardDialog div.directLoginItem div.edit span { | ||
3285 | padding-right: 6px; | ||
3286 | display: block; | ||
3287 | } | ||
3288 | div.CardDialog div.directLoginItem div.open span a, | ||
3289 | div.CardDialog div.directLoginItem div.edit span a, | ||
3290 | div.CardDialog div.directLoginItem div.delete span a { | ||
3291 | font-size: 8pt; | ||
3292 | color: #666666; | ||
3293 | text-decoration: none; | ||
3294 | line-height: 19px; | ||
3295 | } | ||
3296 | div.CardDialog div.directLoginItem div.edit:hover { | ||
3297 | background: url(./images/old/new_background_left.png) no-repeat; | ||
3298 | } | ||
3299 | div.CardDialog div.directLoginItem div:hover span a { | ||
3300 | color: white; | ||
3301 | } | ||
3302 | div.CardDialog div.directLoginItem div.edit:hover span { | ||
3303 | background: url(./images/old/new_background.png) no-repeat right center; | ||
3304 | } | ||
3305 | div.CardDialog div.directLoginItem div.delete:hover { | ||
3306 | background: url(./images/old/delete_background_left.png) no-repeat; | ||
3307 | } | ||
3308 | div.CardDialog div.directLoginItem div.delete:hover span { | ||
3309 | background: url(./images/old/delete_background.png) right; | ||
3310 | } | ||
3311 | /* @group Direct Login Editing */ | ||
3312 | div.CardDialog div.directLoginEditDetail { | ||
3313 | position: relative; | ||
3314 | /* background-color: red;*/ | ||
3315 | |||
3316 | } | ||
3317 | /* | ||
3318 | div.CardDialog div.directLoginEditDetail div.back { | ||
3319 | float: left; | ||
3320 | width: 30px; | ||
3321 | } | ||
3322 | |||
3323 | div.CardDialog div.directLoginEditDetail div.back a { | ||
3324 | display: block; | ||
3325 | padding: 5px; | ||
3326 | text-decoration: none; | ||
3327 | font-weight: bold; | ||
3328 | font-size: 14pt; | ||
3329 | color: #cccec0; | ||
3330 | |||
3331 | background: url(./images/old/cardDialog/back.png) no-repeat 5px 14px; | ||
3332 | width: 20px; | ||
3333 | height: 200px; | ||
3334 | } | ||
3335 | |||
3336 | div.CardDialog div.directLoginEditDetail div.back a:hover { | ||
3337 | color: #7f7872; | ||
3338 | background: url(./images/old/cardDialog/back_selected.png) no-repeat 5px 14px; | ||
3339 | } | ||
3340 | */ | ||
3341 | form.directLoginEditingForm div.title, | ||
3342 | form.directLoginEditingForm div.favicon { | ||
3343 | padding: 5px 10px; | ||
3344 | } | ||
3345 | form.directLoginEditingForm div.title.disabled:hover { | ||
3346 | background-color: #f1f2e9; | ||
3347 | } | ||
3348 | form.directLoginEditingForm div.title:hover, | ||
3349 | form.directLoginEditingForm div.favicon:hover { | ||
3350 | background-color: #cccec0; | ||
3351 | } | ||
3352 | form.directLoginEditingForm div.title input { | ||
3353 | /* width: 100%; */ | ||
3354 | |||
3355 | margin: 0px; | ||
3356 | margin-left: 10px; | ||
3357 | width: 440px; | ||
3358 | } | ||
3359 | form.directLoginEditingForm div.favicon { | ||
3360 | padding-left: 10px; | ||
3361 | } | ||
3362 | /*form.directLoginEditingForm div.favicon img.favicon {*/ | ||
3363 | form.directLoginEditingForm img.favicon { | ||
3364 | float: left; | ||
3365 | width: 32px; | ||
3366 | height: 32px; | ||
3367 | } | ||
3368 | form.directLoginEditingForm div.favicon input { | ||
3369 | margin-top: 1px; | ||
3370 | width: 465px; | ||
3371 | } | ||
3372 | form.directLoginEditingForm div.disabled:hover input, | ||
3373 | form.directLoginEditingForm div input { | ||
3374 | font-size: 11pt; | ||
3375 | border: 0px; | ||
3376 | padding: 5px; | ||
3377 | color: #787872; | ||
3378 | border: 1px solid #ededeb; | ||
3379 | background-color: #ededeb; | ||
3380 | height: 30px; | ||
3381 | } | ||
3382 | form.directLoginEditingForm div:hover input { | ||
3383 | border: 1px solid #515247; | ||
3384 | background-color: #b5b7ab; | ||
3385 | } | ||
3386 | /* @group Bindings */ | ||
3387 | div.bindings div.binding > span.formFieldName { | ||
3388 | display: inline-block; | ||
3389 | width: 140px; | ||
3390 | overflow: hidden; | ||
3391 | margin-right: 10px; | ||
3392 | color: #6b5147; | ||
3393 | text-overflow: ellipsis; | ||
3394 | } | ||
3395 | div.bindings div.binding { | ||
3396 | padding-bottom: 3px; | ||
3397 | } | ||
3398 | div.bindings div.binding > input { | ||
3399 | margin-right: 10px; | ||
3400 | background: #cccec0; | ||
3401 | width: 150px; | ||
3402 | border: 1px solid #cccec0; | ||
3403 | } | ||
3404 | div.bindings div.binding:hover > input { | ||
3405 | border: 1px solid #cccec0; | ||
3406 | } | ||
3407 | div.bindings div.binding > select { | ||
3408 | font-size: 13pt; | ||
3409 | } | ||
3410 | div.bindings div.binding span.fieldLock { | ||
3411 | display: inline-block; | ||
3412 | width: 20px; | ||
3413 | height: 20px; | ||
3414 | margin-right: 3px; | ||
3415 | } | ||
3416 | div.bindings div.binding.showLocked input { | ||
3417 | background: url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3418 | /* color: black;*/ | ||
3419 | |||
3420 | overflow: hidden; | ||
3421 | background: #cccec0 url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3422 | color: rgba(237, 237, 235, 0.1); | ||
3423 | } | ||
3424 | div.bindings div.binding span.fieldLock a { | ||
3425 | display: none; | ||
3426 | } | ||
3427 | div.bindings div.binding.locked span.fieldLock a { | ||
3428 | display: block; | ||
3429 | width: 20px; | ||
3430 | height: 20px; | ||
3431 | text-decoration: none; | ||
3432 | background-image: url(./images/old/cardDialog/lock_open.png); | ||
3433 | } | ||
3434 | div.bindings div.binding.locked.showLocked span.fieldLock a { | ||
3435 | background-image: url(./images/old/cardDialog/lock_closed.png); | ||
3436 | text-decoration: none; | ||
3437 | } | ||
3438 | /* @end */ | ||
3439 | /* @group FormValues */ | ||
3440 | div.formValues { | ||
3441 | padding-top: 15px; | ||
3442 | } | ||
3443 | div.formValues div.formValue div { | ||
3444 | margin: 0px; | ||
3445 | display: inline-block; | ||
3446 | } | ||
3447 | div.formValues div.formValue > span.formFieldName { | ||
3448 | display: inline-table; | ||
3449 | width: 160px; | ||
3450 | overflow: hidden; | ||
3451 | margin-right: 10px; | ||
3452 | color: #6b5147; | ||
3453 | } | ||
3454 | /* @end */ | ||
3455 | /* @group FormValues */ | ||
3456 | /* | ||
3457 | div.formValues { | ||
3458 | padding-top: 15px; | ||
3459 | } | ||
3460 | |||
3461 | div.formValues div.formValue > span.formFieldName { | ||
3462 | display: inline-table; | ||
3463 | width: 150px; | ||
3464 | overflow: hidden; | ||
3465 | margin-right: 35px; | ||
3466 | color: #6b5147; | ||
3467 | } | ||
3468 | |||
3469 | div.formValues div.formValue > select { | ||
3470 | padding-left: 20px; | ||
3471 | } | ||
3472 | */ | ||
3473 | /* @end */ | ||
3474 | /* @group Panels */ | ||
3475 | div.directLoginEditing { | ||
3476 | padding-top: 2px; | ||
3477 | } | ||
3478 | div.directLoginEditing div.tabContainer { | ||
3479 | min-height: 150px; | ||
3480 | height: 200px; | ||
3481 | } | ||
3482 | div.directLoginEditing div.tabContainer > ul.tabs { | ||
3483 | display: none; | ||
3484 | } | ||
3485 | /* | ||
3486 | div.directLoginEditing li.configuration, | ||
3487 | div.directLoginEditing li.bindings, | ||
3488 | div.directLoginEditing li.favicon { | ||
3489 | padding: 10px; | ||
3490 | } | ||
3491 | */ | ||
3492 | div.directLoginEditing li { | ||
3493 | padding: 10px; | ||
3494 | } | ||
3495 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { | ||
3496 | float: left; | ||
3497 | width: 320px; | ||
3498 | height: 125px; | ||
3499 | font-family: monospace; | ||
3500 | font-weight: normal; | ||
3501 | font-size: 8pt; | ||
3502 | border: 1px solid #ccc; | ||
3503 | } | ||
3504 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { | ||
3505 | float: right; | ||
3506 | } | ||
3507 | div.directLoginEditing li.configuration > textarea.error { | ||
3508 | border: 1px solid red; | ||
3509 | background-color: rgba(255, 0, 0, 0.1); | ||
3510 | } | ||
3511 | /* | ||
3512 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer { | ||
3513 | padding-top: 10px; | ||
3514 | } | ||
3515 | |||
3516 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li { | ||
3517 | float: left; | ||
3518 | padding-left: 10px; | ||
3519 | padding-right: 10px; | ||
3520 | display: block; | ||
3521 | font-size: 10pt; | ||
3522 | color: #787872; | ||
3523 | cursor: pointer; | ||
3524 | |||
3525 | height: 22px; | ||
3526 | text-align: center; | ||
3527 | border-right: 1px solid #aaa; | ||
3528 | border-bottom: 1px solid #aaa; | ||
3529 | border-top: 1px solid #aaa; | ||
3530 | |||
3531 | background-color: #cccec0; | ||
3532 | } | ||
3533 | |||
3534 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:first-child { | ||
3535 | border-left: 1px solid #aaa; | ||
3536 | } | ||
3537 | |||
3538 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs { | ||
3539 | height: 23px; | ||
3540 | padding-left: 10px; | ||
3541 | border-bottom: 1px solid #aaa; | ||
3542 | margin-left: 10px; | ||
3543 | margin-right: 10px; | ||
3544 | } | ||
3545 | |||
3546 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li > span { | ||
3547 | line-height: 23px; | ||
3548 | } | ||
3549 | |||
3550 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li.selected { | ||
3551 | color: #6a5147; | ||
3552 | cursor: default; | ||
3553 | border-bottom: 1px solid #f1f2e9; | ||
3554 | background-color: #f1f2e9; | ||
3555 | } | ||
3556 | |||
3557 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:hover { | ||
3558 | color: #6a5147; | ||
3559 | } | ||
3560 | |||
3561 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels { | ||
3562 | padding-bottom: 5px; | ||
3563 | margin-left: 10px; | ||
3564 | margin-right: 10px; | ||
3565 | } | ||
3566 | |||
3567 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels > li.selected { | ||
3568 | border-bottom: 1px solid #aaa; | ||
3569 | border-left: 1px solid #aaa; | ||
3570 | border-right: 1px solid #aaa; | ||
3571 | } | ||
3572 | |||
3573 | div.directLoginEditing li.configuration { | ||
3574 | padding: 5px; | ||
3575 | } | ||
3576 | |||
3577 | div.directLoginEditing li.configuration > textarea { | ||
3578 | width: 100%; | ||
3579 | height: 100px; | ||
3580 | font-family: monospace; | ||
3581 | font-weight: normal; | ||
3582 | font-size: 8pt; | ||
3583 | } | ||
3584 | */ | ||
3585 | /* @end */ | ||
3586 | /* @end */ | ||
3587 | /* @end */ | ||
3588 | /* @group Card Dialog FIELDS */ | ||
3589 | div.CardDialog div.body { | ||
3590 | padding-bottom: 1px; | ||
3591 | } | ||
3592 | div.CardDialog div.body table.fields { | ||
3593 | width: 100%; | ||
3594 | padding-top: 8px; | ||
3595 | padding-bottom: 1px; | ||
3596 | } | ||
3597 | div.CardDialog div.body table.fields thead { | ||
3598 | background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; | ||
3599 | } | ||
3600 | div.CardDialog div.body table.fields tfoot { | ||
3601 | background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; | ||
3602 | } | ||
3603 | div.CardDialog div.body table.fields thead th { | ||
3604 | text-align: left; | ||
3605 | font-weight: normal; | ||
3606 | font-size: 9pt; | ||
3607 | color: #787872; | ||
3608 | padding-left: 10px; | ||
3609 | padding-bottom: 3px; | ||
3610 | /* | ||
3611 | border-bottom: 1px dotted; | ||
3612 | */ | ||
3613 | |||
3614 | } | ||
3615 | div.CardDialog div.body table.fields thead th.fieldStateTH { | ||
3616 | width: 10px; | ||
3617 | } | ||
3618 | div.CardDialog div.body table.fields tbody td.fieldLabel input { | ||
3619 | width: 130px; | ||
3620 | } | ||
3621 | div.CardDialog div.body table.fields thead th.fieldLockTH { | ||
3622 | width: 10px; | ||
3623 | } | ||
3624 | div.CardDialog div.body table.fields tbody td.fieldValue input { | ||
3625 | width: 280px; | ||
3626 | } | ||
3627 | div.CardDialog div.body table.fields thead th.fieldActionTH { | ||
3628 | width: 30px; | ||
3629 | } | ||
3630 | div.CardDialog div.body table.fields thead th.fieldDeleteTH { | ||
3631 | width: 40px; | ||
3632 | } | ||
3633 | div.CardDialog div.body table.fields tbody tr:hover, | ||
3634 | div.CardDialog div.body table.fields tbody tr.selectedField { | ||
3635 | background-color: #cccec0; | ||
3636 | } | ||
3637 | div.CardDialog div.body table.fields tbody tr td { | ||
3638 | font-size: 11pt; | ||
3639 | color: #787872; | ||
3640 | height: 35px; | ||
3641 | } | ||
3642 | div.CardDialog div.body table.fields tbody tr td input { | ||
3643 | font-size: 11pt; | ||
3644 | border: 0px; | ||
3645 | padding: 5px; | ||
3646 | color: #787872; | ||
3647 | border: 1px solid #ededeb; | ||
3648 | background-color: #ededeb; | ||
3649 | height: 30px; | ||
3650 | } | ||
3651 | /* | ||
3652 | div.CardDialog div.body table.fields tbody tr td.fieldValue div { | ||
3653 | margin-right: 10px; | ||
3654 | } | ||
3655 | |||
3656 | div.CardDialog div.body table.fields tbody tr td.fieldValue div input { | ||
3657 | width: 100%; | ||
3658 | } | ||
3659 | */ | ||
3660 | div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { | ||
3661 | background: #ededeb url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3662 | color: #ededeb; | ||
3663 | color: rgba(237, 237, 235, 0.1); | ||
3664 | /* color: black;*/ | ||
3665 | |||
3666 | /* line-height: 100px;*/ | ||
3667 | |||
3668 | overflow: hidden; | ||
3669 | } | ||
3670 | div.locked input.value::-moz-selection { | ||
3671 | background: #ff0000; | ||
3672 | } | ||
3673 | div.locked input.value::selection { | ||
3674 | background: #ff0000; | ||
3675 | } | ||
3676 | div.CardDialog div.body table.fields tbody tr.new.selectedField td input, | ||
3677 | div.CardDialog div.body table.fields tbody tr.new:hover td input, | ||
3678 | div.CardDialog div.body table.fields tbody tr:hover td input, | ||
3679 | div.CardDialog div.body table.fields tbody tr.selectedField td input { | ||
3680 | border: 1px solid #515247; | ||
3681 | background-color: #b5b7ab; | ||
3682 | } | ||
3683 | div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, | ||
3684 | div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { | ||
3685 | background: #b5b7ab url(./images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3686 | color: #b5b7ab; | ||
3687 | color: rgba(237, 237, 235, 0.1); | ||
3688 | } | ||
3689 | div.CardDialog div.body table.fields tbody td.fieldLock div { | ||
3690 | width: 20px; | ||
3691 | height: 19px; | ||
3692 | cursor: pointer; | ||
3693 | } | ||
3694 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { | ||
3695 | background-image: url(./images/old/cardDialog/lock_closed.png); | ||
3696 | } | ||
3697 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { | ||
3698 | background-image: url(./images/old/cardDialog/lock_open.png); | ||
3699 | } | ||
3700 | div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { | ||
3701 | text-decoration: none; | ||
3702 | visibility: hidden; | ||
3703 | font-size: 8pt; | ||
3704 | vertical-align: -13px; | ||
3705 | color: black; | ||
3706 | } | ||
3707 | div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { | ||
3708 | visibility: visible; | ||
3709 | } | ||
3710 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { | ||
3711 | visibility: visible; | ||
3712 | } | ||
3713 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a { | ||
3714 | color: white; | ||
3715 | } | ||
3716 | div.CardDialog div.body div.notes { | ||
3717 | background: url(./images/old/cardDialog/dottedLine_background.png) repeat-x 0 0; | ||
3718 | padding-top: 2px; | ||
3719 | } | ||
3720 | div.CardDialog div.body div.notes div { | ||
3721 | padding-left: 20px; | ||
3722 | padding-right: 20px; | ||
3723 | padding-top: 4px; | ||
3724 | padding-bottom: 4px; | ||
3725 | } | ||
3726 | div.CardDialog div.body div.notes div:hover, | ||
3727 | div.CardDialog div.body div.notes.selectedField div { | ||
3728 | background-color: #cccec0; | ||
3729 | } | ||
3730 | div.CardDialog.loading div.body div.notes div textarea { | ||
3731 | display: none; | ||
3732 | } | ||
3733 | div.CardDialog div.body div.notes div textarea { | ||
3734 | border: 0; | ||
3735 | width: 470px; | ||
3736 | /* | ||
3737 | width: 100%; | ||
3738 | height: 100px; | ||
3739 | min-height: 400px; | ||
3740 | overflow: hidden; | ||
3741 | */ | ||
3742 | |||
3743 | color: #787872; | ||
3744 | border: 1px solid #ededeb; | ||
3745 | background-color: #ededeb; | ||
3746 | display: block; | ||
3747 | line-height: 12pt; | ||
3748 | min-height: 50px; | ||
3749 | } | ||
3750 | div.CardDialog div.body div.notes div:hover textarea, | ||
3751 | div.CardDialog div.body div.notes.selectedField div textarea { | ||
3752 | border: 1px solid #515247; | ||
3753 | background-color: #b5b7ab; | ||
3754 | } | ||
3755 | div.CardDialog div.body table.fields tbody tr td.fieldAction { | ||
3756 | /* background-color: red;*/ | ||
3757 | |||
3758 | padding-left: 4px; | ||
3759 | } | ||
3760 | div.CardDialog div.body table.fields tbody tr td.fieldAction a { | ||
3761 | display: inline-block; | ||
3762 | text-decoration: none; | ||
3763 | text-align: center; | ||
3764 | width: 16px; | ||
3765 | height: 16px; | ||
3766 | } | ||
3767 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email { | ||
3768 | background: url(./images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0; | ||
3769 | } | ||
3770 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover { | ||
3771 | background: url(./images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0; | ||
3772 | } | ||
3773 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url { | ||
3774 | background: url(./images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0; | ||
3775 | } | ||
3776 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover { | ||
3777 | background: url(./images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0; | ||
3778 | } | ||
3779 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password { | ||
3780 | background: url(./images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0; | ||
3781 | } | ||
3782 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover { | ||
3783 | background: url(./images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0; | ||
3784 | } | ||
3785 | /* | ||
3786 | / *div.CardDialog div.body table.fields tbody* / tr.new { | ||
3787 | background: yellow; | ||
3788 | } | ||
3789 | |||
3790 | div.CardDialog div.body table.fields tbody tr.new td input { | ||
3791 | border: 1px solid red; | ||
3792 | background-color: green; | ||
3793 | } | ||
3794 | */ | ||
3795 | /* @end */ | ||
3796 | /* @end */ | ||
3797 | div#disabledZone { | ||
3798 | display: block; | ||
3799 | visibility: visible; | ||
3800 | } | ||
3801 | div#messageZone { | ||
3802 | display: block; | ||
3803 | visibility: visible; | ||
3804 | } | ||
3805 | div.CardDialog div.error div.img { | ||
3806 | margin: 10px; | ||
3807 | width: 50px; | ||
3808 | height: 50px; | ||
3809 | float: left; | ||
3810 | background-image: url(./images/old/simpleMessageBox/Alert.png); | ||
3811 | } | ||
3812 | /* @group Ruler */ | ||
3813 | /* | ||
3814 | div.rulerExtraWrapper { | ||
3815 | position: absolute; | ||
3816 | top: 0px; | ||
3817 | left: 0px; | ||
3818 | width: 100%; | ||
3819 | height: 100%; | ||
3820 | overflow: hidden; | ||
3821 | background-color: rgba(255, 0, 0, 0.2); | ||
3822 | z-index: 24999; | ||
3823 | } | ||
3824 | */ | ||
3825 | div.rulerWrapper { | ||
3826 | left: -1000px; | ||
3827 | margin-top: -30px; | ||
3828 | margin-left: 50%; | ||
3829 | z-index: 25000; | ||
3830 | } | ||
3831 | div.rulerWrapper.fixed { | ||
3832 | position: fixed; | ||
3833 | } | ||
3834 | div.rulerWrapper.scrollable { | ||
3835 | position: absolute; | ||
3836 | } | ||
3837 | div.ruler { | ||
3838 | /* position: absolute;*/ | ||
3839 | |||
3840 | width: 541px; | ||
3841 | height: 96px; | ||
3842 | margin-left: -270px; | ||
3843 | background: url(./images/old/ruler/ruler.png) no-repeat; | ||
3844 | } | ||
3845 | div.ruler a { | ||
3846 | position: absolute; | ||
3847 | display: block; | ||
3848 | width: 15px; | ||
3849 | height: 15px; | ||
3850 | top: 3px; | ||
3851 | text-decoration: none; | ||
3852 | } | ||
3853 | div.ruler a.exit { | ||
3854 | margin-left: 2px; | ||
3855 | background: url(./images/old/ruler/exit.png) no-repeat; | ||
3856 | } | ||
3857 | div.ruler a.exit:hover { | ||
3858 | background: url(./images/old/ruler/exit_selected.png) no-repeat; | ||
3859 | } | ||
3860 | div.ruler a.smallButton.previous { | ||
3861 | right: 16px; | ||
3862 | background: url(./images/old/ruler/small_previous.png) no-repeat; | ||
3863 | } | ||
3864 | div.ruler a.smallButton.previous:hover { | ||
3865 | cursor: pointer; | ||
3866 | background: url(./images/old/ruler/small_previous_selected.png) no-repeat; | ||
3867 | } | ||
3868 | div.ruler a.smallButton.previous.disabled, | ||
3869 | div.ruler a.smallButton.previous.disabled:hover { | ||
3870 | cursor: default; | ||
3871 | background: url(./images/old/ruler/small_previous_disabled.png) no-repeat; | ||
3872 | } | ||
3873 | div.ruler a.smallButton.next { | ||
3874 | right: 3px; | ||
3875 | background: url(./images/old/ruler/small_next.png) no-repeat; | ||
3876 | } | ||
3877 | div.ruler a.smallButton.next:hover { | ||
3878 | cursor: pointer; | ||
3879 | background: url(./images/old/ruler/small_next_selected.png) no-repeat; | ||
3880 | } | ||
3881 | div.ruler a.smallButton.next.disabled, | ||
3882 | div.ruler a.smallButton.next.disabled:hover { | ||
3883 | cursor: default; | ||
3884 | background: url(./images/old/ruler/small_next_disabled.png) no-repeat; | ||
3885 | } | ||
3886 | div.ruler div.steps, | ||
3887 | div.ruler div.dots { | ||
3888 | position: absolute; | ||
3889 | background-color: rgba(255, 255, 255, 0); | ||
3890 | margin-left: 30px; | ||
3891 | margin-right: 30px; | ||
3892 | } | ||
3893 | div.ruler div.steps { | ||
3894 | top: 25px; | ||
3895 | height: 30px; | ||
3896 | } | ||
3897 | div.ruler div.dots { | ||
3898 | top: 58px; | ||
3899 | height: 25px; | ||
3900 | } | ||
3901 | div.ruler div ul { | ||
3902 | list-style-type: none; | ||
3903 | margin: 0px; | ||
3904 | padding: 0px; | ||
3905 | } | ||
3906 | div.ruler div ul li { | ||
3907 | display: inline-block; | ||
3908 | vertical-align: top; | ||
3909 | } | ||
3910 | div.ruler > div.steps > ul > li:first-child, | ||
3911 | div.ruler > div.dots > ul > li:first-child { | ||
3912 | margin-left: 0px; | ||
3913 | } | ||
3914 | div.ruler div.steps_3 ul li { | ||
3915 | margin-left: 135px; | ||
3916 | } | ||
3917 | div.ruler div.steps_4 ul li { | ||
3918 | margin-left: 67px; | ||
3919 | } | ||
3920 | div.ruler div.steps_5 ul li { | ||
3921 | margin-left: 32px; | ||
3922 | } | ||
3923 | div.ruler div.steps_6 ul li { | ||
3924 | margin-left: 12px; | ||
3925 | } | ||
3926 | div.ruler div ul li span { | ||
3927 | font-weight: bold; | ||
3928 | text-align: center; | ||
3929 | width: 70px; | ||
3930 | display: block; | ||
3931 | font-size: 8pt; | ||
3932 | overflow: hidden; | ||
3933 | color: rgba(0, 0, 0, 0.3); | ||
3934 | } | ||
3935 | div.ruler div ul li.selected span { | ||
3936 | color: black; | ||
3937 | } | ||
3938 | div.ruler div.dots ul li span { | ||
3939 | /* | ||
3940 | text-align: center; | ||
3941 | width: 26px; | ||
3942 | margin-left: 22px; | ||
3943 | margin-right: 22px; | ||
3944 | height: 25px; | ||
3945 | background-color: #e57218; | ||
3946 | */ | ||
3947 | |||
3948 | font-size: 40pt; | ||
3949 | line-height: 47px; | ||
3950 | } | ||
3951 | div.ruler div.marker { | ||
3952 | position: absolute; | ||
3953 | top: -3px; | ||
3954 | /* left: -246px;*/ | ||
3955 | |||
3956 | } | ||
3957 | div.ruler div.marker div.markerBody { | ||
3958 | width: 77px; | ||
3959 | height: 97px; | ||
3960 | background: url(./images/old/ruler/marker.png) no-repeat; | ||
3961 | } | ||
3962 | div.ruler div.marker div.next { | ||
3963 | position: absolute; | ||
3964 | top: 25px; | ||
3965 | left: 76px; | ||
3966 | width: 27px; | ||
3967 | height: 65px; | ||
3968 | background: url(./images/old/ruler/next.png) no-repeat -13px; | ||
3969 | z-index: 26000; | ||
3970 | } | ||
3971 | div.ruler div.marker div.next:hover { | ||
3972 | cursor: pointer; | ||
3973 | background: url(./images/old/ruler/next.png) no-repeat -2px; | ||
3974 | } | ||
3975 | div.ruler div.marker div.disabled { | ||
3976 | display: none; | ||
3977 | } | ||
3978 | div.ruler div.marker div.previous { | ||
3979 | position: absolute; | ||
3980 | top: 25px; | ||
3981 | left: -24px; | ||
3982 | width: 27px; | ||
3983 | height: 65px; | ||
3984 | /* background: url(./images/old/ruler/previous.png) no-repeat 13px 1px;*/ | ||
3985 | |||
3986 | background: url(./images/old/ruler/previous.png) no-repeat 18px 1px; | ||
3987 | z-index: 26000; | ||
3988 | } | ||
3989 | div.ruler div.marker div.previous:hover { | ||
3990 | cursor: pointer; | ||
3991 | /* background: url(./images/old/ruler/previous.png) no-repeat 2px 1px;*/ | ||
3992 | |||
3993 | background: url(./images/old/ruler/previous.png) no-repeat 7px 1px; | ||
3994 | } | ||
3995 | /* @end */ | ||
3996 | div.createNewCardSplash { | ||
3997 | margin-top: -450px; | ||
3998 | margin-left: 250px; | ||
3999 | width: 354px; | ||
4000 | float: left; | ||
4001 | height: 186px; | ||
4002 | text-align: center; | ||
4003 | background: url(./images/old/main/grid/createNewCardSplash.png) no-repeat; | ||
4004 | } | ||
4005 | div.createNewCardSplash:hover { | ||
4006 | cursor: pointer; | ||
4007 | background: url(./images/old/main/grid/createNewCardSplash_selected.png) no-repeat; | ||
4008 | } | ||
4009 | div.createNewCardSplash span { | ||
4010 | display: block; | ||
4011 | padding-top: 130px; | ||
4012 | font-size: 14pt; | ||
4013 | color: #9a9586; | ||
4014 | } | ||
4015 | div.createNewCardSplash:hover span { | ||
4016 | color: #605c4e; | ||
4017 | } | ||
4018 | /*=============================================*/ | ||
4019 | div.NewUserCreation div.tabContainer { | ||
4020 | min-height: 150px; | ||
4021 | height: 200px; | ||
4022 | } | ||
4023 | div.NewUserCreation div.tabContainer > ul.tabs { | ||
4024 | display: none; | ||
4025 | } | ||
4026 | ul.createUserStates li.creating { | ||
4027 | background: url(./images/old/creatingUser.gif) no-repeat center center; | ||
4028 | } | ||
4029 | ul.createUserStates li { | ||
4030 | height: 100px; | ||
4031 | } | ||
4032 | ul.createUserStates li span { | ||
4033 | display: block; | ||
4034 | width: 100%; | ||
4035 | text-align: center; | ||
4036 | color: #999; | ||
4037 | font-style: italic; | ||
4038 | } | ||
4039 | div.NewUserCreation form.newUserCreationForm ul.tabPanels { | ||
4040 | padding-top: 10px; | ||
4041 | } | ||
4042 | div.NewUserCreation form.newUserCreationForm ul ul { | ||
4043 | margin-left: auto; | ||
4044 | margin-right: auto; | ||
4045 | width: 400px; | ||
4046 | } | ||
4047 | div.NewUserCreation form.newUserCreationForm ul.credentials li { | ||
4048 | height: 45px; | ||
4049 | } | ||
4050 | div.NewUserCreation form.newUserCreationForm ul.credentials span.label { | ||
4051 | text-align: right; | ||
4052 | display: inline-block; | ||
4053 | font-size: 12pt; | ||
4054 | color: #787872; | ||
4055 | width: 110px; | ||
4056 | vertical-align: baseline; | ||
4057 | } | ||
4058 | div.NewUserCreation form.newUserCreationForm ul.credentials input { | ||
4059 | font-size: 13pt; | ||
4060 | color: #787872; | ||
4061 | height: 35px; | ||
4062 | margin-left: 15px; | ||
4063 | padding-left: 5px; | ||
4064 | } | ||
4065 | div.NewUserCreation form.newUserCreationForm ul.termsOfService li { | ||
4066 | padding: 0 0 15 0; | ||
4067 | } | ||
4068 | div.NewUserCreation form.newUserCreationForm ul.termsOfService input { | ||
4069 | display: inline-block; | ||
4070 | } | ||
4071 | div.NewUserCreation form.newUserCreationForm ul.termsOfService .label { | ||
4072 | display: inline-block; | ||
4073 | text-align: left; | ||
4074 | font-size: 12pt; | ||
4075 | color: #787872; | ||
4076 | width: 350px; | ||
4077 | vertical-align: top; | ||
4078 | padding-left: 10px; | ||
4079 | } | ||
4080 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a { | ||
4081 | font-weight: bold; | ||
4082 | color: #787872; | ||
4083 | text-decoration: none; | ||
4084 | } | ||
4085 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover { | ||
4086 | color: #444; | ||
4087 | } | ||
4088 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span { | ||
4089 | font-size: 16pt; | ||
4090 | color: green; | ||
4091 | } | ||
4092 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span { | ||
4093 | font-size: 16pt; | ||
4094 | color: red; | ||
4095 | } | ||