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 color:#00008F;
208 font-family:arial,helvetica,sans-serif;
209 font-size:12px;
210 }
212 h1 {
213 font-size:14px;
214 color: #00378a;
215 }
217 h2, h3, h4, h5, h6 {
218 font-size:13px;
219 color:#00378a;
220 }
222 td, p, b {
223 font-size:12px;
224 }
226 /* Title bar */
227 a.maintitlebar, div.maintitlebar {
228 font-family:arial,helvetica,sans-serif;
229 text-decoration:none;
230 color:#00348B;
231 font-size:12px;
232 text-align:center;
233 vertical-align:middle;
234 cursor:pointer;
235 }
237 a.maintitlebar:hover {
238 text-decoration:none;
239 background-color:#B0D3A0;
240 cursor:pointer;
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 cursor:pointer;
272 }
274 p.menuitem:hover {
275 background-color:#d2f6c2;
276 cursor:pointer;
277 }
279 table.menuitem {
280 width:100%;
281 margin-top:10px;
282 margin-bottom:10px;
283 margin-right:10px;
284 background-color:#f0f0f0;
285 }
287 table.menuitem:hover {
288 background-color:#c5c5c5;
289 }
292 td.phonelist:hover {
293 background-color:#d2d2d2;
294 }
296 td.phonelist {
297 border-right:1px solid #B0B0B0;
298 }
300 h1.menuheader {
301 border-style:solid;
302 border-color:#707070;
303 width:100%;
304 border-top-width:1px;
305 border-bottom-width:0px;
306 border-left-width:0px;
307 border-right-width:0px;
308 padding-top:10px;
309 padding-bottom:0px;
310 }
312 div.copynotice{
313 border-style:solid;
314 border-color:#707070;
315 width:100%;
316 border-top-width:1px;
317 border-bottom-width:0px;
318 border-left-width:0px;
319 border-right-width:0px;
320 padding-top:3px;
321 padding-bottom:0px;
322 text-align:right;
323 font-family:arial,helvetica,sans-serif;
324 font-size:10px;
325 }
327 a:link {
328 text-decoration:none;
329 color:#00008f;
330 }
332 a:visited {
333 text-decoration:none;
334 color:#00008f;
335 }
337 a.menuitem:link {
338 text-decoration:none;
339 color:#00008f;
340 }
342 a.menuitem:visited {
343 text-decoration:none;
344 color:#00008f;
345 }
347 a.menuitem:hover {
348 text-decoration:none;
349 }
351 a.iconmenu:link {
352 text-decoration:none;
353 color:#00008f;
354 }
356 td.iconmenu {
357 cursor:pointer;
358 }
360 td.iconmenu:hover {
361 background-color:#e0e0e0;
362 cursor:pointer;
363 }
365 a.iconmenu:visited {
366 text-decoration:none;
367 color:#00008f;
368 }
370 a.iconmenu:hover {
371 text-decoration:none;
372 }
374 h1.plugtop{
375 border-style:solid;
376 border-color:#707070;
377 width:100%;
378 border-top-width:0px;
379 border-bottom-width:1px;
380 border-left-width:0px;
381 border-right-width:0px;
382 padding-top:0px;
383 margin-top:0px;
384 padding-bottom:6px;
385 text-align:left;
386 background-color:red;
387 font-family:arial,helvetica,sans-serif;
388 font-size:24px;
389 }
391 div.plugtop {
392 border-style:solid;
393 border-color:#b0b0b0;
394 width:100%;
395 border-top-color:#e0e0f0;
396 border-top-width:6px;
397 border-bottom-width:1px;
398 border-left-width:0px;
399 border-right-width:0px;
400 padding-top:0px;
401 padding-bottom:6px;
402 margin-bottom: 0px;
403 text-align:left;
404 vertical-align:middle;
405 background-color:#e0e0f0;
406 font-family:arial,helvetica,sans-serif;
407 font-weight:bold;
408 font-size:24px;
409 }
411 div.pluginfo {
412 border:solid;
413 border:0px;
414 width:100%;
415 padding-top:2px;
416 padding-bottom:2px;
417 margin-bottom:10px;
418 text-align:right;
419 vertical-align:middle;
420 background-color:#c0c0e0;
421 font-family:arial,helvetica,sans-serif;
422 font-size:11px;
423 }
425 p.seperator {
426 border-style:solid;
427 border-color:#a0a0a0;
428 width:100%;
429 border-top-width:0px;
430 border-bottom-width:1px;
431 border-left-width:0px;
432 border-right-width:0px;
433 padding-top:0px;
434 padding-bottom:0px;
435 margin-top:0px;
436 margin-bottom:0px;
437 text-align:left;
438 }
440 p.plugbottom {
441 border-style:solid;
442 border-color:#a0a0a0;
443 width:100%;
444 border-top-width:1px;
445 border-bottom-width:0px;
446 border-left-width:0px;
447 border-right-width:0px;
448 padding-top:10px;
449 padding-bottom:0px;
450 text-align:right;
451 font-family:arial,helvetica,sans-serif;
452 }
454 font.must {
455 color:red;
456 font-family:arial,helvetica,sans-serif;
457 }
459 div.tab_active {
460 text-align:center;
461 height:25px;
462 background-color:#f0f0f0;
463 border-style:solid;
464 border-color:black;
465 border-top-width:1px;
466 border-bottom-width:0px;
467 border-left-width:1px;
468 border-right-width:1px;
469 margin-top:0px;
470 padding-top:1px;
471 padding-left:8px;
472 padding-right:8px;
473 }
475 div.tab_left {
476 text-align:center;
477 height:20px;
478 background-color:#c0c0c0;
479 border-style:solid;
480 border-color:black;
481 border-top-width:1px;
482 border-bottom-width:1px;
483 border-left-width:1px;
484 border-right-width:0px;
485 margin-top:5px;
486 padding-top:1px;
487 padding-left:8px;
488 padding-right:8px;
489 }
491 div.tab_right {
492 text-align:center;
493 height:20px;
494 background-color:#c0c0c0;
495 border-style:solid;
496 border-color:black;
497 border-top-width:1px;
498 border-bottom-width:1px;
499 border-left-width:0px;
500 border-right-width:1px;
501 margin-top:5px;
502 padding-top:1px;
503 padding-left:8px;
504 padding-right:8px;
505 }
507 div.tab_near_active {
508 text-align:center;
509 height:20px;
510 background-color:#c0c0c0;
511 border-style:solid;
512 border-color:black;
513 border-top-width:1px;
514 border-bottom-width:1px;
515 border-left-width:1px;
516 border-right-width:1px;
517 margin-top:5px;
518 padding-top:1px;
519 padding-left:8px;
520 padding-right:8px;
521 }
523 div.tab_border {
524 width:100%;
525 height:20px;
526 border-style:solid;
527 border-color:black;
528 border-top-width:0px;
529 border-bottom-width:1px;
530 border-left-width:0px;
531 border-right-width:0px;
532 }
534 a.tab_active, input.tab_active {
535 border:0px;
536 margin:0px;
537 height:22px;
538 font-family:arial,helvetica,sans-serif;
539 background-color:#f0f0f0;
540 text-decoration:none;
541 color:#00348B;
542 font-size:13px;
543 font-weight:bold;
544 }
546 a.tab_right, input.tab_right {
547 height:20px;
548 border:0px;
549 margin:0px;
550 font-family:arial,helvetica,sans-serif;
551 background-color:#c0c0c0;
552 text-decoration:none;
553 color:#00348b;
554 font-size:13px;
555 font-weight:bold;
556 }
558 a.tab_left, input.tab_left {
559 height:20px;
560 border:0px;
561 margin:0px;
562 font-family:arial,helvetica,sans-serif;
563 background-color:#c0c0c0;
564 text-decoration:none;
565 color:#00348b;
566 font-size:13px;
567 font-weight:bold;
568 }
570 a.tab_near_active, input.tab_near_active {
571 height:20px;
572 border:0px;
573 margin:0px;
574 font-family:arial,helvetica,sans-serif;
575 background-color:#c0c0c0;
576 text-decoration:none;
577 color:#00348b;
578 font-size:13px;
579 font-weight:bold;
580 }
582 img.center {
583 text-align:center;
584 vertical-align:middle;
585 }
587 input.center {
588 text-align:left;
589 vertical-align:middle;
590 }
592 select.center {
593 text-align:left;
594 vertical-align:middle;
595 }
597 a.center {
598 text-align:left;
599 vertical-align:middle;
600 }
602 /********************** Template migration *********************/
604 /* Login screen */
605 div.gosaLoginSpacer {
606 height:100px;
607 }
609 table.gosaLoginMask {
610 background-color:#8b898b;
611 text-align:center;
612 border:0px;
613 }
615 td.gosaLoginBack {
616 width:606px;
617 height:406px;
618 background:url(images/login.png);
619 background-repeat:no-repeat;
620 vertical-align:top;
621 }
623 div.gosaLoginBack {
624 padding-top:35px;
625 margin-left:100px;
626 margin-right:50px;
627 padding-bottom:0px;
628 vertical-align:top;
629 }
631 p.gosaLoginHeader {
632 text-align:center;
633 font-size:14px;
634 font-weight:bold;
635 margin-bottom:15px;
636 }
638 p.gosaLoginWarning {
639 text-align:center;
640 color:red;
641 font-weight:bold;
642 font-size:12px;
643 }
645 /* Account Expired screen */
646 td.gosaAccountExpiredBack {
647 width:550px;
648 height:300px;
649 background:url(images/accountexpired.png);
650 vertical-align:top;
651 }
653 div.gosaAccountExpiredBack {
654 padding-top:40px;
655 margin-left:90px;
656 margin-right:50px;
657 padding-bottom:0px;
658 vertical-align:top;
659 }
661 p.gosaAccountExpiredHeader {
662 text-align:left;
663 font-size:14px;
664 font-weight:bold;
665 margin-bottom:15px;
666 }
668 table.framework {
669 width:100%;
670 height:100%;
671 border:0px;
672 border-spacing:0px;
673 padding:0px;
674 margin:0px;
675 background-color:#cdf6bd;
676 vertical-align:top;
677 }
679 table.maintab {
680 width:100%;
681 height:100%;
682 border:0px;
683 border-spacing:0px;
684 padding:0px;
685 margin:0px;
686 background-color:#cdf6bd;
687 vertical-align:top;
688 }
691 input {
692 font-size:12px;
693 }
695 input:focus {
696 font-size:12px;
697 }
699 select {
700 font-size:12px;
701 }
703 textarea {
704 font-size:12px;
705 }
707 textarea:focus {
708 font-size:12px;
709 }
711 div.contentboxh {
712 background-color:#e8e8e8;
713 border:1px solid #b0b0b0;
714 border-bottom-width:0px;
715 height:26px;
716 vertical-align:middle;
717 }
719 p.contentboxh {
720 margin:2px;
721 font-family:arial,helvetica,sans-serif;
722 font-size:16px;
723 font-weight:bold;
724 vertical-align:middle;
725 }
727 div.contentboxb {
728 border:1px solid #b0b0b0;
729 border-top-width:0px;
730 vertical-align:middle;
731 }
733 p.contentboxb {
734 padding-bottom:0px;
735 margin:0px;
736 border:4px solid #f8f8f8;
737 vertical-align:middle;
738 }
740 a.alphaselect:hover {
741 text-decoration:none;
742 background-color:#a0a0a0;
743 color:white;
744 }
746 table.check {
747 background-color:#e1e1f1;
748 color:black;
749 border:1px dashed #a0a0a0;
750 width:95%;
751 margin-left:20px;
752 }
754 td.check {
755 border-right:1px dashed #a0a0a0;
756 }
758 option.select {
759 background-repeat:no-repeat;
760 background-position:0px top;
761 border:0;
762 padding-left:20px;
763 padding-bottom:1px;
764 height:18px;
765 }
767 input.menubar{
768 text-decoration:none;
769 height:19px;
770 padding:0px;
771 width:100%;
772 }
774 td.tbhead {
775 border-right:1px solid #B0B0B0;
776 border-bottom:1px solid #B0B0B0;
777 }
779 td.tbrhead {
780 border-bottom:1px solid #B0B0B0;
781 }
783 /************************
784 * Sieve
785 * The following styles are
786 * used to display the sieve
787 * management user interface
788 ************************/
790 /* Editing dialog styles
791 */
793 table.sieve_default_table {
794 width:100%;
795 margin: 0px;
796 border-spacing: 0px ;
797 padding:0px;
798 }
801 /* Editing surface */
802 table.editing_surface {
803 width:100%;
804 margin: 0px;
805 padding:0px;
806 }
808 /* Editing surface menu */
809 td.editing_surface_menu {
810 background-color: #EEE;
811 border: 1px solid #BBB;
812 padding:5px;
813 }
815 /* Editing surface content */
816 td.editing_surface_content {
817 background-color: #FFFFFF;
818 margin: 0px;
819 padding:0px;
820 }
822 /* Error message will be displayed as follows */
823 div.sieve_error_msgs {
824 background-color: #ff8d00;
825 color: #000000;
826 padding:5px;
827 background-image: url("images/warning.png");
828 background-repeat: no-repeat;
829 font-weight: bold;
830 }
832 /* Source editing area */
833 textarea.editing_source {
834 width:100%;
835 height:330px;
836 }
839 /*************
840 * Object container
841 *************/
843 /* The container itself */
844 table.object_container_container {
845 width:100%;
846 border-spacing: 0px ;
847 background-color: #F8F8F8;
848 border: solid 1px #AAAAAA;
849 }
851 /* Container cell top left */
852 td.object_container_cell_top_left {
853 background-color: #EEE;
854 text-align:center;
855 }
857 /* Container cell top right */
858 td.object_container_cell_top_right {
859 background-color: #EEE;
860 text-align:left;
861 padding:2px;
862 border-bottom: solid 1px #AAAAAA;
863 }
864 /* Container cell bottom left */
865 td.object_container_cell_bottom_left {
866 width:5px;
867 background-color: #EEE;
868 text-align:center;
869 border-right: solid 1px #AAAAAA;
870 }
873 /*************
874 * Sieve comment
875 *************/
877 /* Container */
878 table.sieve_comment_container {
879 margin:0px;
880 padding:0px;
881 border-spacing: 0px ;
882 width:100%;
883 background-color: #F8F8F8;
884 }
886 /* Editing area */
887 textarea.sieve_comment_area {
888 width:100%;
889 height:80px;
890 }
893 /*************
894 * Sieve require
895 *************/
897 /* Container */
898 table.sieve_require_container {
899 margin:0px;
900 padding:0px;
901 border-spacing: 0px ;
902 width:100%;
903 background-color: #F8F8F8;
904 }
905 /* Editing area */
906 input.sieve_require_input {
907 width:100%;
908 border-spacing: 0px ;
909 }
912 /*************
913 * Sieve fileinto
914 *************/
916 /* Container */
917 table.sieve_fileinto_container {
918 margin:0px;
919 padding:0px;
920 border-spacing: 0px ;
921 width:100%;
922 background-color: #F8F8F8;
923 }
925 /* Editing area */
926 input.sieve_fileinto_input {
927 width:300px;
928 }
929 select.sieve_fileinto_input {
930 width:300px;
931 }
934 /*************
935 * Sieve keep
936 *************/
938 /* Container */
939 table.sieve_keep_container {
940 margin:0px;
941 padding:0px;
942 border-spacing: 0px ;
943 width:100%;
944 background-color: #F8F8F8;
945 }
946 /* Editing area */
947 td.sieve_keep_input {
948 padding-left:20px;
949 }
952 /*************
953 * Sieve discard
954 *************/
956 /* Container */
957 table.sieve_discard_container {
958 margin:0px;
959 padding:0px;
960 border-spacing: 0px ;
961 width:100%;
962 background-color: #F8F8F8;
963 }
965 /* Editing area */
966 td.sieve_discard_input {
967 padding-left:20px;
968 }
971 /*************
972 * Sieve redirect
973 *************/
975 /* Container */
976 table.sieve_redirect_container {
977 margin:0px;
978 padding:0px;
979 border-spacing: 0px ;
980 width:100%;
981 background-color: #F8F8F8;
982 }
984 /* Editing area */
985 td.sieve_redirect_input {
986 padding-left:20px;
987 }
988 textarea.sieve_redirect_input {
989 width:100%;
990 height:30px;
991 }
994 /*************
995 * Sieve reject
996 *************/
998 /* Container */
999 table.sieve_reject_container {
1000 margin:0px;
1001 padding:0px;
1002 border-spacing: 0px ;
1003 width:100%;
1004 background-color: #F8F8F8;
1005 }
1007 /* Editing area */
1008 td.sieve_reject_input {
1009 padding-left:20px;
1010 }
1011 textarea.sieve_reject_input {
1012 width:100%;
1013 height:55px;
1014 }
1017 /*************
1018 * Sieve end
1019 *************/
1021 /* Container */
1022 table.sieve_stop_container {
1023 margin:0px;
1024 padding:0px;
1025 border-spacing: 0px ;
1026 width:100%;
1027 background-color: #F8F8F8;
1028 }
1030 /* Editing area */
1031 td.sieve_stop_input {
1032 padding-left:20px;
1033 }
1036 /*************
1037 * Sieve vacation
1038 *************/
1040 /* Container */
1041 table.sieve_vacation_container {
1042 margin:0px;
1043 padding:0px;
1044 border-spacing: 0px ;
1045 width:100%;
1046 background-color: #F8F8F8;
1047 }
1049 /* Editing area */
1050 td.sieve_vacation_input {
1051 padding-left:20px;
1052 }
1054 /* Editing area */
1055 textarea.sieve_vacation_input {
1056 width:100%;
1057 height : 55px;
1058 }
1061 /*************
1062 * Sieve allof
1063 *************/
1065 table.sieve_allof_container {
1066 width:100%;
1067 border-spacing: 0px ;
1068 margin: 0px;
1069 padding:0px;
1070 border: solid 1px #999999;
1071 }
1073 /* Container */
1074 td.sieve_allof_left {
1075 text-align:center;
1076 vertical-align: middle;
1077 width:35px;
1078 background-color: #CCCCCC;
1079 border: solid 0px #EEE;
1080 }
1082 /* Container */
1083 td.sieve_allof_right {
1084 background-color:#BDBDBD ;
1085 }
1087 /*************
1088 * Sieve anyof
1089 *************/
1091 table.sieve_anyof_container {
1092 width:100%;
1093 margin: 0px;
1094 border-spacing: 0px ;
1095 padding:0px;
1096 border: solid 2px #CCCCCC;
1097 }
1099 /* Container */
1100 td.sieve_anyof_left {
1101 text-align:center;
1102 vertical-align: middle;
1103 width:35px;
1104 background-color: #CCCCCC;
1105 border: solid 0px #EEEEEE
1106 }
1108 /* Container */
1109 td.sieve_anyof_right {
1110 background-color:#BDBDBD ;
1111 border: solid 1px #AAAAAA;
1112 }
1113 /*************
1114 * Sieve Test Cases
1115 *************/
1117 table.sieve_test_container {
1118 width:100%;
1119 background-color:#F8F8F8;
1120 margin: 0px;
1121 border-spacing: 0px ;
1122 padding:0px;
1123 border: solid 1px #AAAAAA;
1124 }
1126 table.sieve_test_case {
1127 width:100%;
1128 margin: 0px;
1129 border-spacing: 0px ;
1130 padding:0px;
1131 }
1135 td.container_, div.container_{
1136 padding-left:2px;
1137 border-left: solid 2px #F8F8F8;
1138 }
1140 td.container_:hover,div.container_:hover {
1141 border-left: solid 2px black;
1142 display:block;
1143 }
1146 /*********
1147 * Setup
1148 *********/
1150 /* The body style */
1151 body.setup_body {
1152 margin-left:0px;
1153 margin-right:0px;
1154 margin-top:0px;
1155 margin-bottom:0px;
1156 color:#00008F;
1157 font-family:arial,helvetica,sans-serif;
1158 font-size:12px;
1159 background-color: white;
1160 background-image: none;
1161 }
1163 /* The setup complete setup dialog */
1164 div.setup_dialog {
1165 background-color:#FFF;
1166 text-align: left;
1167 }
1169 /* Header col */
1170 div.setup_header {
1171 background-color: #A9FBA6;
1172 height:30px;
1173 padding:4px 5px 2px 5px;
1174 border-bottom: 1px solid #999;
1175 }
1177 div.setup_menu {
1178 background-color: #F8F8F8;
1179 padding:4px 5px 4px 5px;
1180 border-bottom: 1px solid #B0B0B0;
1181 }
1183 /* Setup content header container */
1184 div.setup_plug_header_container {
1185 }
1187 /* Setup content container */
1188 div.setup_contents_container {
1189 }
1190 /* Setup footer */
1191 div.setup_bottom {
1192 clear: left;
1193 background-color:#DDDDDD;
1194 border-top: solid 1px red;
1195 }
1197 /*******
1198 <div.setup_header_and_content_container_1>
1199 <div.setup_header_and_content_container_2>
1200 <div.setup_plug_header>
1201 </div>
1202 <div.setup_content>
1203 </div>
1204 </div>
1205 </div>
1206 ********/
1208 /* Header col */
1209 div.setup_plug_header {
1210 padding: 10px;
1211 border-bottom: solid 1px #D0D0D0;
1212 background-color: #E0E0F0;
1213 border: 10px solid #FFFFFF;
1215 }
1217 /* Content col */
1218 div.setup_contents {
1219 margin-right:2px;
1220 background-color:white;
1221 width:80%;
1222 margin-left:20%;
1223 border:1px solid #AAAAAA;
1224 padding:2px;
1225 }
1227 /* default.*/
1228 div.default {
1229 padding: 2px;
1230 vertical-align: middle;
1231 }
1233 /* Navigation col */
1234 div.setup_navigation {
1235 width:19%;
1236 background-color:white;
1237 padding-left: 2px;
1238 padding-right: 2px;
1239 border:1px solid #AAAAAA;
1240 float:left;
1241 }
1244 /* Navigation title */
1245 div.setup_navigation_title {
1246 font-size: 1.2em;
1247 font-weight: bold;
1248 text-decoration:none;
1249 width:100%;
1250 padding-top:8px;
1251 padding-bottom:8px;
1252 border-top:1px dashed #AAAAAA;
1253 }
1255 /* The box used for each setup step */
1256 a.navigation_element, div.navigation_element {
1257 text-decoration:none;
1258 padding-top:8px;
1259 padding-bottom:8px;
1260 border-top:1px dashed #AAAAAA;
1261 width:100%;
1262 }
1264 /* The box used for each setup step */
1265 a.navigation_element_active, div.navigation_element_active {
1266 text-decoration:none;
1267 width:100%;
1268 padding-top:8px;
1269 padding-bottom:8px;
1270 border-top:1px dashed #AAAAAA;
1271 background-color:#F0F0F0;
1272 }
1274 /* An enabled setup step will use this style in navigation*/
1275 div.navigation_title_active {
1276 font-size: 1.2em;
1277 background-color:#F0F0F0;
1278 font-weight: bold;
1279 cursor: default;
1280 padding: 3px;
1281 }
1283 /* Disabled setup steps */
1284 div.navigation_title_disabled {
1285 font-size: 1.2em;
1286 font-weight: bold;
1287 padding: 3px;
1288 cursor: default;
1289 text-decoration:none;
1290 color: #AAAAAA;
1291 }
1293 /* Disabled setup steps */
1294 div.navigation_title_inactive {
1295 font-size: 1.2em;
1296 font-weight: bold;
1297 text-decoration:none;
1298 cursor: pointer;
1299 padding: 3px;
1300 }
1302 /* The style for the info of an active setup */
1303 div.navigation_info {
1304 font-size: 1em;
1305 color: black;
1306 padding: 4px 4px 3px 23px;
1307 margin: 0px;
1308 cursor: default;
1309 }
1311 /*
1312 Setup step 2 styles
1313 */
1315 /* used to hide display info div */
1316 div.solution_visible {
1317 display: block;
1318 width: 100%;
1319 text-align:left;
1320 }
1322 /* Container headline */
1323 h2.step2_container_title {
1324 background-color:#F0F0F0;
1325 border: solid 1px #CCCCCC;
1326 width:100%;
1327 padding:3px;
1328 }
1330 /* Container for name and status */
1331 div.step2_entry_container {
1332 padding:3px;
1333 width:99%;
1334 cursor:default;
1335 }
1337 /* Container for name and status, when status is failed */
1338 div.step2_entry_container_info {
1339 padding:3px;
1340 border: 1px dashed #AAAAAA;
1341 width:99%;
1342 cursor:default;
1343 }
1345 /* Text shown for each entry */
1346 div.step2_entry_name {
1347 float:left;
1348 padding-bottom:4px;
1349 vertical-align: middle;
1350 }
1352 /* Status container */
1353 div.step2_entry_status {
1354 float:none;
1355 text-align:right;
1356 padding-bottom:4px;
1357 vertical-align: middle;
1358 }
1360 /* Status failed */
1361 div.step2_failed {
1362 color:red;
1363 padding-bottom:4px;
1364 }
1366 /* Status failed but not necessary for setup */
1367 div.step2_warning {
1368 color:orange;
1369 padding-bottom:4px;
1370 }
1372 /* Status successful */
1373 div.step2_successful {
1374 color:green;
1375 }
1377 /* Text used in info div. */
1378 div.step2_failed_text {
1379 background-repeat: no-repeat;
1380 padding-left: 25px;
1381 }
1383 /* Text used in info div. On warnings */
1384 div.step2_warning_text{
1385 background-repeat: no-repeat;
1386 padding-left: 25px;
1387 }
1388 /*
1389 Setup step 4 styles
1390 */
1392 li.step4_name, div.step4_name {
1393 float:left;
1394 width:25%;
1395 height:2.0em;
1396 }
1398 li.step4_value, div.step4_value {
1399 float:left;
1400 width:50%;
1401 height:2.0em;
1402 }
1404 ul.step4_container, div.step4_container {
1405 height:2.0em;
1406 margin-top:2px;
1407 margin-left:2px;
1408 margin-right:2px;
1409 }