1 table.listframe {
2 width:600px;
3 background:#F3F3F3;
4 }
6 tr.listrow {
7 background:#EAEAEA;
8 }
10 tr.rowxp {
11 }
13 tr.rowxp:hover {
14 background-color:#D8D8D8;
15 }
17 td.listheader {
18 background:#E5E5E5;
19 font-weight:bold;
20 border-right:1px solid #C0C0C0;
21 border-bottom: 1px solid #b0b0b0;
22 padding:3px;
23 height:22px;
24 }
26 td.scrollhead {
27 vertical-align:top;
28 padding:0px;
29 }
31 td.scrollbody {
32 vertical-align:top;
33 padding:0px;
34 }
36 div.scrollbody {
37 background-color:#ffffff;
38 overflow:auto;
39 text-align:left;
40 }
42 td.listheader#icon {
43 width:20px;
44 }
46 td.listheader#entry {
47 }
49 td.listheader#property {
50 width:50px;
51 }
53 td.listheader#info {
54 width:200px;
55 }
57 td.listheader#properties7 {
58 width:136px;
59 }
61 td.listheader#properties8 {
62 width:152px;
63 }
65 td.listheader#properties9 {
66 width:168px;
67 }
69 td.listheader#properties10 {
70 width:186px;
71 }
73 td.listheader#actions {
74 width:52px;
75 border-right:0px;
76 text-align:right;
77 }
79 td.listheader#scrollbar {
80 width:13px;
81 border-right:0px;
82 }
84 tr.rowxp0 {
85 background:white;
86 }
88 tr.rowxp0:hover {
89 background-color:#D8D8D8;
90 }
92 td.list0 {
93 background:transparent;
94 border-right:1px solid #B0B0B0;
95 padding:3px;
96 height:22px;
97 }
99 td.list0#icon {
100 width:20px;
101 text-align:center;
102 }
104 td.list0#entry {
105 }
107 td.list0#info {
108 width:200px;
109 }
111 td.list0#property {
112 width:50px;
113 }
115 td.list0#properties7 {
116 width:136px;
117 }
119 td.list0#properties8 {
120 width:152px;
121 }
123 td.list0#properties9 {
124 width:168px;
125 }
127 td.list0#properties10 {
128 width:186px;
129 }
131 td.list0#actions {
132 width:52px;
133 border-right:0px;
134 text-align:right;
135 }
137 tr.rowxp1 {
138 background:#F0F0F0;
139 }
141 tr.rowxp1:hover {
142 background-color:#D8D8D8;
143 }
145 td.list1 {
146 background:transparent;
147 border-right:1px solid #C0C0C0;
148 padding:3px;
149 height:22px;
150 }
152 td.list1nohighlight {
153 background:white;
154 border-right:1px solid #C0C0C0;
155 padding:3px;
156 height:22px;
157 }
159 td.list1#fill {
160 height:100%;
161 }
163 td.list1#icon {
164 width:0px;
165 text-align:center;
166 }
168 td.list1#entry {
169 }
171 td.list1#info {
172 width:200px;
173 }
175 td.list1#property {
176 width:50px;
177 }
179 td.list1#properties7 {
180 width:136px;
181 }
183 td.list1#properties8 {
184 width:152px;
185 }
187 td.list1#properties9 {
188 width:168px;
189 }
191 td.list1#properties10 {
192 width:186px;
193 }
195 td.list1#actions {
196 width:52px;
197 border-right:0px;
198 text-align:right;
199 }
201 body {
202 margin-left:0px;
203 margin-right:0px;
204 margin-top:0px;
205 margin-bottom:0px;
206 background-color:white;
207 background-image:url("images/border.png");
208 background-repeat:repeat-y;
209 color:#00008F;
210 font-family:arial,helvetica,sans-serif;
211 font-size:12px;
212 }
214 h1 {
215 font-size:14px;
216 color: #00378a;
217 }
219 h2, h3, h4, h5, h6 {
220 font-size:13px;
221 color:#00378a;
222 }
224 td, p, b {
225 font-size:12px;
226 }
228 /* Title bar */
229 a.maintitlebar, div.maintitlebar {
230 font-family:arial,helvetica,sans-serif;
231 text-decoration:none;
232 color:#00348B;
233 font-size:12px;
234 text-align:center;
235 vertical-align:middle;
236 }
238 a.maintitlebar:hover {
239 text-decoration:none;
240 background-color:#B0D3A0;
241 }
243 p.menuheader {
244 font-family:arial,helvetica,sans-serif;
245 color:#00378a;
246 text-decoration:none;
247 background-color:#CDF6BD;
248 font-weight:bold;
249 font-size:12px;
250 text-align:center;
251 width:100%;
252 vertical-align:middle;
253 padding:3px;
254 margin-top:20px;
255 }
257 p.menuitem {
258 font-family:arial,helvetica,sans-serif;
259 color:#00378a;
260 text-decoration:none;
261 font-weight:normal;
262 font-size:12px;
263 text-align:left;
264 padding-left:15px;
265 padding-top:2px;
266 padding-bottom:2px;
267 vertical-align:middle;
268 margin:2px;
269 background-color:#dfffdf;
270 padding-right:5px;
271 }
273 p.menuitem:hover {
274 background-color:#d2f6c2;
275 }
277 table.menuitem {
278 width:100%;
279 margin-top:10px;
280 margin-bottom:10px;
281 margin-right:10px;
282 background-color:#f0f0f0;
283 }
285 table.menuitem:hover {
286 background-color:#c5c5c5;
287 }
290 td.phonelist:hover {
291 background-color:#d2d2d2;
292 }
294 td.phonelist {
295 border-right:1px solid #B0B0B0;
296 }
298 h1.menuheader {
299 border-style:solid;
300 border-color:#707070;
301 width:100%;
302 border-top-width:1px;
303 border-bottom-width:0px;
304 border-left-width:0px;
305 border-right-width:0px;
306 padding-top:10px;
307 padding-bottom:0px;
308 }
310 div.copynotice{
311 border-style:solid;
312 border-color:#707070;
313 width:100%;
314 border-top-width:1px;
315 border-bottom-width:0px;
316 border-left-width:0px;
317 border-right-width:0px;
318 padding-top:3px;
319 padding-bottom:0px;
320 text-align:right;
321 font-family:arial,helvetica,sans-serif;
322 font-size:10px;
323 }
325 a:link {
326 text-decoration:none;
327 color:#00008f;
328 }
330 a:visited {
331 text-decoration:none;
332 color:#00008f;
333 }
335 a.menuitem:link {
336 text-decoration:none;
337 color:#00008f;
338 }
340 a.menuitem:visited {
341 text-decoration:none;
342 color:#00008f;
343 }
345 a.menuitem:hover {
346 text-decoration:none;
347 }
349 a.iconmenu:link {
350 text-decoration:none;
351 color:#00008f;
352 }
354 td.iconmenu:hover {
355 background-color:#e0e0e0;
356 }
358 a.iconmenu:visited {
359 text-decoration:none;
360 color:#00008f;
361 }
363 a.iconmenu:hover {
364 text-decoration:none;
365 }
367 h1.plugtop{
368 border-style:solid;
369 border-color:#707070;
370 width:100%;
371 border-top-width:0px;
372 border-bottom-width:1px;
373 border-left-width:0px;
374 border-right-width:0px;
375 padding-top:0px;
376 margin-top:0px;
377 padding-bottom:6px;
378 text-align:left;
379 background-color:red;
380 font-family:arial,helvetica,sans-serif;
381 font-size:24px;
382 }
384 div.plugtop {
385 border-style:solid;
386 border-color:#b0b0b0;
387 width:100%;
388 border-top-color:#e0e0f0;
389 border-top-width:6px;
390 border-bottom-width:1px;
391 border-left-width:0px;
392 border-right-width:0px;
393 padding-top:0px;
394 padding-bottom:6px;
395 margin-bottom: 0px;
396 text-align:left;
397 vertical-align:middle;
398 background-color:#e0e0f0;
399 font-family:arial,helvetica,sans-serif;
400 font-weight:bold;
401 font-size:24px;
402 }
404 div.pluginfo {
405 border:solid;
406 border:0px;
407 width:100%;
408 padding-top:2px;
409 padding-bottom:2px;
410 margin-bottom:10px;
411 text-align:right;
412 vertical-align:middle;
413 background-color:#c0c0e0;
414 font-family:arial,helvetica,sans-serif;
415 font-size:11px;
416 }
418 p.seperator {
419 border-style:solid;
420 border-color:#a0a0a0;
421 width:100%;
422 border-top-width:0px;
423 border-bottom-width:1px;
424 border-left-width:0px;
425 border-right-width:0px;
426 padding-top:0px;
427 padding-bottom:0px;
428 margin-top:0px;
429 margin-bottom:0px;
430 text-align:left;
431 }
433 p.plugbottom {
434 border-style:solid;
435 border-color:#a0a0a0;
436 width:100%;
437 border-top-width:1px;
438 border-bottom-width:0px;
439 border-left-width:0px;
440 border-right-width:0px;
441 padding-top:10px;
442 padding-bottom:0px;
443 text-align:right;
444 font-family:arial,helvetica,sans-serif;
445 }
447 font.must {
448 color:red;
449 font-family:arial,helvetica,sans-serif;
450 }
452 div.tab_active {
453 text-align:center;
454 height:25px;
455 background-color:#f0f0f0;
456 border-style:solid;
457 border-color:black;
458 border-top-width:1px;
459 border-bottom-width:0px;
460 border-left-width:1px;
461 border-right-width:1px;
462 margin-top:0px;
463 padding-top:1px;
464 padding-left:8px;
465 padding-right:8px;
466 }
468 div.tab_left {
469 text-align:center;
470 height:20px;
471 background-color:#c0c0c0;
472 border-style:solid;
473 border-color:black;
474 border-top-width:1px;
475 border-bottom-width:1px;
476 border-left-width:1px;
477 border-right-width:0px;
478 margin-top:5px;
479 padding-top:1px;
480 padding-left:8px;
481 padding-right:8px;
482 }
484 div.tab_right {
485 text-align:center;
486 height:20px;
487 background-color:#c0c0c0;
488 border-style:solid;
489 border-color:black;
490 border-top-width:1px;
491 border-bottom-width:1px;
492 border-left-width:0px;
493 border-right-width:1px;
494 margin-top:5px;
495 padding-top:1px;
496 padding-left:8px;
497 padding-right:8px;
498 }
500 div.tab_near_active {
501 text-align:center;
502 height:20px;
503 background-color:#c0c0c0;
504 border-style:solid;
505 border-color:black;
506 border-top-width:1px;
507 border-bottom-width:1px;
508 border-left-width:1px;
509 border-right-width:1px;
510 margin-top:5px;
511 padding-top:1px;
512 padding-left:8px;
513 padding-right:8px;
514 }
516 div.tab_border {
517 width:100%;
518 height:20px;
519 border-style:solid;
520 border-color:black;
521 border-top-width:0px;
522 border-bottom-width:1px;
523 border-left-width:0px;
524 border-right-width:0px;
525 }
527 a.tab_active, input.tab_active {
528 border:0px;
529 margin:0px;
530 height:22px;
531 font-family:arial,helvetica,sans-serif;
532 background-color:#f0f0f0;
533 text-decoration:none;
534 color:#00348B;
535 font-size:13px;
536 font-weight:bold;
537 }
539 a.tab_right, input.tab_right {
540 height:20px;
541 border:0px;
542 margin:0px;
543 font-family:arial,helvetica,sans-serif;
544 background-color:#c0c0c0;
545 text-decoration:none;
546 color:#00348b;
547 font-size:13px;
548 font-weight:bold;
549 }
551 a.tab_left, input.tab_left {
552 height:20px;
553 border:0px;
554 margin:0px;
555 font-family:arial,helvetica,sans-serif;
556 background-color:#c0c0c0;
557 text-decoration:none;
558 color:#00348b;
559 font-size:13px;
560 font-weight:bold;
561 }
563 a.tab_near_active, input.tab_near_active {
564 height:20px;
565 border:0px;
566 margin:0px;
567 font-family:arial,helvetica,sans-serif;
568 background-color:#c0c0c0;
569 text-decoration:none;
570 color:#00348b;
571 font-size:13px;
572 font-weight:bold;
573 }
575 img.center {
576 text-align:center;
577 vertical-align:middle;
578 }
580 input.center {
581 text-align:left;
582 vertical-align:middle;
583 }
585 select.center {
586 text-align:left;
587 vertical-align:middle;
588 }
590 a.center {
591 text-align:left;
592 vertical-align:middle;
593 }
595 /********************** Template migration *********************/
597 /* Login screen */
598 div.gosaLoginSpacer {
599 height:100px;
600 }
602 table.gosaLoginMask {
603 background-color:#8b898b;
604 text-align:center;
605 border:0px;
606 }
608 td.gosaLoginBack {
609 width:606px;
610 height:406px;
611 background:url(images/login.png);
612 vertical-align:top;
613 }
615 div.gosaLoginBack {
616 padding-top:35px;
617 margin-left:100px;
618 margin-right:50px;
619 padding-bottom:0px;
620 vertical-align:top;
621 }
623 p.gosaLoginHeader {
624 text-align:center;
625 font-size:14px;
626 font-weight:bold;
627 margin-bottom:15px;
628 }
630 p.gosaLoginWarning {
631 text-align:center;
632 color:red;
633 font-weight:bold;
634 font-size:12px;
635 }
637 /* Account Expired screen */
638 td.gosaAccountExpiredBack {
639 width:550px;
640 height:300px;
641 background:url(images/accountexpired.png);
642 vertical-align:top;
643 }
645 div.gosaAccountExpiredBack {
646 padding-top:40px;
647 margin-left:90px;
648 margin-right:50px;
649 padding-bottom:0px;
650 vertical-align:top;
651 }
653 p.gosaAccountExpiredHeader {
654 text-align:left;
655 font-size:14px;
656 font-weight:bold;
657 margin-bottom:15px;
658 }
660 table.framework {
661 width:100%;
662 height:100%;
663 border:0px;
664 border-spacing:0px;
665 padding:0px;
666 margin:0px;
667 background-color:#cdf6bd;
668 vertical-align:top;
669 }
671 table.maintab {
672 width:100%;
673 height:100%;
674 border:0px;
675 border-spacing:0px;
676 padding:0px;
677 margin:0px;
678 background-color:#cdf6bd;
679 vertical-align:top;
680 }
683 input {
684 font-size:12px;
685 }
687 input:focus {
688 font-size:12px;
689 }
691 select {
692 font-size:12px;
693 }
695 textarea {
696 font-size:12px;
697 }
699 textarea:focus {
700 font-size:12px;
701 }
703 div.contentboxh {
704 background-color:#e8e8e8;
705 border:1px solid #b0b0b0;
706 border-bottom-width:0px;
707 height:26px;
708 vertical-align:middle;
709 }
711 p.contentboxh {
712 margin:2px;
713 font-family:arial,helvetica,sans-serif;
714 font-size:16px;
715 font-weight:bold;
716 vertical-align:middle;
717 }
719 div.contentboxb {
720 border:1px solid #b0b0b0;
721 border-top-width:0px;
722 vertical-align:middle;
723 }
725 p.contentboxb {
726 padding-bottom:0px;
727 margin:0px;
728 border:4px solid #f8f8f8;
729 vertical-align:middle;
730 }
732 a.alphaselect:hover {
733 text-decoration:none;
734 background-color:#a0a0a0;
735 color:white;
736 }
738 table.check {
739 background-color:#e1e1f1;
740 color:black;
741 border:1px dashed #a0a0a0;
742 width:95%;
743 margin-left:20px;
744 }
746 td.check {
747 border-right:1px dashed #a0a0a0;
748 }
750 option.select {
751 background-repeat:no-repeat;
752 background-position:0px top;
753 border:0;
754 padding-left:20px;
755 padding-bottom:1px;
756 height:18px;
757 }
759 input.menubar{
760 text-decoration:none;
761 height:19px;
762 padding:0px;
763 width:100%;
764 }
766 td.tbhead {
767 border-right:1px solid #B0B0B0;
768 border-bottom:1px solid #B0B0B0;
769 }
771 td.tbrhead {
772 border-bottom:1px solid #B0B0B0;
773 }
775 /************************
776 * Sieve
777 * The following styles are
778 * used to display the sieve
779 * management user interface
780 ************************/
782 /* Editing dialog styles
783 */
785 table.sieve_default_table {
786 width:100%;
787 margin: 0px;
788 border-spacing: 0px ;
789 padding:0px;
790 }
793 /* Editing surface */
794 table.editing_surface {
795 width:100%;
796 margin: 0px;
797 padding:0px;
798 }
800 /* Editing surface menu */
801 td.editing_surface_menu {
802 background-color: #EEE;
803 border: 1px solid #BBB;
804 padding:5px;
805 }
807 /* Editing surface content */
808 td.editing_surface_content {
809 background-color: #FFFFFF;
810 margin: 0px;
811 padding:0px;
812 }
814 /* Error message will be displayed as follows */
815 div.sieve_error_msgs {
816 background-color: #ff8d00;
817 color: #000000;
818 padding:5px;
819 background-image: url("images/warning.png");
820 background-repeat: no-repeat;
821 font-weight: bold;
822 }
824 /* Source editing area */
825 textarea.editing_source {
826 width:100%;
827 height:330px;
828 }
831 /*************
832 * Object container
833 *************/
835 /* The container itself */
836 table.object_container_container {
837 width:100%;
838 border-spacing: 0px ;
839 background-color: #F8F8F8;
840 border: solid 1px #AAAAAA;
841 }
843 /* Container cell top left */
844 td.object_container_cell_top_left {
845 background-color: #EEE;
846 text-align:center;
847 }
849 /* Container cell top right */
850 td.object_container_cell_top_right {
851 background-color: #EEE;
852 text-align:left;
853 padding:2px;
854 border-bottom: solid 1px #AAAAAA;
855 }
856 /* Container cell bottom left */
857 td.object_container_cell_bottom_left {
858 width:5px;
859 background-color: #EEE;
860 text-align:center;
861 border-right: solid 1px #AAAAAA;
862 }
865 /*************
866 * Sieve comment
867 *************/
869 /* Container */
870 table.sieve_comment_container {
871 margin:0px;
872 padding:0px;
873 border-spacing: 0px ;
874 width:100%;
875 background-color: #F8F8F8;
876 }
878 /* Editing area */
879 textarea.sieve_comment_area {
880 width:100%;
881 height:80px;
882 }
885 /*************
886 * Sieve require
887 *************/
889 /* Container */
890 table.sieve_require_container {
891 margin:0px;
892 padding:0px;
893 border-spacing: 0px ;
894 width:100%;
895 background-color: #F8F8F8;
896 }
897 /* Editing area */
898 input.sieve_require_input {
899 width:100%;
900 border-spacing: 0px ;
901 }
904 /*************
905 * Sieve fileinto
906 *************/
908 /* Container */
909 table.sieve_fileinto_container {
910 margin:0px;
911 padding:0px;
912 border-spacing: 0px ;
913 width:100%;
914 background-color: #F8F8F8;
915 }
917 /* Editing area */
918 input.sieve_fileinto_input {
919 width:300px;
920 }
921 select.sieve_fileinto_input {
922 width:300px;
923 }
926 /*************
927 * Sieve keep
928 *************/
930 /* Container */
931 table.sieve_keep_container {
932 margin:0px;
933 padding:0px;
934 border-spacing: 0px ;
935 width:100%;
936 background-color: #F8F8F8;
937 }
938 /* Editing area */
939 td.sieve_keep_input {
940 padding-left:20px;
941 }
944 /*************
945 * Sieve discard
946 *************/
948 /* Container */
949 table.sieve_discard_container {
950 margin:0px;
951 padding:0px;
952 border-spacing: 0px ;
953 width:100%;
954 background-color: #F8F8F8;
955 }
957 /* Editing area */
958 td.sieve_discard_input {
959 padding-left:20px;
960 }
963 /*************
964 * Sieve redirect
965 *************/
967 /* Container */
968 table.sieve_redirect_container {
969 margin:0px;
970 padding:0px;
971 border-spacing: 0px ;
972 width:100%;
973 background-color: #F8F8F8;
974 }
976 /* Editing area */
977 td.sieve_redirect_input {
978 padding-left:20px;
979 }
980 textarea.sieve_redirect_input {
981 width:100%;
982 height:30px;
983 }
986 /*************
987 * Sieve reject
988 *************/
990 /* Container */
991 table.sieve_reject_container {
992 margin:0px;
993 padding:0px;
994 border-spacing: 0px ;
995 width:100%;
996 background-color: #F8F8F8;
997 }
999 /* Editing area */
1000 td.sieve_reject_input {
1001 padding-left:20px;
1002 }
1003 textarea.sieve_reject_input {
1004 width:100%;
1005 height:55px;
1006 }
1009 /*************
1010 * Sieve end
1011 *************/
1013 /* Container */
1014 table.sieve_stop_container {
1015 margin:0px;
1016 padding:0px;
1017 border-spacing: 0px ;
1018 width:100%;
1019 background-color: #F8F8F8;
1020 }
1022 /* Editing area */
1023 td.sieve_stop_input {
1024 padding-left:20px;
1025 }
1028 /*************
1029 * Sieve vacation
1030 *************/
1032 /* Container */
1033 table.sieve_vacation_container {
1034 margin:0px;
1035 padding:0px;
1036 border-spacing: 0px ;
1037 width:100%;
1038 background-color: #F8F8F8;
1039 }
1041 /* Editing area */
1042 td.sieve_vacation_input {
1043 padding-left:20px;
1044 }
1046 /* Editing area */
1047 textarea.sieve_vacation_input {
1048 width:100%;
1049 height : 55px;
1050 }
1053 /*************
1054 * Sieve allof
1055 *************/
1057 table.sieve_allof_container {
1058 width:100%;
1059 border-spacing: 0px ;
1060 margin: 0px;
1061 padding:0px;
1062 border: solid 1px #999999;
1063 }
1065 /* Container */
1066 td.sieve_allof_left {
1067 text-align:center;
1068 vertical-align: middle;
1069 width:35px;
1070 background-color: #CCCCCC;
1071 border: solid 0px #EEE;
1072 }
1074 /* Container */
1075 td.sieve_allof_right {
1076 background-color:#BDBDBD ;
1077 }
1079 /*************
1080 * Sieve anyof
1081 *************/
1083 table.sieve_anyof_container {
1084 width:100%;
1085 margin: 0px;
1086 border-spacing: 0px ;
1087 padding:0px;
1088 border: solid 2px #CCCCCC;
1089 }
1091 /* Container */
1092 td.sieve_anyof_left {
1093 text-align:center;
1094 vertical-align: middle;
1095 width:35px;
1096 background-color: #CCCCCC;
1097 border: solid 0px #EEEEEE
1098 }
1100 /* Container */
1101 td.sieve_anyof_right {
1102 background-color:#BDBDBD ;
1103 border: solid 1px #AAAAAA;
1104 }
1105 /*************
1106 * Sieve Test Cases
1107 *************/
1109 table.sieve_test_container {
1110 width:100%;
1111 background-color:#F8F8F8;
1112 margin: 0px;
1113 border-spacing: 0px ;
1114 padding:0px;
1115 border: solid 1px #AAAAAA;
1116 }
1118 table.sieve_test_case {
1119 width:100%;
1120 margin: 0px;
1121 border-spacing: 0px ;
1122 padding:0px;
1123 }
1127 td.container_, div.container_{
1128 padding-left:2px;
1129 border-left: solid 2px #F8F8F8;
1130 }
1132 td.container_:hover,div.container_:hover {
1133 border-left: solid 2px black;
1134 display:block;
1135 }
1138 /*********
1139 * Setup
1140 *********/
1142 /* The body style */
1143 body.setup_body {
1144 margin-left:0px;
1145 margin-right:0px;
1146 margin-top:0px;
1147 margin-bottom:0px;
1148 color:#00008F;
1149 font-family:arial,helvetica,sans-serif;
1150 font-size:12px;
1151 background-color: white;
1152 background-image: none;
1153 }
1155 /* The setup complete setup dialog */
1156 div.setup_dialog {
1157 background-color:#FFF;
1158 text-align: left;
1159 }
1161 /* Header col */
1162 div.setup_header {
1163 background-color: #A9FBA6;
1164 height:30px;
1165 padding:4px 5px 2px 5px;
1166 border-bottom: 1px solid #999;
1167 }
1169 div.setup_menu {
1170 background-color: #F8F8F8;
1171 padding:4px 5px 4px 5px;
1172 border-bottom: 1px solid #B0B0B0;
1173 }
1175 /* Setup content header container */
1176 div.setup_plug_header_container {
1177 }
1179 /* Setup content container */
1180 div.setup_contents_container {
1181 }
1182 /* Setup footer */
1183 div.setup_bottom {
1184 clear: left;
1185 background-color:#DDDDDD;
1186 border-top: solid 1px red;
1187 }
1189 /*******
1190 <div.setup_header_and_content_container_1>
1191 <div.setup_header_and_content_container_2>
1192 <div.setup_plug_header>
1193 </div>
1194 <div.setup_content>
1195 </div>
1196 </div>
1197 </div>
1198 ********/
1200 /* Header col */
1201 div.setup_plug_header {
1202 padding: 10px;
1203 border-bottom: solid 1px #D0D0D0;
1204 background-color: #E0E0F0;
1205 border: 10px solid #FFFFFF;
1207 }
1209 /* Content col */
1210 div.setup_contents {
1211 margin-right:2px;
1212 background-color:white;
1213 width:80%;
1214 margin-left:20%;
1215 border:1px solid #AAAAAA;
1216 padding:2px;
1217 }
1219 /* default.*/
1220 div.default {
1221 padding: 2px;
1222 vertical-align: middle;
1223 }
1225 /* Navigation col */
1226 div.setup_navigation {
1227 width:19%;
1228 background-color:white;
1229 padding-left: 2px;
1230 padding-right: 2px;
1231 border:1px solid #AAAAAA;
1232 float:left;
1233 }
1236 /* Navigation title */
1237 div.setup_navigation_title {
1238 font-size: 1.2em;
1239 font-weight: bold;
1240 text-decoration:none;
1241 width:100%;
1242 padding-top:8px;
1243 padding-bottom:8px;
1244 border-top:1px dashed #AAAAAA;
1245 }
1247 /* The box used for each setup step */
1248 a.navigation_element, div.navigation_element {
1249 text-decoration:none;
1250 padding-top:8px;
1251 padding-bottom:8px;
1252 border-top:1px dashed #AAAAAA;
1253 width:100%;
1254 }
1256 /* The box used for each setup step */
1257 a.navigation_element_active, div.navigation_element_active {
1258 text-decoration:none;
1259 width:100%;
1260 padding-top:8px;
1261 padding-bottom:8px;
1262 border-top:1px dashed #AAAAAA;
1263 background-color:#F0F0F0;
1264 }
1266 /* An enabled setup step will use this style in navigation*/
1267 div.navigation_title_active {
1268 font-size: 1.2em;
1269 background-color:#F0F0F0;
1270 font-weight: bold;
1271 cursor: default;
1272 padding: 3px;
1273 }
1275 /* Disabled setup steps */
1276 div.navigation_title_disabled {
1277 font-size: 1.2em;
1278 font-weight: bold;
1279 padding: 3px;
1280 cursor: default;
1281 text-decoration:none;
1282 color: #AAAAAA;
1283 }
1285 /* Disabled setup steps */
1286 div.navigation_title_inactive {
1287 font-size: 1.2em;
1288 font-weight: bold;
1289 text-decoration:none;
1290 cursor: pointer;
1291 padding: 3px;
1292 }
1294 /* The style for the info of an active setup */
1295 div.navigation_info {
1296 font-size: 1em;
1297 color: black;
1298 padding: 4px 4px 3px 23px;
1299 margin: 0px;
1300 cursor: default;
1301 }
1303 /*
1304 Setup step 2 styles
1305 */
1307 /* used to hide display info div */
1308 div.solution_visible {
1309 display: block;
1310 width: 100%;
1311 text-align:left;
1312 }
1314 /* Container headline */
1315 h2.step2_container_title {
1316 background-color:#F0F0F0;
1317 border: solid 1px #CCCCCC;
1318 width:100%;
1319 padding:3px;
1320 }
1322 /* Container for name and status */
1323 div.step2_entry_container {
1324 padding:3px;
1325 width:99%;
1326 cursor:default;
1327 }
1329 /* Container for name and status, when status is failed */
1330 div.step2_entry_container_info {
1331 padding:3px;
1332 border: 1px dashed #AAAAAA;
1333 width:99%;
1334 cursor:default;
1335 }
1337 /* Text shown for each entry */
1338 div.step2_entry_name {
1339 float:left;
1340 padding-bottom:4px;
1341 vertical-align: middle;
1342 }
1344 /* Status container */
1345 div.step2_entry_status {
1346 float:none;
1347 text-align:right;
1348 padding-bottom:4px;
1349 vertical-align: middle;
1350 }
1352 /* Status failed */
1353 div.step2_failed {
1354 color:red;
1355 padding-bottom:4px;
1356 }
1358 /* Status failed but not necessary for setup */
1359 div.step2_warning {
1360 color:orange;
1361 padding-bottom:4px;
1362 }
1364 /* Status successful */
1365 div.step2_successful {
1366 color:green;
1367 }
1369 /* Text used in info div. */
1370 div.step2_failed_text {
1371 background-repeat: no-repeat;
1372 padding-left: 25px;
1373 }
1375 /* Text used in info div. On warnings */
1376 div.step2_warning_text{
1377 background-repeat: no-repeat;
1378 padding-left: 25px;
1379 }
1380 /*
1381 Setup step 4 styles
1382 */
1384 li.step4_name, div.step4_name {
1385 float:left;
1386 width:20%;
1387 height:2.0em;
1388 }
1390 li.step4_value, div.step4_value {
1391 float:left;
1392 width:50%;
1393 height:2.0em;
1394 }
1396 ul.step4_container, div.step4_container {
1397 height:2.0em;
1398 margin-top:2px;
1399 margin-left:2px;
1400 margin-right:2px;
1401 }