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