style.css

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