]> git.mxchange.org Git - friendica.git/blob - view/theme/frost-mobile/style.css
Revert "Merge pull request #2223 from rabuzarus/2912_photo_widget"
[friendica.git] / view / theme / frost-mobile / style.css
1 /**\r
2  * duepuntozero Frindika style\r
3  * Fabio Comuni <fabrix.xm@gmail.com>\r
4  *\r
5  * Heavily modified for Frost Mobile\r
6  * Zach P\r
7  */\r
8 \r
9 \r
10 /* generals */\r
11 html {\r
12 /*      width: 320px;*/\r
13         margin-left: auto;\r
14         margin-right: auto;\r
15 /*      overflow-x:hidden;*/\r
16 }\r
17 \r
18 body {\r
19         font-family: helvetica,arial,freesans,clean,sans-serif;\r
20         font-size: 16px;\r
21 /*      line-height: 24px;*/\r
22         background-color: #ffffff;\r
23         background-image: url(head.jpg);\r
24         background-repeat: repeat-x;\r
25         color: #505050;\r
26         margin: 0px;\r
27         overflow-x:hidden;\r
28 }\r
29 \r
30 div.container {\r
31         display: block;\r
32 /*      width: 100%;*/\r
33         margin-top: 0px;\r
34         margin-bottom: 0px;\r
35         margin-left: auto;\r
36         margin-right: auto;\r
37         overflow-x:hidden;\r
38 }\r
39 \r
40 a, a:visited, a:link { color: #3465a4; text-decoration: none; }\r
41 a:hover {text-decoration: underline; }\r
42 \r
43 input {\r
44         border: 1px solid #666666;\r
45         -moz-border-radius: 3px;\r
46         -webkit-border-radius: 3px;\r
47         border-radius: 3px;\r
48         padding: 3px;\r
49 }\r
50 \r
51 img { border :0px; }\r
52 \r
53 #id_openid_url, .openid input {\r
54    background: url(login-bg.gif) no-repeat;\r
55    background-position: 0 50%;\r
56    padding-left: 18px;\r
57    width: 212px;\r
58    margin-left: 20px;\r
59 }\r
60 .openid:hover {\r
61 \r
62 }\r
63 \r
64 /*#id_openid_url {\r
65         width: 384px;\r
66 }*/\r
67 \r
68 /*code {\r
69         font-family: Courier, monospace;\r
70         white-space: pre;\r
71         display: block;\r
72         overflow: auto;\r
73         border: 1px solid #444;\r
74         background: #EEE;\r
75         color: #444;\r
76         padding: 10px;\r
77         margin-top: 20px;\r
78 }\r
79 \r
80 blockquote {\r
81         background-color: #f4f8f9;\r
82         border-left: 4px solid #dae4ee;\r
83         padding: 0.4em;\r
84         margin-left: 20px;\r
85         margin-right: 0px;\r
86         width: 260px;\r
87         overflow: hidden;\r
88 }*/\r
89 \r
90 code {\r
91         font-family: Courier, monospace;\r
92         white-space: pre;\r
93         display: block;\r
94         overflow: auto;\r
95         border: 1px solid #444;\r
96         background: #EEE;\r
97         color: #444;\r
98         padding: 10px;\r
99         margin-top: 20px;\r
100 }\r
101 \r
102 blockquote {\r
103         background-color: #f4f8f9;\r
104         border-left: 4px solid #dae4ee;\r
105         padding: 0.4em;\r
106 }\r
107 \r
108 .icollapse-wrapper, .ccollapse-wrapper {\r
109         border: 1px solid #CCC;\r
110         padding: 5px;\r
111 }\r
112 \r
113 .hide-comments-outer {\r
114         margin-left: 0px;\r
115         font-weight: 700;\r
116         opacity: 0.6;\r
117 }\r
118 .hide-comments {\r
119         margin-left: 5px;\r
120 }\r
121 \r
122 #panel {\r
123         position: absolute;\r
124         z-index: 2;\r
125         padding: 25px;\r
126         margin-right: 10px;\r
127 \r
128         /*background-color: ivory;\r
129         border: 1px solid #444;*/\r
130 \r
131         border-radius: 7px;\r
132         background-color: #222;\r
133         color: #eee;\r
134 }\r
135 \r
136 .heart {\r
137         color: #FF0000;\r
138         font-size: 100%;\r
139         margin-right: 5px;\r
140 }\r
141 \r
142 \r
143 \r
144 /* nav */\r
145 nav {\r
146         height: 60px;\r
147 /*      width: 100%;*/\r
148         width: 320px;\r
149         display: block;\r
150         margin-top: 0px;\r
151         margin-bottom: 0px;\r
152         margin-left: auto;\r
153         margin-right: auto;\r
154 }\r
155 nav #site-location {\r
156         color: #888a85;\r
157         font-size: 0.8em;\r
158         position: absolute;\r
159 }\r
160 \r
161 .error-message {\r
162         color: #FF0000;\r
163         font-size: 1.1em;\r
164         border: 1px solid #FF8888;\r
165         background-color: #FFEEEE;\r
166         padding: 10px;\r
167 }\r
168 \r
169 .info-message {\r
170         color: #204a87;\r
171         font-size: 1.1em;\r
172         border: 1px solid #3465a4;\r
173         background-color: #d7e3f1;\r
174         padding: 10px;\r
175 }\r
176 \r
177 \r
178 nav #banner {\r
179 /*      display: block;*/\r
180         display: none;\r
181         margin-top: 14px;\r
182         position: absolute;\r
183 }\r
184 nav #banner #logo-text a {\r
185         display: none;\r
186         font-size: 40px;\r
187         font-weight: bold;\r
188         margin-left: 3px;\r
189         color: #000000;\r
190 \r
191 }\r
192 nav #banner #logo-text a:hover { text-decoration: none; }\r
193 \r
194 \r
195 /* ZP REMOVE? nav-commlink */\r
196 .nav-commlink, .nav-login-link {\r
197         display: block;\r
198         height: 15px;\r
199         margin-top: 67px;\r
200         margin-right: 2px;\r
201         /*padding: 6px 10px;*/\r
202         padding: 6px 3px;\r
203         float: left;\r
204         bottom: 140px;\r
205         border: 1px solid #babdb6;\r
206         border-bottom: 0px;\r
207         background-color: #aec0d3;\r
208         color: #565854;\r
209         -moz-border-radius: 3px 3px 0px 0px;\r
210         -webkit-border-radius: 3px 3px 0px 0px;\r
211         border-radius: 3px 3px 0px 0px;\r
212 }\r
213 \r
214 .nav-commlink.selected {\r
215         background-color: #ffffff;\r
216         border-bottom: 1px solid #ffffff;\r
217         color: #000000 !important;\r
218         margin-top: 64px;\r
219         padding-top: 6px;\r
220         padding-bottom: 8px;\r
221 }\r
222 \r
223 .nav-ajax-left.show {\r
224         position: absolute;\r
225         font-size: 0.8em;\r
226         top: 22px;\r
227         right: 2px;\r
228         padding: 1px 2px;\r
229         border-radius: 4px;\r
230         -moz-border-radius: 4px;\r
231         -webkit-border-radius: 4px;\r
232         background-color: gold !important;\r
233 }\r
234 \r
235 \r
236 \r
237 nav #nav-link-wrapper .nav-link {\r
238         /*border-right: 1px solid #babdb6;*/\r
239 }\r
240 \r
241 nav .nav-link {\r
242         margin-top: 16px;\r
243         margin-bottom: 0.2em;\r
244         margin-right: 1em;\r
245         margin-left: 1em;\r
246         background-color: transparent !important;\r
247 }\r
248 \r
249 .nav-button-container {\r
250         float: right;\r
251         position: relative;\r
252 }\r
253 \r
254 .nav-button-container .nav-ajax-left {\r
255 }\r
256 \r
257 .nav-menu-list {\r
258         text-align: center;\r
259         text-size: 18px;\r
260         line-height: 24px;\r
261 \r
262         border-left: 1px solid #aaa;/*#444444;*/\r
263         border-right: 1px solid #aaa;\r
264         border-top: 1px solid #aaa;\r
265         border-bottom: 1px solid #aaa;\r
266 \r
267         background: #FFFFFF;\r
268 \r
269         display: none;\r
270         list-style: none;\r
271 \r
272         width: 8em;\r
273         position: absolute;\r
274         margin: 0px;\r
275 /*      right: -33px;*/\r
276         padding: 1em 0px;\r
277 \r
278         -moz-box-shadow: 3px 3px 5px #555;\r
279         -webkit-box-shadow: 3px 3px 5px #555;\r
280         box-shadow: 3px 3px 5px #555;\r
281 \r
282         z-index: 100;\r
283 }\r
284 \r
285 #network-menu-list {\r
286         width: 9em;\r
287         left: 3px;\r
288 }\r
289 \r
290 #contacts-menu-list {\r
291         right: -30px;\r
292 }\r
293 \r
294 #system-menu-list {\r
295         right: 3px;\r
296 }\r
297 \r
298 \r
299 div.main-container {\r
300 /*      width: 100%;*/\r
301         margin: 0px auto;\r
302         display: block;\r
303         position: relative;\r
304 }\r
305 \r
306 /*div.main-content-loading {\r
307         position: absolute;\r
308         top: 200px;\r
309         left: 50%;\r
310         display: none;\r
311 }*/\r
312 \r
313 \r
314 /* aside */\r
315 /*aside {\r
316         display: block;\r
317         min-height: 112px;\r
318 \r
319         width: 250px;\r
320 \r
321         padding: 1em;\r
322         margin: 1em 0px 0px 0px;\r
323 \r
324         position: absolute;\r
325 }*/\r
326 \r
327 #dfrn-request-link {\r
328         display: block;\r
329         color: #FFFFFF;\r
330         -webkit-border-radius: 5px ;\r
331         -moz-border-radius: 5px;\r
332         border-radius: 5px;\r
333         padding: 5px;\r
334         font-weight: bold;\r
335         background: #3465a4 url('friendica-16.png') no-repeat 95% center;\r
336 }\r
337 #wallmessage-link {\r
338         display: block;\r
339         color: #FFFFFF;\r
340         -webkit-border-radius: 5px ;\r
341         -moz-border-radius: 5px;\r
342         border-radius: 5px;\r
343         padding: 5px;\r
344         font-weight: bold;\r
345         background-color: #3465a4;\r
346 }\r
347 \r
348 /* section */\r
349 div.section-wrapper {\r
350 /*      width: 100%;*/\r
351 /*      width: 320px;\r
352 \r
353         margin-left: auto;\r
354         margin-right: auto;*/\r
355         margin-left: 0px;\r
356 \r
357         /*padding-right:2em;*/\r
358 \r
359         display: block;\r
360 \r
361         background-color: #ffffff;\r
362         background-image: url(border.jpg);\r
363         background-position: top right;\r
364         background-repeat: no-repeat;\r
365 }\r
366 \r
367 section {\r
368         margin: 0px 0px 0px 0px;\r
369 \r
370         padding-left: 5px;\r
371         padding-right: 5px;\r
372         padding-top: 1em;\r
373         padding-bottom: 3em;\r
374 \r
375         background-image: url(border.jpg);\r
376         background-position: top left;\r
377         background-repeat: no-repeat;\r
378 \r
379         min-height: 112px;\r
380         border-top: 1px solid #babdb6;\r
381         overflow-x:hidden;\r
382 }\r
383 \r
384 .tabs {\r
385         /*background-image: url(head.jpg);\r
386         background-repeat: repeat-x;\r
387         background-position: 0px -20px;*/\r
388         border-bottom: 1px solid #babdb6;\r
389         padding:0px;\r
390 }\r
391 .tabs.links-widget {\r
392         border: none;\r
393 }\r
394 .tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }\r
395 .tabs a {\r
396         padding: 0.4em 2em;\r
397         border: 1px solid #aaa;\r
398         border-radius: 8px;\r
399         -moz-border-radius: 8px;\r
400         -webkit-border-radius: 8px;\r
401 }\r
402 .tab {\r
403         /*display:block;*/\r
404         float:left;\r
405         padding-left: 1em;\r
406         padding-right: 0.4em;\r
407         padding-top: 0.4em;\r
408         padding-bottom: 0.4em;\r
409         margin-right: 0.5em;\r
410         margin-bottom: 0.4em;\r
411 }\r
412 .tab.active {\r
413         font-weight: bold;\r
414 \r
415 }\r
416 #events-tab {\r
417         display: none;\r
418 }\r
419 #tabs-end {\r
420         padding-top: 0.3em;\r
421         clear: both;\r
422 }\r
423 \r
424 /* Contact-Header for the Network Stream */\r
425 #viewcontact_wrapper-network {\r
426         width: 100%;\r
427         min-height: 100px;\r
428         background-color: #FAFAFA;\r
429         border: 1px solid #DDDDDD;\r
430         border-radius: 5px;\r
431 }\r
432 #contact-entry-wrapper-network {\r
433         float: none;\r
434         width: auto;\r
435         height: auto;\r
436         padding: 10px;\r
437         margin: 0;\r
438 }\r
439 #contact-entry-accounttype-network {\r
440         font-size: 0.9em;\r
441 }\r
442 #contact-entry-name-network {\r
443         font-size: 1.5em;\r
444 }\r
445 \r
446 /* footer */\r
447 footer {\r
448         text-align: center;\r
449         padding-bottom: 1em;\r
450 }\r
451 \r
452 .birthday-today, .event-today {\r
453         font-weight: bold;\r
454 }\r
455 \r
456 .preview {\r
457         background: #FFFFC8;\r
458 }\r
459 \r
460 #theme-preview {\r
461         margin: 15px 0 15px 15px;\r
462 }\r
463 #theme-version {\r
464         display: block;\r
465         font-weight: bold;\r
466 }\r
467 #theme-credits {\r
468         margin-top: 15px;\r
469         margin-bottom: 15px;\r
470 }\r
471 \r
472 /* from default */\r
473 #jot-perms-icon,\r
474 #profile-location,\r
475 #profile-nolocation,\r
476 #profile-youtube,\r
477 #profile-video,\r
478 #profile-audio,\r
479 #profile-link,\r
480 #profile-title,\r
481 #wall-image-upload,\r
482 #wall-file-upload,\r
483 #profile-upload-wrapper,\r
484 #wall-image-upload-div,\r
485 #wall-file-upload-div,\r
486 .hover, .focus {\r
487         cursor: pointer;\r
488 }\r
489 \r
490 #jot-perms-icon {\r
491         float: left;\r
492 }\r
493 \r
494 #jot-title, #jot-category {\r
495         border: 0px;\r
496         margin: 0px;\r
497         height: 20px;\r
498         width: 270px;\r
499         margin-bottom: 5px;\r
500         font-weight: bold;\r
501         border: 1px solid #ffffff;\r
502 }\r
503 \r
504 /*#jot-title::-webkit-input-placeholder{font-weight: normal;}\r
505 #jot-category::-webkit-input-placeholder{font-weight: normal;}\r
506 #jot-title:-moz-placeholder{font-weight: normal;}\r
507 #jot-category:-moz-placeholder{font-weight: normal;}*/\r
508 \r
509 \r
510 #jot-title:hover,\r
511 #jot-title:focus,\r
512 #jot-category:hover,\r
513 #jot-category:focus {\r
514         border: 1px solid #cccccc;\r
515 }\r
516 \r
517 .jothidden { display:none; }\r
518 \r
519 \r
520 .fakelink, .fakelink:visited, .fakelink:link {\r
521         color: #3465a4;\r
522         text-decoration: none;\r
523         cursor: pointer;\r
524         margin-top: 15px;\r
525         margin-bottom: 15px;\r
526 }\r
527 .lockview {\r
528         cursor: pointer;\r
529 }\r
530 \r
531 #group-sidebar {\r
532         margin-bottom: 10px;\r
533 }\r
534 \r
535 .group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected {\r
536         padding: 3px;\r
537         -moz-border-radius: 3px;\r
538         -webkit-border-radius: 3px;\r
539         border-radius: 3px;\r
540         border: 1px solid #CCCCCC;\r
541         background: #F8F8F8;\r
542         font-weight: bold;\r
543 }\r
544 \r
545 .settings-widget .selected {\r
546 /*      padding: 3px;\r
547         -moz-border-radius: 3px;\r
548         -webkit-border-radius: 3px;\r
549         border-radius: 3px;\r
550         border: 1px solid #CCCCCC;*/\r
551         background: #F8F8F8;\r
552         font-weight: bold;\r
553 }\r
554 \r
555 .fakelink:hover {\r
556         color: #3465a4;\r
557         text-decoration: underline;\r
558         cursor: pointer;\r
559 }\r
560 .smalltext {\r
561         font-size: 0.7em;\r
562 }\r
563 #sysmsg {\r
564         /*width: 600px;*/\r
565         margin-bottom: 10px;\r
566 }\r
567 \r
568 #register-fill-ext {\r
569         margin-bottom: 25px;\r
570 }\r
571 \r
572 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {\r
573         float: left;\r
574         width: 350px;\r
575         margin-top: 10px;\r
576 }\r
577 \r
578 #register-name, #register-email, #register-nickname {\r
579         float: left;\r
580         margin-top: 10px;\r
581         width: 150px;\r
582 }\r
583 \r
584 #register-openid {\r
585         float: left;\r
586         margin-top: 10px;\r
587         width: 130px;\r
588 }\r
589 \r
590 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {\r
591         clear: both;\r
592 }\r
593 \r
594 #register-nickname-desc {\r
595         margin-top: 30px;\r
596         width: 650px;\r
597 }\r
598 #register-sitename {\r
599         float: left;\r
600         margin-top: 10px;\r
601 }\r
602 \r
603 #register-submit-button {\r
604         margin-top: 10px;\r
605 }\r
606 \r
607 /*\r
608 #login_standard {\r
609         width: 210px;\r
610         float: left;\r
611 }\r
612 #login_openid {\r
613         width: 210px;\r
614         margin-left: 250px;\r
615 }\r
616 \r
617 #login_standard input,\r
618 #login_openid input {\r
619         width: 180px;\r
620 }\r
621 \r
622 #login-extra-links {\r
623         clear: both;\r
624 }\r
625 \r
626 #register-link, #lost-password-link {\r
627         float: left;\r
628         font-size: 80%;\r
629         margin-right: 15px;\r
630 }\r
631 \r
632 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {\r
633         height: 50px;\r
634 }\r
635 \r
636 #login-submit-button {\r
637         margin-top: 10px;\r
638         margin-left: 200px;\r
639 }*/\r
640 \r
641 \r
642 input#dfrn-url {\r
643         float: left;\r
644         background: url(friendica-16.png) no-repeat;\r
645         background-position: 2px center;\r
646         font-size: 17px;\r
647         padding-left: 21px;\r
648         height: 21px;\r
649         background-color: #FFFFFF;\r
650         color: #000000;\r
651         margin-bottom: 20px;\r
652         max-width: 90%;\r
653 }\r
654 \r
655 #dfrn-url-label {\r
656         float: left;\r
657         width: 250px;\r
658 }\r
659 \r
660 #dfrn-request-url-end {\r
661         clear: both;\r
662 }\r
663 \r
664 #knowyouyes, #knowyouno {\r
665         float: left;\r
666 }\r
667 \r
668 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {\r
669 \r
670         float: none;\r
671 }\r
672 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {\r
673         float: left;\r
674         width: 75px;\r
675         margin-left: 50px;\r
676         margin-bottom: 7px;\r
677 }\r
678 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {\r
679         clear: both;\r
680 \r
681 }\r
682 \r
683 #dfrn-request-message-wrapper {\r
684         margin-bottom: 50px;\r
685 }\r
686 #dfrn-request-message-wrapper textarea {\r
687         max-width: 90%;\r
688 }\r
689 #dfrn-request-submit-wrapper {\r
690         clear: both;\r
691         /*margin-left: 50px;*/\r
692 }\r
693 #dfrn-request-submit-wrapper input {\r
694         font-size: 18px;\r
695         padding: 5px 10px;\r
696 }\r
697 \r
698 #dfrn-request-info-wrapper {\r
699         margin-left: 50px;\r
700 }\r
701 \r
702 \r
703 \r
704 #cropimage-wrapper, #cropimage-preview-wrapper {\r
705         float: left;\r
706         padding: 10px;\r
707 }\r
708 .imgCrop {\r
709         max-width: 280px;\r
710 }\r
711 #crop-image-form {\r
712         margin-top: 30px;\r
713         clear: both;\r
714 }\r
715 \r
716 .intro-wrapper {\r
717         margin-top: 20px;\r
718 }\r
719 \r
720 .intro-fullname {\r
721         font-size: 1.1em;\r
722         font-weight: bold;\r
723 \r
724 }\r
725 .intro-desc {\r
726         margin-bottom: 20px;\r
727         font-weight: bold;\r
728 }\r
729 \r
730 .intro-note {\r
731         padding: 10px;\r
732 }\r
733 \r
734 .intro-end {\r
735         padding: 30px;\r
736 }\r
737 \r
738 .intro-form {\r
739         float: left;\r
740 }\r
741 .intro-approve-form {\r
742         clear: both;\r
743 }\r
744 .intro-approve-as-friend-end {\r
745         clear: both;\r
746 }\r
747 .intro-submit-approve, .intro-submit-ignore {\r
748         margin-right: 20px;\r
749 }\r
750 .intro-submit-approve {\r
751         margin-top: 15px;\r
752 }\r
753 \r
754 .intro-approve-as-friend-label, .intro-approve-as-fan-label {\r
755         float: left;\r
756         width: 100px;\r
757         margin-left: 20px;\r
758 }\r
759 .intro-approve-as-friend, .intro-approve-as-fan {\r
760         float: left;\r
761 }\r
762 .intro-form-end {\r
763         clear: both;\r
764 }\r
765 .intro-approve-as-friend-desc {\r
766         margin-top: 15px;\r
767 }\r
768 .intro-approve-as-end {\r
769         clear: both;\r
770         margin-bottom: 10px;\r
771 }\r
772 \r
773 .intro-end {\r
774         clear: both;\r
775         margin-bottom: 30px;\r
776 }\r
777 .aprofile dt {\r
778         font-weight: bold;\r
779 }\r
780 #page-profile .title {\r
781         font-weight: bold;\r
782 }\r
783 #profile-vcard-break {\r
784         clear: both;\r
785 }\r
786 #profile-extra-links {\r
787         clear: both;\r
788         margin-top: 10px;\r
789 }\r
790 \r
791 #profile-extra-links ul {\r
792         list-style-type: none;\r
793         padding: 0px;\r
794 }\r
795 \r
796 \r
797 #profile-extra-links li {\r
798         margin-top: 5px;\r
799         max-width: 300px;\r
800         margin-left: auto;\r
801         margin-right: auto;\r
802 }\r
803 \r
804 #profile-edit-links ul {\r
805         list-style-type: none;\r
806 }\r
807 \r
808 #profile-edit-links li {\r
809         margin-top: 10px;\r
810 }\r
811 .profile-edit-side-div {\r
812         float: right;\r
813 }\r
814 .profile-edit-side-link {\r
815         opacity: 0.3;\r
816         filter:alpha(opacity=30);\r
817 }\r
818 .profile-edit-side-link:hover {\r
819         opacity: 1.0;\r
820         filter:alpha(opacity=100);\r
821 }\r
822 \r
823 .view-contact-wrapper {\r
824         margin-top: 20px;\r
825         float: left;\r
826         margin-left: 20px;\r
827         width: 180px;\r
828 }\r
829 \r
830 .contact-wrapper {\r
831         float: left;\r
832         width: 150px;\r
833         height: 150px;\r
834         overflow: auto;\r
835 }\r
836 \r
837 #view-contact-end {\r
838         clear: both;\r
839 }\r
840 \r
841 \r
842 #viewcontacts {\r
843         margin-top: 15px;\r
844 }\r
845 #profile-edit-default-desc {\r
846         color: #FF0000;\r
847         border: 1px solid #FF8888;\r
848         background-color: #FFEEEE;\r
849         padding: 7px;\r
850 }\r
851 \r
852 #profile-edit-clone-link-wrapper {\r
853         float: left;\r
854         margin-left: 50px;\r
855         margin-bottom: 20px;\r
856         width: 300px;\r
857 }\r
858 \r
859 \r
860 #profile-edit-links-end {\r
861         clear: both;\r
862         margin-bottom: 15px;\r
863 }\r
864 \r
865 .profile-listing-photo {\r
866         border: none;\r
867 }\r
868 \r
869 .profile-edit-submit-wrapper {\r
870         margin-top: 20px;\r
871         margin-bottom: 20px;\r
872 }\r
873 \r
874 #profile-photo-link-select-wrapper {\r
875         margin-top: 2em;\r
876 }\r
877 \r
878 #profile-photo-submit-wrapper {\r
879         margin-top: 10px;\r
880 }\r
881 \r
882 #profile-photo-wrapper img {\r
883         width:175px;\r
884         height:175px;\r
885         padding: 12px;\r
886 }\r
887 \r
888 #profile-edit-profile-name-label,\r
889 #profile-edit-name-label,\r
890 #profile-edit-pdesc-label,\r
891 #profile-edit-gender-label,\r
892 #profile-edit-dob-label,\r
893 #profile-edit-address-label,\r
894 #profile-edit-locality-label,\r
895 #profile-edit-region-label,\r
896 #profile-edit-postal-code-label,\r
897 #profile-edit-country-name-label,\r
898 #profile-edit-marital-label,\r
899 #profile-edit-sexual-label,\r
900 #profile-edit-politic-label,\r
901 #profile-edit-religion-label,\r
902 #profile-edit-pubkeywords-label,\r
903 #profile-edit-prvkeywords-label,\r
904 #profile-edit-homepage-label,\r
905 #profile-edit-hometown-label {\r
906         font-weight: 700;\r
907         float: left;\r
908         width: 175px;\r
909 }\r
910 \r
911 #profile-edit-profile-name,\r
912 #profile-edit-name,\r
913 #profile-edit-pdesc,\r
914 #gender-select,\r
915 #profile-edit-dob,\r
916 #profile-edit-address,\r
917 #profile-edit-locality,\r
918 #profile-edit-region,\r
919 #profile-edit-postal-code,\r
920 #profile-edit-country-name,\r
921 #marital-select,\r
922 #sexual-select,\r
923 #profile-edit-politic,\r
924 #profile-edit-religion,\r
925 #profile-edit-pubkeywords,\r
926 #profile-edit-prvkeywords,\r
927 #profile-in-dir-yes,\r
928 #profile-in-dir-no,\r
929 #profile-in-netdir-yes,\r
930 #profile-in-netdir-no,\r
931 #hide-wall-yes,\r
932 #hide-wall-no,\r
933 #hide-friends-yes,\r
934 #hide-friends-no {\r
935         float: left;\r
936         margin-bottom: 20px;\r
937         margin-left: 20px;\r
938 }\r
939 #profile-edit-country-name {\r
940         max-width: 260px;\r
941 }\r
942 #profile-edit-pubkeywords,\r
943 #profile-edit-prvkeywords {\r
944         margin-bottom: 5px;\r
945 }\r
946 #settings-normal,\r
947 #settings-soapbox,\r
948 #settings-freelove,\r
949 #settings-community {\r
950         float: left;\r
951 }\r
952 #settings-notifications label {\r
953         margin-left: 20px;\r
954 }\r
955 #settings-notify-desc, #settings-activity-desc {\r
956         font-weight: bold;\r
957         margin-bottom: 15px;\r
958 }\r
959 #settings-pagetype-desc {\r
960         color: #666666;\r
961         margin-bottom: 15px;\r
962 }\r
963 \r
964 #profile-in-dir-yes-label,\r
965 #profile-in-dir-no-label,\r
966 #profile-in-netdir-yes-label,\r
967 #profile-in-netdir-no-label,\r
968 #hide-wall-yes-label,\r
969 #hide-wall-no-label,\r
970 #hide-friends-yes-label,\r
971 #hide-friends-no-label {\r
972         margin-left: 125px;\r
973         float: left;\r
974         width: 50px;\r
975 }\r
976 \r
977 \r
978 #profile-edit-howlong-label,\r
979 #profile-edit-with-label {\r
980         display: block;\r
981         font-style: italic;\r
982         width: 175px;\r
983         margin-left: 0px;\r
984 }\r
985 #profile-edit-howlong,\r
986 #profile-edit-with {\r
987         margin-left: 20px;\r
988         margin-bottom: 20px;\r
989 }\r
990 \r
991 \r
992 \r
993 #profile-publish-yes-reg,\r
994 #profile-publish-no-reg {\r
995         float: left;\r
996         margin-bottom: 10px;\r
997 }\r
998 \r
999 #profile-publish-yes-label-reg,\r
1000 #profile-publish-no-label-reg {\r
1001         margin-left: 350px;\r
1002         float: left;\r
1003         width: 50px;\r
1004 }\r
1005 \r
1006 #profile-publish-break-reg,\r
1007 #profile-publish-end-reg {\r
1008         clear: both;\r
1009 }\r
1010 \r
1011 \r
1012 #profile-edit-pdesc-desc,\r
1013 #profile-edit-pubkeywords-desc,\r
1014 #profile-edit-prvkeywords-desc  {\r
1015         float: left;\r
1016         color: #777;\r
1017         margin-left: 20px;\r
1018         margin-bottom: 20px;\r
1019 }\r
1020 #profile-edit-prvkeywords-desc {\r
1021         margin-bottom: 0px;\r
1022 }\r
1023 \r
1024 #profile-edit-homepage, #profile-edit-hometown {\r
1025         float: left;\r
1026         margin-bottom: 25px;\r
1027         margin-left: 20px;\r
1028 }\r
1029 #profile-edit-hometown {\r
1030         margin-bottom: 5px;\r
1031 }\r
1032 #settings-normal-label,\r
1033 #settings-soapbox-label,\r
1034 #settings-community-label,\r
1035 #settings-freelove-label {\r
1036         float: left;\r
1037         width: 200px;\r
1038 }\r
1039 #settings-normal-desc,\r
1040 #settings-soapbox-desc,\r
1041 #settings-community-desc,\r
1042 #settings-freelove-desc {\r
1043         /*float: left;\r
1044         margin-left: 75px;*/\r
1045     clear: left;\r
1046     color: #666666;\r
1047     display: block;\r
1048     margin-bottom: 20px\r
1049 }\r
1050 \r
1051 #profile-edit-profile-name-end,\r
1052 #profile-edit-name-end,\r
1053 #profile-edit-pdesc-end,\r
1054 #profile-edit-gender-end,\r
1055 #profile-edit-dob-end,\r
1056 #profile-edit-address-end,\r
1057 #profile-edit-locality-end,\r
1058 #profile-edit-region-end,\r
1059 #profile-edit-postal-code-end,\r
1060 #profile-edit-country-name-end,\r
1061 #profile-edit-marital-end,\r
1062 #profile-edit-sexual-end,\r
1063 #profile-edit-politic-end,\r
1064 #profile-edit-religion-end,\r
1065 #profile-edit-pubkeywords-end,\r
1066 #profile-edit-prvkeywords-end,\r
1067 #profile-edit-homepage-end,\r
1068 #profile-edit-hometown-end,\r
1069 #profile-in-dir-break,\r
1070 #profile-in-dir-end,\r
1071 #profile-in-netdir-break,\r
1072 #profile-in-netdir-end,\r
1073 #hide-wall-break,\r
1074 #hide-wall-end,\r
1075 #hide-friends-break,\r
1076 #hide-friends-end,\r
1077 #settings-normal-break,\r
1078 #settings-soapbox-break,\r
1079 #settings-community-break,\r
1080 #settings-freelove-break {\r
1081         clear: both;\r
1082 }\r
1083 #profile-edit-marital-wrapper, #profile-edit-address-wrapper {\r
1084         margin-top: 50px;\r
1085 }\r
1086 #profile-edit-marital-end {\r
1087         margin-bottom: 20px;\r
1088 }\r
1089 \r
1090 #id_theme,\r
1091 #id_mobile_theme {\r
1092         width: 280px;\r
1093 }\r
1094 /*.settings-widget ul {\r
1095         list-style-type: none;\r
1096         padding: 0px;\r
1097 }\r
1098 \r
1099 .settings-widget li {\r
1100         margin-left: 24px;\r
1101         margin-bottom: 8px;\r
1102 }*/\r
1103 \r
1104 \r
1105 #gender-select, #marital-select, #sexual-select {\r
1106         width: 220px;\r
1107 }\r
1108 \r
1109 #profile-edit-profile-name-wrapper .required {\r
1110         color: #FF0000;\r
1111         float: left;\r
1112 }\r
1113 \r
1114 #contacts-search-submit {\r
1115         font-size: 18px;\r
1116         padding: 5px 10px;\r
1117 }\r
1118 \r
1119 #contacts-display-wrapper {\r
1120         padding-left: 35px;\r
1121 }\r
1122 \r
1123 #contacts-main {\r
1124         margin-top: 20px;\r
1125         margin-bottom: 20px;\r
1126 }\r
1127 \r
1128 .contact-entry-wrapper {\r
1129         float: left;\r
1130 /*      width: 120px;\r
1131         height: 120px;*/\r
1132         padding-left: 15px;\r
1133         padding-right: 15px;\r
1134         max-width: 262px;\r
1135         height: 90px;\r
1136         margin: 0 10px 10px 0px;\r
1137 }\r
1138 .contact-entry-wrapper .contact-entry-photo-wrapper {\r
1139         float: left;\r
1140         margin-right: 10px;\r
1141 }\r
1142 #contacts-search-end {\r
1143         margin-bottom: 10px;\r
1144 }\r
1145 \r
1146 .contact-entry-direction-icon {\r
1147         margin-top: 24px;\r
1148         margin-right: 2px;\r
1149 }\r
1150 \r
1151 .contact-entry-photo img {\r
1152         border: none;\r
1153         width: 80px;\r
1154         height: 80px;\r
1155 }\r
1156 .contact-entry-photo-end {\r
1157         clear: both;\r
1158 }\r
1159 .contact-entry-desc {\r
1160         overflow: hidden;\r
1161 }\r
1162 .contact-entry-name {\r
1163         margin-left: 0px;\r
1164         margin-right: 10px;\r
1165         padding-bottom: 5px;\r
1166         width: 120px;\r
1167         font-weight: 600;\r
1168         overflow: hidden;\r
1169 }\r
1170 .contact-entry-details {\r
1171         font-style: italic;\r
1172         font-size: 10px;\r
1173         font-weight: 500;\r
1174         white-space: nowrap;\r
1175         overflow: hidden;\r
1176         text-overflow: ellipsis;\r
1177 }\r
1178 .contact-entry-network {\r
1179         font-size: 10px;\r
1180         font-weight: 500;\r
1181 }\r
1182 .contact-entry-edit-links {\r
1183         margin-top: 6px;\r
1184         margin-left: 10px;\r
1185         width: 16px;\r
1186 }\r
1187 .contact-entry-nav-wrapper {\r
1188         float: left;\r
1189         margin-left: 10px;\r
1190 }\r
1191 \r
1192 .contact-entry-edit-links img {\r
1193         border: none;\r
1194         margin-right: 15px;\r
1195 }\r
1196 .contact-entry-photo {\r
1197         float: left;\r
1198         position: relative;\r
1199 }\r
1200 .contact-entry-end {\r
1201         clear: both;\r
1202 }\r
1203 \r
1204 #fsuggest-desc, #fsuggest-submit-wrapper {\r
1205         margin-top: 15px;\r
1206         margin-bottom: 15px;\r
1207 }\r
1208 \r
1209 #network-star-link{\r
1210         margin-top: 10px;\r
1211 }\r
1212 .network-star {\r
1213         float: left;\r
1214         margin-right: 5px;\r
1215 }\r
1216 #network-bmark-link {\r
1217         margin-top: 10px;\r
1218 }\r
1219 \r
1220 .toplevel_item {\r
1221         margin-bottom: 60px;\r
1222 }\r
1223 \r
1224 .wall-item-content-wrapper {\r
1225         padding-top: 1em;\r
1226 /*      padding-left: 0.25em;\r
1227         padding-right: 0.25em;*/\r
1228 \r
1229         border-top: 2px solid #AAAAAA;\r
1230         position: relative;\r
1231 }\r
1232 \r
1233 .wall-item-content-wrapper.comment {\r
1234         margin-top: 15px;\r
1235         margin-left: 5px;\r
1236         margin-right: 5px;\r
1237 \r
1238         padding-top: 5px;\r
1239         padding-left: 5px;\r
1240         padding-right: 5px;\r
1241 \r
1242         border: 1px solid #AAAAAA;\r
1243         border-radius: 10px;\r
1244         -webkit-border-radius: 10px;\r
1245         -moz-border-radius: 10px;\r
1246 /*      background: #EEEEEE;*/\r
1247 }\r
1248 \r
1249 .wall-item-response {\r
1250         clear: both;\r
1251         font-style: italic;\r
1252         margin-left: 0px;\r
1253         opacity: 0.6;\r
1254 }\r
1255 \r
1256 .wall-item-response.comment {\r
1257         margin-left: 5px;\r
1258 }\r
1259 \r
1260 .wall-item-info {\r
1261         display: block;\r
1262         float: left;\r
1263         width:126px;\r
1264         margin-right:10px;\r
1265         margin-bottom:10px;\r
1266 }\r
1267 .comment .wall-item-info {\r
1268         width: 86px;\r
1269 }\r
1270 \r
1271 .wall-item-photo-menu-button {\r
1272         display: block;\r
1273         position: absolute;\r
1274         background-image: url("photo-menu.jpg");\r
1275         background-position: top left;\r
1276         background-repeat: no-repeat;\r
1277         margin: 0px; padding: 0px;\r
1278         width: 16px;\r
1279         height: 16px;\r
1280         top: 94px; left:0px;\r
1281         overflow: hidden;\r
1282         text-indent: 40px;\r
1283         display: none;\r
1284 \r
1285 }\r
1286 .wall-item-photo-menu {\r
1287         width: auto;\r
1288         border: 2px solid #444444;\r
1289         background: #FFFFFF;\r
1290         position: absolute;\r
1291         left: 0px; top:110px;\r
1292         display: none;\r
1293 /*      z-index: 10000;*/\r
1294 }\r
1295 .wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }\r
1296 .wall-item-photo-menu li a { display: block; padding: 2px; }\r
1297 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }\r
1298 \r
1299 \r
1300 .comment .wall-item-photo-menu-button { top: 64px;}\r
1301 .comment .wall-item-photo-menu { top: 80px; }\r
1302 \r
1303 .wallwall .wwto {\r
1304     left: 50px;\r
1305     margin: 0;\r
1306     position: absolute;\r
1307     top: 67px;\r
1308     width: 30px\r
1309 }\r
1310 .wallwall .wwto img {\r
1311         width: 30px !important;\r
1312         height: 30px !important;\r
1313 }\r
1314 \r
1315 .wallwall /*.wall-item-photo-end*/ {\r
1316         clear: both;\r
1317 }\r
1318 \r
1319 .wall-item-arrowphoto-wrapper {\r
1320     position: absolute;\r
1321     left: 75px;\r
1322     top: 67px;\r
1323 /*    z-index: 100;*/\r
1324 }\r
1325 .wall-item-lock {\r
1326         margin-top: 1em;\r
1327         left: 105px;\r
1328         position: absolute;\r
1329         top: 1px;\r
1330         width: 32px;\r
1331 }\r
1332 .comment .wall-item-lock {\r
1333         margin-top: 0px;\r
1334         left: 65px;\r
1335 }\r
1336 \r
1337 .wall-item-ago {\r
1338         color: #888888;\r
1339         font-size: 0.8em;\r
1340 }\r
1341 \r
1342 .wall-item-location {\r
1343         overflow: hidden;\r
1344         /* add ellipsis on text overflow               */\r
1345         /* this work on safari, opera, ie, chrome.     */\r
1346         /* firefox users have to wait support or we    */\r
1347         /* can use a jquery plugin http://bit.ly/zJskg */\r
1348         text-overflow: ellipsis;\r
1349         -o-text-overflow: ellipsis;\r
1350         width: 100%;\r
1351 }\r
1352 \r
1353 .wall-item-like-buttons {\r
1354         float: left;\r
1355         margin-right: 3px;\r
1356 }\r
1357 \r
1358 .like-rotator {\r
1359         margin-left: 5px;\r
1360 }\r
1361 \r
1362 .wall-item-like-buttons > a,\r
1363 .wall-item-like-buttons > img {\r
1364         float: left;\r
1365 }\r
1366 \r
1367 .wall-item-like-buttons img {\r
1368         cursor: pointer;\r
1369 }\r
1370 \r
1371 .wall-item-share-buttons {\r
1372         margin-left: 10px;\r
1373         margin-right: 10px;\r
1374 }\r
1375 \r
1376 .editpost,\r
1377 .star-item,\r
1378 .tag-item,\r
1379 .filer-item,\r
1380 .event-item {\r
1381         margin-left: 10px;\r
1382         float: left;\r
1383 }\r
1384 \r
1385 .wall-item-links-wrapper {\r
1386         float: left;\r
1387 }\r
1388 \r
1389 .wall-item-delete-wrapper {\r
1390         float: right;\r
1391 }\r
1392 \r
1393 /*.wall-item-delete-end {\r
1394         clear: both;\r
1395 }*/\r
1396 \r
1397 .wall-item-delete-icon {\r
1398         border: none;\r
1399 }\r
1400 \r
1401 \r
1402 /*.wall-item-wrapper-end {\r
1403         clear: both;\r
1404 }*/\r
1405 .wall-item-name-link {\r
1406         font-weight: bold;\r
1407         text-decoration: none;\r
1408         color: #3172BD;\r
1409 }\r
1410 .wall-item-photo {\r
1411         border: none;\r
1412         border-radius: 7px;\r
1413 }\r
1414 .comment .wall-item-photo {\r
1415         width: 50px !important;\r
1416         height: 50px !important;\r
1417 }\r
1418 .wall-item-content {\r
1419 /*      float: left;\r
1420         max-width: 100%*/\r
1421 /*      padding-right: 1em;\r
1422         max-height: 500px;\r
1423         overflow: auto;*/\r
1424         padding-left:0.25em;\r
1425         padding-right:0.25em;\r
1426         clear: left; /* I hate this, but it's the only way to keep the text from bunching to the right on the Android browser */\r
1427 }\r
1428 .comment .wall-item-content {\r
1429         padding-left:0.5em;\r
1430         padding-right:0.5em;\r
1431 }\r
1432 \r
1433 .wall-item-title {\r
1434         /*float: left;*/\r
1435         font-weight: bold;\r
1436         font-size: 1.6em;\r
1437         /*width: 450px;*/\r
1438 }\r
1439 \r
1440 /*.wall-item-title-end {\r
1441         clear: both;\r
1442 }*/\r
1443 \r
1444 .wall-item-body {\r
1445         text-align: justify;\r
1446         float: left;\r
1447         max-width: 100%;\r
1448         overflow: hidden;\r
1449         margin-top: 10px;\r
1450         line-height: 23px;\r
1451 }\r
1452 \r
1453 .wall-item-body img {\r
1454         display: block;\r
1455         margin-top: 2px;\r
1456         margin-right: auto;\r
1457         margin-left: auto;\r
1458         /*max-width: 290px;*/\r
1459         max-width: 100%;\r
1460         border-radius: 7px;\r
1461         -moz-border-radius: 7px;\r
1462         -webkit-border-radius: 7px;\r
1463 }\r
1464 \r
1465 /*.comment .wall-item-body img {\r
1466         max-width: 100%;\r
1467 }*/\r
1468 \r
1469 .wall-item-body img.smiley {\r
1470         display: inline;\r
1471         margin: auto;\r
1472         border-radius: 0;\r
1473         -webkit-border-radius: 0;\r
1474 }\r
1475 \r
1476 .wall-item-body blockquote {\r
1477         margin-left: 0px;\r
1478         margin-right: 0px;\r
1479 }\r
1480 \r
1481 .comment .wall-item-body ul {\r
1482         padding-left: 1.5em;\r
1483 }\r
1484 \r
1485 .wall-item-body iframe {\r
1486         display: block;\r
1487         clear: both;\r
1488         margin-top: 1.5em;\r
1489         margin-bottom: 1.5em;\r
1490 }\r
1491 \r
1492 .wall-item-body code {\r
1493         overflow: hidden;\r
1494 }\r
1495 \r
1496 .showmore {\r
1497         display: block;\r
1498         clear: both;\r
1499         text-align: center;\r
1500         outline: 0;\r
1501         border-top: 1px dotted #888;\r
1502 }\r
1503 \r
1504 .wall-item-tools {\r
1505         clear: both;\r
1506 /*      background-image: url("head.jpg");\r
1507         background-position: 0 -20px;\r
1508         background-repeat: repeat-x;*/\r
1509         padding: 5px 5px 0px;\r
1510         height: 32px;\r
1511 \r
1512 }\r
1513 .wall-item-author {\r
1514 /*      margin-top: 10px;*/\r
1515         margin-top: 0px;\r
1516 }\r
1517 \r
1518 .comment .wall-item-tools {\r
1519 /*      background:none;*/\r
1520 /*      background-image: url("head.jpg");\r
1521         background-position: 0 -20px;\r
1522         background-repeat: repeat-x;*/\r
1523         border-bottom-left-radius: 10px;\r
1524         border-bottom-right-radius: 10px;\r
1525 }\r
1526 \r
1527 \r
1528 .comment-edit-wrapper {\r
1529         margin-top: 15px;\r
1530         background: #f3f3f3;\r
1531         margin-left: 50px;\r
1532 }\r
1533 \r
1534 .comment-wwedit-wrapper {\r
1535         display: block;\r
1536         margin-top: 15px;\r
1537         background: #f3f3f3;\r
1538         margin-left: 5px;\r
1539         margin-right: 5px;\r
1540         border-radius: 10px;\r
1541 }\r
1542 \r
1543 .comment-wwedit-wrapper.comment {\r
1544         margin-left: 40px;\r
1545         margin-right: 40px;\r
1546         border-radius: 10px;\r
1547 }\r
1548 \r
1549 \r
1550 .comment-edit-form {\r
1551         padding-left: 1em;\r
1552         padding-right: 1.5em;\r
1553 }\r
1554 \r
1555 .comment-edit-photo {\r
1556         margin-top: 15px;\r
1557         /*margin-left: 10px;\r
1558         margin-bottom: 10px;*/\r
1559         width: 25px;\r
1560         float: left;\r
1561 }\r
1562 .comment-edit-photo img {\r
1563         width: 25px;\r
1564 }\r
1565 .comment-edit-text-empty, .comment-edit-text-full {\r
1566 /*      float: left;*/\r
1567         -moz-border-radius: 3px;\r
1568         -webkit-border-radius: 3px;\r
1569         border-radius: 3px;\r
1570         border: 1px solid #cccccc;\r
1571         padding: 3px 1px 1px 3px;\r
1572 }\r
1573 \r
1574 .comment-edit-text-empty {\r
1575         color: gray;\r
1576         height: 30px;\r
1577         width: 175px;\r
1578 /*      overflow: auto;*/\r
1579         margin-top: 40px;\r
1580         margin-bottom: 10px;\r
1581         margin-left: 20px;\r
1582 }\r
1583 \r
1584 .comment-edit-text-full {\r
1585         color: black;\r
1586         height: 150px;\r
1587 /*      width: 350px;\r
1588         overflow: auto;\r
1589         width: 250px;\r
1590         margin-top: 15px;\r
1591         margin-left: 20px;*/\r
1592         width: 100%;\r
1593         margin-top: 1.5em;\r
1594 }\r
1595 \r
1596 .comment .comment-edit-text-empty {\r
1597         width: 120px;\r
1598 }\r
1599 .comment .comment-edit-text-full {\r
1600         margin-left: 10px;\r
1601         width: 210px;\r
1602 }\r
1603 \r
1604 \r
1605 .comment-edit-text-end {\r
1606         clear: both;\r
1607 }\r
1608 \r
1609 .comment-edit-submit {\r
1610         font-size: 18px;\r
1611         padding: 5px 10px;\r
1612         margin: 10px 0px 10px 0px;\r
1613 }\r
1614 \r
1615 #profile-jot-wrapper {\r
1616         padding-left: 1em;\r
1617         padding-right: 1em;\r
1618 }\r
1619 \r
1620 .shared_header {\r
1621         border-top: 1px solid #aaa;\r
1622         color: #999;\r
1623 \r
1624         height: 42px; /* 32 px for the image plus 10 px for the margin around the image */\r
1625         padding-top: 0.5em;\r
1626         margin-top: 1em;\r
1627         margin-bottom: 1em;\r
1628 \r
1629 }\r
1630 .shared_header img {\r
1631         float: left;\r
1632 \r
1633         margin: auto 1em auto auto;\r
1634         padding: 0;\r
1635 \r
1636         box-shadow: none;\r
1637         -moz-box-shadow: none;\r
1638         -webkit-box-shadow: none;\r
1639 }\r
1640 \r
1641 #profile-jot-plugin-wrapper,\r
1642 #profile-jot-submit-wrapper {\r
1643         margin-top: 15px;\r
1644 }\r
1645 \r
1646 #profile-jot-submit {\r
1647         float: left;\r
1648         font-size: 18px;\r
1649         padding: 5px 8px;\r
1650 }\r
1651 #profile-upload-wrapper {\r
1652         float: left;\r
1653         margin-left: 30px;\r
1654 }\r
1655 #profile-attach-wrapper {\r
1656         float: left;\r
1657         margin-left: 15px;\r
1658 }\r
1659 #profile-rotator {\r
1660         float: left;\r
1661         margin-left: 30px;\r
1662 }\r
1663 #profile-link-wrapper {\r
1664         float: left;\r
1665         margin-left: 15px;\r
1666 }\r
1667 #profile-youtube-wrapper {\r
1668         float: left;\r
1669         margin-left: 15px;\r
1670 }\r
1671 #profile-video-wrapper {\r
1672         float: left;\r
1673         margin-left: 15px;\r
1674 }\r
1675 #profile-audio-wrapper {\r
1676         float: left;\r
1677         margin-left: 15px;\r
1678 }\r
1679 #profile-location-wrapper {\r
1680         float: left;\r
1681         margin-left: 15px;\r
1682 }\r
1683 #jot-preview-link {\r
1684         display: none;\r
1685         float: left;\r
1686         margin-left: 45px;\r
1687         margin-top: 0px !important;\r
1688 }\r
1689 \r
1690 \r
1691 #profile-nolocation-wrapper {\r
1692         float: left;\r
1693         margin-left: 15px;\r
1694 }\r
1695 #profile-title-wrapper {\r
1696         float: left;\r
1697         margin-left: 15px;\r
1698 }\r
1699 \r
1700 #profile-jot-perms {\r
1701         float: left;\r
1702         margin-left: 40px;\r
1703         font-weight: bold;\r
1704         font-size: 1.2em;\r
1705 }\r
1706 \r
1707 \r
1708 #profile-jot-perms-end {\r
1709         /*clear: left;*/\r
1710         height: 30px;\r
1711 }\r
1712 \r
1713 #profile-jot-plugin-end{\r
1714   clear: both;\r
1715 }\r
1716 input#profile-jot-email {\r
1717         display: block;\r
1718 }\r
1719 .profile-jot-net {\r
1720         float: left;\r
1721         margin-right: 10px;\r
1722         margin-top: 5px;\r
1723         margin-bottom: 5px;\r
1724 }\r
1725 \r
1726 #profile-jot-networks-end {\r
1727         clear: both;\r
1728 }\r
1729 \r
1730 .profile-jot-box {\r
1731         margin-top: 50px;\r
1732 }\r
1733 .profile-edit-textarea {\r
1734         margin-left: 20px;\r
1735 }\r
1736 \r
1737 #profile-jot-end {\r
1738         /*clear: both;*/\r
1739         margin-bottom: 30px;\r
1740 }\r
1741 #about-jot-submit-wrapper {\r
1742         margin-top: 15px;\r
1743 }\r
1744 #about-jot-end {\r
1745         margin-bottom: 30px;\r
1746 }\r
1747 #contacts-main {\r
1748         margin-bottom: 30px;\r
1749 }\r
1750 \r
1751 #profile-listing-desc {\r
1752         margin-left: 30px;\r
1753 }\r
1754 \r
1755 #profile-listing-new-link-wrapper {\r
1756         margin-left: 30px;\r
1757         margin-bottom: 30px;\r
1758 }\r
1759 .profile-listing-photo-wrapper {\r
1760         float: left;\r
1761 }\r
1762 \r
1763 .profile-listing-edit-buttons-wrapper {\r
1764         clear: both;\r
1765 }\r
1766 .profile-listing-photo-edit-link {\r
1767         float: left;\r
1768         width: 125px;\r
1769 }\r
1770 .profile-listing-end {\r
1771         clear: both;\r
1772 }\r
1773 .profile-listing-edit-buttons-wrapper img{\r
1774         border: none;\r
1775         margin-right: 20px;\r
1776 }\r
1777 .profile-listing {\r
1778         float: left;\r
1779         margin-left: 30px;\r
1780         margin-top: 25px;\r
1781 }\r
1782 .profile-listing-visible {\r
1783         margin-left: 100px;\r
1784 }\r
1785 .profile-listing-name {\r
1786         float: left;\r
1787         margin-left: 12px;\r
1788         margin-top: 10px;\r
1789         color: #3172BD;\r
1790         font-weight: bold;\r
1791         width: 200px;\r
1792 \r
1793 }\r
1794 .fortune {\r
1795         margin-top: 50px;\r
1796         color: #4444FF;\r
1797         font-weight: bold;\r
1798         margin-bottom: 20px;\r
1799 }\r
1800 \r
1801 \r
1802 .directory-end {\r
1803         clear: both;\r
1804 }\r
1805 .directory-name {\r
1806         text-align: center;\r
1807 }\r
1808 .directory-photo {\r
1809         margin-left: 15px;\r
1810 }\r
1811 .directory-details {\r
1812         font-size: 0.7em;\r
1813         text-align: center;\r
1814         margin-left: 5px;\r
1815         margin-right: 5px;\r
1816 }\r
1817 .directory-item {\r
1818         float: left;\r
1819 /*      width: 225px;\r
1820         height: 260px;*/\r
1821         padding-left: 15px;\r
1822         width: 130px;\r
1823         height: 235px;\r
1824         overflow: auto;\r
1825 }\r
1826 \r
1827 #directory-search-wrapper {\r
1828         margin-top: 20px;\r
1829         margin-right: 20px;\r
1830         margin-bottom: 50px;\r
1831 }\r
1832 \r
1833 #directory-search-end {\r
1834 }\r
1835 \r
1836 .directory-photo-img {\r
1837         width: 125px;\r
1838         border: none;\r
1839 }\r
1840 \r
1841 \r
1842 .pager {\r
1843   margin-top: 30px;\r
1844   margin-right: auto;\r
1845   margin-left: auto;\r
1846 \r
1847   padding-top: 10px;\r
1848   padding-bottom: 10px;\r
1849   padding-left: 10px;\r
1850   text-align: center;\r
1851 /*  line-height: 2.75em;*/\r
1852 }\r
1853 \r
1854 .pager a {\r
1855         font-size: 1.5em;\r
1856         padding: 0.2em 1em;\r
1857         border: 1px solid #aaa;\r
1858         border-radius: 10px;\r
1859         -moz-border-radius: 10px;\r
1860         -webkit-border-radius: 10px;\r
1861 }\r
1862 \r
1863 \r
1864 .pager_first,\r
1865 .pager_last,\r
1866 .pager_prev,\r
1867 .pager_next,\r
1868 .pager_n {\r
1869 /*      float: left;\r
1870         border: 1px solid black;\r
1871         border-radius: 7px;\r
1872         background: #EEE;\r
1873         text-align: center;\r
1874         width: 50px;\r
1875         margin-right: 5px;\r
1876         margin-bottom: 10px;*/\r
1877 /*      float: left;*/\r
1878 /*      margin-right: 15px;\r
1879         margin-left: 15px;*/\r
1880 }\r
1881 \r
1882 .pager_first,\r
1883 .pager_last,\r
1884 .pager_n {\r
1885         display: none;\r
1886 }\r
1887 \r
1888 /*.pager_first a,\r
1889 .pager_last a,\r
1890 .pager_prev a,\r
1891 .pager_next a {\r
1892         padding-top: 5px;\r
1893         padding-bottom: 5px;\r
1894         padding-left: 25px;\r
1895         padding-right: 30px;\r
1896 \r
1897         border: 2px solid #AAAAAA;\r
1898         border-radius: 10px;\r
1899         -moz-border-radius: 10px;\r
1900         -webkit-border-radius: 10px;\r
1901     font-size: 1.25em;\r
1902         text-align: center;\r
1903         text-decoration: none;\r
1904 }\r
1905 .pager_n a {\r
1906         padding-top: 2px;\r
1907         padding-bottom: 2px;\r
1908         padding-left: 9px;\r
1909         padding-right: 18px;\r
1910         text-decoration: none;\r
1911 }*/\r
1912 \r
1913 .pager_prev a,\r
1914 .pager_next a,\r
1915 .scroll_loader_text {\r
1916         font-size: 1.5em;\r
1917         padding: 0.2em 1em;\r
1918         border: 1px solid #aaa;\r
1919         border-radius: 10px;\r
1920         -moz-border-radius: 10px;\r
1921         -webkit-border-radius: 10px;\r
1922 }\r
1923 \r
1924 .pager_current {\r
1925         display: none;\r
1926         float: left;\r
1927         border: 1px solid black;\r
1928         border-radius: 7px;\r
1929         -moz-border-radius: 7px;\r
1930         -webkit-border-radius: 7px;\r
1931         background: #FFCCCC;\r
1932         font-size: 1.25em;\r
1933         text-align: center;\r
1934         width: 50px;\r
1935         margin-right: 5px;\r
1936         margin-bottom: 10px;\r
1937 }\r
1938 \r
1939 \r
1940 #advanced-profile-name-wrapper,\r
1941 #advanced-profile-gender-wrapper,\r
1942 #advanced-profile-dob-wrapper,\r
1943 #advanced-profile-age-wrapper,\r
1944 \r
1945 #advanced-profile-marital-wrapper,\r
1946 #advanced-profile-sexual-wrapper,\r
1947 #advanced-profile-homepage-wrapper,\r
1948 #advanced-profile-politic-wrapper,\r
1949 #advanced-profile-religion-wrapper,\r
1950 #advanced-profile-about-wrapper,\r
1951 #advanced-profile-interest-wrapper,\r
1952 #advanced-profile-contact-wrapper,\r
1953 #advanced-profile-music-wrapper,\r
1954 #advanced-profile-book-wrapper,\r
1955 #advanced-profile-tv-wrapper,\r
1956 #advanced-profile-film-wrapper,\r
1957 #advanced-profile-romance-wrapper,\r
1958 #advanced-profile-work-wrapper,\r
1959 #advanced-profile-education-wrapper {\r
1960         margin-top: 20px;\r
1961 }\r
1962 \r
1963 #advanced-profile-name-text,\r
1964 #advanced-profile-gender-text,\r
1965 #advanced-profile-dob-text,\r
1966 #advanced-profile-age-text,\r
1967 #advanced-profile-marital-text,\r
1968 #advanced-profile-sexual-text,\r
1969 #advanced-profile-homepage-text,\r
1970 #advanced-profile-politic-text,\r
1971 #advanced-profile-religion-text,\r
1972 #advanced-profile-about-text,\r
1973 #advanced-profile-interest-text,\r
1974 #advanced-profile-contact-text,\r
1975 #advanced-profile-music-text,\r
1976 #advanced-profile-book-text,\r
1977 #advanced-profile-tv-text,\r
1978 #advanced-profile-film-text,\r
1979 #advanced-profile-romance-text,\r
1980 #advanced-profile-work-text,\r
1981 #advanced-profile-education-text {\r
1982         width: 300px;\r
1983         float: left;\r
1984 }\r
1985 \r
1986 #advanced-profile-name-end,\r
1987 #advanced-profile-gender-end,\r
1988 #advanced-profile-dob-end,\r
1989 #advanced-profile-age-end,\r
1990 #advanced-profile-marital-end,\r
1991 #advanced-profile-sexual-end,\r
1992 #advanced-profile-homepage-end,\r
1993 #advanced-profile-politic-end,\r
1994 #advanced-profile-religion-end {\r
1995         height: 10px;\r
1996 }\r
1997 \r
1998 #advanced-profile-about-end,\r
1999 #advanced-profile-interest-end,\r
2000 #advanced-profile-contact-end,\r
2001 #advanced-profile-music-end,\r
2002 #advanced-profile-book-end,\r
2003 #advanced-profile-tv-end,\r
2004 #advanced-profile-film-end,\r
2005 #advanced-profile-romance-end,\r
2006 #advanced-profile-work-end,\r
2007 #advanced-profile-education-end {\r
2008 \r
2009 \r
2010 }\r
2011 \r
2012 #advanced-profile-name,\r
2013 #advanced-profile-gender,\r
2014 #advanced-profile-dob,\r
2015 #advanced-profile-age,\r
2016 #advanced-profile-marital,\r
2017 #advanced-profile-sexual,\r
2018 #advanced-profile-homepage,\r
2019 #advanced-profile-politic,\r
2020 #advanced-profile-religion {\r
2021         float: left;\r
2022 \r
2023 }\r
2024 \r
2025 \r
2026 #advanced-profile-about,\r
2027 #advanced-profile-interest,\r
2028 #advanced-profile-contact,\r
2029 #advanced-profile-music,\r
2030 #advanced-profile-book,\r
2031 #advanced-profile-tv,\r
2032 #advanced-profile-film,\r
2033 #advanced-profile-romance,\r
2034 #advanced-profile-work,\r
2035 #advanced-profile-education {\r
2036         margin-top: 10px;\r
2037         margin-left: 50px;\r
2038         margin-right: 20px;\r
2039         padding: 10px;\r
2040         border: 1px solid #CCCCCC;\r
2041 }\r
2042 \r
2043 #advanced-profile-with {\r
2044         float: left;\r
2045         margin-left: 15px;\r
2046 }\r
2047 \r
2048 #contact-edit-wrapper {\r
2049         margin-top: 10px;\r
2050 }\r
2051 \r
2052 #contact-edit-banner-name {\r
2053         font-size: 1.4em;\r
2054         font-weight: bold;\r
2055 }\r
2056 \r
2057 #contact-edit-poll-wrapper {\r
2058         margin-top: 15px;\r
2059 }\r
2060 \r
2061 #contact-edit-last-update-text {\r
2062         float: left;\r
2063         clear: left;\r
2064         margin-top: 30px;\r
2065 }\r
2066 \r
2067 #contact-edit-poll-text {\r
2068         float: left;\r
2069         clear: left;\r
2070         margin-top: 15px;\r
2071         margin-bottom: 0px;\r
2072 }\r
2073 \r
2074 #contact-edit-update-now {\r
2075         margin-top: 15px;\r
2076 }\r
2077 \r
2078 #contact-edit-links{\r
2079         clear: both;\r
2080 }\r
2081 \r
2082 #contact-edit-links ul {\r
2083         list-style: none;\r
2084         list-style-type: none;\r
2085         margin-left: 0px;\r
2086         padding-left: 0px;\r
2087 }\r
2088 \r
2089 #contact-edit-links li {\r
2090         margin-top: 5px;\r
2091 }\r
2092 \r
2093 #contact-edit-drop-link {\r
2094         float: right;\r
2095         margin-right: 10px;\r
2096 }\r
2097 \r
2098 #contact-edit-nav-end {\r
2099         clear: both;\r
2100 }\r
2101 \r
2102 #contact-edit-wrapper {\r
2103         width: 100%;\r
2104 }\r
2105 \r
2106 #update_now_link {\r
2107         float: left;\r
2108         clear: left;\r
2109         margin-bottom: 20px;\r
2110 }\r
2111 \r
2112 #label_id_hidden, #id_hidden {\r
2113         margin-top: 30px;\r
2114 }\r
2115 #help_id_hidden {\r
2116         margin-top: 30px;\r
2117 }\r
2118 \r
2119 #contact-edit-info-wrapper, #contact-edit-info {\r
2120         width: 90%;\r
2121 }\r
2122 \r
2123 #contact-edit-end {\r
2124         clear: both;\r
2125         margin-top: 15px;\r
2126 }\r
2127 \r
2128 #contact-profile-selector {\r
2129         width: 175px;\r
2130         margin-left: 0px;\r
2131 }\r
2132 \r
2133 .contact-edit-submit {\r
2134         clear: left;\r
2135         display: block;\r
2136 \r
2137         margin-top: 10px;\r
2138         margin-bottom: 45px;\r
2139         padding: 0.2em 0.5em;\r
2140         font-size: 18px;\r
2141 }\r
2142 \r
2143 \r
2144 .contact-photo-menu-button {\r
2145 /*      position: absolute;\r
2146         background-image: url("photo-menu.jpg");\r
2147         background-position: top left;\r
2148         background-repeat: no-repeat;\r
2149         margin: 0px; padding: 0px;\r
2150         width: 16px;\r
2151         height: 16px;\r
2152         top: 64px; left:0px;\r
2153         overflow: hidden;\r
2154         text-indent: 40px;\r
2155         display: none;*/\r
2156 \r
2157 }\r
2158 .contact-photo-menu {\r
2159         width: 130px;\r
2160         border: 1px solid #AAA;\r
2161         background: #FFFFFF;\r
2162         position: absolute;\r
2163         /*left: -30px;*/ top: 80px;\r
2164         display: none;\r
2165         z-index: 101;\r
2166         -moz-box-shadow: 3px 3px 5px #555;\r
2167         -webkit-box-shadow: 3px 3px 5px #555;\r
2168         box-shadow: 3px 3px 5px #555;\r
2169 }\r
2170 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }\r
2171 .contact-photo-menu li a { display: block; padding: 2px; }\r
2172 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }\r
2173 \r
2174 \r
2175 #block-message, #ignore-message, #archive-message, #lost-contact-message {\r
2176         color: #FF0000;\r
2177 }\r
2178 \r
2179 #profile-edit-insecure {\r
2180         margin-top: 20px;\r
2181         color: #FF0000;\r
2182         font-size: 1.1em;\r
2183         border: 1px solid #FF8888;\r
2184         background-color: #FFEEEE;\r
2185         padding-left: 5px;\r
2186         /*: 3px 3px 3px 5px; */\r
2187         width: 587px;\r
2188 }\r
2189 \r
2190 .video-top-wrapper {\r
2191         display: inline-block;\r
2192         vertical-align: top;\r
2193         margin-top: 15px;\r
2194         margin-right: 15px;\r
2195         margin-left: 15px;\r
2196         margin-bottom: 15px;\r
2197 }\r
2198 \r
2199 #profile-jot-desc {\r
2200         /*float: left;*/\r
2201         width: 100%;\r
2202         color: #FF0000;\r
2203         margin-top: 10px;\r
2204         margin-bottom: 10px;\r
2205 }\r
2206 \r
2207 #profile-jot-text {\r
2208         width: 100%;\r
2209         height: 20px;\r
2210         color:#cccccc;\r
2211         border: 1px solid #cccccc;\r
2212         padding: 3px 0px 0px 5px;\r
2213         -moz-border-radius: 3px;\r
2214         -webkit-border-radius: 3px;\r
2215         border-radius: 3px;\r
2216 }\r
2217 \r
2218 \r
2219 /** acl **/\r
2220 #photo-edit-perms-select,\r
2221 #photos-upload-permissions-wrapper,\r
2222 #profile-jot-acl-wrapper{\r
2223         /*display:block!important;*/\r
2224 }\r
2225 \r
2226 #photos-usage-message {\r
2227         margin-bottom: 15px;\r
2228 }\r
2229 \r
2230 #profile-jot-acl-wrapper {\r
2231         /*width:270px;*/\r
2232         height: auto;\r
2233         overflow: visible;\r
2234         margin-top: 1em;\r
2235         display: inline-block;\r
2236 }\r
2237 \r
2238 #profile-jot-acl-wrapper,\r
2239 #photos-upload-permissions-wrapper,\r
2240 #photo-edit-perms-select {\r
2241         padding: 0.7em;\r
2242         border: 1px solid #888;\r
2243         border-radius: 10px;\r
2244 }\r
2245 \r
2246 #acl-wrapper {\r
2247         /*width: 270px;\r
2248         float:left;*/\r
2249         text-align: left;\r
2250         clear: both;\r
2251 }\r
2252 #acl-search {\r
2253         display: none;\r
2254         float:right;\r
2255         background: #ffffff url("../../../images/search_18.png") no-repeat right center;\r
2256         padding-right:20px;\r
2257 }\r
2258 #acl-showall {\r
2259         float: left;\r
2260         display: block;\r
2261         width: auto;\r
2262         height: 18px;\r
2263         background-color: #cccccc;\r
2264         background-image: url("../../../images/show_all_off.png");\r
2265         background-position: 7px 7px;\r
2266         background-repeat: no-repeat;\r
2267         padding: 7px 15px 7px 30px;\r
2268         -webkit-border-radius: 5px ;\r
2269         -moz-border-radius: 5px;\r
2270         border-radius: 5px;\r
2271         color: #999999;\r
2272         margin-bottom: 0.3em;\r
2273 }\r
2274 #acl-showall.selected {\r
2275         color: #000000;\r
2276         background-color: #ff9900;\r
2277         background-image: url("../../../images/show_all_on.png");\r
2278 }\r
2279 \r
2280 #acl-list {\r
2281 /*      height: 210px;*/\r
2282         border: 1px solid #cccccc;\r
2283         clear: both;\r
2284         margin-top: 30px;\r
2285         overflow: visible;\r
2286 }\r
2287 #acl-list-content {\r
2288 \r
2289 }\r
2290 .acl-list-item {\r
2291         display: inline-block;\r
2292         width: 190px;\r
2293         height: 30px;\r
2294         border: 1px solid #cccccc;\r
2295         -moz-border-radius: 4px;\r
2296         -webkit-border-radius: 4px;\r
2297         border-radius: 4px;\r
2298         margin-top: 5px;\r
2299         margin-bottom: 5px;\r
2300         margin-right: 2px;\r
2301         margin-left: 2px;\r
2302         padding-left: 5px;\r
2303         /*float: left;*/\r
2304 }\r
2305 .acl-list-item img{\r
2306         width:22px;\r
2307         height: 22px;\r
2308         float: left;\r
2309         margin: 4px;\r
2310 }\r
2311 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
2312 .acl-list-item a {\r
2313         font-size: 10px;\r
2314         display: block;\r
2315         width: 55px;\r
2316         height: 10px;\r
2317         float: left;\r
2318         color: rgb(153, 153, 153);\r
2319         background-color: rgb(204, 204, 204);\r
2320         background-position: 3px 3px;\r
2321         background-repeat: no-repeat;\r
2322         margin-right: 5px;\r
2323 \r
2324         -webkit-border-radius: 2px ;\r
2325         -moz-border-radius: 2px;\r
2326         border-radius: 2px 2px 2px 2px;\r
2327 \r
2328         padding: 0px 5px 3px 15px;\r
2329 }\r
2330 #acl-wrapper a:hover {\r
2331         text-decoration: none;\r
2332         color:#000000;\r
2333 }\r
2334 .acl-button-show { background-image: url("../../../images/show_off.png"); }\r
2335 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }\r
2336 \r
2337 .acl-button-show.selected {\r
2338         color: #000000;\r
2339         background-color: #9ade00;\r
2340         background-image: url("../../../images/show_on.png");\r
2341 }\r
2342 .acl-button-hide.selected {\r
2343         color: #000000;\r
2344         background-color: #ff4141;\r
2345         background-image: url("../../../images/hide_on.png");\r
2346 }\r
2347 .acl-list-item.groupshow { border-color: #9ade00; }\r
2348 .acl-list-item.grouphide { border-color: #ff4141; }\r
2349 /** /acl **/\r
2350 \r
2351 \r
2352 #group-new-submit-wrapper {\r
2353         margin-top: 30px;\r
2354 }\r
2355 \r
2356 #group-edit-name-label {\r
2357         float: left;\r
2358         width: 175px;\r
2359         margin-top: 20px;\r
2360         margin-bottom: 20px;\r
2361 }\r
2362 \r
2363 #group-edit-name {\r
2364         float: left;\r
2365         width: 225px;\r
2366         margin-top: 20px;\r
2367         margin-bottom: 20px;\r
2368 }\r
2369 \r
2370 #group-edit-name-wrapper {\r
2371 \r
2372 \r
2373 \r
2374 }\r
2375 \r
2376 \r
2377 #group_members_select_label {\r
2378         display: block;\r
2379         float: left;\r
2380         width: 175px;\r
2381 }\r
2382 \r
2383 .group_members_select {\r
2384         float: left;\r
2385         width: 230px;\r
2386         overflow: auto;\r
2387 }\r
2388 \r
2389 #group_members_select_end {\r
2390         clear: both;\r
2391 }\r
2392 #group-edit-name-end {\r
2393         clear: both;\r
2394 }\r
2395 \r
2396 #message-new {\r
2397         font-size: 24px;\r
2398 }\r
2399 \r
2400 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {\r
2401         margin-bottom: 10px;\r
2402         margin-top: 20px;\r
2403 }\r
2404 \r
2405 #prvmail-submit {\r
2406         float: left;\r
2407         font-size: 18px;\r
2408         padding: 0.25em 0.5em;\r
2409         margin-top: 10px;\r
2410         margin-right: 30px;\r
2411 }\r
2412 #prvmail-upload-wrapper,\r
2413 #prvmail-link-wrapper,\r
2414 #prvmail-rotator-wrapper {\r
2415         float: left;\r
2416         margin-top: 10px;\r
2417         margin-right: 10px;\r
2418         width: 24px;\r
2419 }\r
2420 \r
2421 #prvmail-end {\r
2422         clear: both;\r
2423 }\r
2424 \r
2425 .mail-list-sender,\r
2426 .mail-list-detail {\r
2427         float: left;\r
2428 }\r
2429 .mail-list-detail {\r
2430         margin-left: 20px;\r
2431 }\r
2432 \r
2433 .mail-list-subject {\r
2434         font-size: 1.1em;\r
2435         margin-top: 10px;\r
2436 }\r
2437 a.mail-list-link {\r
2438     display: block;\r
2439     font-size: 1.3em;\r
2440     padding: 4px 0;\r
2441 }\r
2442 \r
2443 /*\r
2444 *a.mail-list-link:hover {\r
2445 *       background-color: #15607B;\r
2446 *       color: #F5F6FB;\r
2447 *}\r
2448 */\r
2449 \r
2450 .mail-list-outside-wrapper-end {\r
2451         clear: both;\r
2452 \r
2453 }\r
2454 \r
2455 .mail-list-outside-wrapper {\r
2456         margin-top: 30px;\r
2457 }\r
2458 \r
2459 .mail-list-delete-wrapper {\r
2460         float: right;\r
2461         margin-right: 30px;\r
2462         margin-top: 15px;\r
2463 }\r
2464 \r
2465 .mail-list-delete-icon {\r
2466         border: none;\r
2467 }\r
2468 \r
2469 .mail-conv-sender,\r
2470 .mail-conv-detail {\r
2471         float: left;\r
2472 }\r
2473 .mail-conv-detail {\r
2474         margin-left: 20px;\r
2475         margin-bottom: 10px;\r
2476         /*width: 270px;*/\r
2477 }\r
2478 \r
2479 .mail-conv-subject {\r
2480     font-size: 1.4em;\r
2481     margin: 10px 0;\r
2482 }\r
2483 \r
2484 .mail-conv-body {\r
2485         padding-top: 20px;\r
2486         clear: both;\r
2487 }\r
2488 \r
2489 .mail-conv-outside-wrapper-end {\r
2490         clear: both;\r
2491 }\r
2492 \r
2493 .mail-conv-outside-wrapper {\r
2494         margin-top: 30px;\r
2495 }\r
2496 \r
2497 .mail-conv-delete-wrapper {\r
2498         float: right;\r
2499         padding-bottom: 0.5em;\r
2500         margin-right: 5px;\r
2501         margin-top: 15px;\r
2502 }\r
2503 .mail-conv-break {\r
2504         clear: both;\r
2505 }\r
2506 \r
2507 .mail-conv-delete-icon {\r
2508         border: none;\r
2509 }\r
2510 \r
2511 .message-links ul {\r
2512         list-style-type: none;\r
2513         padding: 0px;\r
2514 }\r
2515 \r
2516 .message-links li {\r
2517         margin-top: 10px;\r
2518         float: left;\r
2519 }\r
2520 .message-links a {\r
2521         padding: 3px 5px;\r
2522 }\r
2523 \r
2524 .message-links-end {\r
2525         clear: both;\r
2526 }\r
2527 \r
2528 #poke-desc {\r
2529         margin: 5px 0 10px;\r
2530 }\r
2531 \r
2532 #poke-wrapper  {\r
2533         padding: 10px 0 0px;\r
2534 }\r
2535 \r
2536 #poke-recipient, #poke-action, #poke-privacy-settings {\r
2537         margin: 10px 0 30px;\r
2538 }\r
2539 \r
2540 #poke-recip-label, #poke-action-label, #prvmail-message-label {\r
2541         margin: 10px 0 10px;\r
2542 }\r
2543 \r
2544 #sidebar-group-list ul {\r
2545         list-style-type: none;\r
2546 }\r
2547 \r
2548 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {\r
2549         display: inline-block;\r
2550         height: 12px;\r
2551         width: 12px;\r
2552 }\r
2553 \r
2554 #sidebar-group-list li {\r
2555         margin-top: 10px;\r
2556 }\r
2557 \r
2558 .nets-ul, .fileas-ul, .categories-ul {\r
2559         list-style-type: none;\r
2560 }\r
2561 \r
2562 .nets-ul li, .fileas-ul li, .categories-ul li {\r
2563         margin-top: 10px;\r
2564 }\r
2565 \r
2566 .nets-link {\r
2567         margin-left: 24px;\r
2568 }\r
2569 .nets-all {\r
2570         margin-left: 42px;\r
2571 }\r
2572 \r
2573 .fileas-link, .categories-link {\r
2574         margin-left: 24px;\r
2575 }\r
2576 \r
2577 .fileas-all, .categories-all {\r
2578         margin-left: 0px;\r
2579 }\r
2580 \r
2581 #search-save {\r
2582         font-size: 18px;\r
2583         padding: 5px 10px;\r
2584         margin-left: 5px;\r
2585 }\r
2586 .groupsideedit {\r
2587         margin-right: 10px;\r
2588 }\r
2589 #saved-search-ul {\r
2590         list-style-type: none;\r
2591 }\r
2592 .savedsearchdrop, .savedsearchterm {\r
2593         float: left;\r
2594         margin-top: 10px;\r
2595 }\r
2596 .savedsearchterm {\r
2597         margin-left: 10px;\r
2598 }\r
2599 \r
2600 \r
2601 #side-follow-wrapper {\r
2602         margin-top: 20px;\r
2603 }\r
2604 #side-follow-url, #side-peoplefind-url {\r
2605         margin-top: 5px;\r
2606 }\r
2607 #side-follow-submit, #side-peoplefind-submit {\r
2608         font-size: 18px;\r
2609         padding: 5px 10px;\r
2610         margin: 10px 0px 10px 10px;\r
2611 }\r
2612 \r
2613 #side-match-link {\r
2614         margin-top: 10px;\r
2615 }\r
2616 \r
2617 aside input[type='text'] {\r
2618  width: 174px;\r
2619 }\r
2620 \r
2621 .widget {\r
2622         border: 1px solid #DDDDDD;\r
2623         padding: 18px;\r
2624         margin-top: 5px;\r
2625         -moz-border-radius:5px;\r
2626         -webkit-border-radius:5px;\r
2627         border-radius:5px;\r
2628 }\r
2629 .widget.settings-widget {\r
2630         padding: 0;\r
2631 }\r
2632 \r
2633 \r
2634 \r
2635 /*.photos {\r
2636         height: auto;\r
2637         overflow: auto;\r
2638 }*/\r
2639 \r
2640 .photos-end {\r
2641         clear: both;\r
2642         margin-bottom: 25px;\r
2643 }\r
2644 \r
2645 .photo-album-image-wrapper {\r
2646         float: left;\r
2647         margin-top: 15px;\r
2648         margin-right: 15px;\r
2649         margin-left: 15px;\r
2650 /*      width: 200px; height: 200px;\r
2651         overflow: hidden;\r
2652         position: relative; */\r
2653 }\r
2654 .photo-album-image-wrapper .caption {\r
2655         display: none;\r
2656         width: 100%;\r
2657 /*      position: absolute; */\r
2658         bottom: 0px;\r
2659         padding: 0.5em 0.5em 0px 0.5em;\r
2660         background-color: rgba(245, 245, 255, 0.8);\r
2661         border-bottom: 2px solid #CCC;\r
2662         margin: 0px;\r
2663 }\r
2664 .photo-album-image-wrapper a:hover .caption {\r
2665         display:block;\r
2666 }\r
2667 \r
2668 #photo-album-end {\r
2669         clear: both;\r
2670         margin-bottom: 25px;\r
2671 }\r
2672 \r
2673 .photo-top-image-wrapper {\r
2674 /*      position: relative;\r
2675         float: left;*/\r
2676         display: inline-block;\r
2677         vertical-align: top;\r
2678         margin-top: 15px;\r
2679         margin-right: 15px;\r
2680         margin-left: 15px;\r
2681         margin-bottom: 15px;\r
2682 /*      width: 200px; height: 200px;\r
2683         overflow: hidden; */\r
2684 }\r
2685 .photo-top-image-wrapper img {\r
2686         max-width: 290px;\r
2687         border-radius: 10px;\r
2688         -moz-border-radius: 10px;\r
2689         -webkit-border-radius: 10px;\r
2690 }\r
2691 .photo-top-album-name {\r
2692         width: 100%;\r
2693         min-height: 2em;\r
2694 /*      position: absolute;  */\r
2695         bottom: 0px;\r
2696         padding: 0px 3px;\r
2697         padding-top: 0.5em;\r
2698         background-color: rgb(255, 255, 255);\r
2699 }\r
2700 #photo-top-end {\r
2701         clear: both;\r
2702 }\r
2703 \r
2704 #photo-top-links {\r
2705         margin-bottom: 30px;\r
2706         margin-left: 30px;\r
2707 }\r
2708 \r
2709 #photos-upload-form {\r
2710         text-align: center;\r
2711 }\r
2712 \r
2713 #photos-upload-newalbum-div, #photos-upload-existing-album-text {\r
2714         /*float: left;*/\r
2715         display: inline-block;\r
2716         width: 175px;\r
2717         text-align: left;\r
2718 }\r
2719 \r
2720 #photos-upload-noshare {\r
2721         margin-bottom: 10px;\r
2722 }\r
2723 #photos-upload-noshare-div {\r
2724         margin-top: 2em;\r
2725         margin-bottom: 15px;\r
2726 }\r
2727 \r
2728 #photos-upload-noshare-label {\r
2729         margin-left: 25px;\r
2730 }\r
2731 \r
2732 #photos-upload-newalbum {\r
2733         width: 15em;\r
2734 }\r
2735 #photos-upload-album-select {\r
2736         width: 15.7em;\r
2737 }\r
2738 \r
2739 \r
2740 #photos-upload-spacer {\r
2741         margin-top: 25px;\r
2742 }\r
2743 #photos-upload-new-end, #photos-upload-exist-end {\r
2744         clear: both;\r
2745 }\r
2746 #photos-upload-exist-end {\r
2747         margin-bottom: 15px;\r
2748 }\r
2749 \r
2750 #photos_upload_applet_wrapper {\r
2751         margin-bottom: 15px;\r
2752 }\r
2753 \r
2754 #photos-upload-no-java-message {\r
2755         margin-bottom: 15px;\r
2756 }\r
2757 \r
2758 #character-counter {\r
2759         float: right;\r
2760         font-size: 120%;\r
2761 }\r
2762 \r
2763 #character-counter.grey {\r
2764         color: #888888;\r
2765 }\r
2766 \r
2767 #character-counter.orange {\r
2768         color: orange;\r
2769 }\r
2770 #character-counter.red {\r
2771         color: red;\r
2772 }\r
2773 \r
2774 #profile-jot-banner-end {\r
2775         /* clear: both; */\r
2776 }\r
2777 \r
2778 #photos-upload-select-files-text {\r
2779         margin-top: 15px;\r
2780         margin-bottom: 15px;\r
2781 }\r
2782 \r
2783 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {\r
2784         color: #8888FF;\r
2785         text-decoration: none;\r
2786         cursor: pointer;\r
2787 }\r
2788 \r
2789 #photos-upload-perms-menu {\r
2790         margin-left: 15px;\r
2791 }\r
2792 \r
2793 #photos-upload-perms-menu:hover {\r
2794         color: #0000FF;\r
2795         text-decoration: underline;\r
2796         cursor: pointer;\r
2797 }\r
2798 #settings-default-perms-menu {\r
2799         margin-top: 15px;\r
2800         margin-bottom: 15px;\r
2801 }\r
2802 \r
2803 .photo-edit-input-text {\r
2804         display: inline-block;\r
2805         text-align: left;\r
2806 }\r
2807 \r
2808 #photo_edit_form {\r
2809         text-align: center;\r
2810 }\r
2811 \r
2812 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {\r
2813         /*float: left;*/\r
2814         display: inline-block;\r
2815         width: 150px;\r
2816 }\r
2817 \r
2818 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {\r
2819         font-weight: 700;\r
2820 }\r
2821 \r
2822 .photo-perms-icon {\r
2823         float: left;\r
2824 }\r
2825 \r
2826 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {\r
2827         text-decoration: none;\r
2828         display: inline-block;\r
2829 }\r
2830 \r
2831 #photos-upload-perms-menu #jot-perms-icon {\r
2832         margin-right: 1em;\r
2833 }\r
2834 \r
2835 .photo-jot-perms-text {\r
2836         padding-top: 5px;\r
2837         padding-left: 40px;\r
2838 }\r
2839 \r
2840 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {\r
2841         margin-top: 30px;\r
2842         display: inline-block;\r
2843 }\r
2844 #photos-upload-perms {\r
2845         margin-top: 15px;\r
2846         margin-left: 5px;\r
2847 }\r
2848 \r
2849 #photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper {\r
2850         margin-top: 30px;\r
2851         margin-left: 20px;\r
2852 }\r
2853 \r
2854 #advanced-expire-popup {\r
2855         padding-left: 1em;\r
2856         margin-top: 15px;\r
2857         border: 1px solid #aaa;\r
2858         border-radius: 10px;\r
2859         -moz-border-radius: 10px;\r
2860         -webkit-border-radius: 10px;\r
2861 }\r
2862 \r
2863 #photo-edit-perms-end {\r
2864         margin-bottom: 15px;\r
2865 }\r
2866 \r
2867 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {\r
2868         /*float: left;*/\r
2869         margin-bottom: 25px;\r
2870 }\r
2871 \r
2872 .photo-edit-rotate-choice {\r
2873         display: inline-block;\r
2874 }\r
2875 \r
2876 .photo-edit-rotate {\r
2877         float: left;\r
2878         margin-left: 20px;\r
2879 \r
2880 }\r
2881 #photo-edit-link-wrap {\r
2882         margin-bottom: 15px;\r
2883 }\r
2884 #photo-like-div {\r
2885         margin-left: 15px;\r
2886         margin-bottom: 65px;\r
2887 }\r
2888 \r
2889 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {\r
2890         clear: both;\r
2891 }\r
2892 \r
2893 #photo-edit-rotate-end {\r
2894         margin-bottom: 15px;\r
2895 }\r
2896 \r
2897 #photo-edit-submit-button, #photo-edit-delete-button, #photos-upload-submit {\r
2898         margin-top: 30px;\r
2899         padding: 0.25em 0.5em;\r
2900         font-size: 18px;\r
2901 }\r
2902 #photo-edit-submit-button {\r
2903         margin-left: 10px;\r
2904 }\r
2905 #photo-edit-delete-button {\r
2906         margin-left: 45px;\r
2907 }\r
2908 #photos-upload-choose {\r
2909 /*      position: absolute;\r
2910         top: 460px;\r
2911         left: 5px;*/\r
2912         margin-top: 1em;\r
2913 }\r
2914 #photos-upload-submit {\r
2915         margin-top: 0px;\r
2916         margin-bottom: 20px;\r
2917 }\r
2918 .settings-submit, .profile-edit-submit-button, .settings-features-submit {\r
2919         padding: 0.25em 0.5em;\r
2920         margin-bottom: 10px;\r
2921         font-size: 18px;\r
2922 }\r
2923 #photo-edit-end {\r
2924         margin-bottom: 35px;\r
2925 }\r
2926 #photo-caption {\r
2927         font-size: 110%;\r
2928         font-weight: bold;\r
2929         margin-top: 15px;\r
2930         margin-bottom: 15px;\r
2931 }\r
2932 \r
2933 #in-this-photo-text {\r
2934         color: #0000FF;\r
2935         margin-left: 30px;\r
2936 }\r
2937 \r
2938 #in-this-photo {\r
2939         margin-left: 60px;\r
2940         margin-top: 10px;\r
2941         margin-bottom: 20px;\r
2942 }\r
2943 \r
2944 #photo-album-edit-form {\r
2945         max-width: 100%;\r
2946         padding-left: 0.5em;\r
2947         padding-right: 0.5em;\r
2948 }\r
2949 #photo-album-edit-form input {\r
2950         max-width: 100%;\r
2951 }\r
2952 #photo-album-edit-name-label {\r
2953         display: block;\r
2954 }\r
2955 \r
2956 #photo-album-edit-submit, #photo-album-edit-drop {\r
2957         margin-top: 15px;\r
2958         margin-bottom: 15px;\r
2959 \r
2960         padding: 0.25em 0.5em;\r
2961         font-size: 18px;\r
2962 }\r
2963 \r
2964 #photo-album-edit-drop {\r
2965         margin-left: 2em;\r
2966 }\r
2967 \r
2968 .group-delete-wrapper {\r
2969         float: right;\r
2970         margin-right: 50px;\r
2971 }\r
2972 \r
2973 #install-dbhost-label,\r
2974 #install-dbuser-label,\r
2975 #install-dbpass-label,\r
2976 #install-dbdata-label,\r
2977 #install-tz-desc {\r
2978        float: left;\r
2979        width: 250px;\r
2980        margin-top: 10px;\r
2981        margin-bottom: 10px;\r
2982 \r
2983 }\r
2984 \r
2985 #install-dbhost,\r
2986 #install-dbuser,\r
2987 #install-dbpass,\r
2988 #install-dbdata {\r
2989        float: left;\r
2990        width: 200px;\r
2991        margin-left: 20px;\r
2992 }\r
2993 \r
2994 #install-dbhost-end,\r
2995 #install-dbuser-end,\r
2996 #install-dbpass-end,\r
2997 #install-dbdata-end,\r
2998 #install-tz-end {\r
2999        clear: both;\r
3000 }\r
3001 \r
3002 #install-form select#timezone_select {\r
3003        float: left;\r
3004        margin-top: 18px;\r
3005        margin-left: 20px;\r
3006 }\r
3007 \r
3008 #dfrn-request-networks {\r
3009         margin-bottom: 30px;\r
3010 }\r
3011 \r
3012 #pause {\r
3013   position: fixed;\r
3014   bottom: 5px;\r
3015   right: 5px;\r
3016 }\r
3017 \r
3018 .sparkle {\r
3019         cursor: url('lock.cur'), pointer;\r
3020 /*      cursor: pointer !important; */\r
3021 }\r
3022 \r
3023 .contact-block-div {\r
3024         float: left;\r
3025         width: 52px;\r
3026         height: 52px;\r
3027 }\r
3028 .contact-block-textdiv {\r
3029         float: left;\r
3030         width: 150px;\r
3031         height: 34px;\r
3032 }\r
3033 \r
3034 #contact-block-end {\r
3035         clear: both;\r
3036 }\r
3037 .contact-block-link {\r
3038         float: left;\r
3039 }\r
3040 .contact-block-img {\r
3041         width:48px;\r
3042         height:48px;\r
3043 }\r
3044 \r
3045 #tag-remove {\r
3046         margin-bottom: 15px;\r
3047 }\r
3048 \r
3049 #tagrm li {\r
3050         margin-bottom: 10px;\r
3051 }\r
3052 \r
3053 #tagrm-submit, #tagrm-cancel {\r
3054         margin-top: 25px;\r
3055 }\r
3056 \r
3057 #tagrm-cancel {\r
3058         margin-left: 15px;\r
3059 }\r
3060 \r
3061 .wall-item-conv {\r
3062         margin-top: 5px;\r
3063         margin-bottom: 25px;\r
3064 }\r
3065 \r
3066 #search-submit {\r
3067         font-size: 18px;\r
3068         padding: 5px 10px;\r
3069         margin-left: 15px;\r
3070 }\r
3071 \r
3072 #search-box {\r
3073         margin-bottom: 25px;\r
3074 }\r
3075 \r
3076 .location-label, .gender-label, .marital-label, .homepage-label, .network-label {\r
3077         float: left;\r
3078         text-align: right;\r
3079         display: block;\r
3080         width: 65px;\r
3081 }\r
3082 \r
3083 .adr, .x-gender, .marital-text, .homepage-url, .x-network {\r
3084         float: left;\r
3085         display: block;\r
3086         margin-left: 8px;\r
3087 }\r
3088 \r
3089 .profile-clear {\r
3090         clear: both;\r
3091 }\r
3092 \r
3093 \r
3094 .clear {\r
3095         clear: both;\r
3096 }\r
3097 \r
3098 .cc-license {\r
3099         margin-top: 50px;\r
3100         font-size: 70%;\r
3101 }\r
3102 \r
3103 \r
3104 #plugin-settings-link, #account-settings-link {\r
3105         margin-bottom: 10px;\r
3106 }\r
3107 \r
3108 #uexport-link {\r
3109         margin-bottom: 20px;\r
3110 }\r
3111 \r
3112 /* end from default */\r
3113 \r
3114 \r
3115 .fn {\r
3116         padding: 1em 0px 5px 12px;\r
3117         font-size: 120%;\r
3118         font-weight: bold;\r
3119 }\r
3120 \r
3121 .vcard .title,\r
3122 .vcard .p-addr,\r
3123 .vcard .account-type {\r
3124         margin-bottom: 5px;\r
3125         margin-left: 12px;\r
3126 }\r
3127 \r
3128 .vcard .account-type {\r
3129         font-size: 120%;\r
3130         margin-bottom: 13px;\r
3131 }\r
3132 \r
3133 .vcard dl {\r
3134         clear: both;\r
3135 }\r
3136 \r
3137 #birthday-title {\r
3138         float: left;\r
3139         font-weight: bold;\r
3140 }\r
3141 \r
3142 #birthday-adjust {\r
3143         float: left;\r
3144         font-size: 75%;\r
3145         margin-left: 10px;\r
3146 }\r
3147 \r
3148 #birthday-title-end {\r
3149         clear: both;\r
3150 }\r
3151 \r
3152 .birthday-list {\r
3153         margin-left: 15px;\r
3154 }\r
3155 \r
3156 #birthday-wrapper {\r
3157         margin-bottom: 20px;\r
3158 }\r
3159 \r
3160 #network-new-link {\r
3161         margin-top: 15px;\r
3162         margin-bottom: 15px;\r
3163 }\r
3164 \r
3165 \r
3166 .tool-wrapper {\r
3167   float: left;\r
3168   margin-left: 15px;\r
3169 }\r
3170 \r
3171 .tool-link {\r
3172   cursor: pointer;\r
3173 }\r
3174 \r
3175 .eventcal {\r
3176         float: left;\r
3177         font-size: 20px;\r
3178 }\r
3179 \r
3180 #event-summary-text {\r
3181         margin-top: 15px;\r
3182 }\r
3183 \r
3184 #event-share-checkbox {\r
3185         float: left;\r
3186         margin-top: 10px;\r
3187 }\r
3188 \r
3189 #event-share-text {\r
3190         float: left;\r
3191         margin-top: 10px;\r
3192         margin-left: 5px;\r
3193 }\r
3194 \r
3195 #event-share-break {\r
3196         clear: both;\r
3197         margin-bottom: 10px;\r
3198 }\r
3199 \r
3200 #event-summary {\r
3201         width: 280px;\r
3202 }\r
3203 \r
3204 .vevent {\r
3205         border: 1px solid #CCCCCC;\r
3206 }\r
3207 \r
3208 .vevent .event-summary {\r
3209         margin-left: 10px;\r
3210         margin-right: 10px;\r
3211         font-weight: bold;\r
3212 }\r
3213 \r
3214 .vevent .event-description, .vevent .event-location {\r
3215         margin-left: 10px;\r
3216         margin-right: 10px;\r
3217 }\r
3218 .vevent .event-start {\r
3219         margin-left: 10px;\r
3220         margin-right: 10px;\r
3221 }\r
3222 \r
3223 #new-event-link {\r
3224         margin-bottom: 10px;\r
3225 }\r
3226 \r
3227 .edit-event-link, .plink-event-link {\r
3228         float: left;\r
3229         margin-top: 4px;\r
3230         margin-right: 4px;\r
3231         margin-bottom: 15px;\r
3232 }\r
3233 \r
3234 .event-description:before {\r
3235         content: url('../../../images/calendar.png');\r
3236         margin-right: 15px;\r
3237 }\r
3238 \r
3239 .event-start, .event-end {\r
3240         font-size: 14px;\r
3241         margin-left: 10px;\r
3242         width: 280px;\r
3243         clear: both;\r
3244         padding-bottom: 1.5em;\r
3245 }\r
3246 \r
3247 .event-start .dtstart, .event-end .dtend {\r
3248         clear: both;\r
3249         float: left;\r
3250 }\r
3251 \r
3252 .event-list-date {\r
3253         margin-bottom: 10px;\r
3254 }\r
3255 \r
3256 .prevcal, .nextcal {\r
3257         float: left;\r
3258         margin-left: 32px;\r
3259         margin-right: 32px;\r
3260         margin-top: 64px;\r
3261 }\r
3262 .event-calendar-end {\r
3263         clear: both;\r
3264 }\r
3265 \r
3266 \r
3267 .calendar {\r
3268         font-family: Courier, monospace;\r
3269 }\r
3270 .today {\r
3271         font-weight: bold;\r
3272         color: #FF0000;\r
3273 }\r
3274 \r
3275 .settings-block {\r
3276         border: 1px solid #AAA;\r
3277         margin: 10px;\r
3278         padding: 10px;\r
3279 }\r
3280 \r
3281 .app-title {\r
3282         margin: 10px;\r
3283 }\r
3284 \r
3285 .itentity-match-wrapper {\r
3286         float: left;\r
3287         padding: 10px;\r
3288         width: 120px;\r
3289         height: 140px;\r
3290         margin-bottom: 20px;\r
3291 }\r
3292 \r
3293 .identity-match-photo {\r
3294         float: left;\r
3295         text-align: center;\r
3296         width: 120px;\r
3297 }\r
3298 \r
3299 .identity-match-name {\r
3300         text-align: center;\r
3301 }\r
3302 \r
3303 .identity-match-details {\r
3304         float: left;\r
3305         text-align: center;\r
3306         width: 120px;\r
3307         overflow: hidden;\r
3308         font-size: 10px;\r
3309         font-weight: 500;\r
3310         color: #999999;\r
3311 }\r
3312 \r
3313 .identity-match-break, .identity-match-end {\r
3314         clear: both;\r
3315 }\r
3316 \r
3317 .identity-match-photo button {\r
3318         border: none;\r
3319         padding: 0;\r
3320         margin: 0;\r
3321         background: none;\r
3322         height: 80px;\r
3323         width: 80px;\r
3324 }\r
3325 \r
3326 .selected-identity img {\r
3327         border: 2px solid #ff0000;\r
3328 }\r
3329 \r
3330 #photo-nav {\r
3331         position: relative;\r
3332         height: 55px;\r
3333 }\r
3334 \r
3335 #photo-prev-link {\r
3336         position: absolute;\r
3337         left: 5px;\r
3338 }\r
3339 #photo-next-link {\r
3340         position: absolute;\r
3341         right: 5px;\r
3342 }\r
3343 #photo-prev-link, #photo-next-link {\r
3344         padding: 10px;\r
3345 /*      float: left;*/\r
3346 }\r
3347 \r
3348 /*#photo-photo {\r
3349         float: left;\r
3350 }*/\r
3351 \r
3352 #photo-photo {\r
3353         display: block;\r
3354         margin-left: auto;\r
3355         margin-right: auto;\r
3356         text-align: center;\r
3357 }\r
3358 \r
3359 #photo-photo img {\r
3360         max-width: 100%;\r
3361 }\r
3362 \r
3363 #photo-photo-end {\r
3364         clear: both;\r
3365 }\r
3366 \r
3367 .profile-match-photo {\r
3368         float: left;\r
3369         text-align: center;\r
3370         width: 120px;\r
3371 }\r
3372 \r
3373 .profile-match-name {\r
3374         float: left;\r
3375         text-align: center;\r
3376         width: 120px;\r
3377         overflow: hidden;\r
3378 }\r
3379 \r
3380 .profile-match-break,\r
3381 .profile-match-end {\r
3382         clear: both;\r
3383 }\r
3384 \r
3385 .profile-match-connect {\r
3386         text-align: center;\r
3387         font-weight: bold;\r
3388 }\r
3389 \r
3390 .profile-match-wrapper {\r
3391         display: inline-block;\r
3392         padding: 10px;\r
3393         /*width: 120px;\r
3394         height: 120px;*/\r
3395         scroll: auto;\r
3396         margin-bottom: 2em;\r
3397         vertical-align: top;\r
3398 }\r
3399 .profile-match-wrapper .icon.drophide {\r
3400         margin-left: auto;\r
3401         margin-right: auto;\r
3402         margin-top: 1em;\r
3403 }\r
3404 #profile-match-wrapper-end {\r
3405         clear: both;\r
3406 }\r
3407 \r
3408 .side-link {\r
3409         margin-bottom: 15px;\r
3410 }\r
3411 \r
3412 \r
3413 #group-members {\r
3414         margin-top: 20px;\r
3415         padding: 10px;\r
3416         height: 250px;\r
3417         overflow: auto;\r
3418         border: 1px solid #ddd;\r
3419 }\r
3420 \r
3421 #group-members-end {\r
3422         clear: both;\r
3423 }\r
3424 \r
3425 #group-separator {\r
3426         margin-top: 10px;\r
3427         margin-bottom: 10px;\r
3428 }\r
3429 \r
3430 #group-all-contacts {\r
3431         padding: 10px;\r
3432         height: 450px;\r
3433         overflow: auto;\r
3434         border: 1px solid #ddd;\r
3435 }\r
3436 \r
3437 #group-all-contacts-end {\r
3438         clear: both;\r
3439         margin-bottom: 10px;\r
3440 }\r
3441 \r
3442 #group-edit-desc {\r
3443         margin-top: 15px;\r
3444 }\r
3445 \r
3446 \r
3447 #prof-members {\r
3448         margin-top: 20px;\r
3449         padding: 10px;\r
3450         height: 250px;\r
3451         overflow: auto;\r
3452         border: 1px solid #ddd;\r
3453 }\r
3454 \r
3455 #prof-members-end {\r
3456         clear: both;\r
3457 }\r
3458 \r
3459 #prof-separator {\r
3460         margin-top: 10px;\r
3461         margin-bottom: 10px;\r
3462 }\r
3463 \r
3464 #prof-all-contacts {\r
3465         padding: 10px;\r
3466         height: 450px;\r
3467         overflow: auto;\r
3468         border: 1px solid #ddd;\r
3469 }\r
3470 \r
3471 #prof-all-contacts-end {\r
3472         clear: both;\r
3473         margin-bottom: 10px;\r
3474 }\r
3475 \r
3476 #prof-edit-desc {\r
3477         margin-top: 15px;\r
3478 }\r
3479 \r
3480 #crepair-name-label,\r
3481 #crepair-nick-label,\r
3482 #crepair-attag-label,\r
3483 #crepair-url-label,\r
3484 #crepair-request-label,\r
3485 #crepair-confirm-label,\r
3486 #crepair-notify-label,\r
3487 #crepair-photo-label,\r
3488 #crepair-poll-label {\r
3489         float: left;\r
3490         width: 200px;\r
3491         margin-bottom: 15px;\r
3492 }\r
3493 \r
3494 #crepair-name,\r
3495 #crepair-nick,\r
3496 #crepair-attag,\r
3497 #crepair-url,\r
3498 #crepair-request,\r
3499 #crepair-confirm,\r
3500 #crepair-notify,\r
3501 #crepair-photo,\r
3502 #crepair-poll {\r
3503         float: left;\r
3504         width: 300px;\r
3505 }\r
3506 \r
3507 \r
3508 #netsearch-box {\r
3509         margin-top: 20px;\r
3510 }\r
3511 \r
3512 #netsearch-box #search-submit {\r
3513         margin: 5px 0px 0px 0px;\r
3514 }\r
3515 \r
3516 .required {\r
3517         color: #FF0000;\r
3518 }\r
3519 \r
3520 #event-start-text, #event-finish-text {\r
3521         margin-top: 10px;\r
3522         margin-bottom: 5px;\r
3523 }\r
3524 \r
3525 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {\r
3526         float: left;\r
3527 }\r
3528 #event-datetime-break {\r
3529         margin-bottom: 10px;\r
3530 }\r
3531 \r
3532 #event-nofinish-break, #event-adjust-break {\r
3533         clear: both;\r
3534 }\r
3535 \r
3536 #event-desc-text, #event-location-text {\r
3537         margin-top: 10px;\r
3538         margin-bottom: 5px;\r
3539 }\r
3540 #event-submit {\r
3541         margin-top: 10px;\r
3542 }\r
3543 \r
3544 .filesavetags, .categorytags {\r
3545         display: block;\r
3546         clear: left;\r
3547 }\r
3548 \r
3549 .body-tag, .filesavetags, .categorytags {\r
3550         opacity: 0.5;\r
3551         filter:alpha(opacity=50);\r
3552 }\r
3553 \r
3554 .body-tag:hover, .filesavetags:hover, .categorytags:hover {\r
3555         opacity: 1.0 !important;\r
3556         filter:alpha(opacity=100) !important;\r
3557 }\r
3558 \r
3559 .item-select {\r
3560         display: none;\r
3561         opacity: 0.1;\r
3562         filter:alpha(opacity=10);\r
3563         float: right;\r
3564         margin-right: 10px;\r
3565 \r
3566 }\r
3567 .item-select:hover, .checkeditem {\r
3568         opacity: 1;\r
3569         filter:alpha(opacity=100);\r
3570 }\r
3571 \r
3572 \r
3573 #item-delete-selected {\r
3574         margin-top: 30px;\r
3575 }\r
3576 \r
3577 #item-delete-selected-end {\r
3578         clear: both;\r
3579 }\r
3580 #item-delete-selected-icon, #item-delete-selected-desc {\r
3581         float: left;\r
3582         margin-right: 5px;\r
3583 }\r
3584 #item-delete-selected-desc:hover {\r
3585         text-decoration: underline;\r
3586 }\r
3587 \r
3588 .notif-image {\r
3589         height: 80px;\r
3590         width: 80px;\r
3591         margin-right: 15px;\r
3592 }\r
3593 .notification-listing-end {\r
3594         clear: both;\r
3595         margin-bottom: 15px;\r
3596 }\r
3597 \r
3598 \r
3599 \r
3600 /**\r
3601  * Plugins settings\r
3602  */\r
3603 \r
3604 .settings-block > h3,\r
3605 .settings-heading {\r
3606         border-bottom: 1px solid #babdb6;\r
3607 }\r
3608 \r
3609 \r
3610 \r
3611 /**\r
3612  * Form fields\r
3613  */\r
3614 .field {\r
3615         margin-bottom: 10px;\r
3616         padding-bottom: 10px;\r
3617         overflow: auto;\r
3618 /*      width: 100%*/\r
3619 }\r
3620 \r
3621 .field label {\r
3622         font-weight: 700;\r
3623         float: left;\r
3624         width: 200px;\r
3625 }\r
3626 \r
3627 .field input,\r
3628 .field textarea {\r
3629         width: 230px;\r
3630         margin-left: 20px;\r
3631 }\r
3632 .field input[type=checkbox],\r
3633 .field input[type=radio] {\r
3634         width: auto;\r
3635 }\r
3636 .field textarea { height: 100px; }\r
3637 .field_help {\r
3638         display: block;\r
3639         margin-left: 20px;\r
3640         color: #666666;\r
3641         clear: left;\r
3642 }\r
3643 \r
3644 \r
3645 \r
3646 .field .onoff {\r
3647         float: left;\r
3648         width: 80px;\r
3649 }\r
3650 .field .onoff a {\r
3651         display: block;\r
3652         border:1px solid #666666;\r
3653         background-image:url("../../../images/onoff.jpg");\r
3654         background-repeat: no-repeat;\r
3655         padding: 4px 2px 2px 2px;\r
3656         height: 16px;\r
3657         text-decoration: none;\r
3658 }\r
3659 .field .onoff .off {\r
3660 \r
3661         border-color:#666666;\r
3662         padding-left: 40px;\r
3663         background-position: left center;\r
3664         background-color: #cccccc;\r
3665         color: #666666;\r
3666         text-align: right;\r
3667 }\r
3668 .field .onoff .on {\r
3669         border-color:#204A87;\r
3670         padding-right: 40px;\r
3671         background-position: right center;\r
3672         background-color: #D7E3F1;\r
3673         color: #204A87;\r
3674         text-align: left;\r
3675 }\r
3676 .hidden { display: none!important; }\r
3677 \r
3678 .field.radio .field_help { margin-left: 20px; }\r
3679 \r
3680 /**\r
3681  * ADMIN\r
3682  */\r
3683 #pending-update {\r
3684         float:right;\r
3685         color: #ffffff;\r
3686         font-weight: bold;\r
3687         background-color: #FF0000;\r
3688         padding: 0em 0.3em;\r
3689 \r
3690 }\r
3691 #adminpage dl {\r
3692         clear: left;\r
3693         min-height: 40px;\r
3694         margin-bottom: 2px;\r
3695         padding-bottom: 2px;\r
3696         border-bottom: 1px solid black;\r
3697 }\r
3698 #adminpage dt {\r
3699         width: 180px;\r
3700         float: left;\r
3701         font-weight: bold;\r
3702 }\r
3703 #adminpage dd {\r
3704         margin-left: 180px;\r
3705 }\r
3706 \r
3707 #adminpage h3 {\r
3708         border-bottom: 1px solid #cccccc;\r
3709 }\r
3710 #adminpage .field label {\r
3711         font-weight: bold;\r
3712 }\r
3713 #adminpage .submit {\r
3714         clear:left;\r
3715         text-align: right;\r
3716 }\r
3717 \r
3718 #adminpage #pluginslist {\r
3719         margin: 0px; padding: 0px;\r
3720 }\r
3721 #adminpage .plugin {\r
3722         list-style: none;\r
3723         display: block;\r
3724         border: 1px solid #888888;\r
3725         padding: 1em;\r
3726         margin-bottom: 5px;\r
3727         clear: left;\r
3728 }\r
3729 #adminpage .plugin .desc { margin-left: 2.5em;}\r
3730 #adminpage .toggleplugin {\r
3731         float:left;\r
3732         margin-right: 1em;\r
3733 }\r
3734 \r
3735 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}\r
3736 #adminpage table th { text-align: left;}\r
3737 #adminpage td .icon { float: left;}\r
3738 #adminpage table#users img { width: 16px; height: 16px; }\r
3739 #adminpage table tr:hover { background-color: #bbc7d7; }\r
3740 #adminpage .selectall { text-align: right; }\r
3741 \r
3742 #cnftheme {\r
3743         display: none;\r
3744 }\r
3745 \r
3746 /*\r
3747  * UPDATE\r
3748  */\r
3749 .popup {\r
3750         width: 100%; height: 100%;\r
3751         top:0px; left:0px;\r
3752         position: absolute;\r
3753         display: none;\r
3754 }\r
3755 \r
3756 .popup .background {\r
3757         background-color: rgba(0,0,0,128);\r
3758         opacity: 0.5;\r
3759         width: 100%; height: 100%;\r
3760         position: absolute;\r
3761         top:0px; left:0px;\r
3762 }\r
3763 .popup .panel {\r
3764         top:25%;left:25%;width:50%;height:50%;\r
3765         padding: 1em;\r
3766         position: absolute;\r
3767         border: 4px solid #000000;\r
3768         background-color: #FFFFFF;\r
3769 }\r
3770 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }\r
3771 .popup .panel .panel_in { width: 100%; height: 100%;    position: relative; }\r
3772 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }\r
3773 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}\r
3774 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}\r
3775 \r
3776 /**\r
3777  * OAuth\r
3778  */\r
3779 .oauthapp {\r
3780         height: auto; overflow: auto;\r
3781         border-bottom: 2px solid #cccccc;\r
3782         padding-bottom: 1em;\r
3783         margin-bottom: 1em;\r
3784 }\r
3785 .oauthapp img {\r
3786         float: left;\r
3787         width: 48px; height: 48px;\r
3788         margin: 10px;\r
3789 }\r
3790 .oauthapp img.noicon {\r
3791         background-image: url("../../../images/icons/48/plugin.png");\r
3792         background-position: center center;\r
3793         background-repeat: no-repeat;\r
3794 }\r
3795 .oauthapp a {\r
3796         float: left;\r
3797 }\r
3798 \r
3799 /**\r
3800  * ICONS\r
3801  */\r
3802 .iconspacer {\r
3803         display: block; width: 16px; height: 16px;\r
3804 }\r
3805 \r
3806 .icon {\r
3807         display: block; width: 16px; height: 16px;\r
3808         background-image: url('../../../images/icons.png');\r
3809 }\r
3810 .article { background-position: 0px 0px;}\r
3811 .icon.audio { display: none; background-position: -16px 0px;}\r
3812 .block { background-position: -32px 0px;}\r
3813 /*.drop { background-position: -48px 0px;}\r
3814 .drophide { background-position: -64px 0px;}*/\r
3815 .icon.drop {\r
3816         display: block; width: 28px; height: 28px;\r
3817         background-size: 100% 100%;\r
3818         background-image: url('images/drop-darkred.png');\r
3819         background-repeat: no-repeat;\r
3820 }\r
3821 .icon.drophide {\r
3822         display: block; width: 28px; height: 28px;\r
3823         background-size: 100% 100%;\r
3824         background-image: url('images/drop-darkred.png');\r
3825         background-repeat: no-repeat;\r
3826 }\r
3827 .edit { background-position: -80px 0px;}\r
3828 /*.camera { background-position: -96px 0px;}*/\r
3829 .icon.camera {\r
3830         display: block; width: 28px; height: 21px;\r
3831         margin-top: 4px;\r
3832         background-size: 100% 100%;\r
3833         background-image: url('images/camera.png');\r
3834         background-repeat: no-repeat;\r
3835 }\r
3836 /*.dislike { background-position: -112px 0px;}*/\r
3837 .icon.dislike {\r
3838         display: block;\r
3839         width: 26px; height: 28px;/*31 33*/\r
3840         background-size: 100% 100%;\r
3841         background-image: url('images/disapprove.png');\r
3842         background-repeat: no-repeat;\r
3843         opacity: 0.5;\r
3844 }\r
3845 /*.like { background-position: -128px 0px;}*/\r
3846 .icon.like {\r
3847         display: block; width: 26px; height: 28px;/*31 33*/\r
3848         margin-right: 7px;\r
3849         background-size: 100% 100%;\r
3850         background-image: url('images/approve.png');\r
3851         background-repeat: no-repeat;\r
3852         opacity: 0.5;\r
3853 }\r
3854 \r
3855 .icon.link {\r
3856     display: block;  width: 22px; height: 24px;\r
3857     background-size: 100% 100%;\r
3858     background-image: url('images/link.png');\r
3859     background-repeat: no-repeat;\r
3860 \r
3861 }\r
3862 \r
3863 /*.globe { background-position: 0px -16px;}*/\r
3864 .icon.globe {\r
3865         display: block; width: 28px; height: 28px;\r
3866         background-size: 100% 100%;\r
3867         background-image: url('images/globe.png');\r
3868         background-repeat: no-repeat;\r
3869 }\r
3870 /*.noglobe { background-position: -16px -16px;}*/\r
3871 .icon.noglobe {\r
3872         display: block; width: 24px; height: 24px;\r
3873         background-size: 100% 100%;\r
3874         background-image: url('images/noglobe.png');\r
3875         background-repeat: no-repeat;\r
3876 }\r
3877 .no { background-position: -32px -16px;}\r
3878 .pause { background-position: -48px -16px;}\r
3879 .play { background-position: -64px -16px;}\r
3880 /*.pencil { background-position: -80px -16px;}\r
3881 .small-pencil { background-position: -96px -16px;}*/\r
3882 .icon.pencil {\r
3883         display: block; width: 28px; height: 28px;\r
3884         background-size: 100% 100%;\r
3885         background-image: url('images/pencil.png');\r
3886         background-repeat: no-repeat;\r
3887         opacity: 0.5;\r
3888 }\r
3889 .icon.small-pencil {\r
3890         display: block; width: 28px; height: 28px;\r
3891         background-size: 100% 100%;\r
3892         background-image: url('images/pencil.png');\r
3893         background-repeat: no-repeat;\r
3894         opacity: 0.5;\r
3895 }\r
3896 /*.recycle { background-position: -112px -16px;}*/\r
3897 .icon.recycle {\r
3898         display: block;\r
3899         width: 28px; height: 27px;/*33 32*/\r
3900         background-size: 100% 100%;\r
3901         background-image: url('images/recycle.png');\r
3902         background-repeat: no-repeat;\r
3903         opacity: 0.5;\r
3904 }\r
3905 /*.remote-link { background-position: -128px -16px;}*/\r
3906 .icon.remote-link {\r
3907 /*      display: block;*/\r
3908         display: none;\r
3909         width: 28px; height: 28px;\r
3910         background-size: 100% 100%;\r
3911         background-image: url('images/remote-link.png');\r
3912         background-repeat: no-repeat;\r
3913         opacity: 0.5;\r
3914 }\r
3915 .share { background-position: -144px -16px;}\r
3916 \r
3917 .tools { background-position: 0px -32px;}\r
3918 /*.lock { background-position: -16px -32px;}*/\r
3919 .icon.lock {\r
3920         display: block; width: 17px; height: 25px;\r
3921         margin-top: 1px;\r
3922         background-size: 100% 100%;\r
3923         background-image: url('images/lock.png');\r
3924         background-repeat: no-repeat;\r
3925 }\r
3926 /*.unlock { background-position: -32px -32px;}*/\r
3927 .icon.unlock {\r
3928         display: block; width: 17px; height: 28px;\r
3929         margin-top: -2px;\r
3930         background-size: 100% 100%;\r
3931         background-image: url('images/unlock.png');\r
3932         background-repeat: no-repeat;\r
3933 }\r
3934 .icon.video { display: none; background-position: -48px -32px;}\r
3935 .oembed.video a { display: block; }\r
3936 .youtube { background-position: -64px -32px;}\r
3937 /*.attach { background-position: -80px -32px; }*/\r
3938 .icon.attach {\r
3939         display: block; width: 28px; height: 28px;\r
3940         background-size: 100% 100%;\r
3941         background-image: url('images/paperclip.png');\r
3942         background-repeat: no-repeat;\r
3943 }\r
3944 .language { background-position: -96px -32px; }\r
3945 .prev { background-position: -112px -32px; }\r
3946 .next { background-position: -128px -32px; }\r
3947 .on { background-position: -144px -32px; }\r
3948 \r
3949 .off { background-position: 0px -48px; }\r
3950 /*.starred { background-position: -16px -48px; }*/\r
3951 .icon.starred {\r
3952         display: block; width: 28px; height: 28px;\r
3953         background-size: 100% 100%;\r
3954         background-image: url('images/star-yellow.png');\r
3955         background-repeat: no-repeat;\r
3956 }\r
3957 /*.unstarred { background-position: -32px -48px; }*/\r
3958 .icon.unstarred {\r
3959         display: block; width: 28px; height: 28px;\r
3960         background-size: 100% 100%;\r
3961         background-image: url('images/star.png');\r
3962         background-repeat: no-repeat;\r
3963 \r
3964         opacity: 0.5;\r
3965 }\r
3966 /*.tagged { background-position: -48px -48px; }*/\r
3967 .icon.tagged {\r
3968         display: block; width: 28px; height: 28px;\r
3969         background-size: 100% 100%;\r
3970         background-image: url('images/tag.png');\r
3971         background-repeat: no-repeat;\r
3972         opacity: 0.5;\r
3973 }\r
3974 .yellow { background-position: -64px -48px; }\r
3975 \r
3976 \r
3977 .filer-icon {\r
3978         display: block; width: 24px; height: 24px;\r
3979         background-size: 100% 100%;\r
3980         background-image: url('images/folder.png');\r
3981         background-repeat: no-repeat;\r
3982         opacity: 0.5;\r
3983 }\r
3984 \r
3985 .event-icon {\r
3986         display: block; width: 33px; height: 33px;\r
3987         background-size: 100% 100%;\r
3988         background-repeat: no-repeat;\r
3989         opacity: 0.5;\r
3990 }\r
3991 .event-attend-icon { background-image: url('images/event-attend.png'); }\r
3992 .event-maybeattend-icon { background-image: url('images/event-maybeattend.png'); }\r
3993 .event-dontattend-icon { background-image: url('images/event-dontattend.png'); }\r
3994 \r
3995 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }\r
3996 \r
3997 [class^="comment-edit-bb"] {\r
3998         list-style: none;\r
3999         display: none;\r
4000         margin: 0px 0 -5px 0px;\r
4001 /*      width: 75%;*/\r
4002 }\r
4003 [class^="comment-edit-bb"] > li {\r
4004         display: inline-block;\r
4005         margin: 20px 10px 0 0;\r
4006         visibility: none;\r
4007 }\r
4008 /*[class^="comment-edit-bb-end"] {\r
4009         clear: both;\r
4010 }*/\r
4011 .editicon {\r
4012     display: inline-block;\r
4013         background-size: 100% 100%;\r
4014         background-repeat: no-repeat;\r
4015         background-color: #f3f3f3;\r
4016     text-decoration: none;\r
4017 }\r
4018 /*.editicon:hover {\r
4019         background-color: #ccc;\r
4020 }*/\r
4021 .boldbb {\r
4022 /*      background-position: 0px 0px;*/\r
4023         width: 26px; height: 28px;\r
4024         background-image: url('images/boldB-serif.png');\r
4025 }\r
4026 /*.boldbb:hover {\r
4027         background-position: 0px -16px;\r
4028 }*/\r
4029 .italicbb {\r
4030 /*      background-position: -16px 0px;*/\r
4031         width: 16px; height: 28px;\r
4032         background-image: url('images/italicI-serif.png');\r
4033 }\r
4034 /*.italicbb:hover {\r
4035         background-position: -16px -16px;\r
4036 }*/\r
4037 .underlinebb {\r
4038 /*      background-position: -32px 0px;*/\r
4039         width: 25px; height: 28px;\r
4040         background-image: url('images/underlineU-serif.png');\r
4041 }\r
4042 /*.underlinebb:hover {\r
4043         background-position: -32px -16px;\r
4044 }*/\r
4045 .quotebb {\r
4046 /*      background-position: -48px 0px;*/\r
4047         width: 28px; height: 28px;\r
4048         background-image: url('images/quote.png');\r
4049 }\r
4050 /*.quotebb:hover {\r
4051         background-position: -48px -16px;\r
4052 }*/\r
4053 .codebb {\r
4054 /*      background-position: -64px 0px;*/\r
4055         width: 28px; height: 28px;\r
4056         background-image: url('images/code.png');\r
4057 }\r
4058 /*.codebb:hover {\r
4059         background-position: -64px -16px;\r
4060 }*/\r
4061 .imagebb {\r
4062         background-position: -80px 0px;\r
4063 }\r
4064 .imagebb:hover {\r
4065         background-position: -80px -16px;\r
4066 }\r
4067 .urlbb {\r
4068         background-position: -96px 0px;\r
4069 }\r
4070 .urlbb:hover {\r
4071         background-position: -96px -16px;\r
4072 }\r
4073 .videobb {\r
4074         background-position: -112px 0px;\r
4075 }\r
4076 .videobb:hover {\r
4077         background-position: -112px -16px;\r
4078 }\r
4079 \r
4080 .attachtype {\r
4081         display: block;\r
4082         float: left;\r
4083         background-size: 100% 100%;\r
4084         width: 48px;\r
4085         height: 48px;\r
4086         background-image: url('images/oxygen/unknown.png');\r
4087 }\r
4088 \r
4089 .body-attach {\r
4090         margin-top: 10px;\r
4091 }\r
4092 \r
4093 /*.type-video { background-position: 0px 0px; }\r
4094 .type-image { background-position: -20px 0px; }\r
4095 .type-audio { background-position: -40px 0px; }\r
4096 .type-text  { background-position: -60px 0px; }\r
4097 .type-unkn  { background-position: -80px 0px; }*/\r
4098 .type-video {\r
4099         background-image: url('images/oxygen/video-x-generic.png');\r
4100         background-size: 100% 100%;\r
4101         width: 48px;\r
4102         height: 48px;\r
4103 }\r
4104 .type-image {\r
4105         background-image: url('images/oxygen/image-x-generic.png');\r
4106         background-size: 100% 100%;\r
4107         width: 48px;\r
4108         height: 48px;\r
4109 }\r
4110 .type-audio {   background-image: url('images/oxygen/audio-x-generic.png');\r
4111         background-size: 100% 100%;\r
4112         width: 48px;\r
4113         height: 48px;\r
4114 }\r
4115 \r
4116 .type-text  {\r
4117         background-image: url('images/oxygen/text-x-generic-2.png');\r
4118         background-size: 100% 100%;\r
4119         width: 48px;\r
4120         height: 48px;\r
4121 }\r
4122 .subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document  {\r
4123         background-image: url('images/oxygen/application-msword.png');\r
4124         background-size: 100% 100%;\r
4125         width: 48px;\r
4126         height: 48px;\r
4127 }\r
4128 .subtype-pdf  {\r
4129         background-image: url('images/oxygen/application-pdf.png');\r
4130         background-size: 100% 100%;\r
4131         width: 48px;\r
4132         height: 48px;\r
4133 }\r
4134 /*.type-unkn  {\r
4135         background-image: url('images/oxygen/unknown.png');\r
4136         background-size: 100% 100%;\r
4137         width: 48px;\r
4138         height: 48px;\r
4139 }*/\r
4140 \r
4141 \r
4142 \r
4143 /* autocomplete popup */\r
4144 .acpopup {\r
4145         max-height:150px;\r
4146         background-color:#ffffff;\r
4147         overflow:auto;\r
4148         z-index:102;\r
4149         border:1px solid #cccccc;\r
4150 }\r
4151 .acpopupitem {\r
4152         background-color:#ffffff; padding: 4px;\r
4153         clear:left;\r
4154 }\r
4155 .acpopupitem img {\r
4156         float: left;\r
4157         margin-right: 4px;\r
4158 }\r
4159 \r
4160 .acpopupitem.selected {\r
4161         color: #FFFFFF; background: #3465A4;\r
4162 }\r
4163 \r
4164 /* popup notifications */\r
4165 div.jGrowl div.notice {\r
4166   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;\r
4167   color: #ffffff;\r
4168   padding-left: 58px;\r
4169   margin: 0px;\r
4170 }\r
4171 div.jGrowl div.info {\r
4172   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;\r
4173   color: #ffffff;\r
4174   padding-left: 58px;\r
4175   margin: 0px;\r
4176 }\r
4177 #jGrowl.top-right {\r
4178         top: 15px;\r
4179         right: 10px;\r
4180 }\r
4181 div.jGrowl-notification {\r
4182   border-radius: 7px;\r
4183 }\r
4184 .qcomment {\r
4185         border: 1px solid #EEE;\r
4186         padding: 3px;\r
4187         margin-top: 15px;\r
4188         margin-left: 25px;\r
4189         width: 125px;\r
4190         overflow-y: auto;\r
4191 }\r
4192 \r
4193 \r
4194 .qcomment option {\r
4195         width: 125px;\r
4196         overflow-x: hidden;\r
4197 }\r
4198 \r
4199 .qcomment {\r
4200         opacity: 0.3;\r
4201         filter:alpha(opacity=30);\r
4202 }\r
4203 .qcomment:hover {\r
4204         opacity: 1.0;\r
4205         filter:alpha(opacity=100);\r
4206 }\r
4207 \r
4208 /* notifications popup menu */\r
4209 .nav-notify {\r
4210         display: none;\r
4211         position: absolute;\r
4212         font-size: 10px;\r
4213         padding: 1px 3px;\r
4214         top: 0px;\r
4215         right: -10px;\r
4216         min-width: 15px;\r
4217         text-align: right;\r
4218 }\r
4219 .nav-notify.show {\r
4220         display: block;\r
4221 }\r
4222 ul.notifications-menu-popup {\r
4223         position: absolute;\r
4224         display: none;\r
4225         width: 10em;\r
4226         margin: 0px;\r
4227         padding: 0px 0.3em;\r
4228         list-style: none;\r
4229         right: -60px;\r
4230 }\r
4231 #nav-notifications-menu {\r
4232         width: 300px;\r
4233 /*      max-height: 400px;*/\r
4234         height: auto;\r
4235 /*      overflow-y: scroll;overflow-style:scrollbar;*/\r
4236         background-color:#FFFFFF;\r
4237         -moz-border-radius: 5px;\r
4238         -webkit-border-radius: 5px;\r
4239         border-radius:5px;\r
4240         border: 1px solid #AAA;\r
4241         -moz-box-shadow: 3px 3px 5px #555;\r
4242         -webkit-box-shadow: 3px 3px 5px #555;\r
4243         box-shadow: 3px 3px 5px #555;\r
4244 /*      z-index: 103;*/\r
4245 }\r
4246 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }\r
4247 #nav-notifications-menu img { float: left; margin-right: 5px; }\r
4248 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }\r
4249 #nav-notifications-menu li {\r
4250         padding: 7px 0px 7px 10px;\r
4251         word-wrap:normal;\r
4252         border-bottom: 1px solid #000;\r
4253 }\r
4254 \r
4255 #nav-notifications-menu li:hover {\r
4256 \r
4257 }\r
4258 \r
4259 #nav-notifications-menu a:hover {\r
4260         text-decoration: underline;\r
4261 }\r
4262 \r
4263 .notif-item a {\r
4264         color: #000000;\r
4265 }\r
4266 \r
4267 .notif-item a:hover {\r
4268         text-decoration: underline;\r
4269 }\r
4270 \r
4271 .notif-image {\r
4272         width: 32px;\r
4273         height: 32px;\r
4274         padding: 7px 7px 0px 0px;\r
4275 }\r
4276 \r
4277 .notify-seen {\r
4278         background: #DDDDDD;\r
4279 }\r
4280 \r
4281 #id_term_label {\r
4282         width:75px;\r
4283 }\r
4284 #id_term {\r
4285         width:100px;\r
4286 }\r
4287 \r
4288 #recip {\r
4289 \r
4290 }\r
4291 .autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }\r
4292 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }\r
4293 .autocomplete .selected { background:#F0F0F0; }\r
4294 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }\r
4295 \r
4296 #datebrowse-sidebar select {\r
4297         margin-left: 40px;\r
4298         width: 130px;\r
4299 }\r
4300 \r
4301 /*@media only screen and (min-device-width: 768px)\r
4302 and (max-device-width: 1024px)*/\r
4303 /*@media only screen and (min-device-width: 768px)\r
4304 {\r
4305 html {\r
4306 width:700px\r
4307 }\r
4308 div.section-wrapper {\r
4309 width:700px;\r
4310 margin-left:0px;\r
4311 }\r
4312 .wall-item-body {\r
4313 width:700px;\r
4314 }\r
4315 .comment .wall-item-body {\r
4316 width:650px;\r
4317 }\r
4318 }*/\r
4319 \r
4320 /*@media only screen and (min-device-width: 768px)\r
4321 {\r
4322         .wall-item-body code {\r
4323                 width: 700px;\r
4324         }\r
4325 \r
4326         .comment .wall-item-body blockquote {\r
4327                 margin-left: 20px;\r
4328                 width: 680px;\r
4329         }\r
4330         blockquote {\r
4331                 width: 700px;\r
4332         }\r
4333 \r
4334 }*/\r
4335 \r