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