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