]> git.mxchange.org Git - friendica.git/blob - view/theme/duepuntozero/style.css
author collapse: close off before pagination
[friendica.git] / view / theme / duepuntozero / style.css
1 /**
2  * duepuntozero Frindika style
3  * Fabio Comuni <fabrix.xm@gmail.com>
4  */
5
6
7 /* generals */
8 body {
9         font-family: helvetica,arial,freesans,clean,sans-serif;
10         font-size: 12px;
11         background-color: #ffffff;
12         background-image: url(head.jpg);
13         background-repeat: repeat-x;
14         color: #000000;
15         margin: 0px;
16 }
17
18
19 a, a:visited, a:link { color: #3465a4; text-decoration: none; }
20 a:hover {text-decoration: underline; }
21
22 input {
23         border: 1px solid #666666;
24         -moz-border-radius: 3px;
25         border-radius: 3px;     
26 }
27
28 img { border :0px; }
29
30 .openid {
31    background: url(login-bg.gif) no-repeat;
32    background-position: 0 50%;
33    padding-left: 18px;
34 }
35 .openid:hover {
36
37 }
38
39 code {
40         font-family: Courier, monospace;
41         white-space: pre;
42         display: block;
43         overflow: auto;
44         border: 1px solid #444;
45         background: #EEE;
46         color: #444;
47         padding: 10px;
48         margin-top: 20px;
49 }
50 blockquote:before {
51         content: '>> ';
52 }
53
54 .icollapse-wrapper, .ccollapse-wrapper {
55         border: 1px solid #CCC;
56         padding: 5px;
57 }
58
59 #panel {
60         background-color: ivory;
61         position: absolute;
62         z-index: 2;
63         width: 30%;
64         padding: 25px;
65         border: 1px solid #444;
66 }
67
68 .heart {
69         color: #FF0000;
70         font-size: 100%;
71 }
72
73
74
75 /* nav */
76 nav {
77         height: 94px;
78         display: block;
79         margin: 0px 10%;
80         border-bottom: 1px solid #babdb6;
81 }
82 nav #site-location {
83         color: #888a85;
84         font-size: 0.8em;
85         position: absolute;
86 }
87
88 .error-message {
89         color: #FF0000;
90         font-size: 1.1em;
91         border: 1px solid #FF8888;
92         background-color: #FFEEEE;
93         padding: 10px;
94 }
95
96
97 nav #banner {
98         display: block;
99     padding-top: 14px;
100         position: absolute;
101 }
102 nav #banner #logo-text a {
103         font-size: 40px;
104         font-weight: bold;
105         margin-left: 3px;
106         color: #000000;
107
108 }
109 nav #banner #logo-text a:hover { text-decoration: none; }
110
111
112 .nav-commlink, .nav-login-link {
113     display: block;
114     height: 15px;
115         margin-top: 67px;
116         margin-right: 2px;
117         padding: 6px 10px;
118         float: left;
119         bottom: 140px;
120         border: 1px solid #babdb6;
121         border-bottom: 0px;
122         background-color: #aec0d3;
123         color: #565854;         
124         -moz-border-radius: 3px 3px 0px 0px;
125         border-radius: 3px 3px 0px 0px; 
126 }
127 nav .nav-link {
128         float: right;
129         margin: 0.2em 0em;
130         padding: 0em 0.5em;
131         background-color: transparent !important;
132 }
133
134
135 .nav-selected {
136         background-color: #ffffff;
137         border-bottom: 1px solid #ffffff;
138         color: #000000 !important;
139         margin-top: 64px;
140         padding-top: 6px;
141         padding-bottom: 8px;
142 }
143 .nav-ajax-left {
144         font-size: 0.8em;
145         float: left;
146         margin-top: 62px;       
147 }
148
149
150 nav #nav-link-wrapper .nav-link {
151         border-right: 1px solid #babdb6;
152 }
153
154 /* aside */
155 aside {
156         display: block;
157         min-height: 112px;
158         width: 200px;
159         margin-left: 10%;
160         padding: 1em;
161         float: left;
162         background-image: url(border.jpg);
163         background-position: top left;
164         background-repeat: no-repeat;
165         position: absolute;
166 }
167
168
169 /* section */
170 section {
171         margin: 0px 10%;
172         padding-top: 1em;
173         padding-left: 250px;
174         padding-right: 1em;
175         display: block;
176         background-color: #ffffff;
177         background-image: url(border.jpg);
178         background-position: top right;
179         background-repeat: no-repeat;
180         min-height: 112px;
181         
182 }
183
184 #profile-tabs-wrapper {
185         height: 27px;
186         background-image: url(head.jpg);
187         background-repeat: repeat-x;    
188         background-position: 0px -20px;
189         border-bottom: 1px solid #babdb6;
190 }
191 .profile-tabs {
192         display:block;
193         float:left;
194         padding: 0.4em;
195         margin-right: 1em;
196 }
197
198 /* footer */
199 footer {
200     display: none;
201
202 }
203
204
205 div.wall-item-content-wrapper.shiny {
206   background-image: url('shiny.png');
207   background-position: -5px 30px;
208   background-repeat:no-repeat;
209 }
210
211 /* from default */
212 #jot-perms-icon, 
213 #profile-location,
214 #profile-nolocation,
215 #profile-youtube, 
216 #profile-video, 
217 #profile-audio,
218 #profile-link, 
219 #wall-image-upload,
220 #profile-upload-wrapper,
221 #wall-image-upload-div,
222 .hover, .focus {
223         cursor: pointer;
224 }
225
226 .fakelink, .fakelink:visited, .fakelink:link {
227         color: #3465a4;
228         text-decoration: none;
229         cursor: pointer;
230         margin-top: 15px;
231         margin-bottom: 15px;
232 }
233 .lockview {
234         cursor: pointer;
235 }
236
237 .fakelink:hover {
238         color: #3465a4;
239         text-decoration: underline;
240         cursor: pointer;
241 }
242 .smalltext {
243         font-size: 0.7em;
244 }
245 #sysmsg {
246         /*width: 600px;*/
247         margin-bottom: 10px;
248 }
249
250 #register-fill-ext {
251         margin-bottom: 25px;
252 }
253
254 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
255         float: left;
256         width: 350px;
257         margin-top: 10px;
258 }
259
260 #register-name, #register-email, #register-nickname {
261         float: left;
262         margin-top: 10px;
263         width: 150px;
264 }
265
266 #register-openid {
267         float: left;
268         margin-top: 10px;
269         width: 130px;
270 }
271
272 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
273         clear: both;
274 }
275
276 #register-nickname-desc {
277         margin-top: 30px;
278         width: 650px;
279 }
280 #register-sitename {
281         float: left;
282         margin-top: 10px;
283 }
284
285 #register-submit-button {
286         margin-top: 10px;
287 }
288
289 #label-login-name, #label-login-password, #login-extra-filler {
290         float: left;
291         width: 200px;
292         margin-bottom: 20px;
293 }
294
295
296 #login-password {
297         float: left;
298         width: 170px;
299 }
300
301 #login-name {
302         float: left;
303         width: 153px;
304 }
305
306 #login-name.no-openid {
307         float: left;
308         width: 170px;
309 }
310
311 #register-link, #lost-password-link {
312         float: left;
313         font-size: 80%;
314         margin-right: 15px;
315 }
316
317 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
318         height: 50px;
319 }
320
321 #login-submit-button {
322 /*      margin-top: 10px; */
323         margin-left: 200px;
324 }
325
326
327 input#dfrn-url {
328         float: left;
329         background: url(friendika-16.png) no-repeat;
330         background-position: 2px center;
331         font-size: 17px;
332         padding-left: 21px;
333         height: 21px;
334         background-color: #FFFFFF;
335         color: #000000;
336         margin-bottom: 20px;
337 }
338
339 #dfrn-url-label {
340         float: left;
341         width: 250px;
342 }
343
344 #dfrn-request-url-end {
345         clear: both;
346 }
347
348 #knowyouyes, #knowyouno {
349         float: left;
350 }
351
352 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
353
354         float: none;
355 }
356 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
357         float: left;
358         width: 75px;
359         margin-left: 50px;
360         margin-bottom: 7px;
361 }
362 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
363         clear: both;
364
365 }
366
367 #dfrn-request-message-wrapper {
368         margin-bottom: 50px;
369 }
370 #dfrn-request-submit-wrapper {
371         clear: both;
372         margin-left: 50px;
373 }
374
375 #dfrn-request-info-wrapper {
376         margin-left: 50px;
377 }
378
379 #settings-nick-wrapper {
380         margin-top: 20px;
381         margin-bottom: 30px;
382 }
383
384 #settings-expire-end {
385         margin-bottom: 30px;
386 }
387
388 #settings-username-end,
389 #settings-email-end,
390 #settings-nick-end,
391 #settings-defloc-end,
392 #settings-allowloc-end,
393 #settings-blockw-end,
394 #settings-timezone-end,
395 #settings-theme-end,
396 #settings-password-end,
397 #settings-confirm-end,
398 #settings-openid-end,
399 #settings-maxreq-end,
400 #notify1-end,
401 #notify2-end,
402 #notify3-end,
403 #notify4-end,
404 #notify5-end {
405         margin-bottom: 5px;
406         clear: both;
407 }
408
409 #settings-username-label,
410 #settings-email-label,
411 #settings-nick-label,
412 #settings-defloc-label,
413 #settings-allowloc-label,
414 #settings-blockw-label,
415 #settings-timezone-label,
416 #settings-theme-label,
417 #settings-password-label,
418 #settings-confirm-label,
419 #settings-openid-label,
420 #settings-maxreq-label,
421 #settings-label-notify1,
422 #settings-label-notify2,
423 #settings-label-notify3,
424 #settings-label-notify4,
425 #settings-label-notify5 {
426         float: left;
427         width: 200px;
428 }
429
430 #settings-username,
431 #settings-email,
432 #settings-nick,
433 #settings-defloc,
434 #settings-allowloc,
435 #settings-blockw,
436 #timezone-select,
437 #theme-select,
438 #settings-password,
439 #settings-confirm,
440 #settings-maxreq,
441 #notify1,
442 #notify2,
443 #notify3,
444 #notify4,
445 #notify5 {
446         float: left;
447         margin-bottom: 20px;
448 }
449
450 #settings-openid {
451         float: left;
452         margin-bottom: 20px;
453         width: 127px;
454 }
455         
456 #settings-maxreq-desc {
457         float: left;
458         margin-left: 20px;
459 }
460
461 #settings-theme-label,
462 #settings-defloc-label {
463         margin-top: 20px;
464 }
465
466 #settings-defloc {
467         margin-top: 20px;
468 }
469
470
471 #theme-select {
472         margin-top: 20px;
473         width: 207px;
474 }
475 #settings-notify-desc {
476         margin-top: 20px;
477         margin-bottom: 20px;
478 }
479 #settings-nick-desc {
480         width: 500px;
481 }
482
483 #settings-nick {
484         margin-bottom: 50px;
485 }
486
487 #cropimage-wrapper, #cropimage-preview-wrapper {
488         float: left;
489         padding: 30px;
490 }
491
492 #crop-image-form {
493         margin-top: 30px;
494         clear: both;
495 }
496
497 .intro-wrapper {
498         margin-top: 20px;
499 }
500
501 .intro-fullname {
502         font-size: 1.1em;
503         font-weight: bold;
504
505 }
506 .intro-desc {
507         margin-bottom: 20px;
508         font-weight: bold;
509 }
510
511 .intro-note {
512         padding: 10px;
513 }
514
515 .intro-end {
516         padding: 30px;
517 }
518
519 .intro-form {
520         float: left;
521 }
522 .intro-approve-form {
523         clear: both;
524 }
525 .intro-approve-as-friend-end {
526         clear: both;
527 }
528 .intro-submit-approve, .intro-submit-ignore {
529         margin-right: 20px;
530 }
531 .intro-submit-approve {
532         margin-top: 15px;
533 }
534
535 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
536         float: left;
537         width: 100px;
538         margin-left: 20px;
539 }
540 .intro-approve-as-friend, .intro-approve-as-fan {
541         float: left;
542 }
543 .intro-form-end {
544         clear: both;
545 }
546 .intro-approve-as-friend-desc {
547         margin-top: 15px;
548 }
549 .intro-approve-as-end {
550         clear: both;
551         margin-bottom: 10px;
552 }
553
554 .intro-end {
555         clear: both;
556         margin-bottom: 30px;
557 }
558
559 #profile-extra-links ul {
560         list-style-type: none;
561 }
562
563
564 #profile-extra-links li {
565         margin-top: 5px;
566 }
567
568 #profile-edit-links ul {
569         list-style-type: none;
570 }
571
572 #profile-edit-links li {
573         margin-top: 10px;
574 }
575
576 .view-contact-wrapper {
577         margin-top: 20px;
578         float: left;
579         margin-left: 20px;
580         width: 180px;
581 }
582 #view-contact-end {
583         clear: both;
584 }
585
586
587 #viewcontacts {
588         margin-top: 15px;
589 }
590 #profile-edit-default-desc {
591         color: #FF0000;
592         border: 1px solid #FF8888;
593         background-color: #FFEEEE;
594         padding: 7px;
595 }
596
597 #profile-edit-clone-link-wrapper {
598         float: left;
599         margin-left: 50px;
600         margin-bottom: 20px;
601         width: 300px;
602 }
603
604 #profile-edit-drop-link-wrapper {
605         float: left;
606 }
607
608 #profile-edit-links-end {
609         clear: both;
610 }
611 .profile-listing-photo {
612         border: none;
613 }
614
615 .profile-edit-submit-wrapper {
616         margin-top: 20px;
617         margin-bottom: 20px;
618 }
619
620 #profile-photo-link-select-wrapper {
621         margin-top: 2em;
622 }
623 #profile-photo-wrapper img {
624         width:175px;
625         height:175px;
626 }
627
628 #profile-edit-profile-name-label,
629 #profile-edit-name-label,
630 #profile-edit-pdesc-label,
631 #profile-edit-gender-label,
632 #profile-edit-dob-label,
633 #profile-edit-address-label,
634 #profile-edit-locality-label,
635 #profile-edit-region-label,
636 #profile-edit-postal-code-label,
637 #profile-edit-country-name-label,
638 #profile-edit-marital-label,
639 #profile-edit-sexual-label,
640 #profile-edit-politic-label,
641 #profile-edit-religion-label,
642 #profile-edit-pubkeywords-label,
643 #profile-edit-prvkeywords-label,
644 #profile-edit-homepage-label {
645         float: left;
646         width: 175px;
647 }
648
649 #profile-edit-profile-name,
650 #profile-edit-name,
651 #profile-edit-pdesc,
652 #gender-select,
653 #profile-edit-dob,
654 #profile-edit-address,
655 #profile-edit-locality,
656 #profile-edit-region,
657 #profile-edit-postal-code,
658 #profile-edit-country-name,
659 #marital-select,
660 #sexual-select,
661 #profile-edit-politic,
662 #profile-edit-religion,
663 #profile-edit-pubkeywords,
664 #profile-edit-prvkeywords,
665 #profile-in-dir-yes,
666 #profile-in-dir-no,
667 #profile-in-netdir-yes,
668 #profile-in-netdir-no,
669 #hide-friends-yes,
670 #hide-friends-no {
671         float: left;
672         margin-bottom: 20px;
673 }
674 #settings-normal,
675 #settings-soapbox,
676 #settings-freelove,
677 #settings-community {
678         float: left;
679 }
680
681
682 #profile-in-dir-yes-label,
683 #profile-in-dir-no-label,
684 #profile-in-netdir-yes-label,
685 #profile-in-netdir-no-label,
686 #hide-friends-yes-label,
687 #hide-friends-no-label {
688         margin-left: 125px;
689         float: left;
690         width: 50px;
691 }
692
693 #profile-edit-with-label {
694         width: 175px;
695         margin-left: 20px;
696 }
697
698 #profile-publish-yes-reg,
699 #profile-publish-no-reg {
700         float: left;
701         margin-bottom: 10px;
702 }
703
704 #profile-publish-yes-label-reg,
705 #profile-publish-no-label-reg {
706         margin-left: 350px;
707         float: left;
708         width: 50px;
709 }
710
711 #profile-publish-break-reg,
712 #profile-publish-end-reg {
713         clear: both;
714 }
715
716
717 #profile-edit-pdesc-desc,
718 #profile-edit-pubkeywords-desc,
719 #profile-edit-prvkeywords-desc {
720         float: left;
721         margin-left: 20px;
722 }
723
724
725 #profile-edit-homepage {
726         float: left;
727         margin-bottom: 35px;
728 }
729 #settings-normal-label,
730 #settings-soapbox-label,
731 #settings-community-label,
732 #settings-freelove-label {
733         float: left;
734         width: 200px;
735 }
736 #settings-normal-desc,
737 #settings-soapbox-desc,
738 #settings-community-desc,
739 #settings-freelove-desc {
740         /*float: left;
741         margin-left: 75px;*/
742     clear: left;
743     color: #666666;
744     display: block;
745     margin-bottom: 20px 
746 }
747
748 #profile-edit-profile-name-end,
749 #profile-edit-name-end,
750 #profile-edit-pdesc-end,
751 #profile-edit-gender-end,
752 #profile-edit-dob-end,
753 #profile-edit-address-end,
754 #profile-edit-locality-end,
755 #profile-edit-region-end,
756 #profile-edit-postal-code-end,
757 #profile-edit-country-name-end,
758 #profile-edit-marital-end,
759 #profile-edit-sexual-end,
760 #profile-edit-politic-end,
761 #profile-edit-religion-end,
762 #profile-edit-pubkeywords-end,
763 #profile-edit-prvkeywords-end,
764 #profile-edit-homepage-end,
765 #profile-in-dir-break,
766 #profile-in-dir-end,
767 #profile-in-netdir-break,
768 #profile-in-netdir-end,
769 #hide-friends-break,
770 #hide-friends-end,
771 #settings-normal-break,
772 #settings-soapbox-break,
773 #settings-community-break,
774 #settings-freelove-break {
775         clear: both;
776 }
777
778
779
780
781
782 #gender-select, #marital-select, #sexual-select {
783         width: 220px;
784 }
785
786 #profile-edit-profile-name-wrapper .required {
787         color: #FF0000;
788         float: left;
789 }
790
791 #contacts-main {
792         margin-top: 20px;
793         margin-bottom: 20px;
794 }
795
796 .contact-entry-wrapper {
797         float: left;
798         width: 180px;
799 }
800
801 .contact-entry-direction-icon {
802         margin-top: 24px;
803         margin-right: 2px;
804 }
805
806 .contact-entry-photo img {
807         border: none;
808 }
809 .contact-entry-photo-end {
810         clear: both;
811 }
812 .contact-entry-name {
813         float: left;
814         margin-left: 30px;
815 }
816 .contact-entry-edit-links {
817         margin-top: 6px;
818         margin-left: 10px;
819         width: 16px;
820 }
821 .contact-entry-nav-wrapper {
822         float: left;
823         margin-left: 10px;
824 }
825
826 .contact-entry-edit-links img {
827         border: none;
828         margin-right: 15px;
829 }
830 .contact-entry-photo {
831         float: left;
832 }
833 .contact-entry-end {
834         clear: both;
835 }
836
837 #contact-edit-end {
838         clear: both;
839 }
840
841 .wall-item-content-wrapper {
842         margin-top: 10px;
843         border: 1px solid #CCC;
844         position: relative;
845 }
846
847 .wall-item-content-wrapper.comment {
848         margin-left: 50px;
849         background: #EEEEEE;
850 }
851
852 .wall-item-info {
853         display: block;
854         float: left;
855         width:110px;
856         margin-right:10px;
857 }
858 .comment .wall-item-info {
859         width: 70px;
860 }
861
862 .wall-item-photo-wrapper {
863         margin-top: 10px;
864         margin-left: 10px;
865         margin-bottom: 10px;
866         width: 100px;
867 }
868
869 .wallwall .wwto {
870     left: 50px;
871     margin: 0;
872     position: absolute;
873     top: 70px;
874     width: 30px
875 }
876 .wallwall .wwto img {
877         width: 30px;
878         height: 30px;
879 }
880 .wallwall .wall-item-photo-end {
881         clear: both;
882 }
883
884 .wall-item-arrowphoto-wrapper {
885     position: absolute;
886     left: 75px;
887     top: 70px;
888     z-index: 100;
889 }
890 .wall-item-wrapper {
891         /*float: left;
892     margin-right: 5px;
893     width: 250px;*/
894     margin-left:10px;
895 }
896 .wall-item-lock {
897         /*height: 20px;*/
898         /*margin-top: 10px;*/
899     left: 105px;
900     position: absolute;
901     top: 1px;   
902 }
903 .comment .wall-item-lock {
904         left: 65px;
905 }
906
907 .wall-item-ago {
908         color: #888888;
909         font-size: 0.8em;
910 }
911
912 .wall-item-location {
913         overflow: hidden;
914         /* add ellipsis on text overflow               */
915         /* this work on safari, opera, ie, chrome.     */
916         /* firefox users have to wait support or we    */
917         /* can use a jquery plugin http://bit.ly/zJskg */
918         text-overflow: ellipsis;
919         -o-text-overflow: ellipsis;
920         width: 100%;
921 }
922
923 .wall-item-like-buttons {
924         float: left;
925         margin-right: 10px;
926         padding-right: 10px;
927         border-right: 2px solid #fff;
928 }
929
930
931 .wall-item-like-buttons img {
932         cursor: pointer;
933 }
934
935 .wall-item-share-buttons {
936         margin-left: 10px;
937 }
938
939 .editpost {
940         margin-left: 15px;
941 }
942
943 .wall-item-links-wrapper {
944         float: left;
945 }
946
947 .wall-item-delete-wrapper {
948         float: right;
949 }
950
951 .wall-item-delete-end {
952         clear: both;
953 }
954
955 .wall-item-delete-icon {
956         border: none;
957 }
958
959
960 .wall-item-wrapper-end {
961         clear: both;
962 }
963 .wall-item-name-link {
964         font-weight: bold;
965         text-decoration: none;
966         color: #3172BD;
967 }
968 .wall-item-photo {
969         border: none;
970 }
971 .comment .wall-item-photo {
972         width: 50px; height: 50px;
973 }
974 .wall-item-content {
975         /*float: left;*/
976         /*width: 450px;*/
977         margin-left: 10px;
978         /*margin-bottom: 20px;*/
979         /*padding: 20px;*/
980         max-height: 400px;
981         overflow: auto;
982 }
983
984 .wall-item-title {
985         float: left;
986         font-weight: bold;
987         /*width: 450px;*/
988 }
989
990 .wall-item-title-end {
991         clear: both;
992 }
993
994 .wall-item-body {
995         float: left;
996         /*width: 450px;*/
997         margin-top: 10px;
998 }
999
1000 .wall-item-tools {
1001         clear: both;
1002         background-image: url("head.jpg");
1003     background-position: 0 -20px;
1004     background-repeat: repeat-x;
1005         padding: 5px 10px 0px;
1006 }
1007 .wall-item-author {
1008         margin-top: 10px;
1009 }
1010
1011 .comment .wall-item-tools {
1012         background:none;
1013
1014
1015 .comment-edit-wrapper {
1016         margin-top: 15px;
1017         background: #f3f3f3;
1018         margin-left: 50px;
1019 }
1020
1021 .comment-wwedit-wrapper {
1022         margin-top: 15px;
1023         background: #f3f3f3;
1024         margin-left: 50px;
1025 }
1026
1027 .comment-edit-photo {
1028         margin-top: 10px;
1029         margin-left: 10px;
1030         margin-bottom: 10px;
1031         width: 100px;
1032         float: left;
1033 }
1034 .comment-edit-photo img {
1035         width: 25px;
1036 }
1037 .comment-edit-text-empty, .comment-edit-text-full {
1038         float: left;
1039         margin-top: 10px;
1040 }
1041 .comment-edit-text-end {
1042         clear: both;
1043 }
1044
1045 .comment-edit-submit {
1046         margin: 10px 0px 10px 110px;
1047 }
1048
1049 #profile-jot-plugin-wrapper,
1050 #profile-jot-submit-wrapper {
1051         margin-top: 15px;
1052 }
1053
1054 #profile-jot-submit {
1055         float: left;
1056 }
1057 #profile-upload-wrapper {
1058         float: left;
1059         margin-left: 50px;
1060 }
1061
1062 #profile-rotator {
1063         float: left;
1064         margin-left: 50px;
1065 }
1066 #profile-link-wrapper {
1067         float: left;
1068         margin-left: 20px;
1069 }
1070 #profile-youtube-wrapper {
1071         float: left;
1072         margin-left: 20px;
1073 }
1074 #profile-video-wrapper {
1075         float: left;
1076         margin-left: 20px;
1077 }
1078 #profile-audio-wrapper {
1079         float: left;
1080         margin-left: 20px;
1081 }
1082 #profile-location-wrapper {
1083         float: left;
1084         margin-left: 20px;
1085 }
1086 #profile-nolocation-wrapper {
1087         float: left;
1088         margin-left: 20px;
1089 }
1090
1091 #profile-jot-perms {
1092         float: left;
1093         margin-left: 150px;
1094         font-weight: bold;
1095         font-size: 1.2em;
1096 }
1097
1098 #profile-jot-perms-end {
1099         /*clear: left;*/
1100         height: 30px;
1101 }
1102
1103 #profile-jot-plugin-end{
1104   clear: both;
1105 }
1106 .profile-jot-net {
1107         float: left;
1108         margin-right: 10px;
1109         margin-top: 5px;
1110         margin-bottom: 5px;
1111 }
1112
1113 #profile-jot-networks-end {
1114         clear: both;
1115 }
1116
1117 #profile-jot-end {
1118         /*clear: both;*/
1119         margin-bottom: 30px;
1120 }
1121 #about-jot-submit-wrapper {
1122         margin-top: 15px;
1123 }
1124 #about-jot-end {
1125         margin-bottom: 30px;
1126 }
1127 #contacts-main {
1128         margin-bottom: 30px;
1129 }
1130
1131 #profile-listing-desc {
1132         margin-left: 30px;
1133 }
1134
1135 #profile-listing-new-link-wrapper {
1136         margin-left: 30px;
1137         margin-bottom: 30px;
1138 }
1139 .profile-listing-photo-wrapper {
1140         float: left;
1141 }
1142
1143 .profile-listing-edit-buttons-wrapper {
1144         clear: both;
1145 }
1146 .profile-listing-photo-edit-link {
1147         float: left;
1148         width: 125px;
1149 }
1150 .profile-listing-end {
1151         clear: both;
1152 }
1153 .profile-listing-edit-buttons-wrapper img{
1154         border: none;
1155         margin-right: 20px;
1156 }
1157 .profile-listing {
1158         margin-top: 25px;
1159 }
1160 .profile-listing-name {
1161         float: left;
1162         margin-left: 32px;
1163         margin-top: 10px;
1164         color: #3172BD;
1165         font-weight: bold;
1166         width: 200px;
1167
1168 }
1169 .fortune {
1170         margin-top: 50px;
1171         color: #4444FF;
1172         font-weight: bold;
1173         margin-bottom: 20px;
1174 }
1175
1176
1177 .directory-end {
1178         clear: both;
1179 }
1180 .directory-name {
1181         text-align: center;
1182 }
1183 .directory-photo {
1184         margin-left: 25px;
1185 }
1186 .directory-details {
1187         font-size: 0.7em;
1188         text-align: center;
1189         margin-left: 5px;
1190         margin-right: 5px;
1191 }
1192 .directory-item {
1193         float: left;
1194         width: 225px;
1195         height: 260px;
1196         overflow: auto;
1197 }
1198
1199 #directory-search-wrapper {
1200         margin-top: 20px;
1201         margin-right: 20px;
1202         margin-bottom: 50px;
1203 }
1204
1205 #directory-search-end {
1206 }
1207
1208 .directory-photo-img {
1209         border: none;
1210 }
1211
1212
1213 .pager {
1214   padding: 10px;
1215   text-align: center;
1216   font-size: 1.0em;
1217 }
1218
1219
1220 .pager_first,
1221 .pager_last,
1222 .pager_prev,
1223 .pager_next,
1224 .pager_n {
1225         border: 1px solid black;
1226         background: #EEE;
1227         padding: 4px;
1228 }
1229
1230 .pager_first a,
1231 .pager_last a,
1232 .pager_prev a,
1233 .pager_next a,
1234 .pager_n a {
1235         text-decoration: none;
1236 }
1237
1238 .pager_current {
1239   border: 1px solid black;
1240   background: #FFCCCC;
1241   padding: 4px;
1242 }
1243
1244
1245 #advanced-profile-name-wrapper,
1246 #advanced-profile-gender-wrapper,
1247 #advanced-profile-dob-wrapper,
1248 #advanced-profile-age-wrapper,
1249 #advanced-profile-marital-wrapper,
1250 #advanced-profile-sexual-wrapper,
1251 #advanced-profile-homepage-wrapper,
1252 #advanced-profile-politic-wrapper,
1253 #advanced-profile-religion-wrapper,
1254 #advanced-profile-about-wrapper,
1255 #advanced-profile-interest-wrapper,
1256 #advanced-profile-contact-wrapper,
1257 #advanced-profile-music-wrapper,
1258 #advanced-profile-book-wrapper,
1259 #advanced-profile-tv-wrapper,
1260 #advanced-profile-film-wrapper,
1261 #advanced-profile-romance-wrapper,
1262 #advanced-profile-work-wrapper,
1263 #advanced-profile-education-wrapper {
1264         margin-top: 20px;
1265 }
1266
1267 #advanced-profile-name-text,
1268 #advanced-profile-gender-text,
1269 #advanced-profile-dob-text,
1270 #advanced-profile-age-text,
1271 #advanced-profile-marital-text,
1272 #advanced-profile-sexual-text,
1273 #advanced-profile-homepage-text,
1274 #advanced-profile-politic-text,
1275 #advanced-profile-religion-text,
1276 #advanced-profile-about-text,
1277 #advanced-profile-interest-text,
1278 #advanced-profile-contact-text,
1279 #advanced-profile-music-text,
1280 #advanced-profile-book-text,
1281 #advanced-profile-tv-text,
1282 #advanced-profile-film-text,
1283 #advanced-profile-romance-text,
1284 #advanced-profile-work-text,
1285 #advanced-profile-education-text {
1286         width: 300px;
1287         float: left;
1288 }
1289
1290 #advanced-profile-name-end,
1291 #advanced-profile-gender-end,
1292 #advanced-profile-dob-end,
1293 #advanced-profile-age-end,
1294 #advanced-profile-marital-end,
1295 #advanced-profile-sexual-end,
1296 #advanced-profile-homepage-end,
1297 #advanced-profile-politic-end,
1298 #advanced-profile-religion-end {
1299         height: 10px;
1300 }
1301
1302 #advanced-profile-about-end,
1303 #advanced-profile-interest-end,
1304 #advanced-profile-contact-end,
1305 #advanced-profile-music-end,
1306 #advanced-profile-book-end,
1307 #advanced-profile-tv-end,
1308 #advanced-profile-film-end,
1309 #advanced-profile-romance-end,
1310 #advanced-profile-work-end,
1311 #advanced-profile-education-end {
1312
1313
1314 }
1315
1316 #advanced-profile-name,
1317 #advanced-profile-gender,
1318 #advanced-profile-dob,
1319 #advanced-profile-age,
1320 #advanced-profile-marital,
1321 #advanced-profile-sexual,
1322 #advanced-profile-homepage,
1323 #advanced-profile-politic,
1324 #advanced-profile-religion {
1325         float: left;
1326
1327 }
1328
1329
1330 #advanced-profile-about,
1331 #advanced-profile-interest,
1332 #advanced-profile-contact,
1333 #advanced-profile-music,
1334 #advanced-profile-book,
1335 #advanced-profile-tv,
1336 #advanced-profile-film,
1337 #advanced-profile-romance,
1338 #advanced-profile-work,
1339 #advanced-profile-education {
1340         margin-top: 10px;
1341         margin-left: 50px;
1342         margin-right: 20px;
1343         padding: 10px;
1344         border: 1px solid #CCCCCC;
1345 }
1346
1347 #advanced-profile-with {
1348         float: left;
1349         margin-left: 15px;
1350 }
1351
1352 #contact-edit-wrapper {
1353         margin-top: 50px;
1354 }
1355
1356 #contact-edit-banner-name {
1357         font-size: 1.4em;
1358         font-weight: bold;
1359         margin-left: 30px;
1360 }
1361
1362 #contact-edit-poll-wrapper {
1363         margin-left: 50px;
1364         margin-top: 30px;
1365 }
1366 #contact-edit-poll-text {
1367         margin-top: 15px;
1368         margin-bottom: 5px;
1369 }
1370
1371 #contact-edit-update-now {
1372         margin-top: 15px;
1373 }
1374
1375 #contact-edit-photo-wrapper {
1376         margin-bottom: 20px;
1377 }
1378 #contact-edit-links {
1379         float: left;
1380 }
1381 #contact-edit-links img {
1382         margin-left: 20px;
1383         border: none;
1384 }
1385
1386 #contact-drop-links {
1387         float: left;
1388 }
1389
1390 #contact-drop-links img {
1391         margin-left: 20px;
1392         border: none;
1393 }
1394
1395 #contact-edit-nav-end {
1396         clear: both;
1397 }
1398
1399 #contact-edit-direction-icon {
1400         float: left;
1401         margin-top: 70px;
1402         margin-right: 2px;
1403 }
1404
1405 #contact-edit-photo {
1406         float: left;
1407 }
1408
1409 #contact-edit-photo-end {
1410         clear: both;
1411 }
1412
1413 #contact-edit-photo-wrapper {
1414         float: left;
1415 }
1416
1417 #contact-edit-nav-wrapper {
1418         float: left;
1419 }
1420
1421 #contact-edit-end {
1422         clear: both;
1423 }
1424
1425 #contact-profile-selector {
1426         width: 175px;
1427         margin-left: 175px;
1428 }
1429
1430 #contact-reputation-selector {
1431         margin-left: 175px;
1432 }
1433
1434 #contact-edit-rating-text {
1435         margin-left: 175px;
1436 }
1437
1438 .contact-edit-submit {
1439         margin-top: 20px;
1440         /*margin-left: 50px;*/
1441 }
1442
1443 #block-message, #ignore-message {
1444         margin-top: 20px;
1445         color: #FF0000;
1446         font-size: 1.1em;
1447         border: 1px solid #FF8888;
1448         background-color: #FFEEEE;
1449         padding: 10px;
1450 }
1451
1452 #profile-edit-insecure {
1453         margin-top: 20px;
1454         color: #FF0000;
1455         font-size: 1.1em;
1456         border: 1px solid #FF8888;
1457         background-color: #FFEEEE;
1458         padding-left: 5px;
1459         /*: 3px 3px 3px 5px; */
1460         width: 587px;
1461 }
1462
1463 #block-message, #ignore-message {
1464         width: 180px;
1465 }
1466
1467
1468 /*
1469 .profile-tabs {
1470         float: left;
1471         padding: 4px;
1472         margin-top: 10px;
1473         margin-bottom: 10px;
1474         margin-right: 5px;
1475         font-size: 0.8em;
1476         font-weight: bold;
1477         background-color: #ECECEC;
1478         border: 1px solid #858585;
1479 }
1480 .profile-tabs:hover {
1481         background-color: #0CBEFE;
1482         color: #F5F6FB;
1483         border: 1px solid #F5F6FB;
1484 }
1485
1486
1487 #profile-tabs-end {
1488         clear: both;
1489 }*/
1490
1491 .comment-edit-text-empty {
1492         color: gray;
1493         height: 30px;
1494         width: 175px;
1495         overflow: auto;
1496         margin-bottom: 10px;
1497 }
1498
1499 .comment-edit-text-full {
1500         color: black;
1501         height: 150px;
1502         width: 350px;
1503         overflow: auto;
1504 }
1505
1506 #group-new-submit-wrapper {
1507         margin-top: 30px;
1508 }
1509
1510 #acl-allow-group-label,
1511 #acl-allow-contact-label,
1512 #acl-deny-group-label,
1513 #acl-deny-contact-label {
1514         display: block;
1515 }
1516
1517 #acl-permit-text,
1518 #acl-deny-text {
1519         margin-top: 10px;
1520 }
1521
1522 #acl-allow-group-label,
1523 #acl-allow-contact-label,
1524 #acl-deny-group-label,
1525 #acl-deny-contact-label {
1526         margin-top: 5px;
1527         margin-bottom: 5px;
1528 }
1529
1530
1531 #group_allow_wrapper,
1532 #group_deny_wrapper {
1533         float: left;
1534         width: 100px;
1535         margin-right: 10px;
1536 }
1537
1538 #contact_allow_wrapper,
1539 #contact_deny_wrapper {
1540         float: left;
1541         width: 150px;
1542         margin-right: 10px;
1543 }
1544
1545 #acl-allow-end,
1546 #acl-deny-end {
1547         clear: both;
1548 }
1549 #acl-permit-outer-wrapper,
1550 #acl-deny-outer-wrapper {
1551         padding: 10px;
1552         margin-top: 10px;
1553         border: 2px solid #BBBBBB;
1554         float: left;
1555 }
1556
1557 #acl-wrapper-end {
1558         clear: both;
1559 }
1560
1561 #group-edit-name-label {
1562         float: left;
1563         width: 175px;
1564         margin-top: 20px;
1565         margin-bottom: 20px;
1566 }
1567
1568 #group-edit-name {
1569         float: left;
1570         width: 225px;
1571         margin-top: 20px;
1572         margin-bottom: 20px;
1573 }
1574
1575 #group-edit-name-wrapper {
1576
1577
1578 }
1579
1580
1581 #group_members_select_label {
1582         display: block;
1583         float: left;
1584         width: 175px;
1585 }
1586
1587 .group_members_select {
1588         float: left;
1589         width: 230px;
1590         overflow: auto;
1591 }
1592
1593 #group_members_select_end {
1594         clear: both;
1595 }
1596 #group-edit-name-end {
1597         clear: both;
1598 }
1599
1600 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1601         margin-bottom: 10px;
1602         margin-top: 20px;
1603 }
1604
1605 #prvmail-submit {
1606         float: left;
1607         margin-top: 10px;
1608         margin-right: 30px;
1609 }
1610 #prvmail-upload-wrapper,
1611 #prvmail-link-wrapper,
1612 #prvmail-rotator-wrapper {
1613         float: left;
1614         margin-top: 10px;
1615         margin-right: 10px;
1616         width: 24px;
1617 }
1618
1619 #prvmail-end {
1620         clear: both;
1621 }
1622
1623 .mail-list-sender,
1624 .mail-list-detail {
1625         float: left;
1626 }
1627 .mail-list-detail {
1628         margin-left: 20px;
1629 }
1630
1631 .mail-list-subject {
1632         font-size: 1.1em;
1633         margin-top: 10px;
1634 }
1635 a.mail-list-link {
1636     display: block;
1637     font-size: 1.3em;
1638     padding: 4px 0;
1639 }
1640
1641 /*
1642 *a.mail-list-link:hover {
1643 *       background-color: #15607B;
1644 *       color: #F5F6FB;
1645 *}
1646 */
1647
1648 .mail-list-outside-wrapper-end {
1649         clear: both;
1650 }
1651
1652 .mail-list-outside-wrapper {
1653         margin-top: 30px;
1654 }
1655
1656 .mail-list-delete-wrapper {
1657         float: right;
1658         margin-right: 30px;
1659         margin-top: 15px;
1660 }
1661
1662 .mail-list-delete-icon {
1663         border: none;
1664 }
1665
1666 .mail-conv-sender,
1667 .mail-conv-detail {
1668         float: left;
1669 }
1670 .mail-conv-detail {
1671         margin-left: 20px;
1672         width: 500px;
1673 }
1674
1675 .mail-conv-subject {
1676     font-size: 1.4em;
1677     margin: 10px 0;
1678 }
1679
1680 .mail-conv-outside-wrapper-end {
1681         clear: both;
1682 }
1683
1684 .mail-conv-outside-wrapper {
1685         margin-top: 30px;
1686 }
1687
1688 .mail-conv-delete-wrapper {
1689         float: right;
1690         margin-right: 30px;
1691         margin-top: 15px;
1692 }
1693
1694 .mail-conv-delete-icon {
1695         border: none;
1696 }
1697
1698 .message-links ul {
1699         list-style-type: none;
1700         padding: 0px;
1701 }
1702
1703 .message-links li {
1704         margin-top: 10px;
1705         float: left;
1706 }
1707 .message-links a {
1708         padding: 3px 5px;
1709 }
1710
1711 .message-links ul ul {
1712         clear: both;
1713 }
1714
1715 #sidebar-group-list ul {
1716         list-style-type: none;
1717 }
1718
1719 #sidebar-group-list li {
1720         margin-top: 10px;
1721 }
1722
1723 #side-follow-wrapper {
1724         margin-top: 20px;
1725 }
1726 #side-follow-url {
1727         margin-top: 5px;
1728 }
1729 #side-follow-submit {
1730         margin-top: 15px;
1731 }
1732
1733 .photo-album-image-wrapper {
1734         float: left;
1735         margin-top: 15px;
1736         margin-right: 15px;
1737         width: 200px; height: 200px; 
1738         overflow: hidden; 
1739         position: relative;
1740 }
1741 .photo-album-image-wrapper .caption {
1742         display: none; 
1743         width: 100%;
1744         position: absolute; 
1745         bottom: 0px; 
1746         padding: 0.5em 0.5em 0px 0.5em;
1747         background-color: rgba(245, 245, 255, 0.8);
1748         border-bottom: 2px solid #CCC;
1749         margin: 0px;
1750 }
1751 .photo-album-image-wrapper a:hover .caption {
1752         display:block;
1753 }
1754
1755 #photo-album-end {
1756         clear: both;
1757 }
1758
1759 .photo-top-image-wrapper {
1760         position: relative;
1761         float: left;
1762         margin-top: 15px;
1763         margin-right: 15px;
1764         width: 200px; height: 200px; 
1765         overflow: hidden; 
1766 }
1767 .photo-top-album-name {
1768         width: 100%;
1769         min-height: 2em;
1770         position: absolute; 
1771         bottom: 0px; 
1772         padding: 0px 3px;
1773         padding-top: 0.5em;
1774         background-color: rgb(255, 255, 255);
1775 }
1776 #photo-top-end {
1777         clear: both;
1778 }
1779
1780 #photo-top-links {
1781         margin-bottom: 30px;
1782         margin-left: 30px;
1783 }
1784
1785 #photos-upload-newalbum-div {
1786         float: left;
1787         width: 175px;
1788 }
1789 #photos-upload-existing-album-text {
1790         float: left;
1791         width: 175px;
1792 }
1793 #photos-upload-newalbum {
1794         float: left;
1795 }
1796 #photos-upload-album-select {
1797         float: left;
1798 }
1799
1800 #photos-upload-spacer {
1801         margin-top: 25px;
1802 }
1803 #photos-upload-new-end, #photos-upload-exist-end {
1804         clear: both;
1805 }
1806 #photos-upload-exist-end {
1807         margin-bottom: 15px;
1808 }
1809 #photos-upload-submit {
1810         margin-top: 15px;
1811 }
1812
1813 #photos_upload_applet_wrapper {
1814         margin-bottom: 15px;
1815 }
1816
1817 #photos-upload-no-java-message {
1818         margin-bottom: 15px;
1819 }
1820
1821 #profile-jot-desc {
1822         /*float: left;*/
1823         width: 480px;
1824         margin-top: 10px;
1825         margin-bottom: 10px;
1826 }
1827 #character-counter {
1828         float: right;
1829         font-size: 120%;
1830 }
1831
1832 #character-counter.grey {
1833         color: #888888;
1834 }
1835
1836 #character-counter.orange {
1837         color: orange;
1838 }
1839 #character-counter.red {
1840         color: red;
1841 }
1842
1843 #profile-jot-banner-end {
1844         /* clear: both; */ 
1845 }
1846
1847 #photos-upload-select-files-text {
1848         margin-top: 15px;
1849         margin-bottom: 15px;
1850 }
1851
1852 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
1853         color: #8888FF;
1854         text-decoration: none;
1855         cursor: pointer;
1856 }
1857
1858 #photos-upload-perms-menu:hover {
1859         color: #0000FF;
1860         text-decoration: underline;
1861         cursor: pointer;
1862 }
1863 #settings-default-perms-menu {
1864         margin-top: 15px;
1865         margin-bottom: 15px;
1866 }
1867
1868 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
1869         float: left;
1870         width: 150px;
1871 }
1872
1873 #photo-edit-perms-end {
1874         margin-bottom: 15px;
1875 }
1876
1877 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1878         float: left;
1879         margin-bottom: 25px;
1880 }
1881 #photo-edit-link-wrap {
1882         margin-bottom: 15px;
1883 }
1884 #photo-like-div {
1885         margin-bottom: 25px;
1886 }
1887
1888 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1889         clear: both;
1890 }
1891
1892 #photo-edit-delete-button {
1893         margin-left: 200px;
1894 }
1895 #photo-edit-end {
1896         margin-bottom: 35px;
1897 }
1898 #photo-caption {
1899         font-size: 110%;
1900         font-weight: bold;
1901         margin-top: 15px;
1902         margin-bottom: 15px;
1903 }
1904
1905 #in-this-photo-text {
1906         color: #0000FF;
1907         margin-left: 30px;
1908 }
1909
1910 #in-this-photo {
1911         margin-left: 60px;
1912         margin-top: 10px;
1913         margin-bottom: 20px;
1914 }
1915
1916 #photo-album-edit-submit, #photo-album-edit-drop {
1917         margin-top: 15px;
1918         margin-bottom: 15px;
1919 }
1920
1921 #photo-album-edit-drop {
1922         margin-left: 200px;
1923 }
1924
1925 .group-delete-wrapper {
1926         float: right;
1927         margin-right: 50px;
1928 }
1929
1930 #install-dbhost-label,
1931 #install-dbuser-label,
1932 #install-dbpass-label,
1933 #install-dbdata-label,
1934 #install-tz-desc {
1935        float: left;
1936        width: 250px;
1937        margin-top: 10px;
1938        margin-bottom: 10px;
1939
1940 }
1941
1942 #install-dbhost,
1943 #install-dbuser,
1944 #install-dbpass,
1945 #install-dbdata {
1946        float: left;
1947        width: 200px;
1948        margin-left: 20px;
1949 }
1950
1951 #install-dbhost-end,
1952 #install-dbuser-end,
1953 #install-dbpass-end,
1954 #install-dbdata-end,
1955 #install-tz-end {
1956        clear: both;
1957 }
1958
1959 #install-form select#timezone_select {
1960        float: left;
1961        margin-top: 18px;
1962        margin-left: 20px;
1963 }
1964
1965 #dfrn-request-networks {
1966         margin-bottom: 30px;
1967 }
1968
1969 #pause {
1970   position: fixed;
1971   bottom: 5px;
1972   right: 5px;
1973 }
1974
1975 .sparkle {
1976         cursor: url('lock.cur'), pointer;
1977 /*      cursor: pointer !important; */
1978 }
1979
1980 .contact-block-div {
1981         float: left;
1982         width: 52px;
1983         height: 52px;
1984 }
1985 #contact-block-end {
1986         clear: both;
1987 }
1988 .contact-block-link {
1989         float: left;
1990 }
1991 .contact-block-img {
1992         width:48px;
1993         height:48px;
1994 }
1995
1996 #tag-remove {
1997         margin-bottom: 15px;
1998 }
1999
2000 #tagrm li {
2001         margin-bottom: 10px;
2002 }
2003
2004 #tagrm-submit, #tagrm-cancel {
2005         margin-top: 25px;
2006 }
2007
2008 #tagrm-cancel {
2009         margin-left: 15px;
2010 }
2011
2012 .wall-item-conv {
2013         margin-top: 5px;
2014         margin-bottom: 25px;
2015 }
2016
2017 #search-submit {
2018         margin-left: 15px;
2019 }
2020
2021 #search-box {
2022         margin-bottom: 25px;
2023 }
2024
2025 .location-label, .gender-label, .marital-label, .homepage-label {
2026         float: left;
2027         text-align: right;
2028         display: block;
2029         width: 65px;
2030 }
2031
2032 .adr, .x-gender, .marital-text, .homepage-url {
2033         float: left;
2034         display: block;
2035         margin-left: 8px;
2036 }
2037
2038 .profile-clear {
2039         clear: both;
2040 }
2041
2042
2043 .clear {
2044         clear: both;
2045 }
2046
2047 .cc-license {
2048         margin-top: 50px;
2049         font-size: 70%;
2050 }
2051
2052
2053 #plugin-settings-link, #account-settings-link, #uexport-link {
2054         margin-bottom: 10px;
2055 }
2056
2057 /* end from defautlt */
2058         
2059
2060 .fn {
2061         padding: 0px 0px 5px 0px;
2062         font-size: 120%;
2063         font-weight: bold;
2064 }
2065
2066 .vcard .title {
2067         margin-bottom: 5px;
2068 }
2069
2070
2071 #birthday-title {
2072         float: left;
2073         font-weight: bold;      
2074 }
2075
2076 #birthday-adjust {
2077         float: left;
2078         font-size: 75%;
2079         margin-left: 10px;
2080 }
2081
2082 #birthday-title-end {
2083         clear: both;
2084 }
2085
2086 .birthday-list {
2087         margin-left: 15px;
2088 }
2089
2090 #birthday-wrapper {
2091         margin-bottom: 20px;
2092 }
2093
2094 #network-new-link {
2095         margin-top: 15px;
2096         margin-bottom: 15px;
2097 }
2098
2099
2100 .tool-wrapper {
2101   float: left;
2102   margin-left: 20px;
2103 }
2104
2105 .tool-link {
2106   cursor: pointer;
2107 }
2108
2109
2110 .calendar {
2111         font-family: Courier, monospace;
2112 }
2113 .today {
2114         color: #FF0000;
2115 }
2116
2117 .settings-block {
2118         border: 1px solid #AAA;
2119         margin: 10px;
2120         padding: 10px;
2121 }
2122
2123 .app-title {
2124         margin: 10px;
2125 }
2126
2127 #identity-manage-desc {
2128         margin-top:15px;
2129         margin-bottom: 15px;
2130 }
2131
2132 #identity-manage-choose {
2133         margin-bottom: 15px;
2134 }
2135
2136 #identity-submit {
2137         margin-top: 20px;
2138 }
2139
2140 #photo-prev-link, #photo-next-link {
2141         padding: 10px;
2142         float: left;
2143 }
2144
2145 #photo-photo {
2146         float: left;
2147 }
2148
2149 #photo-photo-end {
2150         clear: both;
2151 }
2152
2153 .profile-match-photo {
2154         float: left;
2155         text-align: center;
2156         width: 120px;
2157 }
2158
2159 .profile-match-name {
2160         float: left;
2161         text-align: center;
2162         width: 120px;
2163         overflow: hidden;
2164 }
2165
2166 .profile-match-break,
2167 .profile-match-end {
2168         clear: both;
2169 }
2170
2171 .profile-match-wrapper {
2172         float: left;
2173         padding: 10px;
2174 }
2175 #profile-match-wrapper-end {
2176         clear: both;
2177 }
2178 .side-link {
2179         margin-bottom: 15px;
2180 }