]> git.mxchange.org Git - friendica.git/blob - view/theme/duepuntozero/style.css
1127f114510a6db15b401c91715ff8093e9a40f6
[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         padding: 3px;
27 }
28
29 img { border :0px; }
30
31 .openid input {
32    background: url(login-bg.gif) no-repeat;
33    background-position: 0 50%;
34    padding-left: 18px;
35 }
36 .openid:hover {
37
38 }
39
40 code {
41         font-family: Courier, monospace;
42         white-space: pre;
43         display: block;
44         overflow: auto;
45         border: 1px solid #444;
46         background: #EEE;
47         color: #444;
48         padding: 10px;
49         margin-top: 20px; 
50 }
51 /*blockquote:before {
52         content: '>> ';
53 }*/
54 blockquote {
55         background-color: #f4f8f9;
56         border-left: 4px solid #dae4ee;
57         padding: 0.4em;
58 }
59
60 /*input[type=text] {
61         padding: 5px;
62 }*/
63
64 .icollapse-wrapper, .ccollapse-wrapper {
65         border: 1px solid #CCC;
66         padding: 5px;
67 }
68
69 .hide-comments {
70         margin-left: 5px;
71 }
72
73 #panel {
74         background-color: ivory;
75         position: absolute;
76         z-index: 2;
77         width: 30%;
78         padding: 25px;
79         border: 1px solid #444;
80 }
81
82 .heart {
83         color: #FF0000;
84         font-size: 100%;
85 }
86
87
88
89 /* nav */
90 nav {
91         height: 94px;
92         display: block;
93         margin: 0px 10%;
94         border-bottom: 1px solid #babdb6;
95 }
96 nav #site-location {
97         color: #888a85;
98         font-size: 0.8em;
99         position: absolute;
100 }
101
102 .error-message {
103         color: #FF0000;
104         font-size: 1.1em;
105         border: 1px solid #FF8888;
106         background-color: #FFEEEE;
107         padding: 10px;
108 }
109
110 .info-message {
111         color: #204a87;
112         font-size: 1.1em;
113         border: 1px solid #3465a4;
114         background-color: #d7e3f1;
115         padding: 10px;
116 }
117
118
119 nav #banner {
120         display: block;
121     margin-top: 14px;
122         position: absolute;
123 }
124 nav #banner #logo-text a {
125         font-size: 40px;
126         font-weight: bold;
127         margin-left: 3px;
128         color: #000000;
129
130 }
131 nav #banner #logo-text a:hover { text-decoration: none; }
132
133
134 .nav-commlink, .nav-login-link {
135     display: block;
136     height: 15px;
137         margin-top: 67px;
138         margin-right: 2px;
139         padding: 6px 10px;
140         float: left;
141         bottom: 140px;
142         border: 1px solid #babdb6;
143         border-bottom: 0px;
144         background-color: #aec0d3;
145         color: #565854;         
146         -moz-border-radius: 3px 3px 0px 0px;
147         border-radius: 3px 3px 0px 0px; 
148 }
149 nav .nav-link {
150         float: right;
151         margin: 0.2em 0em;
152         padding: 0em 0.5em;
153         background-color: transparent !important;
154 }
155
156 .nav-commlink.selected {
157         background-color: #ffffff;
158         border-bottom: 1px solid #ffffff;
159         color: #000000 !important;
160         margin-top: 64px;
161         padding-top: 6px;
162         padding-bottom: 8px;
163 }
164 .nav-ajax-left {
165         font-size: 0.8em;
166         float: left;
167         margin-top: 62px;       
168 }
169
170
171 nav #nav-link-wrapper .nav-link {
172         border-right: 1px solid #babdb6;
173 }
174
175 /* aside */
176 aside {
177         display: block;
178         min-height: 112px;
179         width: 200px;
180         margin-left: 10%;
181         padding: 1em;
182         float: left;
183         background-image: url(border.jpg);
184         background-position: top left;
185         background-repeat: no-repeat;
186         position: absolute;
187 }
188
189 #dfrn-request-link {
190         display: block;
191         color: #FFFFFF;
192         -webkit-border-radius: 5px ;
193         -moz-border-radius: 5px;
194         border-radius: 5px;
195         padding: 5px;
196         font-weight: bold;
197         background: #3465a4 url('friendika-16.png') no-repeat 95% center;
198 }
199
200 /* section */
201 section {
202         margin: 0px 10%;
203         padding-top: 1em;
204         padding-left: 250px;
205         padding-right: 1em;
206         display: block;
207         background-color: #ffffff;
208         background-image: url(border.jpg);
209         background-position: top right;
210         background-repeat: no-repeat;
211         min-height: 112px;
212         
213 }
214 .tabs {
215         height: 27px;
216         background-image: url(head.jpg);
217         background-repeat: repeat-x;    
218         background-position: 0px -20px;
219         border-bottom: 1px solid #babdb6;
220         padding:0px;
221 }
222 .tabs li { margin: 0px; list-style: none; }
223 .tab {
224         display:block;
225         float:left;
226         padding: 0.4em;
227         margin-right: 1em;
228 }
229 .tab.active {
230         font-weight: bold;
231 }
232
233
234 /* footer */
235 footer {
236     display: none;
237
238 }
239
240 .birthday-today, .event-today {
241         font-weight: bold;
242 }
243
244 div.wall-item-content-wrapper.shiny {
245   background-image: url('shiny.png');
246   background-position: -5px 30px;
247   background-repeat:no-repeat;
248 }
249
250 /* from default */
251 #jot-perms-icon, 
252 #profile-location,
253 #profile-nolocation,
254 #profile-youtube, 
255 #profile-video, 
256 #profile-audio,
257 #profile-link,
258 #profile-title, 
259 #wall-image-upload,
260 #wall-file-upload,
261 #profile-upload-wrapper,
262 #wall-image-upload-div,
263 #wall-file-upload-div,
264 .hover, .focus {
265         cursor: pointer;
266 }
267
268 #jot-perms-icon {
269         float: left;
270 }
271
272 .fakelink, .fakelink:visited, .fakelink:link {
273         color: #3465a4;
274         text-decoration: none;
275         cursor: pointer;
276         margin-top: 15px;
277         margin-bottom: 15px;
278 }
279 .lockview {
280         cursor: pointer;
281 }
282
283 #group-sidebar {
284         margin-bottom: 10px;
285 }
286
287 .group-selected {
288         padding: 3px;
289         -moz-border-radius: 3px;
290         border-radius: 3px;     
291         border: 1px solid #CCCCCC;
292         background: #F8F8F8;
293         font-weight: bold;
294 }
295
296 .fakelink:hover {
297         color: #3465a4;
298         text-decoration: underline;
299         cursor: pointer;
300 }
301 .smalltext {
302         font-size: 0.7em;
303 }
304 #sysmsg {
305         /*width: 600px;*/
306         margin-bottom: 10px;
307 }
308
309 #register-fill-ext {
310         margin-bottom: 25px;
311 }
312
313 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
314         float: left;
315         width: 350px;
316         margin-top: 10px;
317 }
318
319 #register-name, #register-email, #register-nickname {
320         float: left;
321         margin-top: 10px;
322         width: 150px;
323 }
324
325 #register-openid {
326         float: left;
327         margin-top: 10px;
328         width: 130px;
329 }
330
331 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
332         clear: both;
333 }
334
335 #register-nickname-desc {
336         margin-top: 30px;
337         width: 650px;
338 }
339 #register-sitename {
340         float: left;
341         margin-top: 10px;
342 }
343
344 #register-submit-button {
345         margin-top: 10px;
346 }
347
348
349 #login_standard {
350         width: 210px;
351         float: left;
352 }
353 #login_openid {
354         width: 210px;
355         margin-left: 250px;
356 }
357
358 #login_standard input,
359 #login_openid input {
360         width: 180px;
361 }
362
363 #login-extra-links {
364         clear: both;
365 }
366
367 #register-link, #lost-password-link {
368         float: left;
369         font-size: 80%;
370         margin-right: 15px;
371 }
372
373 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
374         height: 50px;
375 }
376
377 #login-submit-button {
378 /*      margin-top: 10px; */
379         margin-left: 200px;
380 }
381
382
383 input#dfrn-url {
384         float: left;
385         background: url(friendika-16.png) no-repeat;
386         background-position: 2px center;
387         font-size: 17px;
388         padding-left: 21px;
389         height: 21px;
390         background-color: #FFFFFF;
391         color: #000000;
392         margin-bottom: 20px;
393 }
394
395 #dfrn-url-label {
396         float: left;
397         width: 250px;
398 }
399
400 #dfrn-request-url-end {
401         clear: both;
402 }
403
404 #knowyouyes, #knowyouno {
405         float: left;
406 }
407
408 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
409
410         float: none;
411 }
412 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
413         float: left;
414         width: 75px;
415         margin-left: 50px;
416         margin-bottom: 7px;
417 }
418 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
419         clear: both;
420
421 }
422
423 #dfrn-request-message-wrapper {
424         margin-bottom: 50px;
425 }
426 #dfrn-request-submit-wrapper {
427         clear: both;
428         margin-left: 50px;
429 }
430
431 #dfrn-request-info-wrapper {
432         margin-left: 50px;
433 }
434
435
436
437 #cropimage-wrapper, #cropimage-preview-wrapper {
438         float: left;
439         padding: 30px;
440 }
441
442 #crop-image-form {
443         margin-top: 30px;
444         clear: both;
445 }
446
447 .intro-wrapper {
448         margin-top: 20px;
449 }
450
451 .intro-fullname {
452         font-size: 1.1em;
453         font-weight: bold;
454
455 }
456 .intro-desc {
457         margin-bottom: 20px;
458         font-weight: bold;
459 }
460
461 .intro-note {
462         padding: 10px;
463 }
464
465 .intro-end {
466         padding: 30px;
467 }
468
469 .intro-form {
470         float: left;
471 }
472 .intro-approve-form {
473         clear: both;
474 }
475 .intro-approve-as-friend-end {
476         clear: both;
477 }
478 .intro-submit-approve, .intro-submit-ignore {
479         margin-right: 20px;
480 }
481 .intro-submit-approve {
482         margin-top: 15px;
483 }
484
485 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
486         float: left;
487         width: 100px;
488         margin-left: 20px;
489 }
490 .intro-approve-as-friend, .intro-approve-as-fan {
491         float: left;
492 }
493 .intro-form-end {
494         clear: both;
495 }
496 .intro-approve-as-friend-desc {
497         margin-top: 15px;
498 }
499 .intro-approve-as-end {
500         clear: both;
501         margin-bottom: 10px;
502 }
503
504 .intro-end {
505         clear: both;
506         margin-bottom: 30px;
507 }
508
509 #profile-extra-links {
510         clear: both;
511         margin-top: 10px;
512 }
513
514 #profile-extra-links ul {
515         list-style-type: none;
516         padding: 0px;
517 }
518
519
520 #profile-extra-links li {
521         margin-top: 5px;
522 }
523
524 #profile-edit-links ul {
525         list-style-type: none;
526 }
527
528 #profile-edit-links li {
529         margin-top: 10px;
530 }
531 .profile-edit-side-div {
532         float: right;
533 }
534 .profile-edit-side-link {
535         opacity: 0.3;
536         filter:alpha(opacity=30);
537 }
538 .profile-edit-side-link:hover {
539         opacity: 1.0;
540         filter:alpha(opacity=100);
541 }
542
543 .view-contact-wrapper {
544         margin-top: 20px;
545         float: left;
546         margin-left: 20px;
547         width: 180px;
548 }
549 #view-contact-end {
550         clear: both;
551 }
552
553
554 #viewcontacts {
555         margin-top: 15px;
556 }
557 #profile-edit-default-desc {
558         color: #FF0000;
559         border: 1px solid #FF8888;
560         background-color: #FFEEEE;
561         padding: 7px;
562 }
563
564 #profile-edit-clone-link-wrapper {
565         float: left;
566         margin-left: 50px;
567         margin-bottom: 20px;
568         width: 300px;
569 }
570
571
572 #profile-edit-links-end {
573         clear: both;
574         margin-bottom: 15px;
575 }
576
577 .profile-listing-photo {
578         border: none;
579 }
580
581 .profile-edit-submit-wrapper {
582         margin-top: 20px;
583         margin-bottom: 20px;
584 }
585
586 #profile-photo-link-select-wrapper {
587         margin-top: 2em;
588 }
589
590 #profile-photo-submit-wrapper {
591         margin-top: 10px;
592 }
593
594 #profile-photo-wrapper img {
595         width:175px;
596         height:175px;
597         padding: 12px;
598 }
599
600 #profile-edit-profile-name-label,
601 #profile-edit-name-label,
602 #profile-edit-pdesc-label,
603 #profile-edit-gender-label,
604 #profile-edit-dob-label,
605 #profile-edit-address-label,
606 #profile-edit-locality-label,
607 #profile-edit-region-label,
608 #profile-edit-postal-code-label,
609 #profile-edit-country-name-label,
610 #profile-edit-marital-label,
611 #profile-edit-sexual-label,
612 #profile-edit-politic-label,
613 #profile-edit-religion-label,
614 #profile-edit-pubkeywords-label,
615 #profile-edit-prvkeywords-label,
616 #profile-edit-homepage-label {
617         float: left;
618         width: 175px;
619 }
620
621 #profile-edit-profile-name,
622 #profile-edit-name,
623 #profile-edit-pdesc,
624 #gender-select,
625 #profile-edit-dob,
626 #profile-edit-address,
627 #profile-edit-locality,
628 #profile-edit-region,
629 #profile-edit-postal-code,
630 #profile-edit-country-name,
631 #marital-select,
632 #sexual-select,
633 #profile-edit-politic,
634 #profile-edit-religion,
635 #profile-edit-pubkeywords,
636 #profile-edit-prvkeywords,
637 #profile-in-dir-yes,
638 #profile-in-dir-no,
639 #profile-in-netdir-yes,
640 #profile-in-netdir-no,
641 #hide-wall-yes,
642 #hide-wall-no,
643 #hide-friends-yes,
644 #hide-friends-no {
645         float: left;
646         margin-bottom: 20px;
647 }
648 #settings-normal,
649 #settings-soapbox,
650 #settings-freelove,
651 #settings-community {
652         float: left;
653 }
654
655
656 #profile-in-dir-yes-label,
657 #profile-in-dir-no-label,
658 #profile-in-netdir-yes-label,
659 #profile-in-netdir-no-label,
660 #hide-wall-yes-label,
661 #hide-wall-no-label,
662 #hide-friends-yes-label,
663 #hide-friends-no-label {
664         margin-left: 125px;
665         float: left;
666         width: 50px;
667 }
668
669 #profile-edit-with-label {
670         width: 175px;
671         margin-left: 20px;
672 }
673
674 #profile-publish-yes-reg,
675 #profile-publish-no-reg {
676         float: left;
677         margin-bottom: 10px;
678 }
679
680 #profile-publish-yes-label-reg,
681 #profile-publish-no-label-reg {
682         margin-left: 350px;
683         float: left;
684         width: 50px;
685 }
686
687 #profile-publish-break-reg,
688 #profile-publish-end-reg {
689         clear: both;
690 }
691
692
693 #profile-edit-pdesc-desc,
694 #profile-edit-pubkeywords-desc,
695 #profile-edit-prvkeywords-desc {
696         float: left;
697         margin-left: 20px;
698 }
699
700
701 #profile-edit-homepage {
702         float: left;
703         margin-bottom: 35px;
704 }
705 #settings-normal-label,
706 #settings-soapbox-label,
707 #settings-community-label,
708 #settings-freelove-label {
709         float: left;
710         width: 200px;
711 }
712 #settings-normal-desc,
713 #settings-soapbox-desc,
714 #settings-community-desc,
715 #settings-freelove-desc {
716         /*float: left;
717         margin-left: 75px;*/
718     clear: left;
719     color: #666666;
720     display: block;
721     margin-bottom: 20px 
722 }
723
724 #profile-edit-profile-name-end,
725 #profile-edit-name-end,
726 #profile-edit-pdesc-end,
727 #profile-edit-gender-end,
728 #profile-edit-dob-end,
729 #profile-edit-address-end,
730 #profile-edit-locality-end,
731 #profile-edit-region-end,
732 #profile-edit-postal-code-end,
733 #profile-edit-country-name-end,
734 #profile-edit-marital-end,
735 #profile-edit-sexual-end,
736 #profile-edit-politic-end,
737 #profile-edit-religion-end,
738 #profile-edit-pubkeywords-end,
739 #profile-edit-prvkeywords-end,
740 #profile-edit-homepage-end,
741 #profile-in-dir-break,
742 #profile-in-dir-end,
743 #profile-in-netdir-break,
744 #profile-in-netdir-end,
745 #hide-wall-break,
746 #hide-wall-end,
747 #hide-friends-break,
748 #hide-friends-end,
749 #settings-normal-break,
750 #settings-soapbox-break,
751 #settings-community-break,
752 #settings-freelove-break {
753         clear: both;
754 }
755
756
757
758
759
760 #gender-select, #marital-select, #sexual-select {
761         width: 220px;
762 }
763
764 #profile-edit-profile-name-wrapper .required {
765         color: #FF0000;
766         float: left;
767 }
768
769 #contacts-main {
770         margin-top: 20px;
771         margin-bottom: 20px;
772 }
773
774 .contact-entry-wrapper {
775         float: left;
776         width: 120px;
777         height: 120px;
778 }
779
780 .contact-entry-direction-icon {
781         margin-top: 24px;
782         margin-right: 2px;
783 }
784
785 .contact-entry-photo img {
786         border: none;
787 }
788 .contact-entry-photo-end {
789         clear: both;
790 }
791 .contact-entry-name {
792         float: left;
793         margin-left: 0px;
794         width: 120px;
795         overflow: hidden;
796 }
797 .contact-entry-edit-links {
798         margin-top: 6px;
799         margin-left: 10px;
800         width: 16px;
801 }
802 .contact-entry-nav-wrapper {
803         float: left;
804         margin-left: 10px;
805 }
806
807 .contact-entry-edit-links img {
808         border: none;
809         margin-right: 15px;
810 }
811 .contact-entry-photo {
812         float: left;
813         position: relative;
814 }
815 .contact-entry-end {
816         clear: both;
817 }
818
819 #fsuggest-desc, #fsuggest-submit-wrapper {
820         margin-top: 15px;
821         margin-bottom: 15px;
822 }
823
824 #network-star-link{
825         margin-top: 10px;
826 }
827 .network-star {
828         float: left;
829         margin-right: 5px;
830 }
831 #network-bmark-link {
832         margin-top: 10px;
833 }
834
835 .wall-item-content-wrapper {
836         margin-top: 10px;
837         border: 1px solid #CCC;
838         position: relative;
839         -moz-border-radius: 3px;
840         border-radius: 3px;     
841
842 }
843
844 .wall-item-content-wrapper.comment {
845         margin-left: 50px;
846         background: #EEEEEE;
847 }
848
849 .wall-item-info {
850         display: block;
851         float: left;
852         width:110px;
853         margin-right:10px;
854 }
855 .comment .wall-item-info {
856         width: 70px;
857 }
858
859 .wall-item-photo-wrapper {
860         margin-top: 10px;
861         margin-left: 10px;
862         margin-bottom: 10px;
863         width: 100px;
864 }
865 .wall-item-photo-menu-button {
866         display: block;
867         position: absolute;
868         background-image: url("photo-menu.jpg");
869         background-position: top left; 
870         background-repeat: no-repeat;
871         margin: 0px; padding: 0px;
872         width: 16px;
873         height: 16px;
874         top: 74px; left:10px;
875         overflow: hidden;
876         text-indent: 40px;
877         display: none;
878         
879 }
880 .wall-item-photo-menu {
881         width: auto;
882         border: 2px solid #444444;
883         background: #FFFFFF;
884         position: absolute;
885         left: 10px; top: 90px;
886         display: none;
887         z-index: 10000;
888 }
889 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
890 .wall-item-photo-menu li a { display: block; padding: 2px; }
891 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
892
893
894 .comment .wall-item-photo-menu-button { top: 44px;}
895 .comment .wall-item-photo-menu { top: 60px; }
896
897 .wallwall .wwto {
898     left: 50px;
899     margin: 0;
900     position: absolute;
901     top: 70px;
902     width: 30px
903 }
904 .wallwall .wwto img {
905         width: 30px !important;
906         height: 30px !important;
907 }
908
909 .wallwall .wall-item-photo-end {
910         clear: both;
911 }
912
913 .wall-item-arrowphoto-wrapper {
914     position: absolute;
915     left: 75px;
916     top: 70px;
917     z-index: 100;
918 }
919 .wall-item-wrapper {
920         /*float: left;
921     margin-right: 5px;
922     width: 250px;*/
923     margin-left:10px;
924 }
925 .wall-item-lock {
926         /*height: 20px;*/
927         /*margin-top: 10px;*/
928     left: 105px;
929     position: absolute;
930     top: 1px;   
931 }
932 .comment .wall-item-lock {
933         left: 65px;
934 }
935
936 .wall-item-ago {
937         color: #888888;
938         font-size: 0.8em;
939 }
940
941 .wall-item-location {
942         overflow: hidden;
943         /* add ellipsis on text overflow               */
944         /* this work on safari, opera, ie, chrome.     */
945         /* firefox users have to wait support or we    */
946         /* can use a jquery plugin http://bit.ly/zJskg */
947         text-overflow: ellipsis;
948         -o-text-overflow: ellipsis;
949         width: 100%;
950 }
951
952 .wall-item-like-buttons {
953         float: left;
954         margin-right: 10px;
955 /*      padding-right: 10px; */
956 /*      border-right: 2px solid #fff; */
957 }
958
959 .like-rotator {
960         margin-left: 5px;
961 }
962
963 .wall-item-like-buttons > a,
964 .wall-item-like-buttons > img {
965         float: left;
966 }
967
968 .wall-item-like-buttons img {
969         cursor: pointer;
970 }
971
972 .wall-item-share-buttons {
973         margin-left: 10px;
974         margin-right: 10px;
975 }
976
977 .editpost {
978         margin-left: 10px;
979         float: left;
980 }
981 .star-item {
982         margin-left: 10px;
983         float: left;    
984 }
985 .tag-item {
986         margin-left: 10px;
987         float: left;    
988 }
989
990
991 .wall-item-links-wrapper {
992         float: left;
993 }
994
995 .wall-item-delete-wrapper {
996         float: right;
997 }
998
999 .wall-item-delete-end {
1000         clear: both;
1001 }
1002
1003 .wall-item-delete-icon {
1004         border: none;
1005 }
1006
1007
1008 .wall-item-wrapper-end {
1009         clear: both;
1010 }
1011 .wall-item-name-link {
1012         font-weight: bold;
1013         text-decoration: none;
1014         color: #3172BD;
1015 }
1016 .wall-item-photo {
1017         border: none;
1018 }
1019 .comment .wall-item-photo {
1020         width: 50px !important; 
1021         height: 50px !important;
1022 }
1023 .wall-item-content {
1024         /*float: left;*/
1025         /*width: 450px;*/
1026         margin-left: 10px;
1027         /*margin-bottom: 20px;*/
1028         /*padding: 20px;*/
1029         max-height: 400px;
1030         overflow: auto;
1031 }
1032
1033 .wall-item-title {
1034         float: left;
1035         font-weight: bold;
1036         /*width: 450px;*/
1037 }
1038
1039 .wall-item-title-end {
1040         clear: both;
1041 }
1042
1043 .wall-item-body {
1044         float: left;
1045         /*width: 450px;*/
1046         margin-top: 10px;
1047 }
1048
1049 .wall-item-tools {
1050         clear: both;
1051         background-image: url("head.jpg");
1052     background-position: 0 -20px;
1053     background-repeat: repeat-x;
1054         padding: 5px 10px 0px;
1055 }
1056 .wall-item-author {
1057         margin-top: 10px;
1058 }
1059
1060 .comment .wall-item-tools {
1061         background:none;
1062
1063
1064 .comment-edit-wrapper {
1065         margin-top: 15px;
1066         background: #f3f3f3;
1067         margin-left: 50px;
1068 }
1069
1070 .comment-wwedit-wrapper {
1071         margin-top: 15px;
1072         background: #f3f3f3;
1073         margin-left: 50px;
1074 }
1075
1076 .comment-edit-photo {
1077         margin-top: 10px;
1078         margin-left: 10px;
1079         margin-bottom: 10px;
1080         width: 100px;
1081         float: left;
1082 }
1083 .comment-edit-photo img {
1084         width: 25px;
1085 }
1086 .comment-edit-text-empty, .comment-edit-text-full {
1087         float: left;
1088         margin-top: 10px;
1089         -moz-border-radius: 3px;
1090         border-radius: 3px;     
1091         border: 1px solid #cccccc;
1092         padding: 3px 1px 1px 3px;
1093 }
1094 .comment-edit-text-end {
1095         clear: both;
1096 }
1097
1098 .comment-edit-submit {
1099         margin: 10px 0px 10px 110px;
1100 }
1101
1102 #profile-jot-plugin-wrapper,
1103 #profile-jot-submit-wrapper {
1104         margin-top: 15px;
1105 }
1106
1107 #profile-jot-submit {
1108         float: left;
1109 }
1110 #profile-upload-wrapper {
1111         float: left;
1112         margin-left: 30px;
1113 }
1114 #profile-attach-wrapper {
1115         float: left;
1116         margin-left: 30px;
1117 }
1118 #profile-rotator {
1119         float: left;
1120         margin-left: 30px;
1121 }
1122 #profile-link-wrapper {
1123         float: left;
1124         margin-left: 15px;
1125 }
1126 #profile-youtube-wrapper {
1127         float: left;
1128         margin-left: 15px;
1129 }
1130 #profile-video-wrapper {
1131         float: left;
1132         margin-left: 15px;
1133 }
1134 #profile-audio-wrapper {
1135         float: left;
1136         margin-left: 15px;
1137 }
1138 #profile-location-wrapper {
1139         float: left;
1140         margin-left: 15px;
1141 }
1142 #profile-nolocation-wrapper {
1143         float: left;
1144         margin-left: 15px;
1145 }
1146 #profile-title-wrapper {
1147         float: left;
1148         margin-left: 15px;
1149 }
1150
1151 #profile-jot-perms {
1152         float: left;
1153         margin-left: 100px;
1154         font-weight: bold;
1155         font-size: 1.2em;
1156 }
1157
1158 #profile-jot-perms-end {
1159         /*clear: left;*/
1160         height: 30px;
1161 }
1162
1163 #profile-jot-plugin-end{
1164   clear: both;
1165 }
1166 .profile-jot-net {
1167         float: left;
1168         margin-right: 10px;
1169         margin-top: 5px;
1170         margin-bottom: 5px;
1171 }
1172
1173 #profile-jot-networks-end {
1174         clear: both;
1175 }
1176
1177 #profile-jot-end {
1178         /*clear: both;*/
1179         margin-bottom: 30px;
1180 }
1181 #about-jot-submit-wrapper {
1182         margin-top: 15px;
1183 }
1184 #about-jot-end {
1185         margin-bottom: 30px;
1186 }
1187 #contacts-main {
1188         margin-bottom: 30px;
1189 }
1190
1191 #profile-listing-desc {
1192         margin-left: 30px;
1193 }
1194
1195 #profile-listing-new-link-wrapper {
1196         margin-left: 30px;
1197         margin-bottom: 30px;
1198 }
1199 .profile-listing-photo-wrapper {
1200         float: left;
1201 }
1202
1203 .profile-listing-edit-buttons-wrapper {
1204         clear: both;
1205 }
1206 .profile-listing-photo-edit-link {
1207         float: left;
1208         width: 125px;
1209 }
1210 .profile-listing-end {
1211         clear: both;
1212 }
1213 .profile-listing-edit-buttons-wrapper img{
1214         border: none;
1215         margin-right: 20px;
1216 }
1217 .profile-listing {
1218         margin-top: 25px;
1219 }
1220 .profile-listing-name {
1221         float: left;
1222         margin-left: 32px;
1223         margin-top: 10px;
1224         color: #3172BD;
1225         font-weight: bold;
1226         width: 200px;
1227
1228 }
1229 .fortune {
1230         margin-top: 50px;
1231         color: #4444FF;
1232         font-weight: bold;
1233         margin-bottom: 20px;
1234 }
1235
1236
1237 .directory-end {
1238         clear: both;
1239 }
1240 .directory-name {
1241         text-align: center;
1242 }
1243 .directory-photo {
1244         margin-left: 25px;
1245 }
1246 .directory-details {
1247         font-size: 0.7em;
1248         text-align: center;
1249         margin-left: 5px;
1250         margin-right: 5px;
1251 }
1252 .directory-item {
1253         float: left;
1254         width: 225px;
1255         height: 260px;
1256         overflow: auto;
1257 }
1258
1259 #directory-search-wrapper {
1260         margin-top: 20px;
1261         margin-right: 20px;
1262         margin-bottom: 50px;
1263 }
1264
1265 #directory-search-end {
1266 }
1267
1268 .directory-photo-img {
1269         border: none;
1270 }
1271
1272
1273 .pager {
1274   padding: 10px;
1275   text-align: center;
1276   font-size: 1.0em;
1277 }
1278
1279
1280 .pager_first,
1281 .pager_last,
1282 .pager_prev,
1283 .pager_next,
1284 .pager_n {
1285         border: 1px solid black;
1286         background: #EEE;
1287         padding: 4px;
1288 }
1289
1290 .pager_first a,
1291 .pager_last a,
1292 .pager_prev a,
1293 .pager_next a,
1294 .pager_n a {
1295         text-decoration: none;
1296 }
1297
1298 .pager_current {
1299   border: 1px solid black;
1300   background: #FFCCCC;
1301   padding: 4px;
1302 }
1303
1304
1305 #advanced-profile-name-wrapper,
1306 #advanced-profile-gender-wrapper,
1307 #advanced-profile-dob-wrapper,
1308 #advanced-profile-age-wrapper,
1309 #advanced-profile-marital-wrapper,
1310 #advanced-profile-sexual-wrapper,
1311 #advanced-profile-homepage-wrapper,
1312 #advanced-profile-politic-wrapper,
1313 #advanced-profile-religion-wrapper,
1314 #advanced-profile-about-wrapper,
1315 #advanced-profile-interest-wrapper,
1316 #advanced-profile-contact-wrapper,
1317 #advanced-profile-music-wrapper,
1318 #advanced-profile-book-wrapper,
1319 #advanced-profile-tv-wrapper,
1320 #advanced-profile-film-wrapper,
1321 #advanced-profile-romance-wrapper,
1322 #advanced-profile-work-wrapper,
1323 #advanced-profile-education-wrapper {
1324         margin-top: 20px;
1325 }
1326
1327 #advanced-profile-name-text,
1328 #advanced-profile-gender-text,
1329 #advanced-profile-dob-text,
1330 #advanced-profile-age-text,
1331 #advanced-profile-marital-text,
1332 #advanced-profile-sexual-text,
1333 #advanced-profile-homepage-text,
1334 #advanced-profile-politic-text,
1335 #advanced-profile-religion-text,
1336 #advanced-profile-about-text,
1337 #advanced-profile-interest-text,
1338 #advanced-profile-contact-text,
1339 #advanced-profile-music-text,
1340 #advanced-profile-book-text,
1341 #advanced-profile-tv-text,
1342 #advanced-profile-film-text,
1343 #advanced-profile-romance-text,
1344 #advanced-profile-work-text,
1345 #advanced-profile-education-text {
1346         width: 300px;
1347         float: left;
1348 }
1349
1350 #advanced-profile-name-end,
1351 #advanced-profile-gender-end,
1352 #advanced-profile-dob-end,
1353 #advanced-profile-age-end,
1354 #advanced-profile-marital-end,
1355 #advanced-profile-sexual-end,
1356 #advanced-profile-homepage-end,
1357 #advanced-profile-politic-end,
1358 #advanced-profile-religion-end {
1359         height: 10px;
1360 }
1361
1362 #advanced-profile-about-end,
1363 #advanced-profile-interest-end,
1364 #advanced-profile-contact-end,
1365 #advanced-profile-music-end,
1366 #advanced-profile-book-end,
1367 #advanced-profile-tv-end,
1368 #advanced-profile-film-end,
1369 #advanced-profile-romance-end,
1370 #advanced-profile-work-end,
1371 #advanced-profile-education-end {
1372
1373
1374 }
1375
1376 #advanced-profile-name,
1377 #advanced-profile-gender,
1378 #advanced-profile-dob,
1379 #advanced-profile-age,
1380 #advanced-profile-marital,
1381 #advanced-profile-sexual,
1382 #advanced-profile-homepage,
1383 #advanced-profile-politic,
1384 #advanced-profile-religion {
1385         float: left;
1386
1387 }
1388
1389
1390 #advanced-profile-about,
1391 #advanced-profile-interest,
1392 #advanced-profile-contact,
1393 #advanced-profile-music,
1394 #advanced-profile-book,
1395 #advanced-profile-tv,
1396 #advanced-profile-film,
1397 #advanced-profile-romance,
1398 #advanced-profile-work,
1399 #advanced-profile-education {
1400         margin-top: 10px;
1401         margin-left: 50px;
1402         margin-right: 20px;
1403         padding: 10px;
1404         border: 1px solid #CCCCCC;
1405 }
1406
1407 #advanced-profile-with {
1408         float: left;
1409         margin-left: 15px;
1410 }
1411
1412 #contact-edit-wrapper {
1413         margin-top: 10px;
1414 }
1415
1416 #contact-edit-banner-name {
1417         font-size: 1.4em;
1418         font-weight: bold;
1419 }
1420
1421 #contact-edit-poll-wrapper {
1422         margin-top: 15px;
1423 }
1424
1425 #contact-edit-poll-text {
1426         margin-top: 15px;
1427         margin-bottom: 5px;
1428 }
1429
1430 #contact-edit-update-now {
1431         margin-top: 15px;
1432 }
1433
1434 #contact-edit-links{
1435         clear: both;
1436 }
1437
1438 #contact-edit-links ul {
1439         list-style: none;
1440         list-style-type: none;
1441         margin-left: 0px;
1442         padding-left: 0px;
1443 }
1444
1445 #contact-edit-links li {
1446         margin-top: 5px;
1447 }
1448
1449 #contact-edit-drop-link {
1450         float: right;
1451         margin-right: 20px;
1452 }
1453
1454 #contact-edit-nav-end {
1455         clear: both;
1456 }
1457
1458 #contact-edit-wrapper {
1459         width: 100%;
1460 }
1461
1462 #contact-edit-end {
1463         clear: both;
1464         margin-top: 15px;
1465 }
1466
1467 #contact-profile-selector {
1468         width: 175px;
1469         margin-left: 175px;
1470 }
1471
1472 .contact-edit-submit {
1473         margin-top: 20px;
1474 }
1475
1476
1477 .contact-photo-menu-button {
1478         position: absolute;
1479         background-image: url("photo-menu.jpg");
1480         background-position: top left; 
1481         background-repeat: no-repeat;
1482         margin: 0px; padding: 0px;
1483         width: 16px;
1484         height: 16px;
1485         top: 64px; left:0px;
1486         overflow: hidden;
1487         text-indent: 40px;
1488         display: none;
1489         
1490 }
1491 .contact-photo-menu {
1492         width: auto;
1493         border: 2px solid #444444;
1494         background: #FFFFFF;
1495         position: absolute;
1496         left: 0px; top: 90px;
1497         display: none;
1498         z-index: 10000;
1499 }
1500 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1501 .contact-photo-menu li a { display: block; padding: 2px; }
1502 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
1503
1504
1505 #block-message, #ignore-message {
1506         color: #FF0000;
1507 }
1508
1509 #profile-edit-insecure {
1510         margin-top: 20px;
1511         color: #FF0000;
1512         font-size: 1.1em;
1513         border: 1px solid #FF8888;
1514         background-color: #FFEEEE;
1515         padding-left: 5px;
1516         /*: 3px 3px 3px 5px; */
1517         width: 587px;
1518 }
1519
1520 #profile-jot-text {
1521         height: 20px;
1522         color:#cccccc;
1523         border: 1px solid #cccccc;
1524         padding: 3px 0px 0px 5px;
1525         -moz-border-radius: 3px;
1526         border-radius: 3px;     
1527
1528 }
1529
1530
1531 /** acl **/
1532 #photo-edit-perms-select,
1533 #photos-upload-permissions-wrapper,
1534 #profile-jot-acl-wrapper{
1535         display:block!important;
1536 }
1537
1538
1539
1540 #acl-wrapper {
1541         width: 690px;
1542         float:left;
1543 }
1544 #acl-search {
1545         float:right;
1546         background: #ffffff url("../../../images/search_18.png") no-repeat right center;
1547         padding-right:20px;
1548 }
1549 #acl-showall {
1550         float: left;
1551         display: block;
1552         width: auto;
1553         height: 18px;
1554         background-color: #cccccc;
1555         background-image: url("../../../images/show_all_off.png");
1556         background-position: 7px 7px;
1557         background-repeat: no-repeat;
1558         padding: 7px 5px 0px 30px;
1559         -webkit-border-radius: 5px ;
1560         -moz-border-radius: 5px;
1561         border-radius: 5px;
1562         color: #999999;
1563 }
1564 #acl-showall.selected {
1565         color: #000000;
1566         background-color: #ff9900;
1567         background-image: url("../../../images/show_all_on.png");
1568 }
1569
1570 #acl-list {
1571         height: 210px;
1572         border: 1px solid #cccccc;
1573         clear: both;
1574         margin-top: 30px;
1575         overflow: auto;
1576 }
1577 #acl-list-content {
1578         
1579 }
1580 .acl-list-item {
1581         display: block;
1582         width: 150px;
1583         height: 30px;
1584         border: 1px solid #cccccc;
1585         margin: 5px;
1586         float: left;
1587 }
1588 .acl-list-item img{
1589         width:22px;
1590         height: 22px;
1591         float: left;
1592         margin: 4px;
1593 }
1594 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
1595 .acl-list-item a { 
1596         font-size: 8px;
1597         display: block;
1598         width: 40px;
1599         height: 10px;
1600         float: left;
1601         color: #999999;
1602         background-color: #cccccc;
1603         background-position: 3px 3px;
1604         background-repeat: no-repeat;
1605         margin-right: 5px;
1606         -webkit-border-radius: 2px ;
1607         -moz-border-radius: 2px;
1608         border-radius: 2px;
1609         padding-left: 15px;
1610 }
1611 #acl-wrapper a:hover {
1612         text-decoration: none;
1613         color:#000000;
1614 }
1615 .acl-button-show { background-image: url("../../../images/show_off.png"); }
1616 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }
1617
1618 .acl-button-show.selected {
1619         color: #000000;
1620         background-color: #9ade00;
1621         background-image: url("../../../images/show_on.png");
1622 }
1623 .acl-button-hide.selected {
1624         color: #000000;
1625         background-color: #ff4141;
1626         background-image: url("../../../images/hide_on.png");
1627 }
1628 .acl-list-item.groupshow { border-color: #9ade00; }
1629 .acl-list-item.grouphide { border-color: #ff4141; }
1630 /** /acl **/
1631
1632
1633 .comment-edit-text-empty {
1634         color: gray;
1635         height: 30px;
1636         width: 175px;
1637         overflow: auto;
1638         margin-bottom: 10px;
1639 }
1640
1641 .comment-edit-text-full {
1642         color: black;
1643         height: 150px;
1644         width: 350px;
1645         overflow: auto;
1646 }
1647
1648 #group-new-submit-wrapper {
1649         margin-top: 30px;
1650 }
1651
1652 #group-edit-name-label {
1653         float: left;
1654         width: 175px;
1655         margin-top: 20px;
1656         margin-bottom: 20px;
1657 }
1658
1659 #group-edit-name {
1660         float: left;
1661         width: 225px;
1662         margin-top: 20px;
1663         margin-bottom: 20px;
1664 }
1665
1666 #group-edit-name-wrapper {
1667
1668
1669 }
1670
1671
1672 #group_members_select_label {
1673         display: block;
1674         float: left;
1675         width: 175px;
1676 }
1677
1678 .group_members_select {
1679         float: left;
1680         width: 230px;
1681         overflow: auto;
1682 }
1683
1684 #group_members_select_end {
1685         clear: both;
1686 }
1687 #group-edit-name-end {
1688         clear: both;
1689 }
1690
1691 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1692         margin-bottom: 10px;
1693         margin-top: 20px;
1694 }
1695
1696 #prvmail-submit {
1697         float: left;
1698         margin-top: 10px;
1699         margin-right: 30px;
1700 }
1701 #prvmail-upload-wrapper,
1702 #prvmail-link-wrapper,
1703 #prvmail-rotator-wrapper {
1704         float: left;
1705         margin-top: 10px;
1706         margin-right: 10px;
1707         width: 24px;
1708 }
1709
1710 #prvmail-end {
1711         clear: both;
1712 }
1713
1714 .mail-list-sender,
1715 .mail-list-detail {
1716         float: left;
1717 }
1718 .mail-list-detail {
1719         margin-left: 20px;
1720 }
1721
1722 .mail-list-subject {
1723         font-size: 1.1em;
1724         margin-top: 10px;
1725 }
1726 a.mail-list-link {
1727     display: block;
1728     font-size: 1.3em;
1729     padding: 4px 0;
1730 }
1731
1732 /*
1733 *a.mail-list-link:hover {
1734 *       background-color: #15607B;
1735 *       color: #F5F6FB;
1736 *}
1737 */
1738
1739 .mail-list-outside-wrapper-end {
1740         clear: both;
1741 }
1742
1743 .mail-list-outside-wrapper {
1744         margin-top: 30px;
1745 }
1746
1747 .mail-list-delete-wrapper {
1748         float: right;
1749         margin-right: 30px;
1750         margin-top: 15px;
1751 }
1752
1753 .mail-list-delete-icon {
1754         border: none;
1755 }
1756
1757 .mail-conv-sender,
1758 .mail-conv-detail {
1759         float: left;
1760 }
1761 .mail-conv-detail {
1762         margin-left: 20px;
1763         width: 500px;
1764 }
1765
1766 .mail-conv-subject {
1767     font-size: 1.4em;
1768     margin: 10px 0;
1769 }
1770
1771 .mail-conv-outside-wrapper-end {
1772         clear: both;
1773 }
1774
1775 .mail-conv-outside-wrapper {
1776         margin-top: 30px;
1777 }
1778
1779 .mail-conv-delete-wrapper {
1780         float: right;
1781         margin-right: 30px;
1782         margin-top: 15px;
1783 }
1784 .mail-conv-break {
1785         clear: both;
1786 }
1787
1788 .mail-conv-delete-icon {
1789         border: none;
1790 }
1791
1792 .message-links ul {
1793         list-style-type: none;
1794         padding: 0px;
1795 }
1796
1797 .message-links li {
1798         margin-top: 10px;
1799         float: left;
1800 }
1801 .message-links a {
1802         padding: 3px 5px;
1803 }
1804
1805 .message-links-end {
1806         clear: both;
1807 }
1808
1809 #sidebar-group-list ul {
1810         list-style-type: none;
1811 }
1812
1813 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
1814         display: inline-block;
1815         height: 12px;
1816         width: 12px;
1817 }
1818
1819 #sidebar-group-list li {
1820         margin-top: 10px;
1821 }
1822
1823 #search-save {
1824         margin-left: 5px;
1825 }
1826 .groupsideedit {
1827         margin-right: 10px;
1828 }
1829 #saved-search-ul {
1830         list-style-type: none;
1831 }
1832 .savedsearchdrop, .savedsearchterm {
1833         float: left;
1834         margin-top: 10px;
1835 }
1836 .savedsearchterm {
1837         margin-left: 10px;
1838 }
1839
1840
1841 #side-follow-wrapper {
1842         margin-top: 20px;
1843 }
1844 #side-follow-url, #side-peoplefind-url {
1845         margin-top: 5px;
1846 }
1847 #side-follow-submit, #side-peoplefind-submit {
1848         margin-top: 15px;
1849 }
1850
1851 #side-match-link {
1852         margin-top: 10px;
1853 }
1854
1855 aside input[type='text'] {
1856  width: 174px;
1857 }
1858
1859 .widget {
1860         border: 1px solid #DDDDDD;
1861         padding: 8px;
1862         margin-top: 5px;
1863         -moz-border-radius:5px;
1864         -webkit-border-radius:5px;
1865         border-radius:5px;
1866
1867 }
1868
1869
1870 .photo-album-image-wrapper {
1871         float: left;
1872         margin-top: 15px;
1873         margin-right: 15px;
1874         width: 200px; height: 200px; 
1875         overflow: hidden; 
1876         position: relative;
1877 }
1878 .photo-album-image-wrapper .caption {
1879         display: none; 
1880         width: 100%;
1881         position: absolute; 
1882         bottom: 0px; 
1883         padding: 0.5em 0.5em 0px 0.5em;
1884         background-color: rgba(245, 245, 255, 0.8);
1885         border-bottom: 2px solid #CCC;
1886         margin: 0px;
1887 }
1888 .photo-album-image-wrapper a:hover .caption {
1889         display:block;
1890 }
1891
1892 #photo-album-end {
1893         clear: both;
1894 }
1895
1896 .photo-top-image-wrapper {
1897         position: relative;
1898         float: left;
1899         margin-top: 15px;
1900         margin-right: 15px;
1901         width: 200px; height: 200px; 
1902         overflow: hidden; 
1903 }
1904 .photo-top-album-name {
1905         width: 100%;
1906         min-height: 2em;
1907         position: absolute; 
1908         bottom: 0px; 
1909         padding: 0px 3px;
1910         padding-top: 0.5em;
1911         background-color: rgb(255, 255, 255);
1912 }
1913 #photo-top-end {
1914         clear: both;
1915 }
1916
1917 #photo-top-links {
1918         margin-bottom: 30px;
1919         margin-left: 30px;
1920 }
1921
1922 #photos-upload-newalbum-div {
1923         float: left;
1924         width: 175px;
1925 }
1926
1927 #photos-upload-noshare {
1928         margin-bottom: 10px;
1929 }
1930 #photos-upload-existing-album-text {
1931         float: left;
1932         width: 175px;
1933 }
1934 #photos-upload-newalbum {
1935         float: left;
1936 }
1937 #photos-upload-album-select {
1938         float: left;
1939 }
1940
1941 #photos-upload-spacer {
1942         margin-top: 25px;
1943 }
1944 #photos-upload-new-end, #photos-upload-exist-end {
1945         clear: both;
1946 }
1947 #photos-upload-exist-end {
1948         margin-bottom: 15px;
1949 }
1950 #photos-upload-submit {
1951         margin-top: 15px;
1952 }
1953
1954 #photos_upload_applet_wrapper {
1955         margin-bottom: 15px;
1956 }
1957
1958 #photos-upload-no-java-message {
1959         margin-bottom: 15px;
1960 }
1961
1962 #profile-jot-desc {
1963         /*float: left;*/
1964         width: 480px;
1965         color: #FF0000;
1966         margin-top: 10px;
1967         margin-bottom: 10px;
1968 }
1969
1970 #character-counter {
1971         float: right;
1972         font-size: 120%;
1973 }
1974
1975 #character-counter.grey {
1976         color: #888888;
1977 }
1978
1979 #character-counter.orange {
1980         color: orange;
1981 }
1982 #character-counter.red {
1983         color: red;
1984 }
1985
1986 #profile-jot-banner-end {
1987         /* clear: both; */ 
1988 }
1989
1990 #photos-upload-select-files-text {
1991         margin-top: 15px;
1992         margin-bottom: 15px;
1993 }
1994
1995 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
1996         color: #8888FF;
1997         text-decoration: none;
1998         cursor: pointer;
1999 }
2000
2001 #photos-upload-perms-menu:hover {
2002         color: #0000FF;
2003         text-decoration: underline;
2004         cursor: pointer;
2005 }
2006 #settings-default-perms-menu {
2007         margin-top: 15px;
2008         margin-bottom: 15px;
2009 }
2010
2011 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
2012         float: left;
2013         width: 150px;
2014 }
2015
2016 #photo-edit-perms-end {
2017         margin-bottom: 15px;
2018 }
2019
2020 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
2021         float: left;
2022         margin-bottom: 25px;
2023 }
2024 #photo-edit-link-wrap {
2025         margin-bottom: 15px;
2026 }
2027 #photo-like-div {
2028         margin-bottom: 25px;
2029 }
2030
2031 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
2032         clear: both;
2033 }
2034
2035 #photo-edit-delete-button {
2036         margin-left: 200px;
2037 }
2038 #photo-edit-end {
2039         margin-bottom: 35px;
2040 }
2041 #photo-caption {
2042         font-size: 110%;
2043         font-weight: bold;
2044         margin-top: 15px;
2045         margin-bottom: 15px;
2046 }
2047
2048 #in-this-photo-text {
2049         color: #0000FF;
2050         margin-left: 30px;
2051 }
2052
2053 #in-this-photo {
2054         margin-left: 60px;
2055         margin-top: 10px;
2056         margin-bottom: 20px;
2057 }
2058
2059 #photo-album-edit-submit, #photo-album-edit-drop {
2060         margin-top: 15px;
2061         margin-bottom: 15px;
2062 }
2063
2064 #photo-album-edit-drop {
2065         margin-left: 200px;
2066 }
2067
2068 .group-delete-wrapper {
2069         float: right;
2070         margin-right: 50px;
2071 }
2072
2073 #install-dbhost-label,
2074 #install-dbuser-label,
2075 #install-dbpass-label,
2076 #install-dbdata-label,
2077 #install-tz-desc {
2078        float: left;
2079        width: 250px;
2080        margin-top: 10px;
2081        margin-bottom: 10px;
2082
2083 }
2084
2085 #install-dbhost,
2086 #install-dbuser,
2087 #install-dbpass,
2088 #install-dbdata {
2089        float: left;
2090        width: 200px;
2091        margin-left: 20px;
2092 }
2093
2094 #install-dbhost-end,
2095 #install-dbuser-end,
2096 #install-dbpass-end,
2097 #install-dbdata-end,
2098 #install-tz-end {
2099        clear: both;
2100 }
2101
2102 #install-form select#timezone_select {
2103        float: left;
2104        margin-top: 18px;
2105        margin-left: 20px;
2106 }
2107
2108 #dfrn-request-networks {
2109         margin-bottom: 30px;
2110 }
2111
2112 #pause {
2113   position: fixed;
2114   bottom: 5px;
2115   right: 5px;
2116 }
2117
2118 .sparkle {
2119         cursor: url('lock.cur'), pointer;
2120 /*      cursor: pointer !important; */
2121 }
2122
2123 .contact-block-div {
2124         float: left;
2125         width: 52px;
2126         height: 52px;
2127 }
2128 .contact-block-textdiv {
2129         float: left;
2130         width: 150px;
2131         height: 34px;
2132 }
2133
2134 #contact-block-end {
2135         clear: both;
2136 }
2137 .contact-block-link {
2138         float: left;
2139 }
2140 .contact-block-img {
2141         width:48px;
2142         height:48px;
2143 }
2144
2145 #tag-remove {
2146         margin-bottom: 15px;
2147 }
2148
2149 #tagrm li {
2150         margin-bottom: 10px;
2151 }
2152
2153 #tagrm-submit, #tagrm-cancel {
2154         margin-top: 25px;
2155 }
2156
2157 #tagrm-cancel {
2158         margin-left: 15px;
2159 }
2160
2161 .wall-item-conv {
2162         margin-top: 5px;
2163         margin-bottom: 25px;
2164 }
2165
2166 #search-submit {
2167         margin-left: 15px;
2168 }
2169
2170 #search-box {
2171         margin-bottom: 25px;
2172 }
2173
2174 .location-label, .gender-label, .marital-label, .homepage-label {
2175         float: left;
2176         text-align: right;
2177         display: block;
2178         width: 65px;
2179 }
2180
2181 .adr, .x-gender, .marital-text, .homepage-url {
2182         float: left;
2183         display: block;
2184         margin-left: 8px;
2185 }
2186
2187 .profile-clear {
2188         clear: both;
2189 }
2190
2191
2192 .clear {
2193         clear: both;
2194 }
2195
2196 .cc-license {
2197         margin-top: 50px;
2198         font-size: 70%;
2199 }
2200
2201
2202 #plugin-settings-link, #account-settings-link {
2203         margin-bottom: 10px;
2204 }
2205
2206 #uexport-link {
2207         margin-bottom: 20px;
2208 }
2209
2210 /* end from default */
2211         
2212
2213 .fn {
2214         padding: 0px 0px 5px 12px;
2215         font-size: 120%;
2216         font-weight: bold;
2217 }
2218
2219 .vcard .title {
2220         margin-bottom: 5px;
2221         margin-left: 12px;
2222 }
2223
2224 .vcard dl {
2225         clear: both;
2226 }
2227
2228 #birthday-title {
2229         float: left;
2230         font-weight: bold;      
2231 }
2232
2233 #birthday-adjust {
2234         float: left;
2235         font-size: 75%;
2236         margin-left: 10px;
2237 }
2238
2239 #birthday-title-end {
2240         clear: both;
2241 }
2242
2243 .birthday-list {
2244         margin-left: 15px;
2245 }
2246
2247 #birthday-wrapper {
2248         margin-bottom: 20px;
2249 }
2250
2251 #network-new-link {
2252         margin-top: 15px;
2253         margin-bottom: 15px;
2254 }
2255
2256
2257 .tool-wrapper {
2258   float: left;
2259   margin-left: 15px;
2260 }
2261
2262 .tool-link {
2263   cursor: pointer;
2264 }
2265
2266 .eventcal {
2267         float: left;
2268         font-size: 20px;
2269 }
2270
2271 .vevent {
2272         border: 1px solid #CCCCCC;
2273 }
2274 .vevent .event-description, .vevent .event-location {
2275         margin-left: 10px;
2276         margin-right: 10px;
2277 }
2278 .vevent .event-start {
2279         margin-left: 10px;
2280         margin-right: 10px;
2281 }
2282
2283 #new-event-link {
2284         margin-bottom: 10px;
2285 }
2286
2287 .edit-event-link, .plink-event-link {
2288         float: left;
2289         margin-top: 4px;
2290         margin-right: 4px;
2291         margin-bottom: 15px;
2292 }
2293
2294 .event-description:before {
2295         content: url('../../../images/calendar.png');
2296         margin-right: 15px;
2297 }
2298
2299 .event-start, .event-end {
2300         margin-left: 10px;
2301         width: 330px;
2302         clear: both;
2303 }
2304
2305 .event-start .dtstart, .event-end .dtend {
2306         float: right;
2307 }
2308
2309 .event-list-date {
2310         margin-bottom: 10px;
2311 }
2312
2313 .prevcal, .nextcal {
2314         float: left;
2315         margin-left: 32px;
2316         margin-right: 32px;
2317         margin-top: 64px;
2318 }
2319 .event-calendar-end {
2320         clear: both;
2321 }
2322
2323  
2324 .calendar {
2325         font-family: Courier, monospace;
2326 }
2327 .today {
2328         font-weight: bold;
2329         color: #FF0000;
2330 }
2331
2332 .settings-block {
2333         border: 1px solid #AAA;
2334         margin: 10px;
2335         padding: 10px;
2336 }
2337
2338 .app-title {
2339         margin: 10px;
2340 }
2341
2342 #identity-manage-desc {
2343         margin-top:15px;
2344         margin-bottom: 15px;
2345 }
2346
2347 #identity-manage-choose {
2348         margin-bottom: 15px;
2349 }
2350
2351 #identity-submit {
2352         margin-top: 20px;
2353 }
2354
2355 #photo-prev-link, #photo-next-link {
2356         padding: 10px;
2357         float: left;
2358 }
2359
2360 #photo-photo {
2361         float: left;
2362 }
2363
2364 #photo-photo-end {
2365         clear: both;
2366 }
2367
2368 .profile-match-photo {
2369         float: left;
2370         text-align: center;
2371         width: 120px;
2372 }
2373
2374 .profile-match-name {
2375         float: left;
2376         text-align: center;
2377         width: 120px;
2378         overflow: hidden;
2379 }
2380
2381 .profile-match-break,
2382 .profile-match-end {
2383         clear: both;
2384 }
2385
2386 .profile-match-wrapper {
2387         float: left;
2388         padding: 10px;
2389         width: 120px;
2390         height: 120px;
2391         scroll: auto;
2392 }
2393 #profile-match-wrapper-end {
2394         clear: both;
2395 }
2396 .side-link {
2397         margin-bottom: 15px;
2398 }
2399
2400 #language-selector {
2401         position: absolute;
2402         top: 0px;
2403         left: 16px;
2404 }
2405
2406 #group-members {
2407         margin-top: 20px;
2408         padding: 10px;
2409         height: 250px;
2410         overflow: auto;
2411         border: 1px solid #ddd;
2412 }
2413
2414 #group-members-end {
2415         clear: both;
2416 }
2417
2418 #group-separator {
2419         margin-top: 10px;
2420         margin-bottom: 10px;
2421 }
2422
2423 #group-all-contacts {
2424         padding: 10px;
2425         height: 450px;
2426         overflow: auto;
2427         border: 1px solid #ddd;
2428 }
2429
2430 #group-all-contacts-end {
2431         clear: both;
2432         margin-bottom: 10px;
2433 }
2434
2435 #group-edit-desc {
2436         margin-top: 15px;
2437 }
2438
2439
2440 #prof-members {
2441         margin-top: 20px;
2442         padding: 10px;
2443         height: 250px;
2444         overflow: auto;
2445         border: 1px solid #ddd;
2446 }
2447
2448 #prof-members-end {
2449         clear: both;
2450 }
2451
2452 #prof-separator {
2453         margin-top: 10px;
2454         margin-bottom: 10px;
2455 }
2456
2457 #prof-all-contacts {
2458         padding: 10px;
2459         height: 450px;
2460         overflow: auto;
2461         border: 1px solid #ddd;
2462 }
2463
2464 #prof-all-contacts-end {
2465         clear: both;
2466         margin-bottom: 10px;
2467 }
2468
2469 #prof-edit-desc {
2470         margin-top: 15px;
2471 }
2472
2473 #crepair-nick-label,
2474 #crepair-attag-label,
2475 #crepair-url-label,
2476 #crepair-request-label,
2477 #crepair-confirm-label,
2478 #crepair-notify-label,
2479 #crepair-photo-label,
2480 #crepair-poll-label {
2481         float: left;
2482         width: 200px;
2483         margin-bottom: 15px;
2484 }
2485
2486 #crepair-nick,
2487 #crepair-attag,
2488 #crepair-url,
2489 #crepair-request,
2490 #crepair-confirm,
2491 #crepair-notify,
2492 #crepair-photo,
2493 #crepair-poll {
2494         float: left;
2495         width: 300px;
2496 }
2497
2498
2499 #netsearch-box {
2500         margin-top: 20px;       
2501 }
2502
2503 #netsearch-box #search-submit {
2504         margin: 5px 0px 0px 0px;
2505 }
2506
2507 .required {
2508         color: #FF0000;
2509 }
2510
2511 #event-start-text, #event-finish-text {
2512         margin-top: 10px;
2513         margin-bottom: 5px;
2514 }
2515
2516 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
2517         float: left;
2518 }
2519 #event-datetime-break {
2520         margin-bottom: 10px;
2521 }
2522
2523 #event-nofinish-break, #event-adjust-break {
2524         clear: both;
2525 }
2526
2527 #event-desc-text, #event-location-text {
2528         margin-top: 10px;
2529         margin-bottom: 5px;
2530 }
2531 #event-submit {
2532         margin-top: 10px;
2533 }
2534
2535 .body-tag {
2536         opacity: 0.5;
2537         filter:alpha(opacity=50);
2538 }
2539
2540 .body-tag:hover {
2541         opacity: 1.0 !important;
2542         filter:alpha(opacity=100) !important;
2543 }
2544
2545 .item-select {
2546         opacity: 0.1;
2547         filter:alpha(opacity=10);
2548         float: right;
2549         margin-right: 10px;
2550
2551 }
2552 .item-select:hover, .checkeditem {
2553         opacity: 1;
2554         filter:alpha(opacity=100);
2555 }
2556
2557
2558 #item-delete-selected {
2559         margin-top: 30px;
2560 }
2561
2562 #item-delete-selected-end {
2563         clear: both;
2564 }
2565 #item-delete-selected-icon, #item-delete-selected-desc {
2566         float: left;
2567         margin-right: 5px;
2568 }
2569 #item-delete-selected-desc:hover {
2570         text-decoration: underline;
2571 }
2572
2573 #lang-select-icon {
2574         cursor: pointer;
2575         position: absolute;
2576         left: 0px;
2577         top: 0px;
2578         opacity: 0.2;
2579         filter:alpha(opacity=20);
2580 }
2581
2582 #lang-select-icon:hover {
2583         opacity: 1;
2584         filter:alpha(opacity=100);
2585 }
2586
2587 .notif-image {
2588         height: 80px;
2589         width: 80px;
2590         margin-right: 15px;
2591 }
2592 .notification-listing-end {
2593         clear: both;
2594         margin-bottom: 15px;
2595 }
2596
2597
2598
2599 /**
2600  * Plugins settings
2601  */
2602
2603 .settings-block > h3,
2604 .settings-heading {
2605         border-bottom: 1px solid #babdb6;
2606 }
2607  
2608
2609 /**
2610  * Form fields
2611  */
2612 .field {
2613         margin-bottom: 10px;
2614         padding-bottom: 10px;
2615         overflow: auto;
2616         width: 100%
2617 }
2618
2619 .field label {
2620         float: left;
2621         width: 200px;
2622 }
2623
2624 .field input,
2625 .field textarea {
2626         width: 400px;
2627 }
2628 .field textarea { height: 100px; }
2629 .field_help {
2630         display: block;
2631         margin-left: 200px;
2632         color: #666666;
2633         
2634 }
2635
2636
2637 .field .onoff {
2638         float: left;
2639         width: 80px;
2640 }
2641 .field .onoff a {
2642         display: block;
2643         border:1px solid #666666;
2644         background-image:url("../../../images/onoff.jpg");
2645         background-repeat: no-repeat;
2646         padding: 4px 2px 2px 2px;
2647         height: 16px;
2648         text-decoration: none;
2649 }
2650 .field .onoff .off {
2651         border-color:#666666;
2652         padding-left: 40px;
2653         background-position: left center;
2654         background-color: #cccccc;
2655         color: #666666;
2656         text-align: right;
2657 }
2658 .field .onoff .on {
2659         border-color:#204A87;
2660         padding-right: 40px;
2661         background-position: right center;
2662         background-color: #D7E3F1;
2663         color: #204A87;
2664         text-align: left;
2665 }
2666 .hidden { display: none!important; }
2667
2668 .field.radio .field_help { margin-left: 0px; }
2669
2670 /**
2671  * ADMIN
2672  */
2673 #pending-update {
2674         float:right;
2675         color: #ffffff;
2676         font-weight: bold;
2677         background-color: #FF0000;
2678         padding: 0em 0.3em;
2679         
2680 }
2681 #adminpage dl {
2682         clear: left;
2683         margin-bottom: 2px;
2684         padding-bottom: 2px;
2685         border-bottom: 1px solid black;
2686 }
2687 #adminpage dt {
2688         width: 200px;
2689         float: left;
2690         font-weight: bold;
2691 }
2692 #adminpage dd {
2693         margin-left: 200px;
2694 }
2695
2696 #adminpage h3 {
2697         border-bottom: 1px solid #cccccc;
2698 }
2699 #adminpage .field label {
2700         font-weight: bold;
2701 }
2702 #adminpage .submit {
2703         clear:left;
2704         text-align: right;
2705 }
2706
2707 #adminpage #pluginslist {
2708         margin: 0px; padding: 0px;
2709 }
2710 #adminpage .plugin {
2711         list-style: none;
2712         display: block;
2713         border: 1px solid #888888;
2714         padding: 1em;
2715         margin-bottom: 5px;
2716         clear: left;
2717 }
2718 #adminpage .plugin .desc { margin-left: 2.5em;}
2719 #adminpage .toggleplugin {
2720         float:left;
2721         margin-right: 1em;
2722 }
2723
2724 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
2725 #adminpage table th { text-align: left;}
2726 #adminpage td .icon { float: left;}
2727 #adminpage table#users img { width: 16px; height: 16px; }
2728 #adminpage table tr:hover { background-color: #bbc7d7; }
2729 #adminpage .selectall { text-align: right; }
2730
2731 /*
2732  * UPDATE
2733  */
2734 .popup {        
2735         width: 100%; height: 100%;
2736         top:0px; left:0px;
2737         position: absolute;
2738         display: none;
2739 }
2740
2741 .popup .background {
2742         background-color: rgba(0,0,0,128);
2743         opacity: 0.5;
2744         width: 100%; height: 100%;
2745         position: absolute;
2746         top:0px; left:0px;
2747 }
2748 .popup .panel {
2749         top:25%;left:25%;width:50%;height:50%;
2750         padding: 1em;
2751         position: absolute;
2752         border: 4px solid #000000;
2753         background-color: #FFFFFF;
2754 }
2755 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; } 
2756 .popup .panel .panel_in { width: 100%; height: 100%;    position: relative; }
2757 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
2758 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
2759 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
2760
2761 /**
2762  * OAuth
2763  */
2764 .oauthapp {
2765         height: auto; overflow: auto;
2766         border-bottom: 2px solid #cccccc;
2767         padding-bottom: 1em;
2768         margin-bottom: 1em;     
2769 }
2770 .oauthapp img {
2771         float: left;
2772         width: 48px; height: 48px;
2773         margin: 10px;
2774 }
2775 .oauthapp img.noicon {
2776         background-image: url("../../../images/icons/48/plugin.png");
2777         background-position: center center;
2778         background-repeat: no-repeat;
2779 }
2780 .oauthapp a {
2781         float: left;
2782 }
2783
2784 /**
2785  * ICONS
2786  */
2787 .iconspacer {
2788         display: block; width: 16px; height: 16px;
2789 }
2790
2791 .icon {
2792         display: block; width: 16px; height: 16px;
2793         background-image: url('../../../images/icons.png');
2794 }
2795 .article { background-position: 0px 0px;}
2796 .audio { background-position: -16px 0px;}
2797 .block { background-position: -32px 0px;}
2798 .drop { background-position: -48px 0px;}
2799 .drophide { background-position: -64px 0px;}
2800 .edit { background-position: -80px 0px;}
2801 .camera { background-position: -96px 0px;}
2802 .dislike { background-position: -112px 0px;}
2803 .like { background-position: -128px 0px;}
2804 .link { background-position: -144px 0px;}
2805
2806 .globe { background-position: 0px -16px;}
2807 .noglobe { background-position: -16px -16px;}
2808 .no { background-position: -32px -16px;}
2809 .pause { background-position: -48px -16px;}
2810 .play { background-position: -64px -16px;}
2811 .pencil { background-position: -80px -16px;}
2812 .small-pencil { background-position: -96px -16px;}
2813 .recycle { background-position: -112px -16px;}
2814 .remote-link { background-position: -128px -16px;}
2815 .share { background-position: -144px -16px;}
2816
2817 .tools { background-position: 0px -32px;}
2818 .lock { background-position: -16px -32px;}
2819 .unlock { background-position: -32px -32px;}
2820 .video { background-position: -48px -32px;}
2821 .youtube { background-position: -64px -32px;}
2822 .attach { background-position: -80px -32px; }
2823 .language { background-position: -96px -32px; }
2824 .prev { background-position: -112px -32px; }
2825 .next { background-position: -128px -32px; }
2826 .on { background-position: -144px -32px; }
2827
2828 .off { background-position: 0px -48px; }
2829 .starred { background-position: -16px -48px; }
2830 .unstarred { background-position: -32px -48px; }
2831 .tagged { background-position: -48px -48px; }
2832
2833
2834 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
2835
2836 .attachtype {
2837         display: block; width: 20px; height: 23px;
2838         float: left;
2839         background-image: url('../../../images/content-types.png');
2840 }
2841
2842 .body-attach {
2843         margin-top: 10px;
2844 }
2845
2846 .type-video { background-position: 0px 0px; }
2847 .type-image { background-position: -20px 0px; }
2848 .type-audio { background-position: -40px 0px; }
2849 .type-text  { background-position: -60px 0px; }
2850 .type-unkn  { background-position: -80px 0px; }
2851
2852
2853 /* autocomplete popup */
2854 .acpopup {
2855         max-height:150px;
2856         background-color:#ffffff;
2857         overflow:auto;
2858         z-index:100000;
2859         border:1px solid #cccccc;
2860 }
2861 .acpopupitem {
2862         background-color:#ffffff; padding: 4px;
2863         clear:left;
2864 }
2865 .acpopupitem img {
2866         float: left;
2867         margin-right: 4px;
2868 }
2869
2870 .acpopupitem.selected {
2871         color: #FFFFFF; background: #3465A4;
2872 }
2873
2874 /* popup notifications */
2875 div.jGrowl div.notice {
2876   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
2877   color: #ffffff;
2878   padding-left: 58px;
2879 }
2880 div.jGrowl div.info {
2881   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
2882   color: #ffffff;
2883   padding-left: 58px;
2884 }