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