view/theme/loozah/style.css

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