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-friends-yes,
 829 #hide-friends-no,
 830 #settings-normal,
 831 #settings-soapbox,
 832 #settings-community,
 833 #settings-freelove {
 834         float: left;
 835         margin-bottom: 20px;
 836 }
 837
 838 #profile-in-dir-yes-label,
 839 #profile-in-dir-no-label,
 840 #profile-in-netdir-yes-label,
 841 #profile-in-netdir-no-label,
 842 #hide-friends-yes-label,
 843 #hide-friends-no-label {
 844         margin-left: 125px;
 845         float: left;
 846         width: 50px;
 847 }
 848
 849 #profile-edit-with-label {
 850         width: 175px;
 851         margin-left: 20px;
 852 }
 853
 854 #profile-edit-pubkeywords-desc,
 855 #profile-edit-prvkeywords-desc {
 856         float: left;
 857         margin-left: 20px;
 858 }
 859
 860 #profile-publish-yes-reg,
 861 #profile-publish-no-reg {
 862        float: left;
 863        margin-bottom: 10px;
 864 }
 865
 866 #profile-publish-yes-label-reg,
 867 #profile-publish-no-label-reg {
 868        margin-left: 350px;
 869        float: left;
 870        width: 50px;
 871 }
 872
 873 #profile-publish-break-reg,
 874 #profile-publish-end-reg {
 875        clear: both;
 876 }
 877
 878
 879
 880 #profile-edit-homepage {
 881         float: left;
 882         margin-bottom: 35px;
 883 }
 884 #settings-normal-label,
 885 #settings-soapbox-label,
 886 #settings-community-label,
 887 #settings-freelove-label {
 888         float: left;
 889         width: 200px;
 890 }
 891 #settings-normal-desc,
 892 #settings-soapbox-desc,
 893 #settings-community-desc,
 894 #settings-freelove-desc {
 895         float: left;
 896         margin-left: 75px;
 897 }
 898
 899 #profile-edit-profile-name-end,
 900 #profile-edit-name-end,
 901 #profile-edit-pdesc-end,
 902 #profile-edit-gender-end,
 903 #profile-edit-dob-end,
 904 #profile-edit-address-end,
 905 #profile-edit-locality-end,
 906 #profile-edit-region-end,
 907 #profile-edit-postal-code-end,
 908 #profile-edit-country-name-end,
 909 #profile-edit-marital-end,
 910 #profile-edit-sexual-end,
 911 #profile-edit-politic-end,
 912 #profile-edit-religion-end,
 913 #profile-edit-pubkeywords-end,
 914 #profile-edit-prvkeywords-end,
 915 #profile-edit-homepage-end,
 916 #profile-in-dir-break,
 917 #profile-in-dir-end,
 918 #profile-in-netdir-break,
 919 #profile-in-netdir-end,
 920 #hide-friends-break,
 921 #hide-friends-end,
 922 #settings-normal-break,
 923 #settings-soapbox-break,
 924 #settings-community-break,
 925 #settings-freelove-break {
 926         clear: both;
 927 }
 928
 929
 930
 931
 932
 933 #gender-select, #marital-select, #sexual-select {
 934         width: 220px;
 935 }
 936
 937 #profile-edit-profile-name-wrapper .required {
 938         color: #FF0000;
 939         float: left;
 940 }
 941
 942 #contacts-main {
 943         margin-top: 20px;
 944         margin-bottom: 20px;
 945 }
 946
 947 .contact-entry-wrapper {
 948         float: left;
 949         width: 180px;
 950 }
 951
 952 .contact-entry-direction-icon {
 953         margin-top: 24px;
 954         margin-right: 2px;
 955 }
 956
 957 .contact-entry-photo img {
 958         border: none;
 959 }
 960 .contact-entry-photo-end {
 961         clear: both;
 962 }
 963 .contact-entry-name {
 964         float: left;
 965         margin-left: 30px;
 966 }
 967 .contact-entry-edit-links {
 968         margin-top: 6px;
 969         margin-left: 10px;
 970         width: 16px;
 971 }
 972 .contact-entry-nav-wrapper {
 973         float: left;
 974         margin-left: 10px;
 975 }
 976
 977 .contact-entry-edit-links img {
 978         border: none;
 979         margin-right: 15px;
 980 }
 981 .contact-entry-photo {
 982         float: left;
 983 }
 984 .contact-entry-end {
 985         clear: both;
 986 }
 987
 988 #contact-edit-end {
 989         clear: both;
 990 }
 991
 992 .wall-item-content-wrapper {
 993         margin-top: 10px;
 994         border: 1px solid #CCC;
 995         position: relative;
 996 }
 997
 998 .wall-item-content-wrapper.comment {
 999         margin-left: 50px;
1000         background: #CCCCCC;
1001 }
1002
1003 .wall-item-photo-wrapper {
1004         margin-top: 10px;
1005         margin-left: 10px;
1006         margin-bottom: 10px;
1007         width: 100px;
1008         float: left;
1009 }
1010
1011 .wall-item-photo-menu-button {
1012         display: block;
1013         position: absolute;
1014         background-image: url("photo-menu.jpg");
1015         background-position: top left;
1016         background-repeat: no-repeat;
1017         margin: 0px; padding: 0px;
1018         width: 16px;
1019         height: 16px;
1020         top: 74px; left:10px;
1021         overflow: hidden;
1022         text-indent: 40px;
1023         display: none;
1024 }
1025 .wall-item-photo-menu {
1026         width: auto;
1027         border: 2px solid #444444;
1028         background: #FFFFFF;
1029         position: absolute;
1030         left: 10px; top: 90px;
1031         display: none;
1032         z-index: 10000;
1033 }
1034 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1035 .wall-item-photo-menu li a { display: block; padding: 2px; }
1036 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
1037
1038
1039 .wall-item-arrowphoto-wrapper {
1040         margin-top: 40px;
1041 }
1042 .wall-item-wrapper {
1043         margin-left: 10px;;
1044 }
1045
1046 .wall-item-lock {
1047         position: absolute;
1048         left: 105px;
1049         top: 1px;
1050 }
1051
1052 .wall-item-ago {
1053         color: #888888;
1054         font-size: 0.8em;
1055 }
1056 .wall-item-like-buttons {
1057     float: left;
1058     margin-right: 10px;
1059     padding-right: 10px;
1060     border-right: 2px solid #fff;
1061 }
1062 .wall-item-like-buttons > a,
1063 .wall-item-like-buttons > img {
1064         float: left;
1065 }
1066
1067 .wall-item-share-buttons {
1068         margin-left: 5px;
1069 }
1070
1071 .editpost {
1072         margin-left: 15px;
1073 }
1074
1075 .wall-item-info.wallwall {
1076         width: 285px;
1077 }
1078
1079 .wwto, .wall-item-arrowphoto-wrapper, .wwfrom {
1080         float: left;
1081         margin-right: 10px;
1082 }
1083
1084
1085 .wall-item-links-wrapper {
1086     float: left;
1087 }
1088
1089 .wall-item-delete-wrapper {
1090     float: right;
1091 }
1092
1093 .wall-item-delete-end {
1094     clear: both;
1095 }
1096
1097
1098 .wall-item-like-buttons img {
1099         cursor: pointer;
1100 }
1101
1102 .wall-item-delete-icon {
1103         border: none;
1104 }
1105
1106
1107 .wall-item-wrapper-end {
1108         clear: both;
1109 }
1110 .wall-item-name-link {
1111         font-weight: bold;
1112         text-decoration: none;
1113         color: #3172BD;
1114 }
1115 .wall-item-photo {
1116         border: none;
1117 }
1118 .wall-item-content {
1119         float: left;
1120         width: 450px;
1121         margin-left: 10px;
1122         margin-bottom: 20px;
1123         padding: 20px;
1124         max-height: 400px;
1125         overflow: auto;
1126
1127 }
1128 .wall-item-tools {
1129     clear: both;
1130 padding: 5px 10px 0px;
1131 }
1132 .wall-item-photo-end {
1133         clear: both;
1134 }
1135 .wall-item-author {
1136         margin-top: 10px;
1137 }
1138 .wall-item-info {
1139     display: block;
1140     float: left;
1141     width:110px;
1142     margin-right:10px;
1143 }
1144
1145 .wall-item-title {
1146         float: left;
1147         font-weight: bold;
1148         width: 450px;
1149 }
1150
1151 .wall-item-body {
1152         float: left;
1153         width: 450px;
1154         margin-top: 10px;
1155 }
1156
1157 .comment-edit-wrapper {
1158         margin-top: 15px;
1159         background: #CCCCCC;
1160         margin-left: 50px;
1161 }
1162
1163 .comment-wwedit-wrapper {
1164         margin-top: 15px;
1165         background: #CCCCCC;
1166         margin-left: 250px;
1167 }
1168
1169 .comment-edit-photo {
1170         margin-top: 10px;
1171         margin-left: 10px;
1172         margin-bottom: 10px;
1173         width: 100px;
1174         float: left;
1175 }
1176 .comment-edit-text-empty, .comment-edit-text-full {
1177         float: left;
1178         margin-top: 40px;
1179 }
1180 .comment-edit-text-end {
1181         clear: both;
1182 }
1183
1184 .comment-edit-submit {
1185         margin-left: 110px;
1186         margin-top: 10px;
1187 }
1188 #profile-jot-plugin-wrapper,
1189 #profile-jot-submit-wrapper {
1190         margin-top: 15px;
1191 }
1192
1193 #profile-jot-submit {
1194         float: left;
1195 }
1196 #profile-upload-wrapper {
1197         float: left;
1198         margin-left: 30px;
1199 }
1200
1201 #profile-rotator {
1202         float: left;
1203         margin-left: 30px;
1204 }
1205 #profile-link-wrapper {
1206         float: left;
1207         margin-left: 15px;
1208 }
1209 #profile-youtube-wrapper {
1210         float: left;
1211         margin-left: 15px;
1212 }
1213 #profile-video-wrapper {
1214         float: left;
1215         margin-left: 15px;
1216 }
1217 #profile-audio-wrapper {
1218         float: left;
1219         margin-left: 15px;
1220 }
1221 #profile-location-wrapper {
1222         float: left;
1223         margin-left: 15px;
1224 }
1225 #profile-nolocation-wrapper {
1226         float: left;
1227         margin-left: 15px;
1228 }
1229
1230 #profile-title-wrapper {
1231         float: left;
1232         margin-left: 15px;
1233 }
1234
1235 #profile-jot-perms {
1236         float: left;
1237         margin-left: 100px;
1238         font-weight: bold;
1239         font-size: 1.2em;
1240 }
1241
1242 #profile-jot-perms-end {
1243         clear: both;
1244 }
1245 #profile-jot-plugin-end {
1246   clear:both;
1247 }
1248 .profile-jot-net {
1249         float: left;
1250         margin-right: 10px;
1251         margin-top: 5px;
1252         margin-bottom: 5px;
1253 }
1254
1255 #profile-jot-networks-end {
1256         clear: both;
1257 }
1258
1259 #profile-jot-end {
1260         clear: both;
1261         margin-bottom: 30px;
1262 }
1263 #about-jot-submit-wrapper {
1264         margin-top: 15px;
1265 }
1266 #about-jot-end {
1267         margin-bottom: 30px;
1268 }
1269 #contacts-main {
1270         margin-bottom: 30px;
1271 }
1272
1273 #profile-listing-desc {
1274         margin-left: 30px;
1275 }
1276
1277 #profile-listing-new-link-wrapper {
1278         margin-left: 30px;
1279         margin-bottom: 30px;
1280 }
1281 .profile-listing-photo-wrapper {
1282         float: left;
1283 }
1284
1285 .profile-listing-edit-buttons-wrapper {
1286         clear: both;
1287 }
1288 .profile-listing-photo-edit-link {
1289         float: left;
1290         width: 125px;
1291 }
1292 .profile-listing-end {
1293         clear: both;
1294 }
1295 .profile-listing-edit-buttons-wrapper img{
1296         border: none;
1297         margin-right: 20px;
1298 }
1299 .profile-listing {
1300         margin-top: 25px;
1301 }
1302 .profile-listing-name {
1303         float: left;
1304         margin-left: 32px;
1305         margin-top: 10px;
1306         color: #3172BD;
1307         font-weight: bold;
1308         width: 200px;
1309
1310 }
1311 .fortune {
1312         margin-top: 50px;
1313         color: #4444FF;
1314         font-weight: bold;
1315         margin-bottom: 20px;
1316 }
1317
1318
1319 .directory-end {
1320         clear: both;
1321 }
1322 .directory-name {
1323         text-align: center;
1324 }
1325 .directory-photo {
1326         margin-left: 25px;
1327 }
1328 .directory-details {
1329         font-size: 0.7em;
1330         text-align: center;
1331         margin-left: 5px;
1332         margin-right: 5px;
1333 }
1334 .directory-item {
1335         float: left;
1336         width: 225px;
1337         height: 260px;
1338         overflow: auto;
1339 }
1340
1341 #directory-search-wrapper {
1342         margin-top: 20px;
1343         margin-right: 20px;
1344         margin-bottom: 50px;
1345 }
1346
1347 #directory-search-end {
1348 }
1349
1350 .directory-photo-img {
1351         border: none;
1352 }
1353
1354
1355 .pager {
1356   padding: 10px;
1357   text-align: center;
1358   font-size: 1.0em;
1359 }
1360
1361
1362 .pager_first,
1363 .pager_last,
1364 .pager_prev,
1365 .pager_next,
1366 .pager_n {
1367         border: 1px solid black;
1368         background: #EEE;
1369         padding: 4px;
1370 }
1371
1372 .pager_first a,
1373 .pager_last a,
1374 .pager_prev a,
1375 .pager_next a,
1376 .pager_n a {
1377         text-decoration: none;
1378 }
1379
1380 .pager_current {
1381   border: 1px solid black;
1382   background: #FFCCCC;
1383   padding: 4px;
1384 }
1385
1386
1387 #advanced-profile-name-wrapper,
1388 #advanced-profile-gender-wrapper,
1389 #advanced-profile-dob-wrapper,
1390 #advanced-profile-age-wrapper,
1391 #advanced-profile-marital-wrapper,
1392 #advanced-profile-sexual-wrapper,
1393 #advanced-profile-homepage-wrapper,
1394 #advanced-profile-politic-wrapper,
1395 #advanced-profile-religion-wrapper,
1396 #advanced-profile-about-wrapper,
1397 #advanced-profile-interest-wrapper,
1398 #advanced-profile-contact-wrapper,
1399 #advanced-profile-music-wrapper,
1400 #advanced-profile-book-wrapper,
1401 #advanced-profile-tv-wrapper,
1402 #advanced-profile-film-wrapper,
1403 #advanced-profile-romance-wrapper,
1404 #advanced-profile-work-wrapper,
1405 #advanced-profile-education-wrapper {
1406         margin-top: 20px;
1407 }
1408
1409 #advanced-profile-name-text,
1410 #advanced-profile-gender-text,
1411 #advanced-profile-dob-text,
1412 #advanced-profile-age-text,
1413 #advanced-profile-marital-text,
1414 #advanced-profile-sexual-text,
1415 #advanced-profile-homepage-text,
1416 #advanced-profile-politic-text,
1417 #advanced-profile-religion-text,
1418 #advanced-profile-about-text,
1419 #advanced-profile-interest-text,
1420 #advanced-profile-contact-text,
1421 #advanced-profile-music-text,
1422 #advanced-profile-book-text,
1423 #advanced-profile-tv-text,
1424 #advanced-profile-film-text,
1425 #advanced-profile-romance-text,
1426 #advanced-profile-work-text,
1427 #advanced-profile-education-text {
1428         width: 300px;
1429         float: left;
1430 }
1431
1432 #advanced-profile-name-end,
1433 #advanced-profile-gender-end,
1434 #advanced-profile-dob-end,
1435 #advanced-profile-age-end,
1436 #advanced-profile-marital-end,
1437 #advanced-profile-sexual-end,
1438 #advanced-profile-homepage-end,
1439 #advanced-profile-politic-end,
1440 #advanced-profile-religion-end {
1441         clear: both;
1442 }
1443
1444 #advanced-profile-about-end,
1445 #advanced-profile-interest-end,
1446 #advanced-profile-contact-end,
1447 #advanced-profile-music-end,
1448 #advanced-profile-book-end,
1449 #advanced-profile-tv-end,
1450 #advanced-profile-film-end,
1451 #advanced-profile-romance-end,
1452 #advanced-profile-work-end,
1453 #advanced-profile-education-end {
1454
1455
1456 }
1457
1458 #advanced-profile-name,
1459 #advanced-profile-gender,
1460 #advanced-profile-dob,
1461 #advanced-profile-age,
1462 #advanced-profile-marital,
1463 #advanced-profile-sexual,
1464 #advanced-profile-homepage,
1465 #advanced-profile-politic,
1466 #advanced-profile-religion {
1467         float: left;
1468
1469 }
1470
1471
1472 #advanced-profile-about,
1473 #advanced-profile-interest,
1474 #advanced-profile-contact,
1475 #advanced-profile-music,
1476 #advanced-profile-book,
1477 #advanced-profile-tv,
1478 #advanced-profile-film,
1479 #advanced-profile-romance,
1480 #advanced-profile-work,
1481 #advanced-profile-education {
1482         margin-top: 10px;
1483         margin-left: 50px;
1484         margin-right: 20px;
1485         padding: 10px;
1486         border: 1px solid #CCCCCC;
1487 }
1488
1489 #advanced-profile-with {
1490         float: left;
1491         margin-left: 15px;
1492 }
1493
1494 #contact-edit-wrapper {
1495         margin-top: 50px;
1496 }
1497
1498 #contact-edit-banner-name {
1499         font-size: 1.4em;
1500         font-weight: bold;
1501         margin-left: 30px;
1502 }
1503
1504 #contact-edit-poll-wrapper {
1505         margin-left: 50px;
1506         margin-top: 30px;
1507 }
1508 #contact-edit-poll-text {
1509         margin-top: 15px;
1510         margin-bottom: 5px;
1511 }
1512
1513 #contact-edit-update-now {
1514         margin-top: 15px;
1515 }
1516
1517 #contact-edit-photo-wrapper {
1518         margin-bottom: 20px;
1519 }
1520 #contact-edit-links {
1521         float: left;
1522 }
1523 #contact-edit-links a {
1524         float: left;
1525 }
1526 #contact-edit-links img {
1527         margin-left: 20px;
1528         border: none;
1529 }
1530
1531 #contact-drop-links {
1532         float: left;
1533 }
1534
1535 #contact-drop-links img {
1536         margin-left: 20px;
1537         border: none;
1538 }
1539
1540 #contact-edit-nav-end {
1541         clear: both;
1542 }
1543
1544 #contact-edit-direction-icon {
1545         float: left;
1546         margin-top: 70px;
1547         margin-right: 2px;
1548 }
1549
1550 #contact-edit-photo {
1551         float: left;
1552 }
1553
1554 #contact-edit-photo-end {
1555         clear: both;
1556 }
1557
1558 #contact-edit-photo-wrapper {
1559         float: left;
1560 }
1561
1562 #contact-edit-nav-wrapper {
1563         float: left;
1564 }
1565
1566 #contact-edit-end {
1567         clear: both;
1568 }
1569
1570 #contact-profile-selector {
1571         width: 175px;
1572         margin-left: 175px;
1573 }
1574
1575 #contact-reputation-selector {
1576         margin-left: 175px;
1577 }
1578
1579 #contact-edit-rating-text {
1580         margin-left: 175px;
1581 }
1582
1583 .contact-edit-submit {
1584         margin-top: 20px;
1585         margin-left: 50px;
1586 }
1587
1588 #block-message, #ignore-message, #profile-edit-insecure {
1589         margin-top: 20px;
1590         color: #FF0000;
1591         font-size: 1.1em;
1592         border: 1px solid #FF8888;
1593         background-color: #FFEEEE;
1594         padding: 10px;
1595 }
1596
1597 #block-message, #ignore-message {
1598         width: 180px;
1599 }
1600
1601 #profile-edit-insecure {
1602         width: 600px;
1603 }
1604
1605 .profile-tabs {
1606         float: left;
1607         padding: 4px;
1608         margin-top: 10px;
1609         margin-bottom: 10px;
1610         margin-right: 5px;
1611         /*border: 1px solid #CCC;*/
1612         /*background: #F8F8F8;*/
1613         font-size: 0.8em;
1614         font-weight: bold;
1615         background-color: #ECECEC;
1616         border: 1px solid #858585;
1617 }
1618 .profile-tabs:hover {
1619         background-color: #0CBEFE;
1620         color: #F5F6FB;
1621         border: 1px solid #F5F6FB;
1622         /*cursor: pointer;*/
1623 }
1624
1625 #profile-tabs-end {
1626         clear: both;
1627 }
1628
1629 .comment-edit-text-empty {
1630         color: gray;
1631         height: 30px;
1632         width: 175px;
1633         overflow: auto;
1634         margin-bottom: 10px;
1635 }
1636
1637 .comment-edit-text-full {
1638         color: black;
1639         height: 150px;
1640         width: 350px;
1641         overflow: auto;
1642 }
1643
1644 #group-new-submit-wrapper {
1645         margin-top: 30px;
1646 }
1647
1648 #acl-allow-group-label,
1649 #acl-allow-contact-label,
1650 #acl-deny-group-label,
1651 #acl-deny-contact-label {
1652         display: block;
1653 }
1654
1655 #acl-permit-text {
1656     margin-top: 10px;
1657     float: left;
1658 }
1659
1660 #acl-deny-text {
1661     margin-top: 10px;
1662 }
1663
1664 #jot-public {
1665     float: left;
1666     margin-top: 10px;
1667     margin-left: 15px;
1668     color: #FF0000;
1669 }
1670
1671 #acl-permit-text-end {
1672     clear: both;
1673 }
1674
1675 #acl-allow-group-label,
1676 #acl-allow-contact-label,
1677 #acl-deny-group-label,
1678 #acl-deny-contact-label {
1679         margin-top: 5px;
1680         margin-bottom: 5px;
1681 }
1682
1683
1684 #group_allow_wrapper,
1685 #group_deny_wrapper {
1686         float: left;
1687         width: 100px;
1688         margin-right: 10px;
1689 }
1690
1691 #contact_allow_wrapper,
1692 #contact_deny_wrapper {
1693         float: left;
1694         width: 150px;
1695         margin-right: 10px;
1696 }
1697
1698 #acl-allow-end,
1699 #acl-deny-end {
1700         clear: both;
1701 }
1702 #acl-permit-outer-wrapper,
1703 #acl-deny-outer-wrapper {
1704         padding: 10px;
1705         margin-top: 10px;
1706         border: 2px solid #BBBBBB;
1707         float: left;
1708 }
1709
1710 #acl-wrapper-end {
1711         clear: both;
1712 }
1713
1714 #group-edit-name-label {
1715         float: left;
1716         width: 175px;
1717         margin-top: 20px;
1718         margin-bottom: 20px;
1719 }
1720
1721 #group-edit-name {
1722         float: left;
1723         width: 225px;
1724         margin-top: 20px;
1725         margin-bottom: 20px;
1726 }
1727
1728 #group-edit-name-wrapper {
1729
1730
1731 }
1732
1733
1734 #group_members_select_label {
1735         display: block;
1736         float: left;
1737         width: 175px;
1738 }
1739
1740 .group_members_select {
1741         float: left;
1742         width: 230px;
1743         overflow: auto;
1744 }
1745
1746 #group_members_select_end {
1747         clear: both;
1748 }
1749 #group-edit-name-end {
1750         clear: both;
1751 }
1752
1753 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1754         margin-bottom: 10px;
1755         margin-top: 20px;
1756 }
1757
1758 #prvmail-submit {
1759         float: left;
1760         margin-top: 10px;
1761         margin-right: 30px;
1762 }
1763 #prvmail-upload-wrapper,
1764 #prvmail-link-wrapper,
1765 #prvmail-rotator-wrapper {
1766         float: left;
1767         margin-top: 10px;
1768         margin-right: 10px;
1769         width: 24px;
1770 }
1771
1772 #prvmail-end {
1773         clear: both;
1774 }
1775
1776 .mail-list-sender,
1777 .mail-list-detail {
1778         float: left;
1779 }
1780 .mail-list-detail {
1781         margin-left: 20px;
1782 }
1783
1784 .mail-list-subject {
1785         font-size: 1.1em;
1786         margin-top: 10px;
1787 }
1788 a.mail-list-link {
1789         display: block;
1790         padding: 4px 5px;
1791 }
1792
1793 /*
1794 *a.mail-list-link:hover {
1795 *       background-color: #15607B;
1796 *       color: #F5F6FB;
1797 *}
1798 */
1799
1800 .mail-list-outside-wrapper-end {
1801         clear: both;
1802 }
1803
1804 .mail-list-outside-wrapper {
1805         margin-top: 30px;
1806 }
1807
1808 .mail-list-delete-wrapper {
1809         float: right;
1810         margin-right: 30px;
1811         margin-top: 15px;
1812 }
1813
1814 .mail-list-delete-icon {
1815         border: none;
1816 }
1817
1818 .mail-conv-sender,
1819 .mail-conv-detail {
1820         float: left;
1821 }
1822 .mail-conv-detail {
1823         margin-left: 20px;
1824         width: 500px;
1825 }
1826
1827 .mail-conv-subject {
1828         font-size: 1.1em;
1829         margin-top: 10px;
1830 }
1831
1832 .mail-conv-outside-wrapper-end {
1833         clear: both;
1834 }
1835
1836 .mail-conv-outside-wrapper {
1837         margin-top: 30px;
1838 }
1839
1840 .mail-conv-delete-wrapper {
1841         float: right;
1842         margin-right: 30px;
1843         margin-top: 15px;
1844 }
1845
1846 .mail-conv-delete-icon {
1847         border: none;
1848 }
1849
1850 .message-links ul {
1851         list-style-type: none;
1852 }
1853
1854 .message-links li {
1855         margin-top: 10px;
1856 }
1857 .message-links a {
1858         /*background-color: #ECECEC;*/
1859         /*border: 1px solid #858585;*/
1860         padding: 3px 5px;
1861         /*display: block;*/
1862 }
1863 .message-links a:hover {
1864         background-color: #0CBEFE;
1865         color: #F5F6FB;
1866         /*border: 1px solid #F5F6FB;*/
1867 }
1868
1869 #sidebar-group-list ul {
1870         list-style-type: none;
1871 }
1872
1873 #sidebar-group-list li {
1874         margin-top: 10px;
1875 }
1876
1877 #side-follow-wrapper {
1878         margin-top: 20px;
1879 }
1880 #side-follow-url {
1881         margin-top: 5px;
1882 }
1883 #side-follow-submit {
1884         margin-top: 15px;
1885 }
1886
1887 .photo-album-image-wrapper {
1888         float: left;
1889         margin-top: 15px;
1890         height: 350px;
1891         width: 350px;
1892 }
1893
1894 #photo-album-end {
1895         clear: both;
1896 }
1897
1898 .photo-top-image-wrapper {
1899         float: left;
1900         margin-top: 15px;
1901         height: 350px;
1902         width: 350px;
1903 }
1904
1905 #photo-top-end {
1906         clear: both;
1907 }
1908
1909 #photo-top-links {
1910         margin-bottom: 30px;
1911         margin-left: 30px;
1912 }
1913
1914 #photos-upload-newalbum-div {
1915         float: left;
1916         width: 175px;
1917 }
1918 #photos-upload-existing-album-text {
1919         float: left;
1920         width: 175px;
1921 }
1922 #photos-upload-newalbum {
1923         float: left;
1924 }
1925 #photos-upload-album-select {
1926         float: left;
1927 }
1928 #photos-upload-spacer {
1929         margin-top: 25px;
1930 }
1931 #photos-upload-new-end, #photos-upload-exist-end {
1932         clear: both;
1933 }
1934 #photos-upload-exist-end {
1935         margin-bottom: 15px;
1936 }
1937 #photos-upload-submit {
1938         margin-top: 15px;
1939 }
1940
1941 #photos_upload_applet_wrapper {
1942         margin-bottom: 15px;
1943 }
1944
1945 #photos-upload-no-java-message {
1946         margin-bottom: 15px;
1947 }
1948
1949 #profile-jot-desc {
1950         float: left;
1951         width: 480px;
1952         margin-top: 10px;
1953         margin-bottom: 10px;
1954 }
1955 #character-counter {
1956         float: left;
1957         font-size: 120%;
1958 }
1959
1960 #character-counter.grey {
1961         color: #888888;
1962 }
1963
1964 #character-counter.orange {
1965         color: orange;
1966 }
1967 #character-counter.red {
1968         color: red;
1969 }
1970
1971 #profile-jot-banner-end {
1972         clear: both;
1973 }
1974
1975 #photos-upload-select-files-text {
1976         margin-top: 15px;
1977         margin-bottom: 15px;
1978 }
1979
1980 #photos-upload-perms-menu, #photos-upload-perms-menu:visited {
1981         color: #8888FF;
1982         text-decoration: none;
1983         cursor: pointer;
1984 }
1985
1986 #photos-upload-perms-menu:hover {
1987         color: #0000FF;
1988         text-decoration: underline;
1989         cursor: pointer;
1990 }
1991 #settings-default-perms-menu {
1992         margin-top: 15px;
1993         margin-bottom: 15px;
1994 }
1995
1996 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
1997         float: left;
1998         width: 150px;
1999 }
2000
2001 #photo-edit-perms-end {
2002         margin-bottom: 15px;
2003 }
2004
2005 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
2006         float: left;
2007         margin-bottom: 25px;
2008 }
2009 #photo-edit-link-wrap {
2010         margin-bottom: 15px;
2011 }
2012 #photo-like-div {
2013         margin-bottom: 25px;
2014 }
2015
2016 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
2017         clear: both;
2018 }
2019
2020 #photo-edit-delete-button {
2021         margin-left: 200px;
2022 }
2023 #photo-edit-end {
2024         margin-bottom: 35px;
2025 }
2026 #photo-caption {
2027         font-size: 110%;
2028         font-weight: bold;
2029         margin-top: 15px;
2030         margin-bottom: 15px;
2031 }
2032
2033 #in-this-photo-text {
2034         color: #0000FF;
2035         margin-left: 30px;
2036 }
2037
2038 #in-this-photo {
2039         margin-left: 60px;
2040         margin-top: 10px;
2041         margin-bottom: 20px;
2042 }
2043
2044 #photo-album-edit-submit, #photo-album-edit-drop {
2045         margin-top: 15px;
2046         margin-bottom: 15px;
2047 }
2048
2049 #photo-album-edit-drop {
2050         margin-left: 200px;
2051 }
2052
2053 .group-delete-wrapper {
2054         float: right;
2055         margin-right: 50px;
2056 }
2057
2058 #install-dbhost-label,
2059 #install-dbuser-label,
2060 #install-dbpass-label,
2061 #install-dbdata-label,
2062 #install-tz-desc {
2063        float: left;
2064        width: 250px;
2065        margin-top: 10px;
2066        margin-bottom: 10px;
2067
2068 }
2069
2070 #install-dbhost,
2071 #install-dbuser,
2072 #install-dbpass,
2073 #install-dbdata {
2074        float: left;
2075        width: 200px;
2076        margin-left: 20px;
2077 }
2078
2079 #install-dbhost-end,
2080 #install-dbuser-end,
2081 #install-dbpass-end,
2082 #install-dbdata-end,
2083 #install-tz-end {
2084        clear: both;
2085 }
2086
2087 #install-form select#timezone_select {
2088        float: left;
2089        margin-top: 18px;
2090        margin-left: 20px;
2091 }
2092
2093 #dfrn-request-networks {
2094         margin-bottom: 30px;
2095 }
2096
2097 #pause {
2098   position: fixed;
2099   bottom: 5px;
2100   right: 5px;
2101 }
2102
2103 .sparkle {
2104         cursor: url('lock.cur'), pointer;
2105 /*      cursor: pointer !important; */
2106 }
2107
2108 .contact-block-div {
2109         float: left;
2110         width: 52px;
2111         height: 52px;
2112 }
2113 .contact-block-textdiv {
2114         float: left;
2115         width: 150px;
2116         height: 34px;
2117 }
2118
2119 #contact-block-end {
2120         clear: both;
2121 }
2122 .contact-block-link {
2123         float: left;
2124 }
2125 .contact-block-img {
2126         width:48px;
2127         height:48px;
2128 }
2129
2130 #tag-remove {
2131         margin-bottom: 15px;
2132 }
2133
2134 #tagrm li {
2135         margin-bottom: 10px;
2136 }
2137
2138 #tagrm-submit, #tagrm-cancel {
2139         margin-top: 25px;
2140 }
2141
2142 #tagrm-cancel {
2143         margin-left: 15px;
2144 }
2145
2146 .wall-item-conv {
2147         margin-top: 5px;
2148         margin-bottom: 25px;
2149 }
2150
2151 #search-submit {
2152         margin-left: 15px;
2153 }
2154
2155 #search-box {
2156         margin-bottom: 25px;
2157 }
2158
2159 .location-label, .gender-label, .marital-label, .homepage-label {
2160         float: left;
2161         text-align: right;
2162         display: block;
2163         width: 65px;
2164 }
2165
2166 .adr, .x-gender, .marital-text, .homepage-url {
2167         float: left;
2168         display: block;
2169         margin-left: 8px;
2170 }
2171
2172 .profile-clear {
2173         clear: both;
2174 }
2175
2176
2177 .clear {
2178         clear: both;
2179 }
2180
2181 .cc-license {
2182         margin-top: 50px;
2183         font-size: 70%;
2184 }
2185
2186
2187 #plugin-settings-link, #account-settings-link, #uexport-link {
2188         margin-bottom: 10px;
2189 }
2190
2191
2192 #birthday-title {
2193         float: left;
2194         font-weight: bold;
2195 }
2196
2197 #birthday-adjust {
2198         float: left;
2199         font-size: 75%;
2200         margin-left: 10px;
2201 }
2202
2203 #birthday-title-end {
2204         clear: both;
2205 }
2206
2207 .birthday-list {
2208         margin-left: 15px;
2209 }
2210
2211 #birthday-wrapper {
2212         margin-bottom: 20px;
2213 }
2214
2215
2216 #network-new-link {
2217         margin-top: 15px;
2218         margin-bottom: 15px;
2219 }
2220
2221 .tool-wrapper {
2222   float: left;
2223   margin-left: 15px;
2224 }
2225 .tool-link {
2226   cursor: pointer;
2227 }
2228
2229
2230 .calendar {
2231         font-family: Courier, monospace;
2232 }
2233 .today {
2234         color: #FF0000;
2235 }
2236
2237
2238 .settings-block {
2239         border: 1px solid #AAA;
2240         margin: 10px;
2241         padding: 10px;
2242 }
2243
2244
2245 .app-title {
2246         margin: 10px;
2247 }
2248
2249
2250 #identity-manage-desc {
2251         margin-top:15px;
2252         margin-bottom: 15px;
2253 }
2254
2255 #identity-manage-choose {
2256         margin-bottom: 15px;
2257 }
2258
2259 #identity-submit {
2260         margin-top: 20px;
2261 }
2262
2263
2264 #photo-prev-link, #photo-next-link {
2265         padding: 10px;
2266         float: left;
2267 }
2268
2269 #photo-photo {
2270         float: left;
2271 }
2272
2273 #photo-photo-end {
2274         clear: both;
2275 }
2276
2277
2278 .profile-match-photo {
2279         float: left;
2280         text-align: center;
2281         width: 120px;
2282 }
2283
2284 .profile-match-name {
2285         float: left;
2286         text-align: center;
2287         width: 120px;
2288         overflow: hidden;
2289 }
2290
2291 .profile-match-break,
2292 .profile-match-end {
2293         clear: both;
2294 }
2295
2296 .profile-match-wrapper {
2297         float: left;
2298         padding: 10px;
2299 }
2300 #profile-match-wrapper-end {
2301         clear: both;
2302 }
2303
2304 .side-link {
2305         margin-bottom: 15px;
2306 }
2307
2308 #language-selector {
2309         position: absolute;
2310         top: 0;
2311         left: 0;
2312 }
2313
2314
2315 #group-members {
2316         margin-top: 20px;
2317         padding: 10px;
2318         height: 250px;
2319         overflow: auto;
2320         border: 1px solid #ddd;
2321 }
2322
2323 #group-members-end {
2324         clear: both;
2325 }
2326
2327 #group-separator {
2328         margin-top: 10px;
2329         margin-bottom: 10px;
2330 }
2331
2332 #group-all-contacts {
2333         padding: 10px;
2334         height: 450px;
2335         overflow: auto;
2336         border: 1px solid #ddd;
2337 }
2338
2339 #group-all-contacts-end {
2340         clear: both;
2341         margin-bottom: 10px;
2342 }
2343
2344 #group-edit-desc {
2345     margin-top: 15px;
2346 }
2347
2348
2349 #prof-members {
2350         margin-top: 20px;
2351         padding: 10px;
2352         height: 250px;
2353         overflow: auto;
2354         border: 1px solid #ddd;
2355 }
2356
2357 #prof-members-end {
2358         clear: both;
2359 }
2360
2361 #prof-separator {
2362         margin-top: 10px;
2363         margin-bottom: 10px;
2364 }
2365
2366 #prof-all-contacts {
2367         padding: 10px;
2368         height: 450px;
2369         overflow: auto;
2370         border: 1px solid #ddd;
2371 }
2372
2373 #prof-all-contacts-end {
2374         clear: both;
2375         margin-bottom: 10px;
2376 }
2377
2378 #prof-edit-desc {
2379         margin-top: 15px;
2380 }
2381
2382 #crepair-nick-label,
2383 #crepair-url-label,
2384 #crepair-request-label,
2385 #crepair-confirm-label,
2386 #crepair-notify-label,
2387 #crepair-poll-label {
2388         float: left;
2389         width: 200px;
2390         margin-bottom: 15px;
2391 }
2392
2393 #crepair-nick,
2394 #crepair-url,
2395 #crepair-request,
2396 #crepair-confirm,
2397 #crepair-notify,
2398 #crepair-poll {
2399         float: left;
2400         width: 300px;
2401 }
2402
2403 /**
2404  * ICONS
2405  */
2406 .icon {
2407         display: block; width: 16px; height: 16px;
2408         background-image: url('../../../images/icons.png');
2409 }
2410 .article { background-position: 0px 0px;}
2411 .audio { background-position: -16px 0px;}
2412 .block { background-position: -32px 0px;}
2413 .drop { background-position: -48px 0px;}
2414 .drophide { background-position: -64px 0px;}
2415 .edit { background-position: -80px 0px;}
2416 .camera { background-position: -96px 0px;}
2417 .dislike { background-position: -112px 0px;}
2418 .like { background-position: -128px 0px;}
2419 .link { background-position: -144px 0px;}
2420
2421 .globe { background-position: 0px -16px;}
2422 .noglobe { background-position: -16px -16px;}
2423 .no { background-position: -32px -16px;}
2424 .pause { background-position: -48px -16px;}
2425 .play { background-position: -64px -16px;}
2426 .pencil { background-position: -80px -16px;}
2427 .small-pencil { background-position: -96px -16px;}
2428 .recycle { background-position: -112px -16px;}
2429 .remote-link { background-position: -128px -16px;}
2430 .share { background-position: -144px -16px;}
2431
2432 .tools { background-position: 0px -32px;}
2433 .lock { background-position: -16px -32px;}
2434 .unlock { background-position: -32px -32px;}
2435 .video { background-position: -48px -32px;}
2436 .youtube { background-position: -64px -32px;}