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