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