view/theme/duepuntozero/style.css

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