summaryrefslogtreecommitdiff
path: root/frontend/gamma/css/web.css
Unidiff
Diffstat (limited to 'frontend/gamma/css/web.css') (more/less context) (ignore whitespace changes)
-rw-r--r--frontend/gamma/css/web.css3703
1 files changed, 3703 insertions, 0 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
new file mode 100644
index 0000000..e4890b6
--- a/dev/null
+++ b/frontend/gamma/css/web.css
@@ -0,0 +1,3703 @@
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/*
27
28Color list:
29- login box:
30 light#ff9955
31 dark#ff6622
32- login button:
33 regular#dd5500
34 hover#773311
35- login translations:
36 box: #cc6622;
37 not-selected:
38 color: #ddaa99
39 background:#994422
40 selected: #772211;
41*/
42html {
43 height: 100%;
44}
45body {
46 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
47 margin: 0px;
48}
49.reset-margin {
50 margin: 0px;
51 padding: 0px;
52 border: 0px;
53}
54.clear {
55 clear: both;
56}
57.hidden_none {
58 display: none;
59 visibility: hidden;
60}
61.keepTogether {
62 display: inline-block;
63 white-space: nowrap;
64}
65#mainDiv {
66 margin: 0 auto;
67}
68/*
69
70Color list:
71- login box:
72 light#ff9955
73 dark#ff6622
74- login button:
75 regular#dd5500
76 hover#773311
77- login translations:
78 box: #cc6622;
79 not-selected:
80 color: #ddaa99
81 background:#994422
82 selected: #772211;
83*/
84html {
85 height: 100%;
86}
87body {
88 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
89 margin: 0px;
90}
91.reset-margin {
92 margin: 0px;
93 padding: 0px;
94 border: 0px;
95}
96.clear {
97 clear: both;
98}
99.hidden_none {
100 display: none;
101 visibility: hidden;
102}
103.keepTogether {
104 display: inline-block;
105 white-space: nowrap;
106}
107#mainDiv {
108 margin: 0 auto;
109}
110div#loading {
111 width: 100%;
112 height: 100%;
113 display: table;
114 background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
115 /* IE10 */
116 background-image: -moz-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
117 /* Mozilla Firefox */
118 background-image: -o-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
119 /* Opera */
120 background-image: -webkit-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
121 /* Webkit (Chrome 11+) */
122 background-image: radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
123 /* Proposed W3C Markup */
124 background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, #4d52b3), color-stop(1, #1f2148));
125 /* Webkit (Safari/Chrome 10) */
126}
127div#loading div {
128 display: table-cell;
129 vertical-align: middle;
130 width: 100%;
131 text-align: center;
132}
133div#loading div h1 {
134 font-size: 40pt;
135 color: #ffffff;
136 text-shadow: -1px -1px 2px #2e316c, 1px 1px 1px #454aa1;
137}
138div#loading div h3 {
139 font-size: 18pt;
140 text-shadow: -1px -1px 1px #2e316c, 1px 1px 1px #454aa1;
141 color: #1f2148;
142}
143div#loading div h5 {
144 padding-left: 20px;
145 color: #ff9200;
146}
147/*
148
149Color list:
150- login box:
151 light#ff9955
152 dark#ff6622
153- login button:
154 regular#dd5500
155 hover#773311
156- login translations:
157 box: #cc6622;
158 not-selected:
159 color: #ddaa99
160 background:#994422
161 selected: #772211;
162*/
163html {
164 height: 100%;
165}
166body {
167 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
168 margin: 0px;
169}
170.reset-margin {
171 margin: 0px;
172 padding: 0px;
173 border: 0px;
174}
175.clear {
176 clear: both;
177}
178.hidden_none {
179 display: none;
180 visibility: hidden;
181}
182.keepTogether {
183 display: inline-block;
184 white-space: nowrap;
185}
186#mainDiv {
187 margin: 0 auto;
188}
189div.pageHeaderAndBody {
190 height: 100%;
191}
192body > div.pageHeaderAndBody {
193 height: auto;
194 min-height: 100%;
195}
196div.pageHeader {
197 background-color: #1f2148;
198 min-width: 1013px;
199}
200div.pageHeader div#miscLinks {
201 float: right;
202}
203div.pageHeader div#miscLinks ul {
204 margin: 12px 0px 0px;
205 padding: 15px;
206}
207div.pageHeader div#miscLinks ul li {
208 display: inline;
209 margin: 0px;
210 padding: 0px;
211 border: 0px;
212}
213div.pageHeader div#miscLinks ul li a {
214 color: #ffffff;
215 margin: 0px;
216 padding: 0px;
217 border: 0px;
218 margin: 0px;
219 padding: 0px;
220 border: 0px;
221 margin: 0px;
222 padding: 0px;
223 border: 0px;
224 margin: 0px;
225 padding: 0px;
226 border: 0px;
227 padding: 15px;
228 border-left: 1px solid #3e428f;
229 font-weight: normal;
230 text-decoration: none;
231 font-size: 12pt;
232 min-width: 70px;
233}
234div.pageHeader div#miscLinks ul li a:hover {
235 color: #b8bae1;
236}
237div.pageHeader div#miscLinks ul li a#donateHeaderLink {
238 border-left: 0px;
239}
240div.pageHeader div#logoFrame {
241 padding: 16px 16px 60px 16px;
242 min-height: 44px;
243}
244div.pageHeader div#logoFrame a {
245 color: white;
246 text-decoration: none;
247}
248div.pageHeader div#logoFrame a canvas {
249 margin: 0px;
250 padding: 0px;
251 border: 0px;
252 margin: 0px;
253 padding: 0px;
254 border: 0px;
255 margin: 0px;
256 padding: 0px;
257 border: 0px;
258 margin: 0px;
259 padding: 0px;
260 border: 0px;
261 width: 150px;
262 height: 39px;
263}
264div.pageHeader div#logoFrame a h5.clipperzPayoff {
265 font-size: 13pt;
266 font-weight: normal;
267 white-space: nowrap;
268 margin: 0px;
269 padding-left: 4px;
270}
271div.pageHeader div#featureTabs table {
272 width: 100%;
273 padding: 6px;
274 padding-left: 15px;
275 padding-right: 15px;
276 padding-bottom: 46px;
277}
278div.pageHeader div#featureTabs table tr td {
279 width: 25%;
280 vertical-align: top;
281 font-size: 11pt;
282 color: white;
283}
284div.pageHeader div#featureTabs table tr td img {
285 float: left;
286}
287div.pageHeader div#featureTabs table tr td span {
288 display: block;
289 padding: 5 10 5 85;
290}
291div.pageHeader div#featureTabs canvas.featureIcon {
292 width: 76px;
293 height: 76px;
294 display: block;
295 float: left;
296 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
297 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
298 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
299 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
300 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
301 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
302 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
303 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
304 border-radius: 38px;
305 -moz-border-radius: 38px;
306 -webkit-border-radius: 38px;
307 border-radius: 38px;
308 -moz-border-radius: 38px;
309 -webkit-border-radius: 38px;
310 border-radius: 38px;
311 -moz-border-radius: 38px;
312 -webkit-border-radius: 38px;
313 border-radius: 38px;
314 -moz-border-radius: 38px;
315 -webkit-border-radius: 38px;
316}
317div.pageHeader div#news {
318 top: -82px;
319 left: 240px;
320 width: 310px;
321 height: 90px;
322 position: absolute;
323 background-color: #616475;
324 -webkit-border-bottom-left-radius: 8px;
325 -moz-border-radius-bottomleft: 8px;
326 border-bottom-left-radius: 8px;
327 -webkit-border-bottom-left-radius: 8px;
328 -moz-border-radius-bottomleft: 8px;
329 border-bottom-left-radius: 8px;
330 -webkit-border-bottom-left-radius: 8px;
331 -moz-border-radius-bottomleft: 8px;
332 border-bottom-left-radius: 8px;
333 -webkit-border-bottom-left-radius: 8px;
334 -moz-border-radius-bottomleft: 8px;
335 border-bottom-left-radius: 8px;
336 -webkit-border-bottom-right-radius: 8px;
337 -moz-border-radius-bottomright: 8px;
338 border-bottom-right-radius: 8px;
339 -webkit-border-bottom-right-radius: 8px;
340 -moz-border-radius-bottomright: 8px;
341 border-bottom-right-radius: 8px;
342 -webkit-border-bottom-right-radius: 8px;
343 -moz-border-radius-bottomright: 8px;
344 border-bottom-right-radius: 8px;
345 -webkit-border-bottom-right-radius: 8px;
346 -moz-border-radius-bottomright: 8px;
347 border-bottom-right-radius: 8px;
348 -webkit-border-bottom-left-radius: 8px;
349 -moz-border-radius-bottomleft: 8px;
350 border-bottom-left-radius: 8px;
351 -webkit-border-bottom-left-radius: 8px;
352 -moz-border-radius-bottomleft: 8px;
353 border-bottom-left-radius: 8px;
354 -webkit-border-bottom-left-radius: 8px;
355 -moz-border-radius-bottomleft: 8px;
356 border-bottom-left-radius: 8px;
357 -webkit-border-bottom-left-radius: 8px;
358 -moz-border-radius-bottomleft: 8px;
359 border-bottom-left-radius: 8px;
360 -webkit-border-bottom-right-radius: 8px;
361 -moz-border-radius-bottomright: 8px;
362 border-bottom-right-radius: 8px;
363 -webkit-border-bottom-right-radius: 8px;
364 -moz-border-radius-bottomright: 8px;
365 border-bottom-right-radius: 8px;
366 -webkit-border-bottom-right-radius: 8px;
367 -moz-border-radius-bottomright: 8px;
368 border-bottom-right-radius: 8px;
369 -webkit-border-bottom-right-radius: 8px;
370 -moz-border-radius-bottomright: 8px;
371 border-bottom-right-radius: 8px;
372 -webkit-border-bottom-left-radius: 8px;
373 -moz-border-radius-bottomleft: 8px;
374 border-bottom-left-radius: 8px;
375 -webkit-border-bottom-left-radius: 8px;
376 -moz-border-radius-bottomleft: 8px;
377 border-bottom-left-radius: 8px;
378 -webkit-border-bottom-left-radius: 8px;
379 -moz-border-radius-bottomleft: 8px;
380 border-bottom-left-radius: 8px;
381 -webkit-border-bottom-left-radius: 8px;
382 -moz-border-radius-bottomleft: 8px;
383 border-bottom-left-radius: 8px;
384 -webkit-border-bottom-right-radius: 8px;
385 -moz-border-radius-bottomright: 8px;
386 border-bottom-right-radius: 8px;
387 -webkit-border-bottom-right-radius: 8px;
388 -moz-border-radius-bottomright: 8px;
389 border-bottom-right-radius: 8px;
390 -webkit-border-bottom-right-radius: 8px;
391 -moz-border-radius-bottomright: 8px;
392 border-bottom-right-radius: 8px;
393 -webkit-border-bottom-right-radius: 8px;
394 -moz-border-radius-bottomright: 8px;
395 border-bottom-right-radius: 8px;
396 -webkit-border-bottom-left-radius: 8px;
397 -moz-border-radius-bottomleft: 8px;
398 border-bottom-left-radius: 8px;
399 -webkit-border-bottom-left-radius: 8px;
400 -moz-border-radius-bottomleft: 8px;
401 border-bottom-left-radius: 8px;
402 -webkit-border-bottom-left-radius: 8px;
403 -moz-border-radius-bottomleft: 8px;
404 border-bottom-left-radius: 8px;
405 -webkit-border-bottom-left-radius: 8px;
406 -moz-border-radius-bottomleft: 8px;
407 border-bottom-left-radius: 8px;
408 -webkit-border-bottom-right-radius: 8px;
409 -moz-border-radius-bottomright: 8px;
410 border-bottom-right-radius: 8px;
411 -webkit-border-bottom-right-radius: 8px;
412 -moz-border-radius-bottomright: 8px;
413 border-bottom-right-radius: 8px;
414 -webkit-border-bottom-right-radius: 8px;
415 -moz-border-radius-bottomright: 8px;
416 border-bottom-right-radius: 8px;
417 -webkit-border-bottom-right-radius: 8px;
418 -moz-border-radius-bottomright: 8px;
419 border-bottom-right-radius: 8px;
420 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
421 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
422 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
423 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
424 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
425 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
426 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
427 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
428 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
429 -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
430 -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
431 box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
432}
433div.pageHeader div#news div#newsframe {
434 margin-left: 10px;
435 margin-right: 10px;
436 height: 75px;
437 overflow: hidden;
438}
439div.pageHeader div#news div#newsframe iframe {
440 width: 290px;
441 border: 0px;
442 color: #616475;
443 background-color: #616475;
444}
445div.pageHeader div#news div.grip {
446 width: 310px;
447 height: 12px;
448 margin-top: 2px;
449 cursor: pointer;
450}
451div.pageHeader div#news div.grip div.gripHandler {
452 margin-left: auto;
453 margin-right: auto;
454 margin-top: 8px;
455 width: 0;
456 height: 0;
457 border-left: 5px solid transparent;
458 border-right: 5px solid transparent;
459}
460div.pageHeader div#news.open div.grip div.gripHandler {
461 border-bottom: 5px solid #e9e9ec;
462}
463div.pageHeader div#news.hidden div.grip div.gripHandler {
464 border-top: 5px solid #e9e9ec;
465}
466div.pageFooter {
467 margin-top: -90px;
468 height: 90px;
469 clear: both;
470}
471div.pageFooter div.footerWrapper {
472 clear: both;
473 padding-top: 10px;
474}
475div.pageFooter div.footerWrapper div.footerContent {
476 background-color: #eaebe6;
477 padding: 20px;
478 font-size: 8pt;
479}
480div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon {
481 width: 40px;
482 height: 40px;
483 float: left;
484}
485div.pageFooter div.footerWrapper div.footerContent span.copyright {
486 padding-left: 10px;
487 color: #a0a0a0;
488}
489div.pageFooter div.footerWrapper div.footerContent a {
490 padding-left: 50px;
491 display: block;
492 color: #888888;
493 font-weight: bold;
494 text-decoration: none;
495}
496div.pageFooter div.footerWrapper div.footerContent span.applicationVersion {
497 padding: 8px;
498 color: #888888;
499 background-color: #d2d2d2;
500 position: relative;
501 top: -40px;
502 float: right;
503}
504/*
505
506Color list:
507- login box:
508 light#ff9955
509 dark#ff6622
510- login button:
511 regular#dd5500
512 hover#773311
513- login translations:
514 box: #cc6622;
515 not-selected:
516 color: #ddaa99
517 background:#994422
518 selected: #772211;
519*/
520html {
521 height: 100%;
522}
523body {
524 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
525 margin: 0px;
526}
527.reset-margin {
528 margin: 0px;
529 padding: 0px;
530 border: 0px;
531}
532.clear {
533 clear: both;
534}
535.hidden_none {
536 display: none;
537 visibility: hidden;
538}
539.keepTogether {
540 display: inline-block;
541 white-space: nowrap;
542}
543#mainDiv {
544 margin: 0 auto;
545}
546div#loginBox {
547 width: 273px;
548 z-index: 19000;
549 top: -30px;
550 right: 30px;
551 position: relative;
552 float: right;
553}
554div#loginBox div.header {
555 height: 25px;
556 width: 273px;
557 background-color: #ff9b5a;
558 -webkit-border-top-left-radius: 20px;
559 -moz-border-radius-topleft: 20px;
560 border-top-left-radius: 20px;
561 -webkit-border-top-left-radius: 20px;
562 -moz-border-radius-topleft: 20px;
563 border-top-left-radius: 20px;
564 -webkit-border-top-left-radius: 20px;
565 -moz-border-radius-topleft: 20px;
566 border-top-left-radius: 20px;
567 -webkit-border-top-left-radius: 20px;
568 -moz-border-radius-topleft: 20px;
569 border-top-left-radius: 20px;
570 -webkit-border-top-right-radius: 20px;
571 -moz-border-radius-topright: 20px;
572 border-top-right-radius: 20px;
573 -webkit-border-top-right-radius: 20px;
574 -moz-border-radius-topright: 20px;
575 border-top-right-radius: 20px;
576 -webkit-border-top-right-radius: 20px;
577 -moz-border-radius-topright: 20px;
578 border-top-right-radius: 20px;
579 -webkit-border-top-right-radius: 20px;
580 -moz-border-radius-topright: 20px;
581 border-top-right-radius: 20px;
582 -webkit-border-top-left-radius: 20px;
583 -moz-border-radius-topleft: 20px;
584 border-top-left-radius: 20px;
585 -webkit-border-top-left-radius: 20px;
586 -moz-border-radius-topleft: 20px;
587 border-top-left-radius: 20px;
588 -webkit-border-top-left-radius: 20px;
589 -moz-border-radius-topleft: 20px;
590 border-top-left-radius: 20px;
591 -webkit-border-top-left-radius: 20px;
592 -moz-border-radius-topleft: 20px;
593 border-top-left-radius: 20px;
594 -webkit-border-top-right-radius: 20px;
595 -moz-border-radius-topright: 20px;
596 border-top-right-radius: 20px;
597 -webkit-border-top-right-radius: 20px;
598 -moz-border-radius-topright: 20px;
599 border-top-right-radius: 20px;
600 -webkit-border-top-right-radius: 20px;
601 -moz-border-radius-topright: 20px;
602 border-top-right-radius: 20px;
603 -webkit-border-top-right-radius: 20px;
604 -moz-border-radius-topright: 20px;
605 border-top-right-radius: 20px;
606 -webkit-border-top-left-radius: 20px;
607 -moz-border-radius-topleft: 20px;
608 border-top-left-radius: 20px;
609 -webkit-border-top-left-radius: 20px;
610 -moz-border-radius-topleft: 20px;
611 border-top-left-radius: 20px;
612 -webkit-border-top-left-radius: 20px;
613 -moz-border-radius-topleft: 20px;
614 border-top-left-radius: 20px;
615 -webkit-border-top-left-radius: 20px;
616 -moz-border-radius-topleft: 20px;
617 border-top-left-radius: 20px;
618 -webkit-border-top-right-radius: 20px;
619 -moz-border-radius-topright: 20px;
620 border-top-right-radius: 20px;
621 -webkit-border-top-right-radius: 20px;
622 -moz-border-radius-topright: 20px;
623 border-top-right-radius: 20px;
624 -webkit-border-top-right-radius: 20px;
625 -moz-border-radius-topright: 20px;
626 border-top-right-radius: 20px;
627 -webkit-border-top-right-radius: 20px;
628 -moz-border-radius-topright: 20px;
629 border-top-right-radius: 20px;
630 -webkit-border-top-left-radius: 20px;
631 -moz-border-radius-topleft: 20px;
632 border-top-left-radius: 20px;
633 -webkit-border-top-left-radius: 20px;
634 -moz-border-radius-topleft: 20px;
635 border-top-left-radius: 20px;
636 -webkit-border-top-left-radius: 20px;
637 -moz-border-radius-topleft: 20px;
638 border-top-left-radius: 20px;
639 -webkit-border-top-left-radius: 20px;
640 -moz-border-radius-topleft: 20px;
641 border-top-left-radius: 20px;
642 -webkit-border-top-right-radius: 20px;
643 -moz-border-radius-topright: 20px;
644 border-top-right-radius: 20px;
645 -webkit-border-top-right-radius: 20px;
646 -moz-border-radius-topright: 20px;
647 border-top-right-radius: 20px;
648 -webkit-border-top-right-radius: 20px;
649 -moz-border-radius-topright: 20px;
650 border-top-right-radius: 20px;
651 -webkit-border-top-right-radius: 20px;
652 -moz-border-radius-topright: 20px;
653 border-top-right-radius: 20px;
654}
655div#loginBox div.body {
656 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
657 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
658 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
659 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
660 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
661 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
662 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
663 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
664}
665div#loginBox div.body h4 {
666 color: #ffffff;
667 font-size: 16pt;
668 font-weight: normal;
669 padding-left: 20px;
670 margin: 0px;
671}
672div#loginBox div.body form.loginForm {
673 padding: 5px 20px 0px;
674 margin-bottom: 0px;
675}
676div#loginBox div.body form.loginForm label {
677 color: #ffffff;
678 font-size: 10pt;
679 display: block;
680 padding-top: 5px;
681}
682div#loginBox div.body form.loginForm label.checkbox {
683 display: inline;
684}
685div#loginBox div.body form.loginForm input {
686 width: 230px;
687 font-size: 14pt;
688 color: #333366;
689 background-color: #ffffff;
690 border: 1px solid #bb4924;
691 padding: 2px 5px;
692 height: 28px;
693}
694div#loginBox div.body form.loginForm input.checkbox {
695 margin: 10px 8px 0px 0px;
696 height: auto;
697 width: auto;
698 border: 0px;
699}
700div#loginBox div.body form.loginForm input.checkbox:hover {
701 cursor: pointer;
702}
703div#loginBox div.body form.loginForm input.otp {
704 width: 57px;
705 display: inline;
706 padding-left: 0px;
707 padding-right: 0px;
708 height: 28px;
709 font: 8pt monospace;
710}
711div#loginBox div.body form.loginForm input.submit {
712 margin: 0px 45px;
713 width: 140px;
714 color: #ffffff;
715 background-color: #d44100;
716 border: 1px solid #bb4924;
717 padding: 6px;
718 font-size: 12pt;
719 height: auto;
720}
721div#loginBox div.body form.loginForm input.submit:hover {
722 color: #ffffff;
723 background-color: #7e2700;
724 cursor: pointer;
725}
726div#loginBox div.body form.loginForm ul {
727 list-style-type: none;
728 padding: 0px;
729 margin: 0px;
730}
731div#loginBox div.body form.loginForm ul li {
732 display: block;
733}
734div#loginBox div.body form.loginForm div.translations {
735 margin: 15px -20px;
736 background-color: #c87b59;
737}
738div#loginBox div.body form.loginForm div.translations h4 {
739 font-size: 9pt;
740 padding: 6px 20px 0px;
741}
742div#loginBox div.body form.loginForm div.translations ul {
743 margin: 0px;
744 padding: 5px 10px 10px;
745 margin-bottom: 15px;
746}
747div#loginBox div.body form.loginForm div.translations ul li {
748 font-size: 8pt;
749 color: #ddaa99;
750 background-color: #994422;
751 display: inline-block;
752 padding: 2px 4px;
753 margin: 1px;
754}
755div#loginBox div.body form.loginForm div.translations ul li.selected {
756 color: #ffffff;
757 background-color: #772211;
758}
759div#loginBox div.body form.loginForm div.translations ul li.selected:hover {
760 cursor: default;
761}
762div#loginBox div.body form.loginForm div.translations ul li:hover {
763 cursor: pointer;
764 color: #ffffff;
765}
766div#loginBox div.footer {
767 height: 37px;
768 width: 273px;
769 background-color: #ff6622;
770 -webkit-border-bottom-left-radius: 20px;
771 -moz-border-radius-bottomleft: 20px;
772 border-bottom-left-radius: 20px;
773 -webkit-border-bottom-left-radius: 20px;
774 -moz-border-radius-bottomleft: 20px;
775 border-bottom-left-radius: 20px;
776 -webkit-border-bottom-left-radius: 20px;
777 -moz-border-radius-bottomleft: 20px;
778 border-bottom-left-radius: 20px;
779 -webkit-border-bottom-left-radius: 20px;
780 -moz-border-radius-bottomleft: 20px;
781 border-bottom-left-radius: 20px;
782 -webkit-border-bottom-right-radius: 20px;
783 -moz-border-radius-bottomright: 20px;
784 border-bottom-right-radius: 20px;
785 -webkit-border-bottom-right-radius: 20px;
786 -moz-border-radius-bottomright: 20px;
787 border-bottom-right-radius: 20px;
788 -webkit-border-bottom-right-radius: 20px;
789 -moz-border-radius-bottomright: 20px;
790 border-bottom-right-radius: 20px;
791 -webkit-border-bottom-right-radius: 20px;
792 -moz-border-radius-bottomright: 20px;
793 border-bottom-right-radius: 20px;
794 -webkit-border-bottom-left-radius: 20px;
795 -moz-border-radius-bottomleft: 20px;
796 border-bottom-left-radius: 20px;
797 -webkit-border-bottom-left-radius: 20px;
798 -moz-border-radius-bottomleft: 20px;
799 border-bottom-left-radius: 20px;
800 -webkit-border-bottom-left-radius: 20px;
801 -moz-border-radius-bottomleft: 20px;
802 border-bottom-left-radius: 20px;
803 -webkit-border-bottom-left-radius: 20px;
804 -moz-border-radius-bottomleft: 20px;
805 border-bottom-left-radius: 20px;
806 -webkit-border-bottom-right-radius: 20px;
807 -moz-border-radius-bottomright: 20px;
808 border-bottom-right-radius: 20px;
809 -webkit-border-bottom-right-radius: 20px;
810 -moz-border-radius-bottomright: 20px;
811 border-bottom-right-radius: 20px;
812 -webkit-border-bottom-right-radius: 20px;
813 -moz-border-radius-bottomright: 20px;
814 border-bottom-right-radius: 20px;
815 -webkit-border-bottom-right-radius: 20px;
816 -moz-border-radius-bottomright: 20px;
817 border-bottom-right-radius: 20px;
818 -webkit-border-bottom-left-radius: 20px;
819 -moz-border-radius-bottomleft: 20px;
820 border-bottom-left-radius: 20px;
821 -webkit-border-bottom-left-radius: 20px;
822 -moz-border-radius-bottomleft: 20px;
823 border-bottom-left-radius: 20px;
824 -webkit-border-bottom-left-radius: 20px;
825 -moz-border-radius-bottomleft: 20px;
826 border-bottom-left-radius: 20px;
827 -webkit-border-bottom-left-radius: 20px;
828 -moz-border-radius-bottomleft: 20px;
829 border-bottom-left-radius: 20px;
830 -webkit-border-bottom-right-radius: 20px;
831 -moz-border-radius-bottomright: 20px;
832 border-bottom-right-radius: 20px;
833 -webkit-border-bottom-right-radius: 20px;
834 -moz-border-radius-bottomright: 20px;
835 border-bottom-right-radius: 20px;
836 -webkit-border-bottom-right-radius: 20px;
837 -moz-border-radius-bottomright: 20px;
838 border-bottom-right-radius: 20px;
839 -webkit-border-bottom-right-radius: 20px;
840 -moz-border-radius-bottomright: 20px;
841 border-bottom-right-radius: 20px;
842 -webkit-border-bottom-left-radius: 20px;
843 -moz-border-radius-bottomleft: 20px;
844 border-bottom-left-radius: 20px;
845 -webkit-border-bottom-left-radius: 20px;
846 -moz-border-radius-bottomleft: 20px;
847 border-bottom-left-radius: 20px;
848 -webkit-border-bottom-left-radius: 20px;
849 -moz-border-radius-bottomleft: 20px;
850 border-bottom-left-radius: 20px;
851 -webkit-border-bottom-left-radius: 20px;
852 -moz-border-radius-bottomleft: 20px;
853 border-bottom-left-radius: 20px;
854 -webkit-border-bottom-right-radius: 20px;
855 -moz-border-radius-bottomright: 20px;
856 border-bottom-right-radius: 20px;
857 -webkit-border-bottom-right-radius: 20px;
858 -moz-border-radius-bottomright: 20px;
859 border-bottom-right-radius: 20px;
860 -webkit-border-bottom-right-radius: 20px;
861 -moz-border-radius-bottomright: 20px;
862 border-bottom-right-radius: 20px;
863 -webkit-border-bottom-right-radius: 20px;
864 -moz-border-radius-bottomright: 20px;
865 border-bottom-right-radius: 20px;
866}
867body.ext-gecko div#loginBox form.loginForm div.translations ul li {
868 display: -moz-inline-box;
869}
870div#featurePoints {
871 min-width: 400px;
872 padding-top: 15px;
873 padding-bottom: 20px;
874 padding-left: 20px;
875 padding-right: 330px;
876}
877div#featurePoints table tbody tr td {
878 width: 50%;
879 vertical-align: top;
880}
881div#featurePoints div.block {
882 padding: 10px;
883 color: #86858e;
884}
885div#featurePoints div.block h3 {
886 font-weight: normal;
887 font-size: 12pt;
888 margin: 0px;
889 padding: 5px 0px;
890}
891div#featurePoints div.block ul {
892 margin: 0px;
893 margin-left: 20px;
894 padding: 0px;
895 list-style-position: outside;
896}
897div#featurePoints div.block ul li {
898 font-size: 10pt;
899 padding: 3px 0px;
900}
901div.activeFeatures {
902 float: left;
903 margin-left: 20px;
904 height: 100px;
905}
906div.activeFeatures a {
907 display: inline-block;
908 padding-left: 46px;
909 color: #ff5906;
910 text-decoration: none;
911 font-size: 10pt;
912}
913div.activeFeatures a span.payoff {
914 display: block;
915 font-size: 13pt;
916 font-weight: lighter;
917 color: #9b9689;
918 margin: 0px;
919 padding: 0px;
920}
921div.activeFeatures a:hover span.payoff {
922 color: #666666;
923}
924div.activeFeatures div.keepTogether a {
925 padding-left: 0px;
926}
927div.activeFeatures div.keepTogether div {
928 display: inline-block;
929 padding-right: 15px;
930}
931div.activeFeatures div.keepTogether canvas {
932 width: 46px;
933 height: 46px;
934 vertical-align: bottom;
935}
936div.activeFeatures div.createAccountLink {
937 display: inline-block;
938 width: 282;
939 height: 65px;
940 margin-right: 20px;
941}
942div.activeFeatures div.createAccountLink a.createAccountLink {
943 position: relative;
944 top: -92px;
945 left: 5px;
946}
947div.activeFeatures div.createAccountLink a.createAccountLink span.payoff {
948 margin-top: 23px;
949 margin-left: 40px;
950 font-size: 17pt;
951 color: #64626c;
952}
953div.activeFeatures div.createAccountLink a.createAccountLink span.link {
954 padding-left: 40px;
955 padding-right: 50px;
956 padding-bottom: 10px;
957 font-size: 12pt;
958}
959div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff {
960 color: #54535a;
961}
962div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link {
963 color: white;
964}
965div.activeFeatures div.createAccountLink canvas {
966 width: 282px;
967 height: 93px;
968}
969/*
970
971img.favicon {
972 height: 16px;
973 width: 16px;
974}
975
976body.ext-gecko .keepTogether {
977 display: -moz-inline-box;
978}
979
980
981
982
983
984
985
986
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}
1379
1380div.button_wrapper {
1381 height: 32px;
1382 background: url(../images/old/button/default_left.png) no-repeat;
1383 cursor: pointer;
1384}
1385div.button_wrapper.hover {
1386 background: url(../images/old/button/hover_left.png) no-repeat;
1387}
1388div.button_wrapper.clicked {
1389 background: url(../images/old/button/clicked_left.png) no-repeat;
1390}
1391div.button_bodyWrapper {
1392 height: 32px;
1393 margin-left: 6px;
1394 padding-right: 6px;
1395 background: url(../images/old/button/default_main.png) repeat-x right 0;
1396}
1397div.button_wrapper.hover div.button_bodyWrapper {
1398 background: url(../images/old/button/hover_main.png) repeat-x right 0;
1399}
1400div.button_wrapper.clicked div.button_bodyWrapper {
1401 background: url(../images/old/button/clicked_main.png) repeat-x right 0;
1402}
1403div.button_body {
1404 text-align: center;
1405 min-width: 60px;
1406 padding: 0px 7px;
1407 padding-top: 8px;
1408}
1409div.button_body span {
1410 font-size: 11pt;
1411 color: white;
1412}
1413div.button_wrapper.default div.button_body span {
1414 font-weight: bold;
1415}
1416
1417// div.button_footer {
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}
1442
1443div.userInfoBox {
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}
1462div.userInfoBox div.body {
1463 padding: 0px 12px;
1464}
1465div.userInfoBox div.header {
1466 height: 30px;
1467}
1468div.userInfoBox div.header h1 {
1469 font-size: 8pt;
1470 font-weight: normal;
1471 margin: 0px;
1472 padding-top: 12px;
1473 padding-left: 12px;
1474}
1475div.userInfoBox div.header a.lockButton {
1476 position: absolute;
1477 top: 8px;
1478 right: 12px;
1479 display: block;
1480 width: 15px;
1481 height: 20px;
1482 text-decoration: none;
1483 background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px;
1484}
1485div.userInfoBox div.header a.lockButton:hover {
1486 background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px;
1487}
1488div.userInfoBox.locked {
1489 z-index: 19001;
1490}
1491div.modalDialogMask.userInfoBoxMask {
1492 -moz-opacity: 0.0;
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}
1503div.userInfoBox div.body h3 {
1504 font-size: 11pt;
1505 font-weight: bold;
1506 margin: 0px;
1507}
1508div.userInfoBox div.body ul {
1509 list-style-image: url(../images/old/main/userInfoBullet.png);
1510 font-size: 8pt;
1511 padding: 0px;
1512 margin: 4px 0px;
1513 list-style-position: inside;
1514 text-shadow: #000000 0 0 0;
1515}
1516div.userInfoBox div.body ul li span.number {
1517 font-weight: bold;
1518 padding-right: 3px;
1519}
1520div.userInfoBox div.body a {
1521 display: block;
1522 margin-top: 8
1523 px;
1524 border-top: 1px solid white;
1525 padding-top: 6px;
1526 font-size: 10pt;
1527 font-weight: bold;
1528 color: #d15a22;
1529 text-decoration: none;
1530 border-color: #fe9a5f;
1531}
1532div.userInfoBox div.body a:hover {
1533 color: #8c3b15;
1534}
1535div.userInfoBox.locked div.body a {
1536 display: none;
1537}
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 {
1579 //position: relative;
1580 //top: 110px;
1581
1582 float: left;
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}
3197div.bindings div.binding.locked.showLocked span.fieldLock a {
3198 background-image: url(../images/old/cardDialog/lock_closed.png);
3199 text-decoration: none;
3200}
3201
3202div.formValues {
3203 padding-top: 15px;
3204}
3205div.formValues div.formValue div {
3206 margin: 0px;
3207 display: inline-block;
3208}
3209div.formValues div.formValue > span.formFieldName {
3210 display: inline-table;
3211 width: 160px;
3212 overflow: hidden;
3213 margin-right: 10px;
3214 color: #6b5147;
3215}
3216
3217div.directLoginEditing {
3218 padding-top: 2px;
3219}
3220div.directLoginEditing div.tabContainer {
3221 min-height: 150px;
3222 height: 200px;
3223}
3224div.directLoginEditing div.tabContainer > ul.tabs {
3225 display: none;
3226}
3227
3228div.directLoginEditing li {
3229 padding: 10px;
3230}
3231div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea {
3232 float: left;
3233 width: 320px;
3234 height: 125px;
3235 font-family: monospace;
3236 font-weight: normal;
3237 font-size: 8pt;
3238 border: 1px solid #ccc;
3239}
3240div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent {
3241 float: right;
3242}
3243div.directLoginEditing li.configuration > textarea.error {
3244 border: 1px solid red;
3245 background-color: rgba(255, 0, 0, 0.1);
3246}
3247
3248div.CardDialog div.body {
3249 padding-bottom: 1px;
3250}
3251div.CardDialog div.body table.fields {
3252 width: 100%;
3253 padding-top: 8px;
3254 padding-bottom: 1px;
3255}
3256div.CardDialog div.body table.fields thead {
3257 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px;
3258}
3259div.CardDialog div.body table.fields tfoot {
3260 background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom;
3261}
3262div.CardDialog div.body table.fields thead th {
3263 text-align: left;
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}
3271div.CardDialog div.body table.fields thead th.fieldStateTH {
3272 width: 10px;
3273}
3274div.CardDialog div.body table.fields tbody td.fieldLabel input {
3275 width: 130px;
3276}
3277div.CardDialog div.body table.fields thead th.fieldLockTH {
3278 width: 10px;
3279}
3280div.CardDialog div.body table.fields tbody td.fieldValue input {
3281 width: 280px;
3282}
3283div.CardDialog div.body table.fields thead th.fieldActionTH {
3284 width: 30px;
3285}
3286div.CardDialog div.body table.fields thead th.fieldDeleteTH {
3287 width: 40px;
3288}
3289div.CardDialog div.body table.fields tbody tr:hover, div.CardDialog div.body table.fields tbody tr.selectedField {
3290 background-color: #cccec0;
3291}
3292div.CardDialog div.body table.fields tbody tr td {
3293 font-size: 11pt;
3294 color: #787872;
3295 height: 35px;
3296}
3297div.CardDialog div.body table.fields tbody tr td input {
3298 font-size: 11pt;
3299 border: 0px;
3300 padding: 5px;
3301 color: #787872;
3302 border: 1px solid #ededeb;
3303 background-color: #ededeb;
3304 height: 30px;
3305}
3306
3307div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input {
3308 background: #ededeb url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px;
3309 color: #ededeb;
3310 color: rgba(237, 237, 235, 0.1);
3311 //color: black;
3312 //line-height: 100px;
3313
3314 overflow: hidden;
3315}
3316div.locked input.value::-moz-selection {
3317 background: #ff0000;
3318}
3319div.locked input.value::selection {
3320 background: #ff0000;
3321}
3322div.CardDialog div.body table.fields tbody tr.new.selectedField td input,
3323div.CardDialog div.body table.fields tbody tr.new:hover td input,
3324div.CardDialog div.body table.fields tbody tr:hover td input,
3325div.CardDialog div.body table.fields tbody tr.selectedField td input {
3326 border: 1px solid #515247;
3327 background-color: #b5b7ab;
3328}
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 {
3330 background: #b5b7ab url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px;
3331 color: #b5b7ab;
3332 color: rgba(237, 237, 235, 0.1);
3333}
3334div.CardDialog div.body table.fields tbody td.fieldLock div {
3335 width: 20px;
3336 height: 19px;
3337 cursor: pointer;
3338}
3339div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked {
3340 background-image: url(../images/old/cardDialog/lock_closed.png);
3341}
3342div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked {
3343 background-image: url(../images/old/cardDialog/lock_open.png);
3344}
3345div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a {
3346 text-decoration: none;
3347 visibility: hidden;
3348 font-size: 8pt;
3349 vertical-align: -13px;
3350 color: black;
3351}
3352div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a {
3353 visibility: visible;
3354}
3355div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a {
3356 visibility: visible;
3357}
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}
3453div.ruler {
3454 //position: absolute;
3455
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
3558 font-size: 40pt;
3559 line-height: 47px;
3560}
3561div.ruler div.marker {
3562 position: absolute;
3563 top: -3px;
3564 //left: -246px;
3565}
3566div.ruler div.marker div.markerBody {
3567 width: 77px;
3568 height: 97px;
3569 background: url(../images/old/ruler/marker.png) no-repeat;
3570}
3571div.ruler div.marker div.next {
3572 position: absolute;
3573 top: 25px;
3574 left: 76px;
3575 width: 27px;
3576 height: 65px;
3577 background: url(../images/old/ruler/next.png) no-repeat -13px;
3578 z-index: 26000;
3579}
3580div.ruler div.marker div.next:hover {
3581 cursor: pointer;
3582 background: url(../images/old/ruler/next.png) no-repeat -2px;
3583}
3584div.ruler div.marker div.disabled {
3585 display: none;
3586}
3587div.ruler div.marker div.previous {
3588 position: absolute;
3589 top: 25px;
3590 left: -24px;
3591 width: 27px;
3592 height: 65px;
3593 //background: url(../images/old/ruler/previous.png) no-repeat 13px 1px;
3594 background: url(../images/old/ruler/previous.png) no-repeat 18px 1px;
3595 z-index: 26000;
3596}
3597div.ruler div.marker div.previous:hover {
3598 cursor: pointer;
3599 //background: url(../images/old/ruler/previous.png) no-repeat 2px 1px;
3600 background: url(../images/old/ruler/previous.png) no-repeat 7px 1px;
3601}
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