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