]> git.mxchange.org Git - friendica.git/blob - view/style.css
front page
[friendica.git] / view / style.css
1
2 a, a:visited {
3         color: #8888FF;
4         text-decoration: none;
5 }
6
7 a:hover {
8         color: #0000FF;
9         text-decoration: underline;
10 }
11 img {
12         border: none;
13 }
14
15 body { 
16         background: #FEFEFE;
17         color: #444444;
18         font-family: "Lucida Grande", Tahoma, sans-serif;
19 /*      letter-spacing: 1px; */
20 /*      font-family: verdana, sans-serif; */
21         font-size: 90%;
22         margin-left: 10px;
23 }
24
25 img.photo {
26         border: 1px solid #AAAAAA;
27         padding: 5px;
28         background: #FFFFFF;
29 }
30
31 #logo {
32         font-size: 300%;
33         color: #A8A8A8;
34         font-weight: bold;
35         margin-left: 280px;
36 }
37
38 aside {
39         position: absolute;
40         left: 0px;
41         top: 60px;
42         right: 250px;
43         width: 250px;
44         margin-left: 20px;
45         margin-right: 0px;
46         font-size: 0.9em;
47 }
48 section {
49         position: absolute;
50         left: 270px;
51         top: 60px;
52         margin-left: 20px;
53         margin-right: 20px;
54         right: 0px;
55 }
56 h1 {
57         font-size: 1.6em;
58 }
59
60 nav {
61         position: absolute;
62         top: 0px;
63         height: 30px;
64         left: 0px;
65         right: 0px;
66         margin-top: 20px;
67 }
68
69 footer {
70         position: absolute;
71         left: 0px;
72         right: 0px;
73         bottom: 0px;
74         margin: 20px 20px 20px 20px;
75 }
76 .fn {
77         font-size: 1.4em;
78         margin-bottom: 10px;
79         line-height: 1.5;
80 }
81
82 .powered {
83         font-size: 0.6em;
84 }
85 .error-message {
86         color: #FF0000;
87         font-size: 1.1em;
88         border: 1px solid #FF8888;
89         background-color: #FFEEEE;
90         padding: 10px;
91         -moz-box-shadow: 5px 5px 5px #888888;
92         -webkit-box-shadow: 5px 5px 5px #888888;
93         box-shadow: 5px 5px 5px #888888;
94         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
95         filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
96
97
98 }
99 .nav-link {
100         float: right;
101         margin-left: 0px;
102         margin-right: 10px;
103         padding: 3px;
104         border: 1px solid #AAAAAA;
105         background: #F4F4F4;
106         font-size: 90%;
107         font-weight: bold;
108         -moz-box-shadow: 5px 5px 5px #888888;
109         -webkit-box-shadow: 5px 5px 5px #888888;
110         box-shadow: 5px 5px 5px #888888;
111         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
112         filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
113 }
114
115
116 .nav-ajax-left {
117         margin-left: 1px;
118         float: left;
119         font-size: 0.6em;
120         font-weight: bold;
121         color: #FF0000;
122 }
123
124 .nav-ajax-right {
125         margin-left: 1px;
126         float: right;
127         font-size: 0.6em;
128         font-weight: bold;
129         color: #FF0000;
130 }
131
132 .nav-commlink {
133         float: left;
134         margin-left: 10px;
135         margin-right: 0px;
136         padding: 3px;
137         border: 1px solid #AAAAAA;
138         background: #F4F4F4;
139         font-size: 90%;
140         font-weight: bold;
141         text-decoration: none;
142         -moz-box-shadow: 5px 5px 5px #888888;
143         -webkit-box-shadow: 5px 5px 5px #888888;
144         box-shadow: 5px 5px 5px #888888;
145         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
146         filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
147
148 }
149 #nav-end {
150         clear: both;
151 }
152
153 .login-extra-links {
154         font-size: 0.7em;
155 }
156
157 #profile-extra-links {
158         margin-top: 20px;
159         margin-bottom: 20px;
160         margin-left: 20px;
161         margin-right: 20px;
162 }
163
164 #label-register-name, #label-register-email, #label-register-nickname {
165         float: left;
166         width: 350px;
167         margin-top: 10px;
168 }
169
170 #register-name, #register-email, #register-nickname {
171         float: left;
172         margin-top: 10px;
173         width: 150px;
174 }
175
176 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end {
177         clear: both;
178 }
179 #register-nickname-desc {
180         margin-top: 30px;
181         width: 650px;
182 }
183 #register-sitename {
184         float: left;
185         margin-top: 10px;
186 }
187
188 #register-submit-button {
189         margin-top: 50px;
190         margin-left: 350px;
191 }
192
193 #label-login-name, #label-login-password, #login-extra-filler {
194         float: left;
195         width: 150px;
196         margin-bottom: 20px;
197 }
198
199
200 #login-name, #login-password {
201         float: left;
202         width: 150px;
203 }
204
205 #register-link, #lost-password-link {
206         float: left;
207         font-size: 0.7em;
208         margin-right: 15px;
209 }
210
211 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
212         clear: both;
213 }
214
215 #login-submit-button {
216         margin-top: 10px;
217         margin-left: 150px;
218 }
219
220 input#dfrn-url {
221         float: left;
222         background: url(dfrn.gif) no-repeat;
223         background-position: 2px center;
224         font-size: 17px;
225         padding-left: 21px;
226         height: 21px;
227         background-color: #FFFFFF;
228         color: #000000;
229         margin-bottom: 20px;
230 }
231
232 #dfrn-url-label {
233         float: left;
234         width: 250px;
235 }
236
237 #dfrn-request-url-end {
238         clear: both;
239 }
240
241 #knowyouyes, #knowyouno {
242         float: left;
243 }
244
245 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
246
247         float: none;
248 }
249 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
250         float: left;
251         width: 75px;
252         margin-left: 50px;
253         margin-bottom: 7px;
254 }
255 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
256         clear: both;
257
258 }
259
260 #dfrn-request-message-wrapper {
261         margin-bottom: 50px;
262 }
263 #dfrn-request-submit-wrapper {
264         clear: both;
265         margin-left: 50px;
266 }
267
268 #dfrn-request-info-wrapper {
269         margin-left: 50px;
270 }
271
272 #settings-nick-wrapper {
273         margin-bottom: 30px;
274 }
275
276 #settings-username-end, #settings-email-end, #settings-nick-end, #settings-timezone-end, #settings-password-end, #settings-confirm-end {
277         margin-bottom: 5px;
278         clear: both;
279 }
280
281 #settings-username-label, #settings-email-label, #settings-nick-label, #settings-timezone-label, #settings-password-label, #settings-confirm-label {
282         float: left;
283         width: 200px;
284 }
285
286 #settings-username, #settings-email, #settings-nick, #timezone-select, #settings-password, #settings-confirm {
287         float: left;
288         margin-bottom: 20px;
289 }
290
291 #settings-nick-desc {
292         width: 500px;
293 }
294
295 #settings-nick {
296         margin-bottom: 50px;
297 }
298
299 #cropimage-wrapper, #cropimage-preview-wrapper {
300         float: left;
301         padding: 30px;
302 }
303
304 #crop-image-form {
305         margin-top: 30px;
306         clear: both;
307 }
308
309 .intro-fullname {
310         font-size: 1.1em;
311         font-weight: bold;
312
313 }
314 .intro-desc {
315         margin-bottom: 20px;
316 }
317
318 .intro-note {
319         padding: 10px;
320 }
321
322 .intro-end {
323         padding: 30px;
324 }
325
326 .intro-approve-form, .intro-form {
327         float: left;
328 }
329 .intro-submit-approve, .intro-submit-ignore {
330         margin-right: 20px;
331 }
332 .intro-top {
333         width: 500px;
334         margin-bottom: 30px;
335 }
336 .intro-end {
337         clear: both;
338         margin-bottom: 30px;
339 }
340
341 #profile-extra-links ul {
342         list-style-type: none;
343 }
344
345
346 #profile-extra-links li {
347         margin-top: 5px;
348 }
349
350 #profile-edit-links ul {
351         list-style-type: none;
352 }
353
354 #profile-edit-links li {
355         margin-top: 10px;
356 }
357
358 .view-contact-wrapper {
359         margin-top: 20px;
360         float: left;
361         margin-left: 20px;
362         width: 180px;
363 }
364 #view-contact-end {
365         clear: both;
366 }
367
368
369 #profile-edit-default-desc {
370         color: #FF0000;
371         border: 1px solid #FF8888;
372         background-color: #FFEEEE;
373         padding: 7px;
374
375
376 }
377 #profile-edit-clone-link-wrapper {
378         float: left;
379         margin-left: 50px;
380         margin-bottom: 20px;
381         width: 300px;
382 }
383
384 #profile-edit-drop-link-wrapper {
385         float: left;
386         
387 }
388
389 #profile-edit-links-end {
390         clear: both;
391 }
392 .profile-listing-photo {
393         border: none;
394 }
395
396 .profile-edit-submit-wrapper {
397         margin-top: 20px;
398         margin-bottom: 20px;
399 }
400
401 #profile-edit-profile-name-label,
402 #profile-edit-name-label,
403 #profile-edit-gender-label,
404 #profile-edit-dob-label,
405 #profile-edit-address-label,
406 #profile-edit-locality-label,
407 #profile-edit-region-label,
408 #profile-edit-postal-code-label,
409 #profile-edit-country-name-label,
410 #profile-edit-marital-label,
411 #profile-edit-sexual-label,
412 #profile-edit-politic-label,
413 #profile-edit-religion-label,
414 #profile-edit-homepage-label {
415         float: left;
416         width: 175px;
417 }
418
419 #profile-edit-profile-name,
420 #profile-edit-name,
421 #gender-select,
422 #profile-edit-dob,
423 #profile-edit-address,
424 #profile-edit-locality,
425 #profile-edit-region,
426 #profile-edit-postal-code,
427 #profile-edit-country-name,
428 #marital-select,
429 #sexual-select,
430 #profile-edit-politic,
431 #profile-edit-religion,
432 #profile-in-dir-yes,
433 #profile-in-dir-no,
434 #hide-friends-yes,
435 #hide-friends-no {
436         float: left;
437         margin-bottom: 20px;
438 }
439
440 #profile-in-dir-yes-label, 
441 #profile-in-dir-no-label,
442 #hide-friends-yes-label,
443 #hide-friends-no-label {
444         margin-left: 125px;
445         float: left;
446         width: 50px;
447 }
448
449 #profile-edit-homepage {
450         float: left;
451         margin-bottom: 35px;
452 }
453
454 #profile-edit-profile-name-end,
455 #profile-edit-name-end,
456 #profile-edit-gender-end,
457 #profile-edit-dob-end,
458 #profile-edit-address-end,
459 #profile-edit-locality-end,
460 #profile-edit-region-end,
461 #profile-edit-postal-code-end,
462 #profile-edit-country-name-end,
463 #profile-edit-marital-end,
464 #profile-edit-sexual-end,
465 #profile-edit-politic-end,
466 #profile-edit-religion-end,
467 #profile-edit-homepage-end,
468 #profile-in-dir-break, 
469 #profile-in-dir-end,
470 #hide-friends-break,
471 #hide-friends-end {
472         clear: both;
473 }
474
475
476
477
478
479 #gender-select, #marital-select, #sexual-select {
480         width: 220px;
481 }
482
483 #profile-edit-profile-name-wrapper .required {
484         color: #FF0000;
485         float: left;
486 }
487
488 #contacts-main {
489         margin-bottom: 20px;
490 }
491
492 .contact-entry-wrapper {
493         float: left;
494         width: 180px;
495 }
496
497 .contact-entry-direction-icon {
498         margin-top: 24px;
499         margin-right: 2px;
500 }
501
502 .contact-entry-photo img {
503         border: none;
504 }
505 .contact-entry-photo-end {
506         clear: both;
507 }
508 .contact-entry-name {
509         float: left;
510         margin-left: 30px;
511 }
512 .contact-entry-edit-links {
513         margin-top: 6px;
514         margin-left: 10px;
515         width: 16px;
516 }
517 .contact-entry-nav-wrapper {
518         float: left;
519         margin-left: 10px;
520 }
521
522 .contact-entry-edit-links img {
523         border: none;
524         margin-right: 15px;
525 }
526 .contact-entry-photo {
527         float: left;
528 }
529 .contact-entry-end {
530         clear: both;
531 }
532 /*
533 .contact-entry-nav-end {
534         clear: both;
535 }
536 */
537 #contact-edit-end {
538         clear: both;
539 }
540
541 .wall-item-outside-wrapper {
542         margin-top: 10px;
543 }
544
545 .wall-item-outside-wrapper.comment {
546         margin-left: 50px;
547         background: #F7F7F7;
548 }
549
550 .wall-item-photo-wrapper {
551         margin-top: 10px;
552         margin-left: 10px;
553         margin-bottom: 10px;
554         width: 100px;
555         float: left;
556 }
557 .wall-item-arrowphoto-wrapper {
558         margin-top: 40px;
559         margin-right: 20px;
560         float: left;
561 }
562 .wall-item-wrapper {
563         margin-top: 30px;
564         float: left;
565 }
566
567 .wall-item-ago {
568         color: #888888;
569         font-size: 0.8em;
570 }
571
572 .wall-item-delete-wrapper {
573         float: right;
574         margin-top: 20px;
575         margin-right: 50px;
576 }
577
578 .wall-item-delete-end {
579         clear: both;
580 }
581
582 .wall-item-delete-icon {
583         border: none;
584 }
585
586
587 .wall-item-wrapper-end {
588         clear: both;
589 }
590 .wall-item-name-link {
591         font-weight: bold;
592         text-decoration: none;
593         color: #3172BD;
594 }
595 .wall-item-photo {
596         border: none;
597 }
598 .wall-item-content {
599         float: left;
600         width: 450px;
601         margin-left: 10px;
602 }
603
604 .wall-item-title {
605         float: left;
606         font-weight: bold;
607         width: 450px;
608 }
609
610 .wall-item-body {
611         float: left;
612         width: 450px;
613         margin-top: 30px;
614 }
615
616 .comment-edit-wrapper {
617         margin-top: 15px;
618         margin-left: 100px;
619 }
620
621 .comment-wwedit-wrapper {
622         margin-top: 15px;
623         margin-left: 250px;
624 }
625
626
627 #profile-jot-submit-wrapper {
628         margin-top: 15px;
629 }
630
631 #profile-jot-submit {
632         float: left;
633 }
634 #profile-upload-wrapper {
635         float: left;
636         margin-left: 50px;
637 }
638
639 #profile-rotator {
640         float: left;
641         margin-left: 50px;
642 }
643 #profile-link-wrapper {
644         float: left;
645         margin-left: 20px;
646 }
647
648 #profile-jot-perms {
649         float: left;
650         margin-left: 250px;
651 }
652
653 #profile-jot-perms-end {
654         clear: both;
655 }
656
657 #profile-jot-end {
658         clear: both;
659         margin-bottom: 30px;
660 }
661 #about-jot-submit-wrapper {
662         margin-top: 15px;
663 }
664 #about-jot-end {
665         margin-bottom: 30px;
666 }
667 #contacts-main {
668         margin-bottom: 30px;
669 }
670
671 #profile-listing-desc {
672         margin-left: 30px;
673 }
674
675 #profile-listing-new-link-wrapper {
676         margin-left: 30px;
677         margin-bottom: 30px;
678 }
679 .profile-listing-photo-wrapper {
680         float: left;
681 }
682
683 .profile-listing-edit-buttons-wrapper {
684         clear: both;
685 }
686 .profile-listing-photo-edit-link {
687         float: left;
688         width: 125px;
689 }
690 .profile-listing-end {
691         clear: both;
692 }
693 .profile-listing-edit-buttons-wrapper img{
694         border: none;
695         margin-right: 20px;
696 }
697 .profile-listing {
698         margin-top: 25px;
699 }
700 .profile-listing-name {
701         float: left;
702         margin-left: 32px;
703         margin-top: 10px;
704         color: #3172BD;
705         font-weight: bold;
706         width: 200px;
707
708 }
709 .fortune {
710         margin-top: 50px;
711         color: #4444FF;
712         font-weight: bold;
713         margin-bottom: 20px;
714 }
715
716
717 .directory-end {
718         clear: both;
719 }
720 .directory-name {
721         text-align: center;
722 }
723 .directory-photo {
724         margin-left: 25px;
725 }
726 .directory-details {
727         font-size: 0.7em;
728         text-align: center;
729         margin-left: 5px;
730         margin-right: 5px;
731 }
732 .directory-item {
733         float: left;
734         width: 225px;
735         height: 260px;
736         overflow: auto;
737 }
738
739 #directory-search-wrapper {
740         margin-left: 350px;
741         margin-right: 20px;
742         margin-bottom: 50px;
743 }
744
745 #directory-search-end {
746 }
747
748 .directory-photo-img {
749         border: none;
750 }
751
752
753 .pager {
754   padding: 10px;
755   text-align: center;
756   font-size: 1.0em;
757 }
758
759
760 .pager_first,
761 .pager_last,
762 .pager_prev,
763 .pager_next,
764 .pager_n {
765         border: 1px solid black;
766         background: #EEE;
767         padding: 4px;
768 }
769
770 .pager_first a,
771 .pager_last a,
772 .pager_prev a,
773 .pager_next a,
774 .pager_n a {
775         text-decoration: none;
776 }
777
778 .pager_current {
779   border: 1px solid black;
780   background: #FFCCCC;
781   padding: 4px;
782 }
783
784
785 #advanced-profile-name-wrapper,
786 #advanced-profile-gender-wrapper,
787 #advanced-profile-dob-wrapper,
788 #advanced-profile-age-wrapper,
789 #advanced-profile-marital-wrapper,
790 #advanced-profile-sexual-wrapper,
791 #advanced-profile-homepage-wrapper,
792 #advanced-profile-politic-wrapper,
793 #advanced-profile-religion-wrapper,
794 #advanced-profile-about-wrapper,
795 #advanced-profile-interest-wrapper,
796 #advanced-profile-contact-wrapper,
797 #advanced-profile-music-wrapper,
798 #advanced-profile-book-wrapper,
799 #advanced-profile-tv-wrapper,
800 #advanced-profile-film-wrapper,
801 #advanced-profile-romance-wrapper,
802 #advanced-profile-work-wrapper,
803 #advanced-profile-education-wrapper {
804         margin-top: 20px;
805 }
806
807 #advanced-profile-name-text,
808 #advanced-profile-gender-text,
809 #advanced-profile-dob-text,
810 #advanced-profile-age-text,
811 #advanced-profile-marital-text,
812 #advanced-profile-sexual-text,
813 #advanced-profile-homepage-text,
814 #advanced-profile-politic-text,
815 #advanced-profile-religion-text,
816 #advanced-profile-about-text,
817 #advanced-profile-interest-text,
818 #advanced-profile-contact-text,
819 #advanced-profile-music-text,
820 #advanced-profile-book-text,
821 #advanced-profile-tv-text,
822 #advanced-profile-film-text,
823 #advanced-profile-romance-text,
824 #advanced-profile-work-text,
825 #advanced-profile-education-text {
826         width: 250px;
827         float: left;
828 }
829
830 #advanced-profile-name-end,
831 #advanced-profile-gender-end,
832 #advanced-profile-dob-end,
833 #advanced-profile-age-end,
834 #advanced-profile-marital-end,
835 #advanced-profile-sexual-end,
836 #advanced-profile-homepage-end,
837 #advanced-profile-politic-end,
838 #advanced-profile-religion-end {
839         clear: both;
840 }
841
842 #advanced-profile-about-end,
843 #advanced-profile-interest-end,
844 #advanced-profile-contact-end,
845 #advanced-profile-music-end,
846 #advanced-profile-book-end,
847 #advanced-profile-tv-end,
848 #advanced-profile-film-end,
849 #advanced-profile-romance-end,
850 #advanced-profile-work-end,
851 #advanced-profile-education-end {
852
853
854 }
855
856 #advanced-profile-name,
857 #advanced-profile-gender,
858 #advanced-profile-dob,
859 #advanced-profile-age,
860 #advanced-profile-marital,
861 #advanced-profile-sexual,
862 #advanced-profile-homepage,
863 #advanced-profile-politic,
864 #advanced-profile-religion {
865         float: left;
866
867 }
868
869
870 #advanced-profile-about,
871 #advanced-profile-interest,
872 #advanced-profile-contact,
873 #advanced-profile-music,
874 #advanced-profile-book,
875 #advanced-profile-tv,
876 #advanced-profile-film,
877 #advanced-profile-romance,
878 #advanced-profile-work,
879 #advanced-profile-education {
880         margin-top: 10px;
881         margin-left: 50px;
882         margin-right: 20px;
883         padding: 10px;
884         border: 1px solid #CCCCCC;
885 }
886
887 #contact-edit-wrapper {
888         margin-top: 50px;
889 }
890
891 #contact-edit-banner-name {
892         font-size: 1.4em;
893         font-weight: bold;
894         margin-left: 30px;
895 }
896
897 #contact-edit-poll-wrapper {
898         margin-left: 50px;
899         margin-top: 30px;
900 }
901 #contact-edit-poll-text {
902         margin-bottom: 10px;
903 }
904
905 #contact-edit-photo-wrapper {
906         margin-bottom: 20px;
907 }
908 #contact-edit-links {
909         float: left;
910 }
911 #contact-edit-links img {
912         margin-left: 20px;
913         border: none;
914 }
915
916 #contact-drop-links {
917         float: left;
918 }
919
920 #contact-drop-links img {
921         margin-left: 20px;
922         border: none;
923 }
924
925 #contact-edit-nav-end {
926         clear: both;
927 }
928
929 #contact-edit-direction-icon {
930         float: left;
931         margin-top: 70px;
932         margin-right: 2px;
933 }
934
935 #contact-edit-photo {
936         float: left;
937 }
938
939 #contact-edit-photo-end {
940         clear: both;
941 }
942
943 #contact-edit-photo-wrapper {
944         float: left;
945 }
946
947 #contact-edit-nav-wrapper {
948         float: left;
949 }
950
951 #contact-edit-end {
952         clear: both;
953 }
954
955 #contact-profile-selector {
956         width: 175px;
957         margin-left: 175px;
958 }
959
960 #contact-reputation-selector {
961         margin-left: 175px;
962 }
963
964 #contact-edit-rating-text {
965         margin-left: 175px;
966 }
967
968 .contact-edit-submit {
969         margin-top: 20px;
970         margin-left: 50px;
971 }
972
973 #block-message, #ignore-message {
974         margin-top: 20px;
975         width: 180px;
976         color: #FF0000;
977         font-size: 1.1em;
978         border: 1px solid #FF8888;
979         background-color: #FFEEEE;
980         padding: 10px;
981 }
982
983 .profile-tabs {
984         float: left;
985         padding: 3px;
986         margin-top: 10px;
987         margin-bottom: 10px;
988         margin-right: 5px;
989         border: 1px solid #AAAAAA;
990         background: #F4F4F4;
991         font-size: 0.8em;
992         font-weight: bold;
993         -moz-box-shadow: 5px 5px 5px #888888;
994         -webkit-box-shadow: 5px 5px 5px #888888;
995         box-shadow: 5px 5px 5px #888888;
996         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
997         filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
998 }
999
1000 #profile-tabs-end {
1001         clear: both;
1002 }
1003
1004 .comment-edit-text-empty {
1005         color: gray;
1006         height: 30px;
1007         width: 175px;
1008         overflow: auto;
1009         margin-bottom: 10px;
1010 }
1011
1012 .comment-edit-text-full {
1013         color: black;
1014         height: 150px;
1015         width: 350px;
1016         overflow: auto;
1017 }
1018
1019 #group-new-submit-wrapper {
1020         margin-top: 30px;
1021 }
1022
1023 #acl-allow-group-label, 
1024 #acl-allow-contact-label,
1025 #acl-deny-group-label,
1026 #acl-deny-contact-label {
1027         display: block;
1028 }
1029
1030 #acl-permit-text,
1031 #acl-deny-text {
1032         margin-top: 10px;
1033 }
1034
1035 #acl-allow-group-label,
1036 #acl-allow-contact-label,
1037 #acl-deny-group-label,
1038 #acl-deny-contact-label {
1039         margin-top: 5px;
1040         margin-bottom: 5px;
1041 }
1042
1043
1044 #group_allow_wrapper, 
1045 #group_deny_wrapper {
1046         float: left;
1047         width: 100px;
1048         margin-right: 10px;
1049 }
1050
1051 #contact_allow_wrapper,
1052 #contact_deny_wrapper {
1053         float: left;
1054         width: 150px;
1055         margin-right: 10px;
1056 }
1057
1058 #acl-allow-end,
1059 #acl-deny-end {
1060         clear: both;
1061 }
1062 #acl-permit-outer-wrapper,
1063 #acl-deny-outer-wrapper {
1064         padding: 10px;
1065         margin-top: 10px;
1066         border: 2px solid #BBBBBB;
1067         float: left;
1068 }
1069
1070 #acl-wrapper-end {
1071         clear: both;
1072 }
1073
1074 #group-edit-name-label {
1075         float: left;
1076         width: 175px;
1077         margin-top: 20px;
1078         margin-bottom: 20px;
1079 }
1080
1081 #group-edit-name {
1082         float: left;
1083         width: 225px;
1084         margin-top: 20px;
1085         margin-bottom: 20px;
1086 }
1087
1088 #group-edit-name-wrapper {
1089
1090
1091 }
1092
1093
1094 #group_members_select_label {
1095         display: block;
1096         float: left;
1097         width: 175px;
1098 }
1099
1100 .group_members_select {
1101         float: left;
1102         width: 230px;
1103         overflow: auto;
1104 }
1105
1106 #group_members_select_end {
1107         clear: both;
1108 }       
1109 #group-edit-name-end {
1110         clear: both;
1111 }
1112
1113 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1114         margin-bottom: 10px;
1115         margin-top: 20px;
1116 }
1117
1118 #prvmail-submit {
1119         float: left;
1120         margin-top: 10px;
1121         margin-right: 30px;
1122 }
1123 #prvmail-upload-wrapper,
1124 #prvmail-link-wrapper,
1125 #prvmail-rotator-wrapper {
1126         float: left;
1127         margin-top: 10px;
1128         margin-right: 10px;
1129         width: 24px;
1130 }
1131
1132 #prvmail-end {
1133         clear: both;
1134 }
1135
1136 .mail-list-sender,
1137 .mail-list-detail {
1138         float: left;
1139 }
1140 .mail-list-detail {
1141         margin-left: 20px;
1142 }
1143
1144 .mail-list-subject {
1145         font-size: 1.1em;
1146         margin-top: 10px;
1147 }
1148
1149 .mail-list-outside-wrapper-end {
1150         clear: both;
1151 }
1152
1153 .mail-list-outside-wrapper {
1154         margin-top: 30px;
1155 }
1156
1157 .mail-list-delete-wrapper {
1158         float: right;
1159         margin-right: 30px;
1160         margin-top: 15px;
1161 }
1162
1163 .mail-list-delete-icon {
1164         border: none;
1165 }
1166
1167
1168
1169
1170
1171 .mail-conv-sender,
1172 .mail-conv-detail {
1173         float: left;
1174 }
1175 .mail-conv-detail {
1176         margin-left: 20px;
1177         width: 500px;
1178 }
1179
1180 .mail-conv-subject {
1181         font-size: 1.1em;
1182         margin-top: 10px;
1183 }
1184
1185 .mail-conv-outside-wrapper-end {
1186         clear: both;
1187 }
1188
1189 .mail-conv-outside-wrapper {
1190         margin-top: 30px;
1191 }
1192
1193 .mail-conv-delete-wrapper {
1194         float: right;
1195         margin-right: 30px;
1196         margin-top: 15px;
1197 }
1198
1199 .mail-conv-delete-icon {
1200         border: none;
1201 }
1202
1203 .message-links ul {
1204         list-style-type: none;
1205 }
1206
1207 .message-links li {
1208         margin-top: 10px;
1209 }
1210
1211 #sidebar-group-list ul {
1212         list-style-type: none;
1213 }
1214
1215 #sidebar-group-list li {
1216         margin-top: 10px;