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