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