summaryrefslogtreecommitdiff
authorGiulio Cesare Solaroli <giulio.cesare@clipperz.com>2012-03-17 21:10:14 (UTC)
committer Giulio Cesare Solaroli <giulio.cesare@clipperz.com>2012-03-17 21:10:14 (UTC)
commit25029b943781850c76fbf43827af0204f35a98bf (patch) (unidiff)
tree1fcaefffee8366b548465a05a6c4cba0c31e131d
parent928f3f3ed3981f7f81b69ed94f2a315205db39fa (diff)
downloadclipperz-25029b943781850c76fbf43827af0204f35a98bf.zip
clipperz-25029b943781850c76fbf43827af0204f35a98bf.tar.gz
clipperz-25029b943781850c76fbf43827af0204f35a98bf.tar.bz2
Updated /gamma web css
Diffstat (more/less context) (ignore whitespace changes)
-rw-r--r--frontend/gamma/css/web.css3871
-rw-r--r--frontend/gamma/html/exitPage_template.html25
-rw-r--r--frontend/gamma/js/Clipperz/PM/Proxy.js2
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js33
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js52
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js8
6 files changed, 1223 insertions, 2768 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
index e4890b6..0a72e09 100644
--- a/frontend/gamma/css/web.css
+++ b/frontend/gamma/css/web.css
@@ -46,6 +46,12 @@ body {
46 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 46 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
47 margin: 0px; 47 margin: 0px;
48} 48}
49div.modalDialogMask.userInfoBoxMask {
50 -moz-opacity: 0.0;
51 opacity: .0;
52 filter: alpha(opacity=0);
53 z-index: 19000;
54}
49.reset-margin { 55.reset-margin {
50 margin: 0px; 56 margin: 0px;
51 padding: 0px; 57 padding: 0px;
@@ -88,6 +94,12 @@ body {
88 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 94 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
89 margin: 0px; 95 margin: 0px;
90} 96}
97div.modalDialogMask.userInfoBoxMask {
98 -moz-opacity: 0.0;
99 opacity: .0;
100 filter: alpha(opacity=0);
101 z-index: 19000;
102}
91.reset-margin { 103.reset-margin {
92 margin: 0px; 104 margin: 0px;
93 padding: 0px; 105 padding: 0px;
@@ -167,6 +179,419 @@ body {
167 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 179 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
168 margin: 0px; 180 margin: 0px;
169} 181}
182div.modalDialogMask.userInfoBoxMask {
183 -moz-opacity: 0.0;
184 opacity: .0;
185 filter: alpha(opacity=0);
186 z-index: 19000;
187}
188.reset-margin {
189 margin: 0px;
190 padding: 0px;
191 border: 0px;
192}
193.clear {
194 clear: both;
195}
196.hidden_none {
197 display: none;
198 visibility: hidden;
199}
200.keepTogether {
201 display: inline-block;
202 white-space: nowrap;
203}
204#mainDiv {
205 margin: 0 auto;
206}
207div.tooltip {
208 position: absolute;
209 z-index: 30001;
210}
211div.tooltip div.tooltip_body {
212 border-radius: 8px;
213 -moz-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));
239 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;
518 -moz-box-shadow: 4px 4px 10px #333333;
519 box-shadow: 4px 4px 10px #333333;
520 border-top: 1px solid #d4d4d4;
521 border-left: 1px solid #a2a2a2;
522 border-right: 1px solid #6f6f6f;
523 border-bottom: 1px solid #3c3c3c;
524}
525div.tooltip div.tooltip_body span {
526 display: block;
527 padding: 10px;
528 font-size: 10pt;
529 color: white;
530}
531div.tooltip div.tooltip_body div.tooltip_text {
532 width: 200px;
533}
534div.tooltip div.tooltip_arrow {
535 position: absolute;
536 width: 0;
537 height: 0;
538 border: 6px solid transparent;
539}
540div.tooltip.BELOW div.tooltip_arrow {
541 top: -12px;
542 left: 97px;
543 border-bottom: 6px solid #bbbbbb;
544}
545div.tooltip.ABOVE div.tooltip_arrow {
546 position: static;
547 margin-left: 97px;
548 border-top: 6px solid #555555;
549}
550div.tooltip.LEFT div.tooltip_arrow {
551 left: 203px;
552 top: 10px;
553 border-left: 6px solid #747474;
554}
555div.tooltip.LEFT div.tooltip_body div.tooltip_text {
556 min-height: 45px;
557}
558div.tooltip.RIGHT div.tooltip_arrow {
559 left: -12px;
560 top: 10px;
561 border-right: 6px solid #9c9c9c;
562}
563div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
564 min-height: 45px;
565}
566/*
567
568Color list:
569- login box:
570 light#ff9955
571 dark#ff6622
572- login button:
573 regular#dd5500
574 hover#773311
575- login translations:
576 box: #cc6622;
577 not-selected:
578 color: #ddaa99
579 background:#994422
580 selected: #772211;
581*/
582html {
583 height: 100%;
584}
585body {
586 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
587 margin: 0px;
588}
589div.modalDialogMask.userInfoBoxMask {
590 -moz-opacity: 0.0;
591 opacity: .0;
592 filter: alpha(opacity=0);
593 z-index: 19000;
594}
170.reset-margin { 595.reset-margin {
171 margin: 0px; 596 margin: 0px;
172 padding: 0px; 597 padding: 0px;
@@ -224,6 +649,12 @@ div.pageHeader div#miscLinks ul li a {
224 margin: 0px; 649 margin: 0px;
225 padding: 0px; 650 padding: 0px;
226 border: 0px; 651 border: 0px;
652 margin: 0px;
653 padding: 0px;
654 border: 0px;
655 margin: 0px;
656 padding: 0px;
657 border: 0px;
227 padding: 15px; 658 padding: 15px;
228 border-left: 1px solid #3e428f; 659 border-left: 1px solid #3e428f;
229 font-weight: normal; 660 font-weight: normal;
@@ -258,6 +689,12 @@ div.pageHeader div#logoFrame a canvas {
258 margin: 0px; 689 margin: 0px;
259 padding: 0px; 690 padding: 0px;
260 border: 0px; 691 border: 0px;
692 margin: 0px;
693 padding: 0px;
694 border: 0px;
695 margin: 0px;
696 padding: 0px;
697 border: 0px;
261 width: 150px; 698 width: 150px;
262 height: 39px; 699 height: 39px;
263} 700}
@@ -301,6 +738,16 @@ div.pageHeader div#featureTabs canvas.featureIcon {
301 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 738 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
302 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); 739 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
303 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 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;
304 border-radius: 38px; 751 border-radius: 38px;
305 -moz-border-radius: 38px; 752 -moz-border-radius: 38px;
306 -webkit-border-radius: 38px; 753 -webkit-border-radius: 38px;
@@ -333,6 +780,18 @@ div.pageHeader div#news {
333 -webkit-border-bottom-left-radius: 8px; 780 -webkit-border-bottom-left-radius: 8px;
334 -moz-border-radius-bottomleft: 8px; 781 -moz-border-radius-bottomleft: 8px;
335 border-bottom-left-radius: 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;
336 -webkit-border-bottom-right-radius: 8px; 795 -webkit-border-bottom-right-radius: 8px;
337 -moz-border-radius-bottomright: 8px; 796 -moz-border-radius-bottomright: 8px;
338 border-bottom-right-radius: 8px; 797 border-bottom-right-radius: 8px;
@@ -357,6 +816,18 @@ div.pageHeader div#news {
357 -webkit-border-bottom-left-radius: 8px; 816 -webkit-border-bottom-left-radius: 8px;
358 -moz-border-radius-bottomleft: 8px; 817 -moz-border-radius-bottomleft: 8px;
359 border-bottom-left-radius: 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;
360 -webkit-border-bottom-right-radius: 8px; 831 -webkit-border-bottom-right-radius: 8px;
361 -moz-border-radius-bottomright: 8px; 832 -moz-border-radius-bottomright: 8px;
362 border-bottom-right-radius: 8px; 833 border-bottom-right-radius: 8px;
@@ -381,6 +852,18 @@ div.pageHeader div#news {
381 -webkit-border-bottom-left-radius: 8px; 852 -webkit-border-bottom-left-radius: 8px;
382 -moz-border-radius-bottomleft: 8px; 853 -moz-border-radius-bottomleft: 8px;
383 border-bottom-left-radius: 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;
384 -webkit-border-bottom-right-radius: 8px; 867 -webkit-border-bottom-right-radius: 8px;
385 -moz-border-radius-bottomright: 8px; 868 -moz-border-radius-bottomright: 8px;
386 border-bottom-right-radius: 8px; 869 border-bottom-right-radius: 8px;
@@ -405,30 +888,120 @@ div.pageHeader div#news {
405 -webkit-border-bottom-left-radius: 8px; 888 -webkit-border-bottom-left-radius: 8px;
406 -moz-border-radius-bottomleft: 8px; 889 -moz-border-radius-bottomleft: 8px;
407 border-bottom-left-radius: 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;
408 -webkit-border-bottom-right-radius: 8px; 909 -webkit-border-bottom-right-radius: 8px;
409 -moz-border-radius-bottomright: 8px; 910 -moz-border-radius-bottomright: 8px;
410 border-bottom-right-radius: 8px; 911 border-bottom-right-radius: 8px;
411 -webkit-border-bottom-right-radius: 8px; 912 -webkit-border-bottom-right-radius: 8px;
412 -moz-border-radius-bottomright: 8px; 913 -moz-border-radius-bottomright: 8px;
413 border-bottom-right-radius: 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;
414 -webkit-border-bottom-right-radius: 8px; 936 -webkit-border-bottom-right-radius: 8px;
415 -moz-border-radius-bottomright: 8px; 937 -moz-border-radius-bottomright: 8px;
416 border-bottom-right-radius: 8px; 938 border-bottom-right-radius: 8px;
417 -webkit-border-bottom-right-radius: 8px; 939 -webkit-border-bottom-right-radius: 8px;
418 -moz-border-radius-bottomright: 8px; 940 -moz-border-radius-bottomright: 8px;
419 border-bottom-right-radius: 8px; 941 border-bottom-right-radius: 8px;
420 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 942 -webkit-border-bottom-right-radius: 8px;
421 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 943 -moz-border-radius-bottomright: 8px;
422 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 944 border-bottom-right-radius: 8px;
423 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 945 -webkit-border-bottom-right-radius: 8px;
424 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 946 -moz-border-radius-bottomright: 8px;
425 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 947 border-bottom-right-radius: 8px;
426 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 948 -webkit-border-bottom-right-radius: 8px;
427 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 949 -moz-border-radius-bottomright: 8px;
428 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 950 border-bottom-right-radius: 8px;
429 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 951 -webkit-border-bottom-left-radius: 8px;
430 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 952 -moz-border-radius-bottomleft: 8px;
431 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); 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;
976 -moz-border-radius-bottomright: 8px;
977 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;
1003 -moz-box-shadow: 2px 2px 9px #333333;
1004 box-shadow: 2px 2px 9px #333333;
432} 1005}
433div.pageHeader div#news div#newsframe { 1006div.pageHeader div#news div#newsframe {
434 margin-left: 10px; 1007 margin-left: 10px;
@@ -524,6 +1097,12 @@ body {
524 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 1097 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
525 margin: 0px; 1098 margin: 0px;
526} 1099}
1100div.modalDialogMask.userInfoBoxMask {
1101 -moz-opacity: 0.0;
1102 opacity: .0;
1103 filter: alpha(opacity=0);
1104 z-index: 19000;
1105}
527.reset-margin { 1106.reset-margin {
528 margin: 0px; 1107 margin: 0px;
529 padding: 0px; 1108 padding: 0px;
@@ -567,6 +1146,84 @@ div#loginBox div.header {
567 -webkit-border-top-left-radius: 20px; 1146 -webkit-border-top-left-radius: 20px;
568 -moz-border-radius-topleft: 20px; 1147 -moz-border-radius-topleft: 20px;
569 border-top-left-radius: 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;
570 -webkit-border-top-right-radius: 20px; 1227 -webkit-border-top-right-radius: 20px;
571 -moz-border-radius-topright: 20px; 1228 -moz-border-radius-topright: 20px;
572 border-top-right-radius: 20px; 1229 border-top-right-radius: 20px;
@@ -579,6 +1236,15 @@ div#loginBox div.header {
579 -webkit-border-top-right-radius: 20px; 1236 -webkit-border-top-right-radius: 20px;
580 -moz-border-radius-topright: 20px; 1237 -moz-border-radius-topright: 20px;
581 border-top-right-radius: 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;
582 -webkit-border-top-left-radius: 20px; 1248 -webkit-border-top-left-radius: 20px;
583 -moz-border-radius-topleft: 20px; 1249 -moz-border-radius-topleft: 20px;
584 border-top-left-radius: 20px; 1250 border-top-left-radius: 20px;
@@ -591,6 +1257,12 @@ div#loginBox div.header {
591 -webkit-border-top-left-radius: 20px; 1257 -webkit-border-top-left-radius: 20px;
592 -moz-border-radius-topleft: 20px; 1258 -moz-border-radius-topleft: 20px;
593 border-top-left-radius: 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;
594 -webkit-border-top-right-radius: 20px; 1266 -webkit-border-top-right-radius: 20px;
595 -moz-border-radius-topright: 20px; 1267 -moz-border-radius-topright: 20px;
596 border-top-right-radius: 20px; 1268 border-top-right-radius: 20px;
@@ -603,6 +1275,15 @@ div#loginBox div.header {
603 -webkit-border-top-right-radius: 20px; 1275 -webkit-border-top-right-radius: 20px;
604 -moz-border-radius-topright: 20px; 1276 -moz-border-radius-topright: 20px;
605 border-top-right-radius: 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;
606 -webkit-border-top-left-radius: 20px; 1287 -webkit-border-top-left-radius: 20px;
607 -moz-border-radius-topleft: 20px; 1288 -moz-border-radius-topleft: 20px;
608 border-top-left-radius: 20px; 1289 border-top-left-radius: 20px;
@@ -627,6 +1308,12 @@ div#loginBox div.header {
627 -webkit-border-top-right-radius: 20px; 1308 -webkit-border-top-right-radius: 20px;
628 -moz-border-radius-topright: 20px; 1309 -moz-border-radius-topright: 20px;
629 border-top-right-radius: 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;
630 -webkit-border-top-left-radius: 20px; 1317 -webkit-border-top-left-radius: 20px;
631 -moz-border-radius-topleft: 20px; 1318 -moz-border-radius-topleft: 20px;
632 border-top-left-radius: 20px; 1319 border-top-left-radius: 20px;
@@ -639,6 +1326,18 @@ div#loginBox div.header {
639 -webkit-border-top-left-radius: 20px; 1326 -webkit-border-top-left-radius: 20px;
640 -moz-border-radius-topleft: 20px; 1327 -moz-border-radius-topleft: 20px;
641 border-top-left-radius: 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;
642 -webkit-border-top-right-radius: 20px; 1341 -webkit-border-top-right-radius: 20px;
643 -moz-border-radius-topright: 20px; 1342 -moz-border-radius-topright: 20px;
644 border-top-right-radius: 20px; 1343 border-top-right-radius: 20px;
@@ -661,6 +1360,10 @@ div#loginBox div.body {
661 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 1360 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
662 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 1361 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
663 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 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);
664} 1367}
665div#loginBox div.body h4 { 1368div#loginBox div.body h4 {
666 color: #ffffff; 1369 color: #ffffff;
@@ -779,6 +1482,18 @@ div#loginBox div.footer {
779 -webkit-border-bottom-left-radius: 20px; 1482 -webkit-border-bottom-left-radius: 20px;
780 -moz-border-radius-bottomleft: 20px; 1483 -moz-border-radius-bottomleft: 20px;
781 border-bottom-left-radius: 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;
782 -webkit-border-bottom-right-radius: 20px; 1497 -webkit-border-bottom-right-radius: 20px;
783 -moz-border-radius-bottomright: 20px; 1498 -moz-border-radius-bottomright: 20px;
784 border-bottom-right-radius: 20px; 1499 border-bottom-right-radius: 20px;
@@ -803,6 +1518,18 @@ div#loginBox div.footer {
803 -webkit-border-bottom-left-radius: 20px; 1518 -webkit-border-bottom-left-radius: 20px;
804 -moz-border-radius-bottomleft: 20px; 1519 -moz-border-radius-bottomleft: 20px;
805 border-bottom-left-radius: 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;
806 -webkit-border-bottom-right-radius: 20px; 1533 -webkit-border-bottom-right-radius: 20px;
807 -moz-border-radius-bottomright: 20px; 1534 -moz-border-radius-bottomright: 20px;
808 border-bottom-right-radius: 20px; 1535 border-bottom-right-radius: 20px;
@@ -827,6 +1554,12 @@ div#loginBox div.footer {
827 -webkit-border-bottom-left-radius: 20px; 1554 -webkit-border-bottom-left-radius: 20px;
828 -moz-border-radius-bottomleft: 20px; 1555 -moz-border-radius-bottomleft: 20px;
829 border-bottom-left-radius: 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;
830 -webkit-border-bottom-right-radius: 20px; 1563 -webkit-border-bottom-right-radius: 20px;
831 -moz-border-radius-bottomright: 20px; 1564 -moz-border-radius-bottomright: 20px;
832 border-bottom-right-radius: 20px; 1565 border-bottom-right-radius: 20px;
@@ -839,6 +1572,18 @@ div#loginBox div.footer {
839 -webkit-border-bottom-right-radius: 20px; 1572 -webkit-border-bottom-right-radius: 20px;
840 -moz-border-radius-bottomright: 20px; 1573 -moz-border-radius-bottomright: 20px;
841 border-bottom-right-radius: 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;
842 -webkit-border-bottom-left-radius: 20px; 1587 -webkit-border-bottom-left-radius: 20px;
843 -moz-border-radius-bottomleft: 20px; 1588 -moz-border-radius-bottomleft: 20px;
844 border-bottom-left-radius: 20px; 1589 border-bottom-left-radius: 20px;
@@ -863,6 +1608,84 @@ div#loginBox div.footer {
863 -webkit-border-bottom-right-radius: 20px; 1608 -webkit-border-bottom-right-radius: 20px;
864 -moz-border-radius-bottomright: 20px; 1609 -moz-border-radius-bottomright: 20px;
865 border-bottom-right-radius: 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;
1687 -moz-border-radius-bottomright: 20px;
1688 border-bottom-right-radius: 20px;
866} 1689}
867body.ext-gecko div#loginBox form.loginForm div.translations ul li { 1690body.ext-gecko div#loginBox form.loginForm div.translations ul li {
868 display: -moz-inline-box; 1691 display: -moz-inline-box;
@@ -968,2736 +1791,420 @@ div.activeFeatures div.createAccountLink canvas {
968} 1791}
969/* 1792/*
970 1793
971img.favicon { 1794Color list:
972 height: 16px; 1795- login box:
973 width: 16px; 1796 light#ff9955
974} 1797 dark#ff6622
975 1798- login button:
976body.ext-gecko .keepTogether { 1799 regular#dd5500
977 display: -moz-inline-box; 1800 hover#773311
978} 1801- login translations:
979 1802 box: #cc6622;
980 1803 not-selected:
981 1804 color: #ddaa99
982 1805 background:#994422
983 1806 selected: #772211;
984 1807*/
985 1808html {
986 1809 height: 100%;
987div.activeFeatures {
988 float: left;
989 margin-left: 20px;
990 height: 100px;
991}
992div.activeFeatures a {
993 display: inline-block;
994 padding-left: 46px;
995 color: #ff5906;
996 text-decoration: none;
997 font-size: 10pt;
998}
999div.activeFeatures .keepTogether a {
1000 padding-left: 0px;
1001}
1002div.activeFeatures a span.payoff {
1003 display: block;
1004 font-size: 13pt;
1005 font-weight: lighter;
1006 color: #9b9689;
1007 margin: 0px;
1008 padding: 0px;
1009}
1010// body.ext-gecko div.activeFeatures a {
1011 //display: -moz-inline-box;
1012// }
1013div.activeFeatures a:hover span.payoff {
1014 color: #666666;
1015}
1016div.activeFeatures a:hover span.link {
1017 //font-weight: bold;
1018}
1019div.activeFeatures div.keepTogether div {
1020 display: inline-block;
1021 padding-right: 15px;
1022}
1023// body.ext-gecko div.activeFeatures div.keepTogether div {
1024 //display: -moz-inline-box;
1025// }
1026div.activeFeatures div.createAccountLink {
1027 display: inline-block;
1028 width: 282;
1029 height: 65px;
1030 //background-image: url(../images/old/home/register.png);
1031
1032 margin-right: 20px;
1033}
1034// body.ext-gecko div.activeFeatures div.createAccountLink {
1035 //display: -moz-inline-box;
1036// }
1037div.activeFeatures a.createAccountLink {
1038 position: relative;
1039 top: -92px;
1040 left: 5px;
1041}
1042div.activeFeatures div.createAccountLink a.createAccountLink span.payoff {
1043 margin-top: 23px;
1044 margin-left: 40px;
1045 font-size: 17pt;
1046 color: #64626c;
1047}
1048div.activeFeatures div.createAccountLink a.createAccountLink span.link {
1049 padding-left: 40px;
1050 padding-right: 50px;
1051 padding-bottom: 10px;
1052 font-size: 12pt;
1053}
1054div.activeFeatures div.createAccountLink:hover {
1055 //background-image: url(../images/old/home/register_selected.png);
1056
1057}
1058div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff {
1059 color: #54535a;
1060}
1061div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link {
1062 color: white;
1063}
1064// div.activeFeatures div.screenshotLink {
1065 // background: url(../images/old/home/look.png) no-repeat 0 -3px;
1066// }
1067//
1068// div.activeFeatures div.offlineLink {
1069 // background: url(../images/old/home/download.png) no-repeat 10px -4px;
1070// }
1071
1072div.createAccountLink canvas {
1073 width: 282px;
1074 height: 93px;
1075}
1076div.activeFeatures .keepTogether canvas {
1077 width: 46px;
1078 height: 46px;
1079 vertical-align: bottom;
1080}
1081
1082div.pageHeaderAndBody {
1083 height: 100%;
1084}
1085body > div.pageHeaderAndBody {
1086 height: auto;
1087 min-height: 100%;
1088}
1089div#pageBody {
1090 min-width: 1013px;
1091 padding-bottom: 90px;
1092}
1093div.pageFooter {
1094 margin-top: -90px;
1095 height: 90px;
1096 clear: both;
1097}
1098div.footerWrapper {
1099 clear: both;
1100 padding-top: 10px;
1101}
1102div.footerContent {
1103 background-color: #eaebe6;
1104 padding: 20px;
1105 font-size: 8pt;
1106}
1107// div.pageFooter div.footerContent div.footerStarIcon {
1108div.pageFooter div.footerContent canvas.footerStarIcon {
1109 //background-image: url(../images/old/footer/star.png);
1110
1111 width: 40px;
1112 height: 40px;
1113 float: left;
1114}
1115div.pageFooter div.footerContent span.copyright {
1116 padding-left: 10px;
1117 color: #a0a0a0;
1118}
1119div.pageFooter div.footerContent a {
1120 padding-left: 50px;
1121 display: block;
1122 color: #888888;
1123 font-weight: bold;
1124 text-decoration: none;
1125}
1126div.pageFooter div.footerContent span.applicationVersion {
1127 padding: 8px;
1128 color: #888888;
1129 background-color: #d2d2d2;
1130 position: relative;
1131 top: -40px;
1132 float: right;
1133}
1134
1135div#javaScriptAlert div.mask {
1136 position: fixed;
1137 top: 0px;
1138 left: 0px;
1139 right: 0px;
1140 bottom: 0px;
1141 background-color: black;
1142 z-index: 1001;
1143 -moz-opacity: 0.7;
1144 opacity: .70;
1145 filter: alpha(opacity=70);
1146}
1147div#javaScriptAlert div.header {
1148 height: 34px;
1149 width: 468;
1150 background-image: url(../images/old/alert/header.png);
1151}
1152div#javaScriptAlert div.body {
1153 background-image: url(../images/old/alert/body.png);
1154 padding: 0px 20px 10px 20px;
1155}
1156// div#javaScriptAlert div.body div.alert {
1157 // padding-left: 100px;
1158 // background: url(../images/old/alert/alert.png) no-repeat;
1159// }
1160// div#javaScriptAlert div.body img.alert {
1161div#javaScriptAlert div.body div.alertLogo {
1162 float: left;
1163 background-image: url(../images/old/alert/alert.png);
1164 width: 88px;
1165 height: 88px;
1166}
1167div#javaScriptAlert div.body div.alert {
1168 padding-left: 100px;
1169}
1170div#javaScriptAlert div.footer {
1171 height: 34px;
1172 width: 468;
1173 background-image: url(../images/old/alert/footer.png);
1174}
1175div#javaScriptAlert div.message {
1176 position: relative;
1177 top: -150px;
1178 z-index: 1002;
1179 //left: 100px;
1180 //right: 100px;
1181
1182 margin-left: auto;
1183 margin-right: auto;
1184 max-width: 468px;
1185}
1186div#javaScriptAlert div.message h1 {
1187 font-size: 16pt;
1188 margin: 0px;
1189 color: #ff5930;
1190}
1191div#javaScriptAlert div.message p {
1192 margin-top: 0px;
1193 color: #999999;
1194}
1195div#javaScriptAlert div.message h3 {
1196 font-size: 12pt;
1197 margin-bottom: 0px;
1198 color: #ff5930;
1199}
1200div#javaScriptAlert div.message h5 {
1201 margin: 0px;
1202 color: #999999;
1203}
1204
1205div.LoginProgress {
1206 position: relative;
1207 left: -190px;
1208 top: -100px;
1209 width: 380px;
1210 height: 200px;
1211 //background: url(../images/old/loginProgress/background.png);
1212
1213 background-color: #d7d7c0;
1214 -webkit-border-radius: 20px;
1215 -moz-border-radius: 20px;
1216 border-radius: 20px;
1217 -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
1218 -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
1219 box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
1220}
1221div.LoginProgress div.header {
1222 height: 40px;
1223}
1224div.LoginProgress div.header h3 {
1225 font-size: 12pt;
1226 font-weight: normal;
1227 margin: 0px;
1228 color: #777777;
1229 padding-top: 13px;
1230 padding-left: 18px;
1231}
1232div.LoginProgress div.body {
1233 height: 120px;
1234 overflow: auto;
1235 padding-left: 20px;
1236 padding-right: 20px;
1237 background-color: #f1f1e9;
1238 //margin-left: 19px;
1239 //margin-right: 18px;
1240}
1241div.LoginProgress div.body div.img {
1242 margin: 10px;
1243 width: 50px;
1244 height: 50px;
1245 float: left;
1246}
1247div.LoginProgress div.body div.img.ALERT {
1248 //background-image: url(../images/old/simpleMessageBox/Alert.png);
1249
1250 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333));
1251 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955);
1252 -webkit-border-radius: 25px;
1253 -moz-border-radius: 25px;
1254 border-radius: 25px;
1255}
1256div.LoginProgress div.body div.img.ALERT canvas {
1257 width: 50px;
1258 height: 50px;
1259 //background-image: url(../images/old/simpleMessageBox/excalmationPoint.png);
1260
1261}
1262div.LoginProgress div.body div.loadingBar {
1263 position: relative;
1264 top: 51px;
1265 left: 60px;
1266}
1267div.LoginProgress div.body div.errorBox p {
1268 color: #787872;
1269 padding-top: 20px;
1270 padding-left: 80px;
1271}
1272div.LoginProgress div.footer {
1273 margin-left: 19px;
1274 margin-right: 18px;
1275}
1276div.LoginProgress div.footer a {
1277 text-decoration: none;
1278 text-align: center;
1279 color: #787872;
1280 display: block;
1281 font-weight: bold;
1282 font-size: 11pt;
1283 width: 100px;
1284 margin-top: 11px;
1285 margin-left: auto;
1286 margin-right: auto;
1287}
1288div.LoginProgress div.footer div.button.default {
1289 text-decoration: underline;
1290}
1291div.LoginProgress div.buttonArea {
1292 text-align: center;
1293}
1294div.LoginProgress div.button {
1295 display: inline-block;
1296}
1297div.LoginProgress div.footer a:hover {
1298 color: #515247;
1299}
1300
1301div.SimpleMessagePanel {
1302 position: relative;
1303 left: -225px;
1304 top: -70px;
1305 width: 450px;
1306 height: 140px;
1307 //background: url(../images/old/loginProgress/background.png);
1308}
1309div.SimpleMessagePanel div.header {
1310 height: 17px;
1311 background: url(../images/old/simpleMessageBox/background_header.png) no-repeat;
1312}
1313div.SimpleMessagePanel div.body {
1314 //height: 120px;
1315 //overflow: auto;
1316 //margin-left: 19px;
1317 //margin-right: 18px;
1318
1319 background: url(../images/old/simpleMessageBox/background_body.png) repeat-y;
1320 padding-left: 25px;
1321 padding-right: 25px;
1322 padding-top: 10px;
1323}
1324div.SimpleMessagePanel div.body h3 {
1325 font-size: 14pt;
1326 font-weight: normal;
1327 margin: 0px;
1328 padding-top: 4px;
1329 color: #787872;
1330}
1331div.SimpleMessagePanel div.body div.img {
1332 width: 66px;
1333 height: 60px;
1334 float: left;
1335}
1336div.SimpleMessagePanel div.body p {
1337 margin: 0;
1338 font-size: 10pt;
1339 font-weight: normal;
1340 color: #787872;
1341 padding-top: 10px;
1342 padding-bottom: 5px;
1343 line-height: 1.3;
1344}
1345div.SimpleMessagePanel div.body div.img.ALERT {
1346 background: url(../images/old/simpleMessageBox/Alert.png) no-repeat;
1347}
1348div.SimpleMessagePanel div.body div.img.INFO {
1349 background: url(../images/old/simpleMessageBox/Info.png) no-repeat;
1350}
1351div.SimpleMessagePanel div.body div.buttonArea {
1352 height: 40px;
1353 clear: both;
1354}
1355div.SimpleMessagePanel div.body div.buttonArea > div {
1356 float: right;
1357 margin-left: 15px;
1358 margin-top: 10px;
1359}
1360div.SimpleMessagePanel div.footer {
1361 height: 25px;
1362 background: url(../images/old/simpleMessageBox/background_footer.png) no-repeat;
1363}
1364div.SimpleMessagePanel div.passphrase {
1365 padding-left: 65px;
1366}
1367div.SimpleMessagePanel div.passphrase input {
1368 width: 250px;
1369 font-size: 14pt;
1370 border: 1px solid #bb4924;
1371 color: #333366;
1372 background-color: white;
1373 padding: 2px 5px;
1374 height: 28px;
1375}
1376div.SimpleMessagePanel div.progressBarWrapper {
1377 margin-left: 80px;
1378} 1810}
1379 1811body {
1380div.button_wrapper { 1812 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
1381 height: 32px; 1813 margin: 0px;
1382 background: url(../images/old/button/default_left.png) no-repeat;
1383 cursor: pointer;
1384} 1814}
1385div.button_wrapper.hover { 1815div.modalDialogMask.userInfoBoxMask {
1386 background: url(../images/old/button/hover_left.png) no-repeat; 1816 -moz-opacity: 0.0;
1817 opacity: .0;
1818 filter: alpha(opacity=0);
1819 z-index: 19000;
1387} 1820}
1388div.button_wrapper.clicked { 1821.reset-margin {
1389 background: url(../images/old/button/clicked_left.png) no-repeat; 1822 margin: 0px;
1823 padding: 0px;
1824 border: 0px;
1390} 1825}
1391div.button_bodyWrapper { 1826.clear {
1392 height: 32px; 1827 clear: both;
1393 margin-left: 6px;
1394 padding-right: 6px;
1395 background: url(../images/old/button/default_main.png) repeat-x right 0;
1396} 1828}
1397div.button_wrapper.hover div.button_bodyWrapper { 1829.hidden_none {
1398 background: url(../images/old/button/hover_main.png) repeat-x right 0; 1830 display: none;
1831 visibility: hidden;
1399} 1832}
1400div.button_wrapper.clicked div.button_bodyWrapper { 1833.keepTogether {
1401 background: url(../images/old/button/clicked_main.png) repeat-x right 0; 1834 display: inline-block;
1835 white-space: nowrap;
1402} 1836}
1403div.button_body { 1837#mainDiv {
1404 text-align: center; 1838 margin: 0 auto;
1405 min-width: 60px;
1406 padding: 0px 7px;
1407 padding-top: 8px;
1408} 1839}
1409div.button_body span { 1840div.userInfoBox {
1410 font-size: 11pt; 1841 position: absolute;
1411 color: white; 1842 width: 160px;
1843 height: 120px;
1844 top: 100px;
1845 left: 15px;
1846 color: white;
1847 background-color: #ff9955;
1848 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
1849 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;
1873 -moz-border-radius: 10px;
1874 -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;
1894 -moz-box-shadow: 2px 2px 9px #333333;
1895 box-shadow: 2px 2px 9px #333333;
1412} 1896}
1413div.button_wrapper.default div.button_body span { 1897div.userInfoBox.locked {
1414 font-weight: bold; 1898 z-index: 19001;
1415} 1899}
1416 1900div.userInfoBox.locked div.header a.lockButton {
1417// div.button_footer { 1901 background: url(../images/old/lock/locked.png) no-repeat -5px -2px;
1418 // margin: 0px;
1419 // height: 31px;
1420 // width: 6px;
1421 // background: green url(../images/old/button/default_right.png) no-repeat;
1422// }
1423
1424input.entropyLevelIndicator {
1425 background: url(../images/old/passwordField/background.png) no-repeat 0 26px;
1426}
1427div.passwordEntropyWrapper {
1428 padding: 0px;
1429 border: 1px solid #bb4924;
1430 border-top: 0px;
1431 margin-bottom: 4px;
1432 background-color: white;
1433 margin-right: 3px;
1434 margin-top: -2;
1435}
1436div.passwordEntropy {
1437 height: 4px;
1438 font-size: 1pt;
1439 background: url(../images/old/entropyBackground.gif) repeat-x 0 0;
1440 line-height: 3px;
1441} 1902}
1442 1903div.userInfoBox.locked div.header a.lockButton:hover {
1443div.userInfoBox { 1904 background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px;
1444 position: absolute;
1445 width: 160px;
1446 height: 120px;
1447 top: 100px;
1448 left: 15px;
1449 //background-image: url(../images/old/main/userInfoBackground.png);
1450
1451 background-color: #ff9955;
1452 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723), color-stop(1, #333333));
1453 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
1454 -webkit-border-radius: 10px;
1455 -moz-border-radius: 10px;
1456 border-radius: 10px;
1457 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
1458 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
1459 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
1460 color: white;
1461} 1905}
1462div.userInfoBox div.body { 1906div.userInfoBox.locked div.body a {
1463 padding: 0px 12px; 1907 display: none;
1464} 1908}
1465div.userInfoBox div.header { 1909div.userInfoBox div.header {
1466 height: 30px; 1910 height: 30px;
1467} 1911}
1468div.userInfoBox div.header h1 { 1912div.userInfoBox div.header h1 {
1469 font-size: 8pt; 1913 font-size: 8pt;
1470 font-weight: normal; 1914 font-weight: normal;
1471 margin: 0px; 1915 margin: 0px;
1472 padding-top: 12px; 1916 padding-top: 12px;
1473 padding-left: 12px; 1917 padding-left: 12px;
1474} 1918}
1475div.userInfoBox div.header a.lockButton { 1919div.userInfoBox div.header a.lockButton {
1476 position: absolute; 1920 position: absolute;
1477 top: 8px; 1921 top: 8px;
1478 right: 12px; 1922 right: 12px;
1479 display: block; 1923 display: block;
1480 width: 15px; 1924 width: 15px;
1481 height: 20px; 1925 height: 20px;
1482 text-decoration: none; 1926 text-decoration: none;
1483 background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px; 1927 background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px;
1484} 1928}
1485div.userInfoBox div.header a.lockButton:hover { 1929div.userInfoBox div.header a.lockButton:hover {
1486 background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px; 1930 background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px;
1487}
1488div.userInfoBox.locked {
1489 z-index: 19001;
1490} 1931}
1491div.modalDialogMask.userInfoBoxMask { 1932div.userInfoBox div.body {
1492 -moz-opacity: 0.0; 1933 padding: 0px 12px;
1493 opacity: .0;
1494 filter: alpha(opacity=0);
1495 z-index: 19000;
1496}
1497div.userInfoBox.locked div.header a.lockButton {
1498 background: url(../images/old/lock/locked.png) no-repeat -5px -2px;
1499}
1500div.userInfoBox.locked div.header a.lockButton:hover {
1501 background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px;
1502} 1934}
1503div.userInfoBox div.body h3 { 1935div.userInfoBox div.body h3 {
1504 font-size: 11pt; 1936 font-size: 11pt;
1505 font-weight: bold; 1937 font-weight: bold;
1506 margin: 0px; 1938 margin: 0px;
1507} 1939}
1508div.userInfoBox div.body ul { 1940div.userInfoBox div.body ul {
1509 list-style-image: url(../images/old/main/userInfoBullet.png); 1941 font-size: 8pt;
1510 font-size: 8pt; 1942 padding: 0px;
1511 padding: 0px; 1943 margin: 4px 0px;
1512 margin: 4px 0px; 1944 list-style-position: inside;
1513 list-style-position: inside; 1945 text-shadow: #000000 0 0 0;
1514 text-shadow: #000000 0 0 0;
1515} 1946}
1516div.userInfoBox div.body ul li span.number { 1947div.userInfoBox div.body ul li span.number {
1517 font-weight: bold; 1948 font-weight: bold;
1518 padding-right: 3px; 1949 padding-right: 3px;
1519} 1950}
1520div.userInfoBox div.body a { 1951div.userInfoBox div.body a {
1521 display: block; 1952 display: block;
1522 margin-top: 8 1953 margin-top: 8px;
1523 px; 1954 border-top: 1px solid white;
1524 border-top: 1px solid white; 1955 padding-top: 6px;
1525 padding-top: 6px; 1956 font-size: 10pt;
1526 font-size: 10pt; 1957 font-weight: bold;
1527 font-weight: bold; 1958 color: #d15a22;
1528 color: #d15a22; 1959 border-color: #fe9a5f;
1529 text-decoration: none; 1960 text-decoration: none;
1530 border-color: #fe9a5f;
1531} 1961}
1532div.userInfoBox div.body a:hover { 1962div.userInfoBox div.body a:hover {
1533 color: #8c3b15; 1963 color: #8c3b15;
1534}
1535div.userInfoBox.locked div.body a {
1536 display: none;
1537} 1964}
1538
1539div.messageBox {
1540 position: absolute;
1541 width: 409px;
1542 height: 29px;
1543 top: 23px;
1544 left: 204px;
1545 background: url(../images/old/main/messageBoxBackground.png);
1546}
1547div.messageBox h3 {
1548 display: inline-block;
1549 color: #342f6b;
1550 font-weight: bold;
1551 margin: 7px 2px 0px 12px;
1552 font-size: 10pt;
1553}
1554body.ext-gecko div.messageBox h3 {
1555 display: -moz-inline-box;
1556}
1557div.messageBox h1 {
1558 color: #342f6b;
1559 display: inline;
1560 font-weight: normal;
1561 margin: 0px 1px;
1562 font-size: 9pt;
1563}
1564div.messageBox a {
1565 display: block;
1566 width: 20px;
1567 height: 20px;
1568 float: right;
1569 position: absolute;
1570 right: 5px;
1571 top: 4px;
1572 background-image: url(../images/old/main/messageBoxCloseButton.png);
1573}
1574div.messageBox a:hover {
1575 background-image: url(../images/old/main/messageBoxCloseButtonActive.png);
1576}
1577
1578div.sidePanels { 1965div.sidePanels {
1579 //position: relative; 1966 float: left;
1580 //top: 110px; 1967 margin-top: 106px;
1581 1968 margin-left: 20px;
1582 float: left; 1969 width: 160px;
1583 margin-top: 106px;
1584 margin-left: 20px;
1585 width: 160px;
1586}
1587
1588div.tabSidePanel {
1589 margin-right: -10px;
1590 //position: absolute;
1591 //width: 250px;
1592 //height: 250px;
1593 //top: 250px;
1594 //left: 10px;
1595}
1596div.tabSidePanel ul {
1597 margin: 0px;
1598 padding-left: 0px;
1599 list-style-type: none;
1600 color: #f78b46;
1601}
1602
1603div.tabSidePanel ul.mainTabs {
1604 margin: 0px;
1605}
1606div.tabSidePanel ul.mainTabs li {
1607 //margin-bottom: 6px;
1608
1609}
1610div.tabSidePanel ul.mainTabs li a {
1611 display: block;
1612 line-height: 30px;
1613 height: 43px;
1614 padding-left: 40px;
1615 color: #ff6621;
1616 margin: 0px;
1617 font-weight: normal;
1618 font-size: 13pt;
1619 text-decoration: none;
1620}
1621div.tabSidePanel ul.mainTabs li div.selectionHighlighter {
1622 display: none;
1623}
1624div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter {
1625 display: block;
1626 position: absolute;
1627 left: 154px;
1628 margin-top: -43px;
1629}
1630
1631// div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter div.selectionHighlighterIcon {
1632 // background-image: url(../images/main/tabs/selectionHighligher.png);
1633 // width: 50px;
1634 // height: 34px;
1635 // float: left;
1636 // z-index: 35000;
1637 // border: 1px solid red;
1638// }
1639
1640div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add {
1641 font-size: 14pt;
1642 font-weight: bold;
1643 position: relative;
1644 top: -34px;
1645 right: 16px;
1646 background: none;
1647 color: #c0531b;
1648 padding-left: 15px;
1649}
1650div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add:hover {
1651 color: white;
1652}
1653div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add span {
1654 font-size: 8pt;
1655 vertical-align: middle;
1656}
1657div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add h3 {
1658 display: inline;
1659 padding-left: 5px;
1660}
1661div.tabSidePanel ul.mainTabs li.cards.selected a {
1662 margin-left: -10px;
1663 padding-left: 50px;
1664 color: white;
1665 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
1666}
1667div.tabSidePanel ul.mainTabs li.cards.selected a:hover {
1668 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
1669}
1670div.tabSidePanel ul.mainTabs li.cards a {
1671 background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px;
1672}
1673div.tabSidePanel ul.mainTabs li.cards a:hover {
1674 background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px;
1675}
1676div.tabSidePanel ul.mainTabs li.directLogins.selected a {
1677 margin-left: -10px;
1678 padding-left: 50px;
1679 color: white;
1680 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px;
1681 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
1682}
1683div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover {
1684 color: white;
1685 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px;
1686 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
1687}
1688div.tabSidePanel ul.mainTabs li.directLogins a {
1689 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -34px;
1690 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px;
1691}
1692div.tabSidePanel ul.mainTabs li.directLogins a:hover {
1693 //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -67px;
1694 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px;
1695}
1696
1697div.tabSidePanel ul.otherTabs {
1698 margin: 10px 0px;
1699}
1700div.tabSidePanel ul.otherTabs li {
1701 margin-top: -4px;
1702}
1703div.tabSidePanel ul.otherTabs li div.selectionHighlighter {
1704 display: none;
1705}
1706div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter {
1707 display: block;
1708 position: absolute;
1709 left: 154px;
1710 margin-top: -42px;
1711}
1712div.tabSidePanel ul.otherTabs a {
1713 display: block;
1714 line-height: 36px;
1715 height: 43px;
1716 padding-left: 40px;
1717 color: #ff6621;
1718 text-decoration: none;
1719 //background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;
1720}
1721div.tabSidePanel ul.otherTabs li.selected a {
1722 //background: url(../images/old/main/tabs/itemsBackground.png) 0 -1px;
1723 //background: url(../images/old/main/tabs/itemsBackground.png) 0 -67px;
1724
1725 margin-left: -10px;
1726 padding-left: 50px;
1727 background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px;
1728 color: white;
1729}
1730div.tabSidePanel ul.otherTabs a:hover {
1731 //background: url(../images/old/main/tabs/itemsBackground.png) 0 -34px;
1732
1733 background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;
1734}
1735
1736div.tagSidePanel {
1737 //position: relative;
1738 //width: 250px;
1739 //min-height: 100px;
1740 //left: 10px;
1741
1742 margin-right: -8px;
1743}
1744div.tagSidePanel div.header {
1745 height: 50px;
1746 background-image: url(../images/old/main/tabs/tagsBackground.png);
1747}
1748div.tagSidePanel div.header h1 {
1749 padding-left: 52px;
1750 padding-top: 14px;
1751 font-size: 14pt;
1752 font-weight: normal;
1753 color: #888888;
1754}
1755div.tagSidePanel div.body {
1756 background: url(../images/old/main/tabs/tagsBackground.png) -255px;
1757}
1758div.tagSidePanel div.footer {
1759 height: 10px;
1760 background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px;
1761}
1762div.tagSidePanel ul.tags {
1763 margin: 0px;
1764 list-style-type: none;
1765 padding: 0px;
1766}
1767div.tagSidePanel ul.tags li a {
1768 display: block;
1769 font-size: 9pt;
1770 text-decoration: none;
1771 color: #ff6621;
1772 padding: 0px 4px 0px 15px;
1773 line-height: 20px;
1774}
1775div.tagSidePanel ul.tags li a:hover {
1776 background-color: #dddddd;
1777}
1778div.tagSidePanel ul.tags li span.tagCardinality {
1779 float: right;
1780 font-size: 8pt;
1781 color: #999999;
1782 margin-right: 15px;
1783 margin-top: -17px;
1784}
1785div.tagSidePanel ul.tags li.selected a {
1786 background-color: #d4d5cf;
1787}
1788div.tagSidePanel ul.tags li.selected a:hover {
1789 background-color: #d4d5cf;
1790}
1791div.tagSidePanel ul.tags li.selected a {
1792 font-weight: bold;
1793}
1794
1795div.groupSidePanel {
1796 margin-right: -10px;
1797 //position: relative;
1798 //width: 250px;
1799 //min-height: 100px;
1800 //left: 10px;
1801}
1802div.groupSidePanel div.header {
1803 height: 50px;
1804 background-image: url(../images/old/main/tabs/groupsBackground.png);
1805}
1806div.groupSidePanel div.header h1 {
1807 padding-left: 52px;
1808 padding-top: 14px;
1809 font-size: 14pt;
1810 font-weight: normal;
1811 color: white;
1812}
1813div.groupSidePanel div.header a {
1814 float: right;
1815 margin-top: -30px;
1816 margin-right: 20px;
1817 text-decoration: none;
1818 color: #666666;
1819 font-size: 9pt;
1820 line-height: 18px;
1821}
1822div.groupSidePanel div.header a:hover {
1823 color: #444444;
1824}
1825div.groupSidePanel div.body {
1826 background: url(../images/old/main/tabs/groupsBackground.png) -255px;
1827}
1828div.groupSidePanel div.footer {
1829 height: 10px;
1830 background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px;
1831}
1832div.groupSidePanel ul.groups {
1833 margin: 0px;
1834 list-style-type: none;
1835 padding: 0px;
1836}
1837div.groupSidePanel ul.groups li a {
1838 display: block;
1839 font-size: 9pt;
1840 text-decoration: none;
1841 color: white;
1842 padding: 0px 4px 0px 15px;
1843 line-height: 20px;
1844}
1845div.groupSidePanel ul.groups li a:hover {
1846 background-color: #aaaaaa;
1847}
1848div.groupSidePanel ul.groups li span.groupCardinality {
1849 float: right;
1850 font-size: 8pt;
1851 color: #dddddd;
1852 margin-right: 15px;
1853 margin-top: -17px;
1854}
1855div.groupSidePanel ul.groups li.selected a {
1856 background-color: #bbbbbb;
1857}
1858div.groupSidePanel ul.groups li.selected a:hover {
1859 background-color: #bbbbbb;
1860}
1861div.groupSidePanel ul.groups li.selected a {
1862 font-weight: bold;
1863}
1864
1865div.mainPanels {
1866 float: left;
1867 width: 833px;
1868 margin-top: -38px;
1869 //position: relative;
1870 //width: 100%;
1871 //min-height: 600px;
1872 //top: -40px;
1873 //left: 250px;
1874}
1875div.mainFooter {
1876 clear: both;
1877}
1878// div.body div.rows table.rows tbody tr td.delete
1879div.delete, div.new {
1880 padding-left: 5px;
1881 height: 19px;
1882}
1883div.new span, div.delete span {
1884 margin: 0px;
1885 padding: 0px;
1886 border: 0px;
1887 display: inline-block;
1888 height: 19px;
1889 padding-right: 6px;
1890}
1891div.new span a, div.delete span a {
1892 white-space: nowrap;
1893}
1894div.delete:hover {
1895 background: url(../images/old/delete_background_left.png) no-repeat 0;
1896}
1897div.delete:hover span {
1898 background: url(../images/old/delete_background.png) no-repeat right 0;
1899}
1900div.new:hover {
1901 background: url(../images/old/new_background_left.png) no-repeat 0;
1902}
1903div.new:hover span {
1904 background: url(../images/old/new_background.png) no-repeat right 0;
1905}
1906
1907// tr.selected div.delete {
1908 // background: url(../images/old/delete_background_left.png) no-repeat 0;
1909// }
1910// tr.selected div.delete span {
1911 // background: url(../images/old/delete_background.png) no-repeat right 0;
1912// }
1913
1914div.body div.rows table.rows tbody tr td.delete div.delete span a {
1915 visibility: hidden;
1916 font-size: 8pt;
1917 vertical-align: -13px;
1918 color: black;
1919}
1920div.body div.rows table.rows tbody tr.selected td.delete div.delete span a {
1921 visibility: visible;
1922}
1923div.body div.rows table.rows tbody tr:hover td.delete div.delete span a {
1924 visibility: visible;
1925}
1926div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a {
1927 color: white;
1928}
1929
1930// div.body div.rows table.rows tbody tr.selected td.delete div.delete span a {
1931 // color: white;
1932// }
1933
1934div.gridComponent table.rows thead tr th {
1935 text-align: left;
1936 height: 30px;
1937 vertical-align: bottom;
1938}
1939div.gridComponent table.rows thead tr th.sortable span {
1940 cursor: pointer;
1941}
1942div.gridComponent table.rows thead tr th.sortable span a {
1943 margin-left: 5px;
1944 padding-left: 10px;
1945}
1946div.gridComponent table.rows thead tr th.directLoginTH {
1947 width: 420px;
1948}
1949div.gridComponent table.rows thead tr th.latestUpdateTH {
1950 width: 100px;
1951}
1952div.gridComponent table.rows thead tr th.commandsTH {
1953 width: 150px;
1954}
1955div.gridComponent table.rows thead a {
1956 text-decoration: none;
1957}
1958div.gridComponent table.rows thead span {
1959 font-weight: normal;
1960 font-size: 9pt;
1961 line-height: 20px;
1962}
1963div.gridComponent div.header div.headerSlot {
1964 float: right;
1965}
1966
1967div.mainPanels div.gridComponent div.body table.rows td.favicon {
1968 padding-left: 25px;
1969}
1970div.mainPanels div.gridComponent div.body table.rows td.favicon img {
1971 width: 16px;
1972 height: 16px;
1973 border: 0px;
1974}
1975
1976div.gridComponent th.directLoginTH span {
1977 margin-left: 7px;
1978}
1979td.card_directLogins div {
1980 display: inline-table;
1981}
1982td.card_directLogins span {
1983 display: inline-block;
1984}
1985
1986// td.card_directLogins a {
1987 // display: inline-table;
1988 // height: 19px;
1989//
1990 // padding-right: 7px;
1991// }
1992//
1993// td.card_directLogins a:hover {
1994 // background: url(../images/old/directLink_background.png) right 0;
1995// }
1996
1997div.card_directLogin {
1998 display: inline-block;
1999 height: 19px;
2000 padding-left: 7px;
2001}
2002div.card_directLogin_ellipses span {
2003 padding-bottom: 2px;
2004}
2005div.card_directLogin div.card_directLogin_body {
2006 display: inline-block;
2007 height: 19px;
2008 padding-right: 8px;
2009 background-position: left;
2010}
2011div.card_directLogin div.card_directLogin_body a {
2012 vertical-align: -14px;
2013}
2014// div.card_directLogin:hover {
2015div.card_directLogin:hover {
2016 background: url(../images/old/directLink_background_left.png) no-repeat 0 0;
2017}
2018// div.card_directLogin:hover div {
2019div.card_directLogin:hover div.card_directLogin_body {
2020 background: url(../images/old/directLink_background.png) right 0;
2021}
2022
2023div.DirectLoginListPopup {
2024 position: absolute;
2025 width: 184px;
2026}
2027div.DirectLoginListPopup div.DirectLoginListPopup_body {
2028 background-image: url(../images/old/directLogins_background.png);
2029 padding-top: 8px;
2030}
2031div.DirectLoginListPopup div.DirectLoginListPopup_footer {
2032 height: 8px;
2033 background-image: url(../images/old/directLogins_background_bottom.png);
2034}
2035div.DirectLoginListPopup div.DirectLoginListPopup_body ul {
2036 margin: 0px;
2037 padding-left: 13px;
2038 list-style: none;
2039}
2040div.DirectLoginListPopup div.DirectLoginListPopup_body ul li {
2041 padding-top: 4px;
2042 height: 20px;
2043 padding-right: 10px;
2044 white-space: nowrap;
2045}
2046div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div {
2047 padding-right: 10px;
2048 overflow: hidden;
2049}
2050div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon {
2051 padding-left: 9px;
2052 padding-right: 5px;
2053}
2054div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a {
2055 text-decoration: none;
2056 color: white;
2057 font-weight: normal;
2058 font-size: 10pt;
2059 vertical-align: 3px;
2060 white-space: nowrap;
2061 padding-right: 8px;
2062}
2063div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover {
2064 //background-color: #a5a696;
2065 //background-color: #7b7d70;
2066 background-color: rgba(123, 125, 112, 0.5);
2067}
2068div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a {
2069 background: url(../images/old/directLink_no_background.png) right;
2070}
2071
2072div.mainPanels div.gridComponent div.header {
2073 //height: 90px;
2074 //background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat;
2075
2076 background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat;
2077 padding-left: 40px;
2078 padding-right: 40px;
2079 padding-top: 20px;
2080 padding-bottom: 10px;
2081}
2082div.mainPanels div.gridComponent div.header form.search {
2083 height: 32px;
2084 margin: 0px;
2085}
2086div.mainPanels div.gridComponent div.header form.search div.clearSearchButton {
2087 position: absolute;
2088 margin-left: 192px;
2089 width: 22px;
2090 height: 22px;
2091 margin-top: 6px;
2092 background: url(../images/old/filter/clearFilter_notSelected.png) no-repeat;
2093}
2094div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover {
2095 background: url(../images/old/filter/clearFilter_selected.png) no-repeat;
2096 cursor: pointer;
2097}
2098div.mainPanels div.gridComponent div.header form.search div.search {
2099 display: block;
2100 float: left;
2101 width: 217px;
2102}
2103div.mainPanels div.gridComponent div.header form.search input.search {
2104 border: 1px solid #76786a;
2105 color: #666666;
2106 font-size: 12pt;
2107 width: 100%;
2108 padding: 4px;
2109 padding-left: 24px;
2110 padding-right: 26px;
2111 background: #e8ecde url(../images/old/main/grid/search.png) no-repeat 2px 4px;
2112}
2113div.mainPanels div.gridComponent div.header form.search input.search.disabled {
2114 disabled: disabled;
2115}
2116div.mainPanels div.gridComponent div.header form.search input.search.running {
2117 background: #e8ecde url(../images/old/main/grid/running_search.gif) no-repeat 4px 5px;
2118}
2119div.mainPanels div.gridComponent div.body {
2120 clear: both;
2121 background: url(../images/old/main/blocks/cardGridBackground.png) repeat-y -836px;
2122}
2123div.mainPanels div.gridComponent div.footer {
2124 background: url(../images/old/main/blocks/cardGridBackground.png) 834px -28px;
2125 height: 35px;
2126}
2127div.mainPanels div.gridComponent div.body h1 {
2128 margin: 0px;
2129}
2130div.mainPanels div.gridComponent div.body div.rows {
2131 margin-left: 9px;
2132 margin-right: 6px;
2133 min-height: 582px;
2134 background: url(../images/old/main/blocks/cardGridStripes.png) 0 7px;
2135}
2136div.mainPanels div.gridComponent.noRows div.body table.rows thead, div.mainPanels div.gridComponent.empty div.body table.rows thead {
2137 visibility: hidden;
2138}
2139div.mainPanels div.gridComponent.empty div.body div.rows {
2140 background: #eaebe6 url(../images/old/lock/background_star.png) no-repeat center center;
2141}
2142div.mainPanels div.gridComponent.noRows div.body div.rows {
2143 background: #eaebe6;
2144}
2145div.mainPanels div.gridComponent div.body table.rows {
2146 display: block;
2147 width: 100%;
2148}
2149div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected {
2150 background-color: #a5a696;
2151}
2152div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected {
2153 background-color: #a5a696;
2154}
2155div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a {
2156 color: #f3f4eb;
2157}
2158div.mainPanels div.gridComponent div.body table.rows tbody tr.odd {
2159 background-color: #d4d5cf;
2160}
2161div.mainPanels div.gridComponent div.body table.rows tbody tr.even {
2162 background-color: #eaebe6;
2163}
2164div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover {
2165 background-color: #a5a696;
2166}
2167div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover {
2168 background-color: #a5a696;
2169}
2170div.mainPanels div.gridComponent div.body table.rows tbody tr td {
2171 height: 23px;
2172 max-height: 23px;
2173 //white-space: nowrap;
2174 //overflow: hidden;
2175}
2176div.mainPanels div.gridComponent div.body table.rows tbody tr td span {
2177 color: #828479;
2178 font-size: 10pt;
2179}
2180div.mainPanels div.gridComponent div.body table.rows tbody tr td a {
2181 color: #828479;
2182 font-size: 10pt;
2183 text-decoration: none;
2184}
2185div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span {
2186 color: #f3f4eb;
2187}
2188div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span {
2189 color: #f3f4eb;
2190}
2191div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a {
2192 color: #f3f4eb;
2193}
2194div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a {
2195 font-weight: bold;
2196}
2197div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon {
2198 float: right;
2199 padding-right: 6px;
2200}
2201div.gridComponent table.rows thead img {
2202 padding-left: 10px;
2203 vertical-align: middle;
2204}
2205div.gridComponent table.rows thead tr th {
2206 background-color: #eaebe6;
2207 border-bottom: 1px solid #b3b4af;
2208}
2209div.gridComponent table.rows thead span {
2210 color: #8c8f7e;
2211}
2212div.gridComponent table.rows thead tr th.unsorted span.sortable a {
2213 background-image: url(../images/old/main/grid/unsorted.png);
2214}
2215div.gridComponent table.rows thead tr th.descending span.sortable a {
2216 background-image: url(../images/old/main/grid/descending.png);
2217}
2218div.gridComponent table.rows thead tr th.ascending span.sortable a {
2219 background-image: url(../images/old/main/grid/ascending.png);
2220}
2221div.gridComponent table.rows thead tr th.faviconTH {
2222 width: 53px;
2223}
2224div.gridComponent table.rows thead tr th.titleTH {
2225 width: 200px;
2226 max-width: 200px;
2227}
2228div.gridComponent table.rows thead tr th.deleteTH {
2229 width: 50px;
2230}
2231
2232
2233div.mainPanels div.directLoginGrid div.header form.search {
2234 background: url(../images/old/main/blocks/directLoginGridBackground.png) no-repeat;
2235 padding-left: 40px;
2236 padding-top: 20px;
2237 padding-bottom: 10px;
2238 margin: 0px;
2239}
2240
2241div.mainPanels div.directLoginGrid div.header form.search input.search {
2242 border: 1px solid #76786a;
2243 color: #666666;
2244 font-size: 12pt;
2245 padding: 4px;
2246 background-color: #e8ecde;
2247}
2248
2249div.mainPanels div.directLoginGrid div.header form.search input.searchButton {
2250 background-color: #858877;
2251 border: 0px;
2252 color: white;
2253 font-size: 10pt;
2254}
2255
2256div.mainPanels div.directLoginGrid div.body {
2257 background: url(../images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px;
2258}
2259
2260div.mainPanels div.directLoginGrid div.footer {
2261 background: url(../images/old/main/blocks/directLoginGridBackground.png) 834px -28px;
2262 height: 35px;
2263}
2264
2265div.mainPanels div.directLoginGrid div.body h1 {
2266 margin: 0px;
2267}
2268
2269div.mainPanels div.directLoginGrid div.body div.rows {
2270 margin-left: 9px;
2271 margin-right: 6px;
2272 min-height: 582px;
2273 background: url(../images/old/main/blocks/directLoginGridStripes.png) 0 7px;
2274}
2275
2276div.mainPanels div.directLoginGrid div.body table.rows {
2277 display: block;
2278 width: 100%;
2279}
2280
2281div.mainPanels div.directLoginGrid div.body table.rows img {
2282 border: 0px;
2283}
2284
2285div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even {
2286 background-color: #787666;
2287}
2288
2289div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd {
2290 background-color: #646351;
2291}
2292
2293div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover {
2294 background-color: #d1d4c6;
2295}
2296
2297div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover {
2298 background-color: #d1d4c6;
2299}
2300
2301div.mainPanels div.directLoginGrid div.body table.rows tbody tr td {
2302 height: 23px;
2303 color: #e1e0d6;
2304 font-size: 10pt;
2305}
2306
2307div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td {
2308 color: #777867;
2309}
2310
2311div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title {
2312 font-weight: bold;
2313}
2314
2315div.directLoginGrid div.body table.rows tbody tr a {
2316 color: #e1e0d6;
2317 text-decoration: none;
2318}
2319
2320div.directLoginGrid div.body table.rows tbody tr:hover a {
2321 color: #777867;
2322}
2323
2324div.directLogin_directLogin {
2325 display: inline-block;
2326 height: 19px;
2327 padding-left: 7px;
2328}
2329div.directLogin_directLogin div.directLogin_directLogin_body {
2330 display: inline-block;
2331 height: 19px;
2332 padding-right: 8px;
2333 background-position: left;
2334}
2335div.directLogin_directLogin div.directLogin_directLogin_body a {
2336 vertical-align: -14px;
2337}
2338div.directLogin_directLogin:hover {
2339 background: url(../images/old/directLink_background_left.png) no-repeat 0 0;
2340}
2341div.directLogin_directLogin:hover div.directLogin_directLogin_body {
2342 background: url(../images/old/directLink_background.png) right 0;
2343}
2344table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a {
2345 color: #f3f4eb;
2346}
2347
2348div.directLoginGrid table.rows thead span {
2349 color: #e1e0d6;
2350}
2351div.directLoginGrid table.rows thead tr th {
2352 background-color: #787762;
2353 border-bottom: 1px solid #999883;
2354}
2355div.directLoginGrid table.rows thead tr th.faviconTH {
2356 min-width: 53px;
2357 width: 53px;
2358}
2359div.directLoginGrid table.rows thead tr th.titleTH {
2360 min-width: 250px;
2361 width: 250px;
2362}
2363div.directLoginGrid table.rows thead tr th.titleTH span {
2364 margin-left: 7px;
2365}
2366div.directLoginGrid table.rows thead tr th.strengthTH {
2367 width: 100px;
2368}
2369div.directLoginGrid table.rows thead tr th.cardTitleTH {
2370 width: 400px;
2371}
2372div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH {
2373 width: 64px;
2374}
2375div.directLoginGrid table.rows thead tr th.deleteTH {
2376 width: 50px;
2377}
2378div.directLoginGrid table.rows thead tr th.latestAccessTH {
2379 width: 100px;
2380}
2381div.directLoginGrid table.rows thead tr th.commandsTH {
2382 width: 100px;
2383}
2384
2385div.directLoginGrid table.rows thead img {
2386 padding-left: 10px;
2387 vertical-align: middle;
2388}
2389div.directLoginGrid table.rows thead tr th.unsorted span.sortable a {
2390 background: url(../images/old/main/grid/directLogins/unsorted.png) no-repeat;
2391}
2392div.directLoginGrid table.rows thead tr th.descending span.sortable a {
2393 background: url(../images/old/main/grid/directLogins/descending.png) no-repeat;
2394}
2395div.directLoginGrid table.rows thead tr th.ascending span.sortable a {
2396 background: url(../images/old/main/grid/directLogins/ascending.png) no-repeat;
2397}
2398
2399div.subPanelTabs ul {
2400 margin: 0px;
2401 margin-right: 7px;
2402 padding: 0px;
2403}
2404div.subPanelTabs ul li {
2405 display: inline-block;
2406 vertical-align: middle;
2407 //width: 130px;
2408
2409 height: 50px;
2410 //border-right: 1px solid #a5a79c;
2411 //border-bottom: 1px solid #a5a79c;
2412
2413 border-right: 1px solid #eef0e3;
2414 border-bottom: 1px solid #d5d5bc;
2415}
2416div.subPanelTabs ul li.first:hover {
2417 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px;
2418}
2419div.subPanelTabs ul li:hover {
2420 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px;
2421
2422 border-right: 1px solid #d5d5bc;
2423 background-color: #eef0e3;
2424}
2425div.subPanelTabs ul li a {
2426 color: #787872;
2427 text-decoration: none;
2428 display: block;
2429 text-align: center;
2430 padding-top: 15px;
2431 padding-left: 20px;
2432 padding-right: 20px;
2433 font-size: 13pt;
2434}
2435div.subPanelTabs ul li.first {
2436 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px;
2437
2438 -webkit-border-top-left-radius: 20px;
2439 -moz-border-radius-topleft: 20px;
2440 border-top-left-radius: 20px;
2441}
2442div.subPanelTabs ul li.selected {
2443 //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px;
2444
2445 background-color: #eef0e3;
2446 border-bottom: 1px solid #eef0e3;
2447 border-right: 1px solid #d5d5bc;
2448}
2449div.subPanelTabs ul li.selected:hover {
2450 border-right: 1px solid #d5d5bc;
2451}
2452div.subPanelTabs ul li.selected a {
2453 color: #444440;
2454}
2455div.subPanelContent {
2456 padding-top: 20px;
2457 padding-left: 30px;
2458 padding-right: 30px;
2459 min-height: 280px;
2460 color: #787872;
2461 margin: 0px 6px 0 9px;
2462}
2463div.subPanelContent ul {
2464 margin: 0px;
2465 padding: 0px;
2466 list-style-type: none;
2467}
2468div.subPanelContent ul li.selected {
2469 display: block;
2470}
2471div.subPanelContent ul li {
2472 display: none;
2473}
2474div.subPanelContent h3 {
2475 margin: 0px;
2476 border: 0px;
2477 padding: 0px;
2478}
2479
2480div.mainPanels div.otherPanel {
2481 margin: 5px 10px;
2482 background-color: #eef0e3;
2483 -webkit-border-radius: 20px;
2484 -moz-border-radius: 20px;
2485 border-radius: 20px;
2486 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
2487 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
2488 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
2489}
2490div.mainPanels div.otherPanel div.header {
2491 //background: url(../images/old/main/blocks/otherPanelBackground.png) no-repeat;
2492 //height: 90px;
2493 background-color: #d5d5bc;
2494 //padding-left: 9px;
2495 //padding-top: 5px;
2496
2497 margin: 0px;
2498 margin-bottom: 0px;
2499 -webkit-border-top-left-radius: 20px;
2500 -webkit-border-top-right-radius: 20px;
2501 -moz-border-radius-topleft: 20px;
2502 -moz-border-radius-topright: 20px;
2503 border-top-left-radius: 20px;
2504 border-top-right-radius: 20px;
2505}
2506div.mainPanels div.otherPanel div.body {
2507 //background: url(../images/old/main/blocks/otherPanelBackground.png) repeat-y -836px;
2508
2509 margin: 0px;
2510 border: 0px;
2511 padding: 0px;
2512}
2513div.mainPanels div.otherPanel div.footer {
2514 //background: url(../images/old/main/blocks/otherPanelBackground.png) 834px -18px;
2515
2516 height: 45px;
2517}
2518div.mainPanels div.otherPanel div.body h1 {
2519 margin: 0px;
2520}
2521
2522form.changePassphrase div.currentCredentials, form.changePassphrase div.newPassphrase {
2523 float: left;
2524 padding: 10px 20px;
2525}
2526form.changePassphrase label {
2527 display: inline-block;
2528 width: 150px;
2529}
2530form.changePassphrase div.confirm {
2531 clear: both;
2532 padding: 10px 20px;
2533}
2534form.changePassphrase div.confirm label {
2535 width: 500px;
2536}
2537div.accountPanel h3.manageOTP {
2538 margin-top: 20px;
2539 margin-left: -20px;
2540 padding-top: 10px;
2541 padding-left: 20px;
2542 border-top: 1px solid #aaaaaa;
2543}
2544
2545div#modalDialogMask, div.modalDialogMask {
2546 z-index: 20000;
2547 //position: absolute;
2548
2549 position: fixed;
2550 top: 0;
2551 left: 0;
2552 -moz-opacity: 0.5;
2553 opacity: .50;
2554 filter: alpha(opacity=50);
2555 //background-color: #cccccc;
2556
2557 background-color: #000000;
2558 width: 100%;
2559 height: 100%;
2560 zoom: 1;
2561}
2562div#modalDialogFrame, div.modalDialogFrame {
2563 position: absolute;
2564 //border: 1px solid white;
2565
2566 -moz-opacity: 0.5;
2567 opacity: .50;
2568 filter: alpha(opacity=50);
2569 background-color: #333333;
2570 z-index: 20001;
2571 -webkit-border-radius: 20px;
2572 -moz-border-radius: 20px;
2573 border-radius: 20px;
2574}
2575div#modalDialog, div.modalDialog {
2576 z-index: 20001;
2577}
2578// div#modalDialog.scrollable,
2579div.modalDialog.scrollable {
2580 position: absolute;
2581 top: 0;
2582 left: 50%;
2583}
2584// div#modalDialog.fixed,
2585div.modalDialog.fixed {
2586 position: fixed;
2587 top: 40%;
2588 left: 50%;
2589}
2590div#modalDialog div, div.modalDialog div {
2591 z-index: 20002;
2592 list-style-type: circle;
2593}
2594div.modalDialogMask.simpleMessagePanelMask {
2595 z-index: 20010;
2596}
2597div.modalDialogFrame.simpleMessagePanelMask {
2598 z-index: 20011;
2599}
2600div.modalDialog.simpleMessagePanelMask {
2601 z-index: 20011;
2602}
2603div.modalDialog.simpleMessagePanelMask div {
2604 z-index: 20012;
2605}
2606
2607div.bookmarklet div.bookmarklet_link {
2608 //padding-top: 5px;
2609 //padding-left: 4px;
2610 //padding-right: 3px;
2611
2612 //float: right;
2613 //margin-top: 12px;
2614 //margin-right: 13px;
2615
2616 height: 34px;
2617}
2618div.bookmarklet div.bookmarklet_link a {
2619 color: #838975;
2620 text-decoration: none;
2621 font-weight: bold;
2622 font-size: 10pt;
2623
2624 //display: block;
2625 //text-align: right;
2626 //padding-top: 7px;
2627 //padding-right: 11px;
2628 //padding-bottom: 6px;
2629}
2630div.bookmarklet div.bookmarklet_link a div.icon {
2631 background: url(../images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0;
2632 float: left;
2633 width: 34px;
2634 height: 34px;
2635}
2636div.bookmarklet div.bookmarklet_link a:hover div.icon {
2637 background: url(../images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0;
2638}
2639div.bookmarklet div.bookmarklet_link a div.text {
2640 display: block;
2641 float: right;
2642 background: url(../images/old/bookmarklet/placeholder.png) no-repeat right 0;
2643 white-space: nowrap;
2644 height: 34px;
2645}
2646div.bookmarklet div.bookmarklet_link a:hover div.text {
2647 background: url(../images/old/bookmarklet/placeholder_selected.png) no-repeat right 0;
2648}
2649div.bookmarklet div.bookmarklet_link a div.text span {
2650 display: block;
2651 padding-top: 10px;
2652 padding-right: 10px;
2653 padding-left: 6px;
2654 clear: both;
2655}
2656
2657div.tooltip {
2658 position: absolute;
2659 z-index: 30001;
2660}
2661div.tooltip div.tooltip_body {
2662 position: absolute;
2663}
2664div.tooltip div.tooltip_arrow {
2665 position: absolute;
2666}
2667div.tooltip.BELOW div.tooltip_arrow {
2668 background: url(../images/old/tooltips/top_arrow.png) no-repeat;
2669}
2670div.tooltip.ABOVE div.tooltip_arrow {
2671 background: url(../images/old/tooltips/bottom_arrow.png) no-repeat;
2672}
2673div.tooltip.LEFT div.tooltip_arrow {
2674 background: url(../images/old/tooltips/right_arrow.png) no-repeat;
2675}
2676div.tooltip.RIGHT div.tooltip_arrow {
2677 //margin-top: 7px;
2678
2679 background: url(../images/old/tooltips/left_arrow.png) no-repeat;
2680}
2681div.tooltip.RIGHT div.tooltip_body {
2682 //padding-left: 13px;
2683
2684}
2685div.tooltip div.tooltip_body div.tooltip_text {
2686 width: 171px;
2687 background: url(../images/old/tooltips/body.png) no-repeat center top;
2688}
2689div.tooltip.LEFT div.tooltip_body div.tooltip_text, div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
2690 min-height: 45px;
2691}
2692div.tooltip div.tooltip_body span {
2693 display: block;
2694 padding: 10px;
2695 padding-bottom: 4px;
2696 font-size: 10pt;
2697 color: white;
2698}
2699div.tooltip div.tooltip_footer {
2700 height: 7px;
2701 background: url(../images/old/tooltips/body_bottom.png) no-repeat;
2702}
2703
2704// ---------------------------------------
2705
2706
2707div.mainDialog {
2708 position: relative;
2709 left: -263px;
2710 width: 525px;
2711 height: 325px;
2712}
2713div.scrollable div.mainDialog {
2714 top: 0px;
2715}
2716div.fixed div.mainDialog {
2717 top: -118px;
2718}
2719div.mainDialog div.header {
2720 height: 55px;
2721 background: url(../images/old/cardDialog/background_header.png) no-repeat;
2722}
2723div.mainDialog div.header div.title {
2724 padding-top: 16px;
2725 padding-left: 20px;
2726 padding-right: 20px;
2727}
2728div.mainDialog div.header div.title input {
2729 width: 100%;
2730 display: block;
2731 font-size: 16pt;
2732 margin: 0px;
2733 border: 0px;
2734 padding: 3px 10px;
2735 color: #787872;
2736 border: 1px solid #cccec0;
2737 background-color: #cccec0;
2738}
2739div.mainDialog div.header div.title h3 {
2740 display: block;
2741 font-size: 16pt;
2742 color: #787872;
2743 margin: 0px;
2744 border: 0px;
2745 padding: 3px 10px;
2746}
2747div.mainDialog div.header div.title.selectedField input, div.mainDialog div.header div.title:hover input {
2748 border: 1px solid #515247;
2749 background-color: #b5b7ab;
2750}
2751div.mainDialog div.header div.title.disabled:hover input {
2752 border: 1px solid #cccec0;
2753 background-color: #cccec0;
2754}
2755div.mainDialog div.body {
2756 padding-top: 0px;
2757 padding-left: 10px;
2758 padding-right: 9px;
2759 min-height: 200px;
2760 background: url(../images/old/cardDialog/background_body.png) repeat-y;
2761}
2762div.mainDialog div.body div.mask {
2763 display: none;
2764}
2765div.mainDialog.loading div.body div.mask {
2766 display: block;
2767 position: absolute;
2768 top: 55px;
2769 left: 10px;
2770 right: 9px;
2771 bottom: 70px;
2772 z-index: 1001;
2773 background-color: white;
2774 padding-left: 146px;
2775 padding-right: 146px;
2776 padding-top: 70px;
2777}
2778div.mainDialog.loading div.body .tabPanels {
2779 display: none;
2780}
2781div.mainDialog.loading div.body div.mask h3.progressDescription {
2782 margin: 0px;
2783 text-align: center;
2784 padding-bottom: 10px;
2785 color: #cccec0;
2786 font-size: 14pt;
2787 font-weight: normal;
2788}
2789div.loadingBar {
2790 height: 22px;
2791 width: 214px;
2792 background: url(../images/old/loading/loadingBar.gif) no-repeat center top;
2793}
2794div.loadingBar div.loadingBarProgressBox {
2795 padding: 2px;
2796}
2797div.loadingBar div.loadingBarProgress {
2798 height: 18px;
2799 width: 0%;
2800 //background-repeat: no-repeat;
2801
2802 background-color: rgba(248, 79, 0, 0.6);
2803 -webkit-border-radius: 9px;
2804 -moz-border-radius: 9px;
2805 border-radius: 9px;
2806}
2807
2808div.mainDialog div.body div ul {
2809 padding: 0px;
2810 clear: both;
2811 margin: 0px;
2812 list-style-type: none;
2813}
2814div.mainDialog div.body div.tabs {
2815 height: 20px;
2816}
2817div.mainDialog div.body div.tabs ul.tabs {
2818 height: 33px;
2819 //border-bottom: 1px solid #515247;
2820 //background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;
2821
2822 background: url(../images/old/cardDialog/tabs_background.png) repeat-x;
2823}
2824div.mainDialog div.body div.tabs ul.tabs li {
2825 //width: 150px;
2826
2827 height: 32px;
2828 font-size: 11pt;
2829 text-align: center;
2830 border-right: 1px solid #515247;
2831 float: left;
2832 color: #787872;
2833 border-bottom: 1px solid #515247;
2834 background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;
2835 cursor: pointer;
2836}
2837div.mainDialog div.body div.tabs ul.tabs li div {
2838 display: none;
2839}
2840div.mainDialog div.body div.tabs ul.tabs li span {
2841 display: block;
2842 padding-top: 9px;
2843 padding-bottom: 6px;
2844 padding-left: 40px;
2845 padding-right: 40px;
2846}
2847div.mainDialog div.body div.tabs ul.tabs li:hover {
2848 color: #515247;
2849}
2850div.mainDialog div.body div.tabs ul.tabs li.disabled:hover {
2851 color: #787872;
2852 cursor: default;
2853}
2854div.mainDialog div.body div.tabs ul.tabs li.selected {
2855 color: #515247;
2856 background-color: #f1f2e9;
2857 border-bottom: 1px solid #f1f2e9;
2858 cursor: default;
2859}
2860div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover {
2861 color: #515247;
2862}
2863div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList {
2864 position: absolute;
2865 display: block;
2866 top: 63px;
2867 left: 140;
2868 width: 20px;
2869}
2870div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton {
2871 position: absolute;
2872 display: block;
2873 top: 63px;
2874 left: 265px;
2875 width: 20px;
2876}
2877div.mainDialog div.body div.tabs ul.tabs li.selected div span {
2878 padding: 0px;
2879 margin: 0px;
2880}
2881div.mainDialog div.body div.tabs ul.tabs li.selected div:hover {
2882 cursor: pointer;
2883}
2884div.mainDialog div.body .tabPanels {
2885 clear: both;
2886}
2887div.mainDialog div.body ul.tabPanels li.tabPanel {
2888 display: none;
2889}
2890div.mainDialog div.body ul.tabPanels li.tabPanel.selected {
2891 display: block;
2892}
2893div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 {
2894 margin: 0px;
2895 text-align: center;
2896 padding-top: 50px;
2897 color: #787872;
2898}
2899div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription {
2900 margin: 0px 20px 10px;
2901 font-size: 10pt;
2902 color: b0b0b0;
2903 font-style: italic;
2904 text-align: center;
2905}
2906div.mainDialog div.footer {
2907 height: 70px;
2908 background: url(../images/old/cardDialog/background_footer.png) no-repeat 0 -14px;
2909}
2910div.mainDialog div.footer div.buttonArea {
2911 padding-left: 40px;
2912 padding-right: 40px;
2913 padding-top: 15px;
2914}
2915div.mainDialog div.footer div.buttonArea div {
2916 padding-left: 20px;
2917 padding-right: 20px;
2918 float: left;
2919 font-weight: bold;
2920 color: #787872;
2921}
2922div.mainDialog div.footer div.buttonArea div.disabled {
2923 color: #b1b1a8;
2924}
2925div.mainDialog div.footer div.buttonArea div.disabled:hover {
2926 color: #b1b1a8;
2927 cursor: default;
2928}
2929div.mainDialog div.footer div.buttonArea div:hover {
2930 color: #515247;
2931 cursor: pointer;
2932}
2933div.mainDialog div.footer div.buttonArea div.save {
2934 float: right;
2935}
2936
2937div.addDirectLoginButton {
2938 height: 20px;
2939 width: 20px;
2940 background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px;
2941 color: white;
2942 font-weight: bold;
2943}
2944div.addDirectLoginButton span {
2945 display: block;
2946 height: 20px;
2947 width: 20px;
2948}
2949div.addDirectLoginButton:hover {
2950 background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px;
2951}
2952
2953div.directLoginsComponentContainer {
2954 overflow: hidden;
2955 //background-color: green;
2956
2957}
2958div.CardDialog div.directLogins {
2959 //background-color: yellow;
2960
2961 padding-top: 2px;
2962}
2963div.CardDialog div.addNewDirectLoginSplash {
2964 margin: 0px 80px;
2965}
2966div.CardDialog div.addNewDirectLoginSplash h3 {
2967 color: #aaaaaa;
2968 text-align: center;
2969 font-weight: normal;
2970 font-size: 11pt;
2971}
2972div.CardDialog div.addNewDirectLoginSplash a {
2973 display: block;
2974 text-decoration: none;
2975 margin-left: auto;
2976 margin-right: auto;
2977 width: 190px;
2978 //color: #787878;
2979
2980 color: rgba(255, 98, 6, 0.75);
2981 text-transform: uppercase;
2982 background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right;
2983}
2984div.CardDialog div.addNewDirectLoginSplash a span {
2985 text-align: center;
2986}
2987div.CardDialog div.addNewDirectLoginSplash a:hover {
2988 color: #ff6206;
2989 background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat right;
2990}
2991div.CardDialog div.directLoginItem {
2992 clear: both;
2993 min-height: 32px;
2994 padding-left: 10px;
2995 padding-top: 4px;
2996 padding-bottom: 2px;
2997 //width: 100px;
2998
2999 max-height: 32px;
3000 overflow: hidden;
3001}
3002div.CardDialog div.directLoginItem:hover {
3003 background-color: #cccec0;
3004}
3005div.CardDialog div.addDirectLoginListItem {
3006 min-height: 32px;
3007 padding-left: 10px;
3008 padding-top: 4px;
3009 padding-bottom: 2px;
3010 max-height: 32px;
3011 overflow: hidden;
3012 background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0;
3013}
3014div.CardDialog div.addDirectLoginListItem a {
3015 display: block;
3016 font-size: 11pt;
3017 padding-top: 6px;
3018 padding-left: 50px;
3019 color: rgba(255, 98, 6, 0.75);
3020 text-decoration: none;
3021 text-transform: uppercase;
3022}
3023div.CardDialog div.addDirectLoginListItem:hover {
3024 background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0;
3025 color: #ff6206;
3026 background-color: #cccec0;
3027}
3028div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon {
3029 width: 32px;
3030 height: 32px;
3031 float: left;
3032}
3033div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input {
3034 float: left;
3035 font-size: 11pt;
3036 border: 0px;
3037 padding: 5px;
3038 color: #787872;
3039 border: 1px solid #ededeb;
3040 background-color: #ededeb;
3041 height: 30px;
3042 margin-left: 10px;
3043 width: 68%;
3044 margin-right: 5px;
3045}
3046div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input {
3047 border: 1px solid #515247;
3048 background-color: #b5b7ab;
3049}
3050div.CardDialog div.directLoginItem > div.open {
3051 float: left;
3052 margin-top: 5px;
3053 margin-right: 2px;
3054 padding-left: 5px;
3055 visibility: hidden;
3056}
3057div.CardDialog div.directLoginItem > div.edit, div.CardDialog div.directLoginItem > div.delete {
3058 float: left;
3059 margin-top: 5px;
3060 margin-left: 3px;
3061 padding-left: 5px;
3062 visibility: hidden;
3063}
3064div.CardDialog div.directLoginItem > div.open a {
3065 display: block;
3066 width: 22px;
3067 height: 22px;
3068 background: url(../images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px;
3069}
3070div.CardDialog div.directLoginItem > div.open a:hover {
3071 background: url(../images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px;
3072}
3073div.CardDialog div.directLoginItem:hover > div.open, div.CardDialog div.directLoginItem:hover > div.edit, div.CardDialog div.directLoginItem:hover > div.delete {
3074 visibility: visible;
3075}
3076div.CardDialog div.directLoginItem div.edit span {
3077 padding-right: 6px;
3078 display: block;
3079}
3080div.CardDialog div.directLoginItem div.open span a, div.CardDialog div.directLoginItem div.edit span a, div.CardDialog div.directLoginItem div.delete span a {
3081 font-size: 8pt;
3082 color: #666666;
3083 text-decoration: none;
3084 line-height: 19px;
3085}
3086div.CardDialog div.directLoginItem div.edit:hover {
3087 background: url(../images/old/new_background_left.png) no-repeat;
3088}
3089div.CardDialog div.directLoginItem div:hover span a {
3090 color: white;
3091}
3092div.CardDialog div.directLoginItem div.edit:hover span {
3093 background: url(../images/old/new_background.png) no-repeat right center;
3094}
3095div.CardDialog div.directLoginItem div.delete:hover {
3096 background: url(../images/old/delete_background_left.png) no-repeat;
3097}
3098div.CardDialog div.directLoginItem div.delete:hover span {
3099 background: url(../images/old/delete_background.png) right;
3100}
3101div.CardDialog div.directLoginEditDetail {
3102 position: relative;
3103 //background-color: red;
3104
3105}
3106
3107form.directLoginEditingForm div.title, form.directLoginEditingForm div.favicon {
3108 padding: 5px 10px;
3109}
3110form.directLoginEditingForm div.title.disabled:hover {
3111 background-color: #f1f2e9;
3112}
3113form.directLoginEditingForm div.title:hover, form.directLoginEditingForm div.favicon:hover {
3114 background-color: #cccec0;
3115}
3116form.directLoginEditingForm div.title input {
3117 //width: 100%;
3118
3119 margin: 0px;
3120 margin-left: 10px;
3121 width: 440px;
3122}
3123form.directLoginEditingForm div.favicon {
3124 padding-left: 10px;
3125}
3126// form.directLoginEditingForm div.favicon img.favicon {
3127form.directLoginEditingForm img.favicon {
3128 float: left;
3129 width: 32px;
3130 height: 32px;
3131}
3132form.directLoginEditingForm div.favicon input {
3133 margin-top: 1px;
3134 width: 465px;
3135}
3136form.directLoginEditingForm div.disabled:hover input, form.directLoginEditingForm div input {
3137 font-size: 11pt;
3138 border: 0px;
3139 padding: 5px;
3140 color: #787872;
3141 border: 1px solid #ededeb;
3142 background-color: #ededeb;
3143 height: 30px;
3144}
3145form.directLoginEditingForm div:hover input {
3146 border: 1px solid #515247;
3147 background-color: #b5b7ab;
3148}
3149
3150div.bindings div.binding > span.formFieldName {
3151 display: inline-block;
3152 width: 140px;
3153 overflow: hidden;
3154 margin-right: 10px;
3155 color: #6b5147;
3156 text-overflow: ellipsis;
3157}
3158div.bindings div.binding {
3159 padding-bottom: 3px;
3160}
3161div.bindings div.binding > input {
3162 margin-right: 10px;
3163 background: #cccec0;
3164 width: 150px;
3165 border: 1px solid #cccec0;
3166}
3167div.bindings div.binding:hover > input {
3168 border: 1px solid #cccec0;
3169}
3170div.bindings div.binding > select {
3171 font-size: 13pt;
3172}
3173div.bindings div.binding span.fieldLock {
3174 display: inline-block;
3175 width: 20px;
3176 height: 20px;
3177 margin-right: 3px;
3178}
3179div.bindings div.binding.showLocked input {
3180 background: url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px;
3181 //color: black;
3182
3183 overflow: hidden;
3184 background: #cccec0 url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px;
3185 color: rgba(237, 237, 235, 0.1);
3186}
3187div.bindings div.binding span.fieldLock a {
3188 display: none;
3189}
3190div.bindings div.binding.locked span.fieldLock a {
3191 display: block;
3192 width: 20px;
3193 height: 20px;
3194 text-decoration: none;
3195 background-image: url(../images/old/cardDialog/lock_open.png);
3196} 1970}
3197div.bindings div.binding.locked.showLocked span.fieldLock a { 1971div.sidePanels div.tabSidePanel {
3198 background-image: url(../images/old/cardDialog/lock_closed.png); 1972 margin-right: -10px;
3199 text-decoration: none;
3200} 1973}
3201 1974div.sidePanels div.tabSidePanel ul {
3202div.formValues { 1975 margin: 0px;
3203 padding-top: 15px; 1976 padding-left: 0px;
1977 list-style-type: none;
1978 color: #f78b46;
3204} 1979}
3205div.formValues div.formValue div { 1980div.sidePanels div.tabSidePanel ul.mainTabs {
3206 margin: 0px; 1981 margin: 0px;
3207 display: inline-block;
3208} 1982}
3209div.formValues div.formValue > span.formFieldName { 1983div.sidePanels div.tabSidePanel ul.mainTabs li a {
3210 display: inline-table; 1984 display: block;
3211 width: 160px; 1985 line-height: 30px;
3212 overflow: hidden; 1986 height: 43px;
3213 margin-right: 10px; 1987 padding-left: 40px;
3214 color: #6b5147; 1988 color: #ff6621;
1989 margin: 0px;
1990 font-weight: normal;
1991 font-size: 13pt;
1992 text-decoration: none;
3215} 1993}
3216 1994div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter {
3217div.directLoginEditing { 1995 display: none;
3218 padding-top: 2px;
3219} 1996}
3220div.directLoginEditing div.tabContainer { 1997div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add {
3221 min-height: 150px; 1998 font-size: 14pt;
3222 height: 200px; 1999 font-weight: bold;
2000 position: relative;
2001 top: -34px;
2002 right: 16px;
2003 background: none;
2004 color: #c0531b;
2005 padding-left: 15px;
3223} 2006}
3224div.directLoginEditing div.tabContainer > ul.tabs { 2007div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add:hover {
3225 display: none; 2008 color: white;
3226} 2009}
3227 2010div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add span {
3228div.directLoginEditing li { 2011 font-size: 8pt;
3229 padding: 10px; 2012 vertical-align: middle;
3230} 2013}
3231div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { 2014div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add h3 {
3232 float: left; 2015 display: inline;
3233 width: 320px; 2016 padding-left: 5px;
3234 height: 125px;
3235 font-family: monospace;
3236 font-weight: normal;
3237 font-size: 8pt;
3238 border: 1px solid #ccc;
3239} 2017}
3240div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { 2018div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter {
3241 float: right; 2019 display: block;
2020 position: absolute;
2021 left: 154px;
2022 margin-top: -43px;
3242} 2023}
3243div.directLoginEditing li.configuration > textarea.error { 2024div.sidePanels div.tabSidePanel ul.mainTabs li.cards a {
3244 border: 1px solid red; 2025 background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px;
3245 background-color: rgba(255, 0, 0, 0.1);
3246} 2026}
3247 2027div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover {
3248div.CardDialog div.body { 2028 background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px;
3249 padding-bottom: 1px;
3250} 2029}
3251div.CardDialog div.body table.fields { 2030div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a {
3252 width: 100%; 2031 margin-left: -10px;
3253 padding-top: 8px; 2032 padding-left: 50px;
3254 padding-bottom: 1px; 2033 color: white;
2034 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
3255} 2035}
3256div.CardDialog div.body table.fields thead { 2036div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a:hover {
3257 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; 2037 background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
3258} 2038}
3259div.CardDialog div.body table.fields tfoot { 2039div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a {
3260 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; 2040 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px;
3261} 2041}
3262div.CardDialog div.body table.fields thead th { 2042div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a:hover {
3263 text-align: left; 2043 background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px;
3264 font-weight: normal;
3265 font-size: 9pt;
3266 color: #787872;
3267 padding-left: 10px;
3268 padding-bottom: 3px;
3269 //border-bottom: 1px dotted;
3270} 2044}
3271div.CardDialog div.body table.fields thead th.fieldStateTH { 2045div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a {
3272 width: 10px; 2046 margin-left: -10px;
2047 padding-left: 50px;
2048 color: white;
2049 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
3273} 2050}
3274div.CardDialog div.body table.fields tbody td.fieldLabel input { 2051div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover {
3275 width: 130px; 2052 color: white;
2053 background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
3276} 2054}
3277div.CardDialog div.body table.fields thead th.fieldLockTH { 2055div.sidePanels div.tabSidePanel ul.otherTabs {
3278 width: 10px; 2056 margin: 10px 0px;
3279} 2057}
3280div.CardDialog div.body table.fields tbody td.fieldValue input { 2058div.sidePanels div.tabSidePanel ul.otherTabs li {
3281 width: 280px; 2059 margin-top: -4px;
3282} 2060}
3283div.CardDialog div.body table.fields thead th.fieldActionTH { 2061div.sidePanels div.tabSidePanel ul.otherTabs li div.selectionHighlighter {
3284 width: 30px; 2062 display: none;
3285} 2063}
3286div.CardDialog div.body table.fields thead th.fieldDeleteTH { 2064div.sidePanels div.tabSidePanel ul.otherTabs li a {
3287 width: 40px; 2065 display: block;
2066 line-height: 36px;
2067 height: 43px;
2068 padding-left: 40px;
2069 color: #ff6621;
2070 text-decoration: none;
3288} 2071}
3289div.CardDialog div.body table.fields tbody tr:hover, div.CardDialog div.body table.fields tbody tr.selectedField { 2072div.sidePanels div.tabSidePanel ul.otherTabs li a:hover {
3290 background-color: #cccec0; 2073 background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;
3291} 2074}
3292div.CardDialog div.body table.fields tbody tr td { 2075div.sidePanels div.tabSidePanel ul.otherTabs li.selected a {
3293 font-size: 11pt; 2076 margin-left: -10px;
3294 color: #787872; 2077 padding-left: 50px;
3295 height: 35px; 2078 background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px;
2079 color: white;
3296} 2080}
3297div.CardDialog div.body table.fields tbody tr td input { 2081div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter {
3298 font-size: 11pt; 2082 display: block;
3299 border: 0px; 2083 position: absolute;
3300 padding: 5px; 2084 left: 154px;
3301 color: #787872; 2085 margin-top: -42px;
3302 border: 1px solid #ededeb;
3303 background-color: #ededeb;
3304 height: 30px;
3305} 2086}
2087div.tagSidePanel {
2088 /*
2089 margin-right: -8px;
3306 2090
3307div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { 2091 div.tagSidePanel div.header {
3308 background: #ededeb url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; 2092 height: 50px;
3309 color: #ededeb; 2093 background-image: url(../images/old/main/tabs/tagsBackground.png);
3310 color: rgba(237, 237, 235, 0.1); 2094 }
3311 //color: black; 2095 div.tagSidePanel div.header h1 {
3312 //line-height: 100px; 2096 padding-left: 52px;
3313 2097 padding-top: 14px;
3314 overflow: hidden; 2098 font-size: 14pt;
3315} 2099 font-weight: normal;
3316div.locked input.value::-moz-selection { 2100 color: #888888;
3317 background: #ff0000; 2101 }
3318} 2102 div.tagSidePanel div.body {
3319div.locked input.value::selection { 2103 background: url(../images/old/main/tabs/tagsBackground.png) -255px;
3320 background: #ff0000; 2104 }
3321} 2105 div.tagSidePanel div.footer {
3322div.CardDialog div.body table.fields tbody tr.new.selectedField td input, 2106 height: 10px;
3323div.CardDialog div.body table.fields tbody tr.new:hover td input, 2107 background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px;
3324div.CardDialog div.body table.fields tbody tr:hover td input, 2108 }
3325div.CardDialog div.body table.fields tbody tr.selectedField td input { 2109 div.tagSidePanel ul.tags {
3326 border: 1px solid #515247; 2110 margin: 0px;
3327 background-color: #b5b7ab; 2111 list-style-type: none;
3328} 2112 padding: 0px;
3329div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { 2113 }
3330 background: #b5b7ab url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; 2114 div.tagSidePanel ul.tags li a {
3331 color: #b5b7ab; 2115 display: block;
3332 color: rgba(237, 237, 235, 0.1); 2116 font-size: 9pt;
3333} 2117 text-decoration: none;
3334div.CardDialog div.body table.fields tbody td.fieldLock div { 2118 color: #ff6621;
3335 width: 20px; 2119 padding: 0px 4px 0px 15px;
3336 height: 19px; 2120 line-height: 20px;
3337 cursor: pointer; 2121 }
3338} 2122 div.tagSidePanel ul.tags li a:hover {
3339div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { 2123 background-color: #dddddd;
3340 background-image: url(../images/old/cardDialog/lock_closed.png); 2124 }
3341} 2125 div.tagSidePanel ul.tags li span.tagCardinality {
3342div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { 2126 float: right;
3343 background-image: url(../images/old/cardDialog/lock_open.png); 2127 font-size: 8pt;
3344} 2128 color: #999999;
3345div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { 2129 margin-right: 15px;
3346 text-decoration: none; 2130 margin-top: -17px;
3347 visibility: hidden; 2131 }
3348 font-size: 8pt; 2132 div.tagSidePanel ul.tags li.selected a {
3349 vertical-align: -13px; 2133 background-color: #d4d5cf;
3350 color: black; 2134 }
3351} 2135 div.tagSidePanel ul.tags li.selected a:hover {
3352div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { 2136 background-color: #d4d5cf;
3353 visibility: visible; 2137 }
3354} 2138 div.tagSidePanel ul.tags li.selected a {
3355div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { 2139 font-weight: bold;
3356 visibility: visible; 2140 }
3357} 2141*/
3358div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a {
3359 color: white;
3360}
3361div.CardDialog div.body div.notes {
3362 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 0;
3363 padding-top: 2px;
3364}
3365div.CardDialog div.body div.notes div {
3366 padding-left: 20px;
3367 padding-right: 20px;
3368 padding-top: 4px;
3369 padding-bottom: 4px;
3370}
3371div.CardDialog div.body div.notes div:hover, div.CardDialog div.body div.notes.selectedField div {
3372 background-color: #cccec0;
3373}
3374div.CardDialog.loading div.body div.notes div textarea {
3375 display: none;
3376}
3377div.CardDialog div.body div.notes div textarea {
3378 border: 0;
3379 width: 470px;
3380 //width: 100%;
3381 //height: 100px;
3382 // min-height: 400px;
3383 //overflow: hidden;
3384
3385 color: #787872;
3386 border: 1px solid #ededeb;
3387 background-color: #ededeb;
3388 display: block;
3389 line-height: 12pt;
3390 min-height: 50px;
3391}
3392div.CardDialog div.body div.notes div:hover textarea, div.CardDialog div.body div.notes.selectedField div textarea {
3393 border: 1px solid #515247;
3394 background-color: #b5b7ab;
3395}
3396div.CardDialog div.body table.fields tbody tr td.fieldAction {
3397 //background-color: red;
3398
3399 padding-left: 4px;
3400}
3401div.CardDialog div.body table.fields tbody tr td.fieldAction a {
3402 display: inline-block;
3403 text-decoration: none;
3404 text-align: center;
3405 width: 16px;
3406 height: 16px;
3407}
3408div.CardDialog div.body table.fields tbody tr td.fieldAction a.email {
3409 background: url(../images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0;
3410}
3411div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover {
3412 background: url(../images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0;
3413}
3414div.CardDialog div.body table.fields tbody tr td.fieldAction a.url {
3415 background: url(../images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0;
3416}
3417div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover {
3418 background: url(../images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0;
3419}
3420div.CardDialog div.body table.fields tbody tr td.fieldAction a.password {
3421 background: url(../images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0;
3422}
3423div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover {
3424 background: url(../images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0;
3425}
3426div#disabledZone {
3427 display: block;
3428 visibility: visible;
3429}
3430div#messageZone {
3431 display: block;
3432 visibility: visible;
3433}
3434div.CardDialog div.error div.img {
3435 margin: 10px;
3436 width: 50px;
3437 height: 50px;
3438 float: left;
3439 background-image: url(../images/old/simpleMessageBox/Alert.png);
3440}
3441div.rulerWrapper {
3442 left: -1000px;
3443 margin-top: -30px;
3444 margin-left: 50%;
3445 z-index: 25000;
3446}
3447div.rulerWrapper.fixed {
3448 position: fixed;
3449}
3450div.rulerWrapper.scrollable {
3451 position: absolute;
3452} 2142}
3453div.ruler { 2143div.groupSidePanel {
3454 //position: absolute; 2144 /*
3455 2145 margin-right: -10px;
3456 width: 541px;
3457 height: 96px;
3458 margin-left: -270px;
3459 background: url(../images/old/ruler/ruler.png) no-repeat;
3460}
3461div.ruler a {
3462 position: absolute;
3463 display: block;
3464 width: 15px;
3465 height: 15px;
3466 top: 3px;
3467 text-decoration: none;
3468}
3469div.ruler a.exit {
3470 margin-left: 2px;
3471 background: url(../images/old/ruler/exit.png) no-repeat;
3472}
3473div.ruler a.exit:hover {
3474 background: url(../images/old/ruler/exit_selected.png) no-repeat;
3475}
3476div.ruler a.smallButton.previous {
3477 right: 16px;
3478 background: url(../images/old/ruler/small_previous.png) no-repeat;
3479}
3480div.ruler a.smallButton.previous:hover {
3481 cursor: pointer;
3482 background: url(../images/old/ruler/small_previous_selected.png) no-repeat;
3483}
3484div.ruler a.smallButton.previous.disabled, div.ruler a.smallButton.previous.disabled:hover {
3485 cursor: default;
3486 background: url(../images/old/ruler/small_previous_disabled.png) no-repeat;
3487}
3488div.ruler a.smallButton.next {
3489 right: 3px;
3490 background: url(../images/old/ruler/small_next.png) no-repeat;
3491}
3492div.ruler a.smallButton.next:hover {
3493 cursor: pointer;
3494 background: url(../images/old/ruler/small_next_selected.png) no-repeat;
3495}
3496div.ruler a.smallButton.next.disabled, div.ruler a.smallButton.next.disabled:hover {
3497 cursor: default;
3498 background: url(../images/old/ruler/small_next_disabled.png) no-repeat;
3499}
3500div.ruler div.steps, div.ruler div.dots {
3501 position: absolute;
3502 background-color: rgba(255, 255, 255, 0);
3503 margin-left: 30px;
3504 margin-right: 30px;
3505}
3506div.ruler div.steps {
3507 top: 25px;
3508 height: 30px;
3509}
3510div.ruler div.dots {
3511 top: 58px;
3512 height: 25px;
3513}
3514div.ruler div ul {
3515 list-style-type: none;
3516 margin: 0px;
3517 padding: 0px;
3518}
3519div.ruler div ul li {
3520 display: inline-block;
3521 vertical-align: top;
3522}
3523div.ruler > div.steps > ul > li:first-child, div.ruler > div.dots > ul > li:first-child {
3524 margin-left: 0px;
3525}
3526div.ruler div.steps_3 ul li {
3527 margin-left: 135px;
3528}
3529div.ruler div.steps_4 ul li {
3530 margin-left: 67px;
3531}
3532div.ruler div.steps_5 ul li {
3533 margin-left: 32px;
3534}
3535div.ruler div.steps_6 ul li {
3536 margin-left: 12px;
3537}
3538div.ruler div ul li span {
3539 font-weight: bold;
3540 text-align: center;
3541 width: 70px;
3542 display: block;
3543 font-size: 8pt;
3544 overflow: hidden;
3545 color: rgba(0, 0, 0, 0.3);
3546}
3547div.ruler div ul li.selected span {
3548 color: black;
3549}
3550div.ruler div.dots ul li span {
3551 //text-align: center;
3552 //width: 26px;
3553 //margin-left: 22px;
3554 //margin-right: 22px;
3555 //height: 25px;
3556 //background-color: #e57218;
3557 2146
3558 font-size: 40pt; 2147 div.groupSidePanel div.header {
3559 line-height: 47px; 2148 height: 50px;
3560} 2149 background-image: url(../images/old/main/tabs/groupsBackground.png);
3561div.ruler div.marker { 2150 }
3562 position: absolute; 2151 div.groupSidePanel div.header h1 {
3563 top: -3px; 2152 padding-left: 52px;
3564 //left: -246px; 2153 padding-top: 14px;
3565} 2154 font-size: 14pt;
3566div.ruler div.marker div.markerBody { 2155 font-weight: normal;
3567 width: 77px; 2156 color: white;
3568 height: 97px; 2157 }
3569 background: url(../images/old/ruler/marker.png) no-repeat; 2158 div.groupSidePanel div.header a {
3570} 2159 float: right;
3571div.ruler div.marker div.next { 2160 margin-top: -30px;
3572 position: absolute; 2161 margin-right: 20px;
3573 top: 25px; 2162 text-decoration: none;
3574 left: 76px; 2163 color: #666666;
3575 width: 27px; 2164 font-size: 9pt;
3576 height: 65px; 2165 line-height: 18px;
3577 background: url(../images/old/ruler/next.png) no-repeat -13px; 2166 }
3578 z-index: 26000; 2167 div.groupSidePanel div.header a:hover {
3579} 2168 color: #444444;
3580div.ruler div.marker div.next:hover { 2169 }
3581 cursor: pointer; 2170 div.groupSidePanel div.body {
3582 background: url(../images/old/ruler/next.png) no-repeat -2px; 2171 background: url(../images/old/main/tabs/groupsBackground.png) -255px;
3583} 2172 }
3584div.ruler div.marker div.disabled { 2173 div.groupSidePanel div.footer {
3585 display: none; 2174 height: 10px;
3586} 2175 background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px;
3587div.ruler div.marker div.previous { 2176 }
3588 position: absolute; 2177 div.groupSidePanel ul.groups {
3589 top: 25px; 2178 margin: 0px;
3590 left: -24px; 2179 list-style-type: none;
3591 width: 27px; 2180 padding: 0px;
3592 height: 65px; 2181 }
3593 //background: url(../images/old/ruler/previous.png) no-repeat 13px 1px; 2182 div.groupSidePanel ul.groups li a {
3594 background: url(../images/old/ruler/previous.png) no-repeat 18px 1px; 2183 display: block;
3595 z-index: 26000; 2184 font-size: 9pt;
3596} 2185 text-decoration: none;
3597div.ruler div.marker div.previous:hover { 2186 color: white;
3598 cursor: pointer; 2187 padding: 0px 4px 0px 15px;
3599 //background: url(../images/old/ruler/previous.png) no-repeat 2px 1px; 2188 line-height: 20px;
3600 background: url(../images/old/ruler/previous.png) no-repeat 7px 1px; 2189 }
2190 div.groupSidePanel ul.groups li a:hover {
2191 background-color: #aaaaaa;
2192 }
2193 div.groupSidePanel ul.groups li span.groupCardinality {
2194 float: right;
2195 font-size: 8pt;
2196 color: #dddddd;
2197 margin-right: 15px;
2198 margin-top: -17px;
2199 }
2200 div.groupSidePanel ul.groups li.selected a {
2201 background-color: #bbbbbb;
2202 }
2203 div.groupSidePanel ul.groups li.selected a:hover {
2204 background-color: #bbbbbb;
2205 }
2206 div.groupSidePanel ul.groups li.selected a {
2207 font-weight: bold;
2208 }
2209*/
3601} 2210}
3602
3603div.createNewCardSplash {
3604 margin-top: -450px;
3605 margin-left: 250px;
3606 width: 354px;
3607 float: left;
3608 height: 186px;
3609 text-align: center;
3610 background: url(../images/old/main/grid/createNewCardSplash.png) no-repeat;
3611}
3612div.createNewCardSplash:hover {
3613 cursor: pointer;
3614 background: url(../images/old/main/grid/createNewCardSplash_selected.png) no-repeat;
3615}
3616div.createNewCardSplash span {
3617 display: block;
3618 padding-top: 130px;
3619 font-size: 14pt;
3620 color: #9a9586;
3621}
3622div.createNewCardSplash:hover span {
3623 color: #605c4e;
3624}
3625//=============================================
3626div.NewUserCreation div.tabContainer {
3627 min-height: 150px;
3628 height: 200px;
3629}
3630div.NewUserCreation div.tabContainer > ul.tabs {
3631 display: none;
3632}
3633ul.createUserStates li.creating {
3634 background: url(../images/old/creatingUser.gif) no-repeat center center;
3635}
3636ul.createUserStates li {
3637 height: 100px;
3638}
3639ul.createUserStates li span {
3640 display: block;
3641 width: 100%;
3642 text-align: center;
3643 color: #999;
3644 font-style: italic;
3645}
3646div.NewUserCreation form.newUserCreationForm ul.tabPanels {
3647 padding-top: 10px;
3648}
3649div.NewUserCreation form.newUserCreationForm ul ul {
3650 margin-left: auto;
3651 margin-right: auto;
3652 width: 400px;
3653}
3654div.NewUserCreation form.newUserCreationForm ul.credentials li {
3655 height: 45px;
3656}
3657div.NewUserCreation form.newUserCreationForm ul.credentials span.label {
3658 text-align: right;
3659 display: inline-block;
3660 font-size: 12pt;
3661 color: #787872;
3662 width: 110px;
3663 vertical-align: baseline;
3664}
3665div.NewUserCreation form.newUserCreationForm ul.credentials input {
3666 font-size: 13pt;
3667 color: #787872;
3668 height: 35px;
3669 margin-left: 15px;
3670 padding-left: 5px;
3671}
3672div.NewUserCreation form.newUserCreationForm ul.termsOfService li {
3673 padding: 0 0 15 0;
3674}
3675div.NewUserCreation form.newUserCreationForm ul.termsOfService input {
3676 display: inline-block;
3677}
3678div.NewUserCreation form.newUserCreationForm ul.termsOfService .label {
3679 display: inline-block;
3680 text-align: left;
3681 font-size: 12pt;
3682 color: #787872;
3683 width: 350px;
3684 vertical-align: top;
3685 padding-left: 10px;
3686}
3687div.NewUserCreation form.newUserCreationForm ul.termsOfService a {
3688 font-weight: bold;
3689 color: #787872;
3690 text-decoration: none;
3691}
3692div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover {
3693 color: #444;
3694}
3695div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span {
3696 font-size: 16pt;
3697 color: green;
3698}
3699div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span {
3700 font-size: 16pt;
3701 color: red;
3702}
3703*/ \ No newline at end of file
diff --git a/frontend/gamma/html/exitPage_template.html b/frontend/gamma/html/exitPage_template.html
index b46f9f6..e17bee0 100644
--- a/frontend/gamma/html/exitPage_template.html
+++ b/frontend/gamma/html/exitPage_template.html
@@ -1,28 +1,3 @@
1<!--
2
3Copyright 2008-2011 Clipperz Srl
4
5This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please
8refer to http://www.clipperz.com.
9
10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version.
14
15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details.
19
20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>.
23
24-->
25
26<html> 1<html>
27<head> 2<head>
28 <title>clipperz</title> 3 <title>clipperz</title>
diff --git a/frontend/gamma/js/Clipperz/PM/Proxy.js b/frontend/gamma/js/Clipperz/PM/Proxy.js
index 9817eac..190bffd 100644
--- a/frontend/gamma/js/Clipperz/PM/Proxy.js
+++ b/frontend/gamma/js/Clipperz/PM/Proxy.js
@@ -142,7 +142,7 @@ Clipperz.PM.Proxy.prototype = MochiKit.Base.update(null, {
142 'processMessage': function (aFunctionName, someParameters, aRequestType) { 142 'processMessage': function (aFunctionName, someParameters, aRequestType) {
143 vardeferredResult; 143 vardeferredResult;
144 144
145 deferredResult = new Clipperz.Async.Deferred("Proxy.processMessage", {trace:true}); 145 deferredResult = new Clipperz.Async.Deferred("Proxy.processMessage", {trace:false});
146 deferredResult.addMethod(this, 'payToll', aRequestType); 146 deferredResult.addMethod(this, 'payToll', aRequestType);
147 deferredResult.addMethod(this, 'sendMessage', aFunctionName); 147 deferredResult.addMethod(this, 'sendMessage', aFunctionName);
148 deferredResult.addMethod(this, 'setTollCallback'); 148 deferredResult.addMethod(this, 'setTollCallback');
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js
index 095e8ed..8df7e0e 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js
@@ -102,8 +102,8 @@ Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.Tooltip, Clipperz.PM.UI.Co
102 {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[ 102 {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[
103 {tag:'div', cls:'tooltip_text', children:[ 103 {tag:'div', cls:'tooltip_text', children:[
104 {tag:'span', html:this.text()} 104 {tag:'span', html:this.text()}
105 ]}, 105 ]}//,
106 {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'} 106 // {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'}
107 ]}, 107 ]},
108 {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'} 108 {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'}
109 ]}); 109 ]});
@@ -146,45 +146,46 @@ Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.Tooltip, Clipperz.PM.UI.Co
146 switch (this.position()) { 146 switch (this.position()) {
147 case 'ABOVE': 147 case 'ABOVE':
148//console.log("ABOVE"); 148//console.log("ABOVE");
149 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); 149 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px');
150 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); 150 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2);
151 bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13; 151 bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13;
152 152
153 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); 153 // arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2);
154 arrowPosition.y = elementSizeAndPosition.position.y - 13; 154 // arrowPosition.y = elementSizeAndPosition.position.y - 13;
155 break; 155 break;
156 case 'BELOW': 156 case 'BELOW':
157//console.log("BELOW"); 157//console.log("BELOW");
158 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); 158 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px');
159 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); 159 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2);
160 bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13; 160 bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13;
161 161
162 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); 162 // arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2);
163 arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h; 163 // arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h;
164 break; 164 break;
165 case 'LEFT': 165 case 'LEFT':
166//console.log("LEFT"); 166//console.log("LEFT");
167 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); 167 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px');
168 bodyPosition.x = elementSizeAndPosition.position.x - this.boxDimensions().w - 13; 168 bodyPosition.x = elementSizeAndPosition.position.x - this.boxDimensions().w - 13;
169 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); 169 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2);
170 170
171 arrowPosition.x = elementSizeAndPosition.position.x -13; 171 // arrowPosition.x = elementSizeAndPosition.position.x -13;
172 arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); 172 // arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2);
173 break; 173 break;
174 case 'RIGHT': 174 case 'RIGHT':
175//console.log("RIGHT"); 175//console.log("RIGHT");
176 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); 176 // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px');
177 bodyPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w + 13; 177 bodyPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w + 13;
178 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); 178 bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2);
179 179
180 arrowPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w; 180 // arrowPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w;
181 arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); 181 // arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2);
182 break; 182 break;
183 } 183 }
184//console.log("X: " + bodyPosition.x + ", Y: " + bodyPosition.y); 184//console.log("X: " + bodyPosition.x + ", Y: " + bodyPosition.y);
185 185
186 MochiKit.Style.setElementPosition(this.getId('body'), bodyPosition); 186 MochiKit.Style.setElementPosition(this.getId('tooltip'), bodyPosition);
187 MochiKit.Style.setElementPosition(this.getId('arrow'), arrowPosition); 187 // MochiKit.Style.setElementPosition(this.getId('body'), bodyPosition);
188 // MochiKit.Style.setElementPosition(this.getId('arrow'), arrowPosition);
188 MochiKit.Visual.appear(this.displayElement(), {duration:0.4}); 189 MochiKit.Visual.appear(this.displayElement(), {duration:0.4});
189 } 190 }
190 }, 191 },
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js
index 389d876..a10ba4f 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js
@@ -65,24 +65,9 @@ Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.LoginForm, Clipperz.PM.UI.Com
65 // {tag:'form', cls:'loginForm', autocomplete:this.autocomplete(), children:[ 65 // {tag:'form', cls:'loginForm', autocomplete:this.autocomplete(), children:[
66 {tag:'form', id:this.getId('form'), cls:'loginForm', children:[ 66 {tag:'form', id:this.getId('form'), cls:'loginForm', children:[
67 {tag:'label', html:'username', 'for':this.getId('usernameField')}, 67 {tag:'label', html:'username', 'for':this.getId('usernameField')},
68 {tag:'input', id:this.getId('usernameField'), type:'text', cls:'username'/*, value:'joe'*/}, 68 {tag:'input', id:this.getId('usernameField'), type:'text', cls:'username'},
69 {tag:'ul', id:this.getId('passwordOptions'), children:[ 69 {tag:'label', html:'passphrase / OTP', 'for':this.getId('passphraseField')},
70 {tag:'li', id:this.getId('passphraseOption'), children:[ 70 {tag:'input', id:this.getId('passphraseField'), type:'password', cls:'password'},
71 {tag:'label', html:'passphrase / OTP', 'for':this.getId('passphraseField')},
72 {tag:'input', id:this.getId('passphraseField'), type:'password', cls:'password'/*, value:'clipperz'*/}
73 ]} //,
74/*
75 {tag:'li', id:this.getId('otpOption'), children:[
76 {tag:'label', html:'one-time password', 'for':this.getId('otpField_1')},
77 {tag:'input', id:this.getId('otpField_1'), type:'text', cls:'otp', value:'abcd-efgh'},
78 {tag:'input', id:this.getId('otpField_2'), type:'text', cls:'otp', value:'abcd-efgh'},
79 {tag:'input', id:this.getId('otpField_3'), type:'text', cls:'otp', value:'abcd-efgh'},
80 {tag:'input', id:this.getId('otpField_4'), type:'text', cls:'otp', value:'abcd-efgh'}
81 ]}
82*/
83 ]},
84 // {tag:'input', id:this.getId('otpCheckbox'), type:'checkbox', cls:'checkbox'},
85 // {tag:'label', html:'use a one-time passphrase', 'for':this.getId('otpCheckbox'), cls:'checkbox'},
86 71
87 {tag:'div', cls:'translations', children:[ 72 {tag:'div', cls:'translations', children:[
88 {tag:'h4', html:'choose your language'}, 73 {tag:'h4', html:'choose your language'},
@@ -161,29 +146,22 @@ Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.LoginForm, Clipperz.PM.UI.Com
161 //------------------------------------------------------------------------- 146 //-------------------------------------------------------------------------
162 147
163 'loginEventHandler': function(anEvent) { 148 'loginEventHandler': function(anEvent) {
164 varusername; 149 // varusername;
165 var passphrase; 150 // var passphrase;
166 // var shouldUseOTP;
167 // var otp;
168 var signalArguments; 151 var signalArguments;
169 152
170 anEvent.preventDefault(); 153 anEvent.preventDefault();
171 154
172 username = this.getElement('usernameField').value; 155 // username = this.getElement('usernameField').value;
173 passphrase = this.getElement('passphraseField').value; 156 // passphrase = this.getElement('passphraseField').value;
174 // otp =this.getElement('otpField_1').value + 157
175 // this.getElement('otpField_2').value + 158 // signalArguments = {username:username};
176 // this.getElement('otpField_3').value + 159 // signalArguments.passphrase = passphrase;
177 // this.getElement('otpField_4').value; 160
178 // shouldUseOTP = this.getElement('otpCheckbox').checked; 161 signalArguments = {
179 162 'username': this.getElement('usernameField').value,
180 signalArguments = {username:username}; 163 'passphrase':this.getElement('passphraseField').value
181 164 };
182 // if (shouldUseOTP) {
183 // signalArguments.otp = otp;
184 // } else {
185 signalArguments.passphrase = passphrase;
186 // }
187 165
188 MochiKit.Signal.signal(this, 'doLogin', signalArguments); 166 MochiKit.Signal.signal(this, 'doLogin', signalArguments);
189 }, 167 },
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js
index d0b378c..a57152d 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js
@@ -81,13 +81,11 @@ MochiKit.Base.update(Clipperz.PM.UI.Web.Controllers.LoginController.prototype, {
81 'doLogin': function(aLoginForm, anEvent) { 81 'doLogin': function(aLoginForm, anEvent) {
82 var deferredResult; 82 var deferredResult;
83 varparameters; 83 varparameters;
84 // varshouldUseOTP;
85 var loginProgress; 84 var loginProgress;
86 varuser; 85 varuser;
87 var getPassphraseDelegate; 86 var getPassphraseDelegate;
88 87
89 parameters = anEvent; 88 parameters = anEvent;
90 // shouldUseOTP = (typeof(parameters.passphrase) == 'undefined');
91 89
92 getPassphraseDelegate = MochiKit.Base.partial(MochiKit.Async.succeed, parameters.passphrase); 90 getPassphraseDelegate = MochiKit.Base.partial(MochiKit.Async.succeed, parameters.passphrase);
93 user = new Clipperz.PM.DataModel.User({'username':parameters.username, 'getPassphraseFunction':MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'getPassphrase')}); 91 user = new Clipperz.PM.DataModel.User({'username':parameters.username, 'getPassphraseFunction':MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'getPassphrase')});
@@ -99,11 +97,7 @@ MochiKit.Base.update(Clipperz.PM.UI.Web.Controllers.LoginController.prototype, {
99 deferredResult.addMethod(Clipperz.PM.RunTime.mainController, 'setPassphraseDelegate', getPassphraseDelegate); 97 deferredResult.addMethod(Clipperz.PM.RunTime.mainController, 'setPassphraseDelegate', getPassphraseDelegate);
100 deferredResult.addMethod(loginProgress, 'deferredShowModal', {deferredObject:deferredResult, openFromElement:aLoginForm.submitButtonElement()}); 98 deferredResult.addMethod(loginProgress, 'deferredShowModal', {deferredObject:deferredResult, openFromElement:aLoginForm.submitButtonElement()});
101 deferredResult.addMethod(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection'); 99 deferredResult.addMethod(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection');
102 // if (shouldUseOTP == false) { 100 deferredResult.addMethod(user, 'login');
103 deferredResult.addMethod(user, 'login');
104 // } else {
105 // deferredResult.addMethod(user, 'loginUsingOTP', parameters.username, parameters.otp);
106 // }
107 deferredResult.addCallback(function(aLoginProgress, res) { 101 deferredResult.addCallback(function(aLoginProgress, res) {
108 aLoginProgress.disableCancel(); 102 aLoginProgress.disableCancel();
109 return res; 103 return res;