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 #id_openid_url,
  31 .openid {
  32    background: url(login-bg.gif) no-repeat;
  33    background-position: 0 50%;
  34    padding-left: 18px;
  35 }
  36 .openid:hover {
  37
  38 }
  39
  40 code {
  41         font-family: Courier, monospace;
  42         white-space: pre;
  43         display: block;
  44         overflow: auto;
  45         border: 1px solid #444;
  46         background: #EEE;
  47         color: #444;
  48         padding: 10px;
  49         margin-top: 20px;
  50 }
  51 blockquote:before {
  52         content: '>> ';
  53 }
  54
  55 .icollapse-wrapper, .ccollapse-wrapper {
  56         border: 1px solid #CCC;
  57         padding: 5px;
  58 }
  59
  60 #panel {
  61         background-color: ivory;
  62         position: absolute;
  63         z-index: 2;
  64         width: 30%;
  65         padding: 25px;
  66         border: 1px solid #444;
  67 }
  68
  69 .heart {
  70         color: #FF0000;
  71         font-size: 100%;
  72 }
  73
  74
  75
  76 /* nav */
  77 nav {
  78         height: 94px;
  79         display: block;
  80         margin: 0px 10%;
  81         border-bottom: 1px solid #babdb6;
  82 }
  83 nav #site-location {
  84         color: #888a85;
  85         font-size: 0.8em;
  86         position: absolute;
  87 }
  88
  89 .error-message {
  90         color: #FF0000;
  91         font-size: 1.1em;
  92         border: 1px solid #FF8888;
  93         background-color: #FFEEEE;
  94         padding: 10px;
  95 }
  96
  97 .info-message {
  98         color: #204a87;
  99         font-size: 1.1em;
 100         border: 1px solid #3465a4;
 101         background-color: #d7e3f1;
 102         padding: 10px;
 103 }
 104
 105
 106 nav #banner {
 107         display: block;
 108     margin-top: 14px;
 109         position: absolute;
 110 }
 111 nav #banner #logo-text a {
 112         font-size: 40px;
 113         font-weight: bold;
 114         margin-left: 3px;
 115         color: #000000;
 116
 117 }
 118 nav #banner #logo-text a:hover { text-decoration: none; }
 119
 120
 121 .nav-commlink, .nav-login-link {
 122     display: block;
 123     height: 15px;
 124         margin-top: 67px;
 125         margin-right: 2px;
 126         padding: 6px 10px;
 127         float: left;
 128         bottom: 140px;
 129         border: 1px solid #babdb6;
 130         border-bottom: 0px;
 131         background-color: #aec0d3;
 132         color: #565854;
 133         -moz-border-radius: 3px 3px 0px 0px;
 134         border-radius: 3px 3px 0px 0px;
 135 }
 136 nav .nav-link {
 137         float: right;
 138         margin: 0.2em 0em;
 139         padding: 0em 0.5em;
 140         background-color: transparent !important;
 141 }
 142
 143
 144 .nav-selected {
 145         background-color: #ffffff;
 146         border-bottom: 1px solid #ffffff;
 147         color: #000000 !important;
 148         margin-top: 64px;
 149         padding-top: 6px;
 150         padding-bottom: 8px;
 151 }
 152 .nav-ajax-left {
 153         font-size: 0.8em;
 154         float: left;
 155         margin-top: 62px;
 156 }
 157
 158
 159 nav #nav-link-wrapper .nav-link {
 160         border-right: 1px solid #babdb6;
 161 }
 162
 163 /* aside */
 164 aside {
 165         display: block;
 166         min-height: 112px;
 167         width: 200px;
 168         margin-left: 10%;
 169         padding: 1em;
 170         float: left;
 171         background-image: url(border.jpg);
 172         background-position: top left;
 173         background-repeat: no-repeat;
 174         position: absolute;
 175 }
 176
 177
 178 /* section */
 179 section {
 180         margin: 0px 10%;
 181         padding-top: 1em;
 182         padding-left: 250px;
 183         padding-right: 1em;
 184         display: block;
 185         background-color: #ffffff;
 186         background-image: url(border.jpg);
 187         background-position: top right;
 188         background-repeat: no-repeat;
 189         min-height: 112px;
 190
 191 }
 192
 193 #profile-tabs-wrapper {
 194         height: 27px;
 195         background-image: url(head.jpg);
 196         background-repeat: repeat-x;
 197         background-position: 0px -20px;
 198         border-bottom: 1px solid #babdb6;
 199 }
 200 .profile-tabs {
 201         display:block;
 202         float:left;
 203         padding: 0.4em;
 204         margin-right: 1em;
 205 }
 206
 207 /* footer */
 208 footer {
 209     display: none;
 210
 211 }
 212
 213
 214 div.wall-item-content-wrapper.shiny {
 215   background-image: url('shiny.png');
 216   background-position: -5px 30px;
 217   background-repeat:no-repeat;
 218 }
 219
 220 /* from default */
 221 #jot-perms-icon,
 222 #profile-location,
 223 #profile-nolocation,
 224 #profile-youtube,
 225 #profile-video,
 226 #profile-audio,
 227 #profile-link,
 228 #profile-title,
 229 #wall-image-upload,
 230 #wall-file-upload,
 231 #profile-upload-wrapper,
 232 #wall-image-upload-div,
 233 #wall-file-upload-div,
 234 .hover, .focus {
 235         cursor: pointer;
 236 }
 237
 238 #jot-perms-icon {
 239         float: left;
 240 }
 241
 242 .fakelink, .fakelink:visited, .fakelink:link {
 243         color: #3465a4;
 244         text-decoration: none;
 245         cursor: pointer;
 246         margin-top: 15px;
 247         margin-bottom: 15px;
 248 }
 249 .lockview {
 250         cursor: pointer;
 251 }
 252
 253 #group-sidebar {
 254         margin-bottom: 10px;
 255 }
 256
 257 .group-selected {
 258         padding: 3px;
 259         border: 1px solid #CCCCCC;
 260         background: #F8F8F8;
 261         font-weight: bold;
 262 }
 263
 264 .fakelink:hover {
 265         color: #3465a4;
 266         text-decoration: underline;
 267         cursor: pointer;
 268 }
 269 .smalltext {
 270         font-size: 0.7em;
 271 }
 272 #sysmsg {
 273         /*width: 600px;*/
 274         margin-bottom: 10px;
 275 }
 276
 277 #register-fill-ext {
 278         margin-bottom: 25px;
 279 }
 280
 281 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
 282         float: left;
 283         width: 350px;
 284         margin-top: 10px;
 285 }
 286
 287 #register-name, #register-email, #register-nickname {
 288         float: left;
 289         margin-top: 10px;
 290         width: 150px;
 291 }
 292
 293 #register-openid {
 294         float: left;
 295         margin-top: 10px;
 296         width: 130px;
 297 }
 298
 299 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
 300         clear: both;
 301 }
 302
 303 #register-nickname-desc {
 304         margin-top: 30px;
 305         width: 650px;
 306 }
 307 #register-sitename {
 308         float: left;
 309         margin-top: 10px;
 310 }
 311
 312 #register-submit-button {
 313         margin-top: 10px;
 314 }
 315
 316 #label-login-name, #label-login-password, #login-extra-filler {
 317         float: left;
 318         width: 200px;
 319         margin-bottom: 20px;
 320 }
 321
 322
 323 #login-password {
 324         float: left;
 325         width: 170px;
 326 }
 327
 328 #login-name {
 329         float: left;
 330         width: 153px;
 331 }
 332
 333 #login-name.no-openid {
 334         float: left;
 335         width: 170px;
 336 }
 337
 338 #register-link, #lost-password-link {
 339         float: left;
 340         font-size: 80%;
 341         margin-right: 15px;
 342 }
 343
 344 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 345         height: 50px;
 346 }
 347
 348 #login-submit-button {
 349 /*      margin-top: 10px; */
 350         margin-left: 200px;
 351 }
 352
 353
 354 input#dfrn-url {
 355         float: left;
 356         background: url(friendika-16.png) no-repeat;
 357         background-position: 2px center;
 358         font-size: 17px;
 359         padding-left: 21px;
 360         height: 21px;
 361         background-color: #FFFFFF;
 362         color: #000000;
 363         margin-bottom: 20px;
 364 }
 365
 366 #dfrn-url-label {
 367         float: left;
 368         width: 250px;
 369 }
 370
 371 #dfrn-request-url-end {
 372         clear: both;
 373 }
 374
 375 #knowyouyes, #knowyouno {
 376         float: left;
 377 }
 378
 379 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 380
 381         float: none;
 382 }
 383 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 384         float: left;
 385         width: 75px;
 386         margin-left: 50px;
 387         margin-bottom: 7px;
 388 }
 389 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 390         clear: both;
 391
 392 }
 393
 394 #dfrn-request-message-wrapper {
 395         margin-bottom: 50px;
 396 }
 397 #dfrn-request-submit-wrapper {
 398         clear: both;
 399         margin-left: 50px;
 400 }
 401
 402 #dfrn-request-info-wrapper {
 403         margin-left: 50px;
 404 }
 405
 406
 407
 408 #cropimage-wrapper, #cropimage-preview-wrapper {
 409         float: left;
 410         padding: 30px;
 411 }
 412
 413 #crop-image-form {
 414         margin-top: 30px;
 415         clear: both;
 416 }
 417
 418 .intro-wrapper {
 419         margin-top: 20px;
 420 }
 421
 422 .intro-fullname {
 423         font-size: 1.1em;
 424         font-weight: bold;
 425
 426 }
 427 .intro-desc {
 428         margin-bottom: 20px;
 429         font-weight: bold;
 430 }
 431
 432 .intro-note {
 433         padding: 10px;
 434 }
 435
 436 .intro-end {
 437         padding: 30px;
 438 }
 439
 440 .intro-form {
 441         float: left;
 442 }
 443 .intro-approve-form {
 444         clear: both;
 445 }
 446 .intro-approve-as-friend-end {
 447         clear: both;
 448 }
 449 .intro-submit-approve, .intro-submit-ignore {
 450         margin-right: 20px;
 451 }
 452 .intro-submit-approve {
 453         margin-top: 15px;
 454 }
 455
 456 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
 457         float: left;
 458         width: 100px;
 459         margin-left: 20px;
 460 }
 461 .intro-approve-as-friend, .intro-approve-as-fan {
 462         float: left;
 463 }
 464 .intro-form-end {
 465         clear: both;
 466 }
 467 .intro-approve-as-friend-desc {
 468         margin-top: 15px;
 469 }
 470 .intro-approve-as-end {
 471         clear: both;
 472         margin-bottom: 10px;
 473 }
 474
 475 .intro-end {
 476         clear: both;
 477         margin-bottom: 30px;
 478 }
 479
 480 #profile-extra-links ul {
 481         list-style-type: none;
 482 }
 483
 484
 485 #profile-extra-links li {
 486         margin-top: 5px;
 487 }
 488
 489 #profile-edit-links ul {
 490         list-style-type: none;
 491 }
 492
 493 #profile-edit-links li {
 494         margin-top: 10px;
 495 }
 496
 497 .view-contact-wrapper {
 498         margin-top: 20px;
 499         float: left;
 500         margin-left: 20px;
 501         width: 180px;
 502 }
 503 #view-contact-end {
 504         clear: both;
 505 }
 506
 507
 508 #viewcontacts {
 509         margin-top: 15px;
 510 }
 511 #profile-edit-default-desc {
 512         color: #FF0000;
 513         border: 1px solid #FF8888;
 514         background-color: #FFEEEE;
 515         padding: 7px;
 516 }
 517
 518 #profile-edit-clone-link-wrapper {
 519         float: left;
 520         margin-left: 50px;
 521         margin-bottom: 20px;
 522         width: 300px;
 523 }
 524
 525 #profile-edit-drop-link-wrapper {
 526         float: left;
 527 }
 528
 529 #profile-edit-links-end {
 530         clear: both;
 531 }
 532 .profile-listing-photo {
 533         border: none;
 534 }
 535
 536 .profile-edit-submit-wrapper {
 537         margin-top: 20px;
 538         margin-bottom: 20px;
 539 }
 540
 541 #profile-photo-link-select-wrapper {
 542         margin-top: 2em;
 543 }
 544
 545 #profile-photo-submit-wrapper {
 546         margin-top: 10px;
 547 }
 548
 549 #profile-photo-wrapper img {
 550         width:175px;
 551         height:175px;
 552 }
 553
 554 #profile-edit-profile-name-label,
 555 #profile-edit-name-label,
 556 #profile-edit-pdesc-label,
 557 #profile-edit-gender-label,
 558 #profile-edit-dob-label,
 559 #profile-edit-address-label,
 560 #profile-edit-locality-label,
 561 #profile-edit-region-label,
 562 #profile-edit-postal-code-label,
 563 #profile-edit-country-name-label,
 564 #profile-edit-marital-label,
 565 #profile-edit-sexual-label,
 566 #profile-edit-politic-label,
 567 #profile-edit-religion-label,
 568 #profile-edit-pubkeywords-label,
 569 #profile-edit-prvkeywords-label,
 570 #profile-edit-homepage-label {
 571         float: left;
 572         width: 175px;
 573 }
 574
 575 #profile-edit-profile-name,
 576 #profile-edit-name,
 577 #profile-edit-pdesc,
 578 #gender-select,
 579 #profile-edit-dob,
 580 #profile-edit-address,
 581 #profile-edit-locality,
 582 #profile-edit-region,
 583 #profile-edit-postal-code,
 584 #profile-edit-country-name,
 585 #marital-select,
 586 #sexual-select,
 587 #profile-edit-politic,
 588 #profile-edit-religion,
 589 #profile-edit-pubkeywords,
 590 #profile-edit-prvkeywords,
 591 #profile-in-dir-yes,
 592 #profile-in-dir-no,
 593 #profile-in-netdir-yes,
 594 #profile-in-netdir-no,
 595 #hide-wall-yes,
 596 #hide-wall-no,
 597 #hide-friends-yes,
 598 #hide-friends-no {
 599         float: left;
 600         margin-bottom: 20px;
 601 }
 602 #settings-normal,
 603 #settings-soapbox,
 604 #settings-freelove,
 605 #settings-community {
 606         float: left;
 607 }
 608
 609
 610 #profile-in-dir-yes-label,
 611 #profile-in-dir-no-label,
 612 #profile-in-netdir-yes-label,
 613 #profile-in-netdir-no-label,
 614 #hide-wall-yes-label,
 615 #hide-wall-no-label,
 616 #hide-friends-yes-label,
 617 #hide-friends-no-label {
 618         margin-left: 125px;
 619         float: left;
 620         width: 50px;
 621 }
 622
 623 #profile-edit-with-label {
 624         width: 175px;
 625         margin-left: 20px;
 626 }
 627
 628 #profile-publish-yes-reg,
 629 #profile-publish-no-reg {
 630         float: left;
 631         margin-bottom: 10px;
 632 }
 633
 634 #profile-publish-yes-label-reg,
 635 #profile-publish-no-label-reg {
 636         margin-left: 350px;
 637         float: left;
 638         width: 50px;
 639 }
 640
 641 #profile-publish-break-reg,
 642 #profile-publish-end-reg {
 643         clear: both;
 644 }
 645
 646
 647 #profile-edit-pdesc-desc,
 648 #profile-edit-pubkeywords-desc,
 649 #profile-edit-prvkeywords-desc {
 650         float: left;
 651         margin-left: 20px;
 652 }
 653
 654
 655 #profile-edit-homepage {
 656         float: left;
 657         margin-bottom: 35px;
 658 }
 659 #settings-normal-label,
 660 #settings-soapbox-label,
 661 #settings-community-label,
 662 #settings-freelove-label {
 663         float: left;
 664         width: 200px;
 665 }
 666 #settings-normal-desc,
 667 #settings-soapbox-desc,
 668 #settings-community-desc,
 669 #settings-freelove-desc {
 670         /*float: left;
 671         margin-left: 75px;*/
 672     clear: left;
 673     color: #666666;
 674     display: block;
 675     margin-bottom: 20px
 676 }
 677
 678 #profile-edit-profile-name-end,
 679 #profile-edit-name-end,
 680 #profile-edit-pdesc-end,
 681 #profile-edit-gender-end,
 682 #profile-edit-dob-end,
 683 #profile-edit-address-end,
 684 #profile-edit-locality-end,
 685 #profile-edit-region-end,
 686 #profile-edit-postal-code-end,
 687 #profile-edit-country-name-end,
 688 #profile-edit-marital-end,
 689 #profile-edit-sexual-end,
 690 #profile-edit-politic-end,
 691 #profile-edit-religion-end,
 692 #profile-edit-pubkeywords-end,
 693 #profile-edit-prvkeywords-end,
 694 #profile-edit-homepage-end,
 695 #profile-in-dir-break,
 696 #profile-in-dir-end,
 697 #profile-in-netdir-break,
 698 #profile-in-netdir-end,
 699 #hide-wall-break,
 700 #hide-wall-end,
 701 #hide-friends-break,
 702 #hide-friends-end,
 703 #settings-normal-break,
 704 #settings-soapbox-break,
 705 #settings-community-break,
 706 #settings-freelove-break {
 707         clear: both;
 708 }
 709
 710
 711
 712
 713
 714 #gender-select, #marital-select, #sexual-select {
 715         width: 220px;
 716 }
 717
 718 #profile-edit-profile-name-wrapper .required {
 719         color: #FF0000;
 720         float: left;
 721 }
 722
 723 #contacts-main {
 724         margin-top: 20px;
 725         margin-bottom: 20px;
 726 }
 727
 728 .contact-entry-wrapper {
 729         float: left;
 730         width: 180px;
 731 }
 732
 733 .contact-entry-direction-icon {
 734         margin-top: 24px;
 735         margin-right: 2px;
 736 }
 737
 738 .contact-entry-photo img {
 739         border: none;
 740 }
 741 .contact-entry-photo-end {
 742         clear: both;
 743 }
 744 .contact-entry-name {
 745         float: left;
 746         margin-left: 30px;
 747 }
 748 .contact-entry-edit-links {
 749         margin-top: 6px;
 750         margin-left: 10px;
 751         width: 16px;
 752 }
 753 .contact-entry-nav-wrapper {
 754         float: left;
 755         margin-left: 10px;
 756 }
 757
 758 .contact-entry-edit-links img {
 759         border: none;
 760         margin-right: 15px;
 761 }
 762 .contact-entry-photo {
 763         float: left;
 764 }
 765 .contact-entry-end {
 766         clear: both;
 767 }
 768
 769 #contact-edit-end {
 770         clear: both;
 771 }
 772
 773 #fsuggest-desc, #fsuggest-submit-wrapper {
 774         margin-top: 15px;
 775         margin-bottom: 15px;
 776 }
 777
 778 #network-star-link{
 779         margin-top: 10px;
 780 }
 781 .network-star {
 782         float: left;
 783         margin-right: 5px;
 784 }
 785
 786 .wall-item-content-wrapper {
 787         margin-top: 10px;
 788         border: 1px solid #CCC;
 789         position: relative;
 790 }
 791
 792 .wall-item-content-wrapper.comment {
 793         margin-left: 50px;
 794         background: #EEEEEE;
 795 }
 796
 797 .wall-item-info {
 798         display: block;
 799         float: left;
 800         width:110px;
 801         margin-right:10px;
 802 }
 803 .comment .wall-item-info {
 804         width: 70px;
 805 }
 806
 807 .wall-item-photo-wrapper {
 808         margin-top: 10px;
 809         margin-left: 10px;
 810         margin-bottom: 10px;
 811         width: 100px;
 812 }
 813 .wall-item-photo-menu-button {
 814         display: block;
 815         position: absolute;
 816         background-image: url("photo-menu.jpg");
 817         background-position: top left;
 818         background-repeat: no-repeat;
 819         margin: 0px; padding: 0px;
 820         width: 16px;
 821         height: 16px;
 822         top: 74px; left:10px;
 823         overflow: hidden;
 824         text-indent: 40px;
 825         display: none;
 826
 827 }
 828 .wall-item-photo-menu {
 829         width: auto;
 830         border: 2px solid #444444;
 831         background: #FFFFFF;
 832         position: absolute;
 833         left: 10px; top: 90px;
 834         display: none;
 835         z-index: 10000;
 836 }
 837 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
 838 .wall-item-photo-menu li a { display: block; padding: 2px; }
 839 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
 840
 841
 842 .comment .wall-item-photo-menu-button { top: 44px;}
 843 .comment .wall-item-photo-menu { top: 60px; }
 844
 845 .wallwall .wwto {
 846     left: 50px;
 847     margin: 0;
 848     position: absolute;
 849     top: 70px;
 850     width: 30px
 851 }
 852 .wallwall .wwto img {
 853         width: 30px !important;
 854         height: 30px !important;
 855 }
 856
 857 .wallwall .wall-item-photo-end {
 858         clear: both;
 859 }
 860
 861 .wall-item-arrowphoto-wrapper {
 862     position: absolute;
 863     left: 75px;
 864     top: 70px;
 865     z-index: 100;
 866 }
 867 .wall-item-wrapper {
 868         /*float: left;
 869     margin-right: 5px;
 870     width: 250px;*/
 871     margin-left:10px;
 872 }
 873 .wall-item-lock {
 874         /*height: 20px;*/
 875         /*margin-top: 10px;*/
 876     left: 105px;
 877     position: absolute;
 878     top: 1px;
 879 }
 880 .comment .wall-item-lock {
 881         left: 65px;
 882 }
 883
 884 .wall-item-ago {
 885         color: #888888;
 886         font-size: 0.8em;
 887 }
 888
 889 .wall-item-location {
 890         overflow: hidden;
 891         /* add ellipsis on text overflow               */
 892         /* this work on safari, opera, ie, chrome.     */
 893         /* firefox users have to wait support or we    */
 894         /* can use a jquery plugin http://bit.ly/zJskg */
 895         text-overflow: ellipsis;
 896         -o-text-overflow: ellipsis;
 897         width: 100%;
 898 }
 899
 900 .wall-item-like-buttons {
 901         float: left;
 902         margin-right: 10px;
 903 /*      padding-right: 10px; */
 904 /*      border-right: 2px solid #fff; */
 905 }
 906
 907 .like-rotator {
 908         margin-left: 5px;
 909 }
 910
 911 .wall-item-like-buttons > a,
 912 .wall-item-like-buttons > img {
 913         float: left;
 914 }
 915
 916 .wall-item-like-buttons img {
 917         cursor: pointer;
 918 }
 919
 920 .wall-item-share-buttons {
 921         margin-left: 10px;
 922         margin-right: 10px;
 923 }
 924
 925 .editpost {
 926         margin-left: 10px;
 927         float: left;
 928 }
 929 .star-item {
 930         margin-left: 10px;
 931         float: left;
 932 }
 933
 934 .wall-item-links-wrapper {
 935         float: left;
 936 }
 937
 938 .wall-item-delete-wrapper {
 939         float: right;
 940 }
 941
 942 .wall-item-delete-end {
 943         clear: both;
 944 }
 945
 946 .wall-item-delete-icon {
 947         border: none;
 948 }
 949
 950
 951 .wall-item-wrapper-end {
 952         clear: both;
 953 }
 954 .wall-item-name-link {
 955         font-weight: bold;
 956         text-decoration: none;
 957         color: #3172BD;
 958 }
 959 .wall-item-photo {
 960         border: none;
 961 }
 962 .comment .wall-item-photo {
 963         width: 50px !important;
 964         height: 50px !important;
 965 }
 966 .wall-item-content {
 967         /*float: left;*/
 968         /*width: 450px;*/
 969         margin-left: 10px;
 970         /*margin-bottom: 20px;*/
 971         /*padding: 20px;*/
 972         max-height: 400px;
 973         overflow: auto;
 974 }
 975
 976 .wall-item-title {
 977         float: left;
 978         font-weight: bold;
 979         /*width: 450px;*/
 980 }
 981
 982 .wall-item-title-end {
 983         clear: both;
 984 }
 985
 986 .wall-item-body {
 987         float: left;
 988         /*width: 450px;*/
 989         margin-top: 10px;
 990 }
 991
 992 .wall-item-tools {
 993         clear: both;
 994         background-image: url("head.jpg");
 995     background-position: 0 -20px;
 996     background-repeat: repeat-x;
 997         padding: 5px 10px 0px;
 998 }
 999 .wall-item-author {
1000         margin-top: 10px;
1001 }
1002
1003 .comment .wall-item-tools {
1004         background:none;
1005 }
1006
1007 .comment-edit-wrapper {
1008         margin-top: 15px;
1009         background: #f3f3f3;
1010         margin-left: 50px;
1011 }
1012
1013 .comment-wwedit-wrapper {
1014         margin-top: 15px;
1015         background: #f3f3f3;
1016         margin-left: 50px;
1017 }
1018
1019 .comment-edit-photo {
1020         margin-top: 10px;
1021         margin-left: 10px;
1022         margin-bottom: 10px;
1023         width: 100px;
1024         float: left;
1025 }
1026 .comment-edit-photo img {
1027         width: 25px;
1028 }
1029 .comment-edit-text-empty, .comment-edit-text-full {
1030         float: left;
1031         margin-top: 10px;
1032 }
1033 .comment-edit-text-end {
1034         clear: both;
1035 }
1036
1037 .comment-edit-submit {
1038         margin: 10px 0px 10px 110px;
1039 }
1040
1041 #profile-jot-plugin-wrapper,
1042 #profile-jot-submit-wrapper {
1043         margin-top: 15px;
1044 }
1045
1046 #profile-jot-submit {
1047         float: left;
1048 }
1049 #profile-upload-wrapper {
1050         float: left;
1051         margin-left: 30px;
1052 }
1053 #profile-attach-wrapper {
1054         float: left;
1055         margin-left: 30px;
1056 }
1057 #profile-rotator {
1058         float: left;
1059         margin-left: 30px;
1060 }
1061 #profile-link-wrapper {
1062         float: left;
1063         margin-left: 15px;
1064 }
1065 #profile-youtube-wrapper {
1066         float: left;
1067         margin-left: 15px;
1068 }
1069 #profile-video-wrapper {
1070         float: left;
1071         margin-left: 15px;
1072 }
1073 #profile-audio-wrapper {
1074         float: left;
1075         margin-left: 15px;
1076 }
1077 #profile-location-wrapper {
1078         float: left;
1079         margin-left: 15px;
1080 }
1081 #profile-nolocation-wrapper {
1082         float: left;
1083         margin-left: 15px;
1084 }
1085 #profile-title-wrapper {
1086         float: left;
1087         margin-left: 15px;
1088 }
1089
1090 #profile-jot-perms {
1091         float: left;
1092         margin-left: 100px;
1093         font-weight: bold;
1094         font-size: 1.2em;
1095 }
1096
1097 #profile-jot-perms-end {
1098         /*clear: left;*/
1099         height: 30px;
1100 }
1101
1102 #profile-jot-plugin-end{
1103   clear: both;
1104 }
1105 .profile-jot-net {
1106         float: left;
1107         margin-right: 10px;
1108         margin-top: 5px;
1109         margin-bottom: 5px;
1110 }
1111
1112 #profile-jot-networks-end {
1113         clear: both;
1114 }
1115
1116 #profile-jot-end {
1117         /*clear: both;*/
1118         margin-bottom: 30px;
1119 }
1120 #about-jot-submit-wrapper {
1121         margin-top: 15px;
1122 }
1123 #about-jot-end {
1124         margin-bottom: 30px;
1125 }
1126 #contacts-main {
1127         margin-bottom: 30px;
1128 }
1129
1130 #profile-listing-desc {
1131         margin-left: 30px;
1132 }
1133
1134 #profile-listing-new-link-wrapper {
1135         margin-left: 30px;
1136         margin-bottom: 30px;
1137 }
1138 .profile-listing-photo-wrapper {
1139         float: left;
1140 }
1141
1142 .profile-listing-edit-buttons-wrapper {
1143         clear: both;
1144 }
1145 .profile-listing-photo-edit-link {
1146         float: left;
1147         width: 125px;
1148 }
1149 .profile-listing-end {
1150         clear: both;
1151 }
1152 .profile-listing-edit-buttons-wrapper img{
1153         border: none;
1154         margin-right: 20px;
1155 }
1156 .profile-listing {
1157         margin-top: 25px;
1158 }
1159 .profile-listing-name {
1160         float: left;
1161         margin-left: 32px;
1162         margin-top: 10px;
1163         color: #3172BD;
1164         font-weight: bold;
1165         width: 200px;
1166
1167 }
1168 .fortune {
1169         margin-top: 50px;
1170         color: #4444FF;
1171         font-weight: bold;
1172         margin-bottom: 20px;
1173 }
1174
1175
1176 .directory-end {
1177         clear: both;
1178 }
1179 .directory-name {
1180         text-align: center;
1181 }
1182 .directory-photo {
1183         margin-left: 25px;
1184 }
1185 .directory-details {
1186         font-size: 0.7em;
1187         text-align: center;
1188         margin-left: 5px;
1189         margin-right: 5px;
1190 }
1191 .directory-item {
1192         float: left;
1193         width: 225px;
1194         height: 260px;
1195         overflow: auto;
1196 }
1197
1198 #directory-search-wrapper {
1199         margin-top: 20px;
1200         margin-right: 20px;
1201         margin-bottom: 50px;
1202 }
1203
1204 #directory-search-end {
1205 }
1206
1207 .directory-photo-img {
1208         border: none;
1209 }
1210
1211
1212 .pager {
1213   padding: 10px;
1214   text-align: center;
1215   font-size: 1.0em;
1216 }
1217
1218
1219 .pager_first,
1220 .pager_last,
1221 .pager_prev,
1222 .pager_next,
1223 .pager_n {
1224         border: 1px solid black;
1225         background: #EEE;
1226         padding: 4px;
1227 }
1228
1229 .pager_first a,
1230 .pager_last a,
1231 .pager_prev a,
1232 .pager_next a,
1233 .pager_n a {
1234         text-decoration: none;
1235 }
1236
1237 .pager_current {
1238   border: 1px solid black;
1239   background: #FFCCCC;
1240   padding: 4px;
1241 }
1242
1243
1244 #advanced-profile-name-wrapper,
1245 #advanced-profile-gender-wrapper,
1246 #advanced-profile-dob-wrapper,
1247 #advanced-profile-age-wrapper,
1248 #advanced-profile-marital-wrapper,
1249 #advanced-profile-sexual-wrapper,
1250 #advanced-profile-homepage-wrapper,
1251 #advanced-profile-politic-wrapper,
1252 #advanced-profile-religion-wrapper,
1253 #advanced-profile-about-wrapper,
1254 #advanced-profile-interest-wrapper,
1255 #advanced-profile-contact-wrapper,
1256 #advanced-profile-music-wrapper,
1257 #advanced-profile-book-wrapper,
1258 #advanced-profile-tv-wrapper,
1259 #advanced-profile-film-wrapper,
1260 #advanced-profile-romance-wrapper,
1261 #advanced-profile-work-wrapper,
1262 #advanced-profile-education-wrapper {
1263         margin-top: 20px;
1264 }
1265
1266 #advanced-profile-name-text,
1267 #advanced-profile-gender-text,
1268 #advanced-profile-dob-text,
1269 #advanced-profile-age-text,
1270 #advanced-profile-marital-text,
1271 #advanced-profile-sexual-text,
1272 #advanced-profile-homepage-text,
1273 #advanced-profile-politic-text,
1274 #advanced-profile-religion-text,
1275 #advanced-profile-about-text,
1276 #advanced-profile-interest-text,
1277 #advanced-profile-contact-text,
1278 #advanced-profile-music-text,
1279 #advanced-profile-book-text,
1280 #advanced-profile-tv-text,
1281 #advanced-profile-film-text,
1282 #advanced-profile-romance-text,
1283 #advanced-profile-work-text,
1284 #advanced-profile-education-text {
1285         width: 300px;
1286         float: left;
1287 }
1288
1289 #advanced-profile-name-end,
1290 #advanced-profile-gender-end,
1291 #advanced-profile-dob-end,
1292 #advanced-profile-age-end,
1293 #advanced-profile-marital-end,
1294 #advanced-profile-sexual-end,
1295 #advanced-profile-homepage-end,
1296 #advanced-profile-politic-end,
1297 #advanced-profile-religion-end {
1298         height: 10px;
1299 }
1300
1301 #advanced-profile-about-end,
1302 #advanced-profile-interest-end,
1303 #advanced-profile-contact-end,
1304 #advanced-profile-music-end,
1305 #advanced-profile-book-end,
1306 #advanced-profile-tv-end,
1307 #advanced-profile-film-end,
1308 #advanced-profile-romance-end,
1309 #advanced-profile-work-end,
1310 #advanced-profile-education-end {
1311
1312
1313 }
1314
1315 #advanced-profile-name,
1316 #advanced-profile-gender,
1317 #advanced-profile-dob,
1318 #advanced-profile-age,
1319 #advanced-profile-marital,
1320 #advanced-profile-sexual,
1321 #advanced-profile-homepage,
1322 #advanced-profile-politic,
1323 #advanced-profile-religion {
1324         float: left;
1325
1326 }
1327
1328
1329 #advanced-profile-about,
1330 #advanced-profile-interest,
1331 #advanced-profile-contact,
1332 #advanced-profile-music,
1333 #advanced-profile-book,
1334 #advanced-profile-tv,
1335 #advanced-profile-film,
1336 #advanced-profile-romance,
1337 #advanced-profile-work,
1338 #advanced-profile-education {
1339         margin-top: 10px;
1340         margin-left: 50px;
1341         margin-right: 20px;
1342         padding: 10px;
1343         border: 1px solid #CCCCCC;
1344 }
1345
1346 #advanced-profile-with {
1347         float: left;
1348         margin-left: 15px;
1349 }
1350
1351 #contact-edit-wrapper {
1352         margin-top: 50px;
1353 }
1354
1355 #contact-edit-banner-name {
1356         font-size: 1.4em;
1357         font-weight: bold;
1358         margin-left: 30px;
1359 }
1360
1361 #contact-edit-poll-wrapper {
1362         margin-left: 50px;
1363         margin-top: 30px;
1364 }
1365 #contact-edit-poll-text {
1366         margin-top: 15px;
1367         margin-bottom: 5px;
1368 }
1369
1370 #contact-edit-update-now {
1371         margin-top: 15px;
1372 }
1373
1374 #contact-edit-photo-wrapper {
1375         margin-bottom: 20px;
1376 }
1377 #contact-edit-links {
1378         float: left;
1379 }
1380 #contact-edit-links a {
1381         float: left;
1382 }
1383 #contact-edit-links img {
1384         margin-left: 20px;
1385         border: none;
1386 }
1387
1388 #contact-drop-links {
1389         float: left;
1390 }
1391
1392 #contact-drop-links img {
1393         margin-left: 20px;
1394         border: none;
1395 }
1396
1397 #contact-edit-nav-end {
1398         clear: both;
1399 }
1400
1401 #contact-edit-direction-icon {
1402         float: left;
1403         margin-top: 70px;
1404         margin-right: 2px;
1405 }
1406
1407 #contact-edit-photo {
1408         float: left;
1409 }
1410
1411 #contact-edit-photo-end {
1412         clear: both;
1413 }
1414
1415 #contact-edit-photo-wrapper {
1416         float: left;
1417 }
1418
1419 #contact-edit-nav-wrapper {
1420         float: left;
1421 }
1422
1423 #contact-edit-end {
1424         clear: both;
1425 }
1426
1427 #contact-profile-selector {
1428         width: 175px;
1429         margin-left: 175px;
1430 }
1431
1432 #contact-reputation-selector {
1433         margin-left: 175px;
1434 }
1435
1436 #contact-edit-rating-text {
1437         margin-left: 175px;
1438 }
1439
1440 .contact-edit-submit {
1441         margin-top: 20px;
1442         /*margin-left: 50px;*/
1443 }
1444
1445 #block-message, #ignore-message {
1446         margin-top: 20px;
1447         color: #FF0000;
1448         font-size: 1.1em;
1449         border: 1px solid #FF8888;
1450         background-color: #FFEEEE;
1451         padding: 10px;
1452 }
1453
1454 #profile-edit-insecure {
1455         margin-top: 20px;
1456         color: #FF0000;
1457         font-size: 1.1em;
1458         border: 1px solid #FF8888;
1459         background-color: #FFEEEE;
1460         padding-left: 5px;
1461         /*: 3px 3px 3px 5px; */
1462         width: 587px;
1463 }
1464
1465 #block-message, #ignore-message {
1466         width: 180px;
1467 }
1468
1469 .comment-edit-text-empty {
1470         color: gray;
1471         height: 30px;
1472         width: 175px;
1473         overflow: auto;
1474         margin-bottom: 10px;
1475 }
1476
1477 .comment-edit-text-full {
1478         color: black;
1479         height: 150px;
1480         width: 350px;
1481         overflow: auto;
1482 }
1483
1484 #group-new-submit-wrapper {
1485         margin-top: 30px;
1486 }
1487
1488 #acl-allow-group-label,
1489 #acl-allow-contact-label,
1490 #acl-deny-group-label,
1491 #acl-deny-contact-label {
1492         display: block;
1493 }
1494
1495 #acl-permit-text {
1496         margin-top: 10px;
1497         float: left;
1498 }
1499
1500 #acl-deny-text {
1501         margin-top: 10px;
1502 }
1503
1504 #jot-public {
1505         float: left;
1506         margin-top: 10px;
1507         margin-left: 15px;
1508         color: #FF0000;
1509 }
1510
1511 #acl-permit-text-end {
1512         clear: both;
1513 }
1514
1515 #acl-allow-group-label,
1516 #acl-allow-contact-label,
1517 #acl-deny-group-label,
1518 #acl-deny-contact-label {
1519         margin-top: 5px;
1520         margin-bottom: 5px;
1521 }
1522
1523
1524 #group_allow_wrapper,
1525 #group_deny_wrapper {
1526         float: left;
1527         width: 100px;
1528         margin-right: 10px;
1529 }
1530
1531 #contact_allow_wrapper,
1532 #contact_deny_wrapper {
1533         float: left;
1534         width: 150px;
1535         margin-right: 10px;
1536 }
1537
1538 #acl-allow-end,
1539 #acl-deny-end {
1540         clear: both;
1541 }
1542 #acl-permit-outer-wrapper,
1543 #acl-deny-outer-wrapper {
1544         padding: 10px;
1545         margin-top: 10px;
1546         border: 2px solid #BBBBBB;
1547         float: left;
1548 }
1549
1550 #acl-wrapper-end {
1551         clear: both;
1552 }
1553
1554 #group-edit-name-label {
1555         float: left;
1556         width: 175px;
1557         margin-top: 20px;
1558         margin-bottom: 20px;
1559 }
1560
1561 #group-edit-name {
1562         float: left;
1563         width: 225px;
1564         margin-top: 20px;
1565         margin-bottom: 20px;
1566 }
1567
1568 #group-edit-name-wrapper {
1569
1570
1571 }
1572
1573
1574 #group_members_select_label {
1575         display: block;
1576         float: left;
1577         width: 175px;
1578 }
1579
1580 .group_members_select {
1581         float: left;
1582         width: 230px;
1583         overflow: auto;
1584 }
1585
1586 #group_members_select_end {
1587         clear: both;
1588 }
1589 #group-edit-name-end {
1590         clear: both;
1591 }
1592
1593 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1594         margin-bottom: 10px;
1595         margin-top: 20px;
1596 }
1597
1598 #prvmail-submit {
1599         float: left;
1600         margin-top: 10px;
1601         margin-right: 30px;
1602 }
1603 #prvmail-upload-wrapper,
1604 #prvmail-link-wrapper,
1605 #prvmail-rotator-wrapper {
1606         float: left;
1607         margin-top: 10px;
1608         margin-right: 10px;
1609         width: 24px;
1610 }
1611
1612 #prvmail-end {
1613         clear: both;
1614 }
1615
1616 .mail-list-sender,
1617 .mail-list-detail {
1618         float: left;
1619 }
1620 .mail-list-detail {
1621         margin-left: 20px;
1622 }
1623
1624 .mail-list-subject {
1625         font-size: 1.1em;
1626         margin-top: 10px;
1627 }
1628 a.mail-list-link {
1629     display: block;
1630     font-size: 1.3em;
1631     padding: 4px 0;
1632 }
1633
1634 /*
1635 *a.mail-list-link:hover {
1636 *       background-color: #15607B;
1637 *       color: #F5F6FB;
1638 *}
1639 */
1640
1641 .mail-list-outside-wrapper-end {
1642         clear: both;
1643 }
1644
1645 .mail-list-outside-wrapper {
1646         margin-top: 30px;
1647 }
1648
1649 .mail-list-delete-wrapper {
1650         float: right;
1651         margin-right: 30px;
1652         margin-top: 15px;
1653 }
1654
1655 .mail-list-delete-icon {
1656         border: none;
1657 }
1658
1659 .mail-conv-sender,
1660 .mail-conv-detail {
1661         float: left;
1662 }
1663 .mail-conv-detail {
1664         margin-left: 20px;
1665         width: 500px;
1666 }
1667
1668 .mail-conv-subject {
1669     font-size: 1.4em;
1670     margin: 10px 0;
1671 }
1672
1673 .mail-conv-outside-wrapper-end {
1674         clear: both;
1675 }
1676
1677 .mail-conv-outside-wrapper {
1678         margin-top: 30px;
1679 }
1680
1681 .mail-conv-delete-wrapper {
1682         float: right;
1683         margin-right: 30px;
1684         margin-top: 15px;
1685 }
1686
1687 .mail-conv-delete-icon {
1688         border: none;
1689 }
1690
1691 .message-links ul {
1692         list-style-type: none;
1693         padding: 0px;
1694 }
1695
1696 .message-links li {
1697         margin-top: 10px;
1698         float: left;
1699 }
1700 .message-links a {
1701         padding: 3px 5px;
1702 }
1703
1704 .message-links ul ul {
1705         clear: both;
1706 }
1707
1708 #sidebar-group-list ul {
1709         list-style-type: none;
1710 }
1711
1712 #sidebar-group-list li {
1713         margin-top: 10px;
1714 }
1715
1716 #side-follow-wrapper {
1717         margin-top: 20px;
1718 }
1719 #side-follow-url {
1720         margin-top: 5px;
1721 }
1722 #side-follow-submit {
1723         margin-top: 15px;
1724 }
1725
1726 .photo-album-image-wrapper {
1727         float: left;
1728         margin-top: 15px;
1729         margin-right: 15px;
1730         width: 200px; height: 200px;
1731         overflow: hidden;
1732         position: relative;
1733 }
1734 .photo-album-image-wrapper .caption {
1735         display: none;
1736         width: 100%;
1737         position: absolute;
1738         bottom: 0px;
1739         padding: 0.5em 0.5em 0px 0.5em;
1740         background-color: rgba(245, 245, 255, 0.8);
1741         border-bottom: 2px solid #CCC;
1742         margin: 0px;
1743 }
1744 .photo-album-image-wrapper a:hover .caption {
1745         display:block;
1746 }
1747
1748 #photo-album-end {
1749         clear: both;
1750 }
1751
1752 .photo-top-image-wrapper {
1753         position: relative;
1754         float: left;
1755         margin-top: 15px;
1756         margin-right: 15px;
1757         width: 200px; height: 200px;
1758         overflow: hidden;
1759 }
1760 .photo-top-album-name {
1761         width: 100%;
1762         min-height: 2em;
1763         position: absolute;
1764         bottom: 0px;
1765         padding: 0px 3px;
1766         padding-top: 0.5em;
1767         background-color: rgb(255, 255, 255);
1768 }
1769 #photo-top-end {
1770         clear: both;
1771 }
1772
1773 #photo-top-links {
1774         margin-bottom: 30px;
1775         margin-left: 30px;
1776 }
1777
1778 #photos-upload-newalbum-div {
1779         float: left;
1780         width: 175px;
1781 }
1782 #photos-upload-existing-album-text {
1783         float: left;
1784         width: 175px;
1785 }
1786 #photos-upload-newalbum {
1787         float: left;
1788 }
1789 #photos-upload-album-select {
1790         float: left;
1791 }
1792
1793 #photos-upload-spacer {
1794         margin-top: 25px;
1795 }
1796 #photos-upload-new-end, #photos-upload-exist-end {
1797         clear: both;
1798 }
1799 #photos-upload-exist-end {
1800         margin-bottom: 15px;
1801 }
1802 #photos-upload-submit {
1803         margin-top: 15px;
1804 }
1805
1806 #photos_upload_applet_wrapper {
1807         margin-bottom: 15px;
1808 }
1809
1810 #photos-upload-no-java-message {
1811         margin-bottom: 15px;
1812 }
1813
1814 #profile-jot-desc {
1815         /*float: left;*/
1816         width: 480px;
1817         color: #FF0000;
1818         margin-top: 10px;
1819         margin-bottom: 10px;
1820 }
1821
1822 #character-counter {
1823         float: right;
1824         font-size: 120%;
1825 }
1826
1827 #character-counter.grey {
1828         color: #888888;
1829 }
1830
1831 #character-counter.orange {
1832         color: orange;
1833 }
1834 #character-counter.red {
1835         color: red;
1836 }
1837
1838 #profile-jot-banner-end {
1839         /* clear: both; */
1840 }
1841
1842 #photos-upload-select-files-text {
1843         margin-top: 15px;
1844         margin-bottom: 15px;
1845 }
1846
1847 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
1848         color: #8888FF;
1849         text-decoration: none;
1850         cursor: pointer;
1851 }
1852
1853 #photos-upload-perms-menu:hover {
1854         color: #0000FF;
1855         text-decoration: underline;
1856         cursor: pointer;
1857 }
1858 #settings-default-perms-menu {
1859         margin-top: 15px;
1860         margin-bottom: 15px;
1861 }
1862
1863 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
1864         float: left;
1865         width: 150px;
1866 }
1867
1868 #photo-edit-perms-end {
1869         margin-bottom: 15px;
1870 }
1871
1872 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
1873         float: left;
1874         margin-bottom: 25px;
1875 }
1876 #photo-edit-link-wrap {
1877         margin-bottom: 15px;
1878 }
1879 #photo-like-div {
1880         margin-bottom: 25px;
1881 }
1882
1883 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
1884         clear: both;
1885 }
1886
1887 #photo-edit-delete-button {
1888         margin-left: 200px;
1889 }
1890 #photo-edit-end {
1891         margin-bottom: 35px;
1892 }
1893 #photo-caption {
1894         font-size: 110%;
1895         font-weight: bold;
1896         margin-top: 15px;
1897         margin-bottom: 15px;
1898 }
1899
1900 #in-this-photo-text {
1901         color: #0000FF;
1902         margin-left: 30px;
1903 }
1904
1905 #in-this-photo {
1906         margin-left: 60px;
1907         margin-top: 10px;
1908         margin-bottom: 20px;
1909 }
1910
1911 #photo-album-edit-submit, #photo-album-edit-drop {
1912         margin-top: 15px;
1913         margin-bottom: 15px;
1914 }
1915
1916 #photo-album-edit-drop {
1917         margin-left: 200px;
1918 }
1919
1920 .group-delete-wrapper {
1921         float: right;
1922         margin-right: 50px;
1923 }
1924
1925 #install-dbhost-label,
1926 #install-dbuser-label,
1927 #install-dbpass-label,
1928 #install-dbdata-label,
1929 #install-tz-desc {
1930        float: left;
1931        width: 250px;
1932        margin-top: 10px;
1933        margin-bottom: 10px;
1934
1935 }
1936
1937 #install-dbhost,
1938 #install-dbuser,
1939 #install-dbpass,
1940 #install-dbdata {
1941        float: left;
1942        width: 200px;
1943        margin-left: 20px;
1944 }
1945
1946 #install-dbhost-end,
1947 #install-dbuser-end,
1948 #install-dbpass-end,
1949 #install-dbdata-end,
1950 #install-tz-end {
1951        clear: both;
1952 }
1953
1954 #install-form select#timezone_select {
1955        float: left;
1956        margin-top: 18px;
1957        margin-left: 20px;
1958 }
1959
1960 #dfrn-request-networks {
1961         margin-bottom: 30px;
1962 }
1963
1964 #pause {
1965   position: fixed;
1966   bottom: 5px;
1967   right: 5px;
1968 }
1969
1970 .sparkle {
1971         cursor: url('lock.cur'), pointer;
1972 /*      cursor: pointer !important; */
1973 }
1974
1975 .contact-block-div {
1976         float: left;
1977         width: 52px;
1978         height: 52px;
1979 }
1980 .contact-block-textdiv {
1981         float: left;
1982         width: 150px;
1983         height: 34px;
1984 }
1985
1986 #contact-block-end {
1987         clear: both;
1988 }
1989 .contact-block-link {
1990         float: left;
1991 }
1992 .contact-block-img {
1993         width:48px;
1994         height:48px;
1995 }
1996
1997 #tag-remove {
1998         margin-bottom: 15px;
1999 }
2000
2001 #tagrm li {
2002         margin-bottom: 10px;
2003 }
2004
2005 #tagrm-submit, #tagrm-cancel {
2006         margin-top: 25px;
2007 }
2008
2009 #tagrm-cancel {
2010         margin-left: 15px;
2011 }
2012
2013 .wall-item-conv {
2014         margin-top: 5px;
2015         margin-bottom: 25px;
2016 }
2017
2018 #search-submit {
2019         margin-left: 15px;
2020 }
2021
2022 #search-box {
2023         margin-bottom: 25px;
2024 }
2025
2026 .location-label, .gender-label, .marital-label, .homepage-label {
2027         float: left;
2028         text-align: right;
2029         display: block;
2030         width: 65px;
2031 }
2032
2033 .adr, .x-gender, .marital-text, .homepage-url {
2034         float: left;
2035         display: block;
2036         margin-left: 8px;
2037 }
2038
2039 .profile-clear {
2040         clear: both;
2041 }
2042
2043
2044 .clear {
2045         clear: both;
2046 }
2047
2048 .cc-license {
2049         margin-top: 50px;
2050         font-size: 70%;
2051 }
2052
2053
2054 #plugin-settings-link, #account-settings-link {
2055         margin-bottom: 10px;
2056 }
2057
2058 #uexport-link {
2059         margin-bottom: 20px;
2060 }
2061
2062 /* end from default */
2063
2064
2065 .fn {
2066         padding: 0px 0px 5px 0px;
2067         font-size: 120%;
2068         font-weight: bold;
2069 }
2070
2071 .vcard .title {
2072         margin-bottom: 5px;
2073 }
2074
2075
2076 #birthday-title {
2077         float: left;
2078         font-weight: bold;
2079 }
2080
2081 #birthday-adjust {
2082         float: left;
2083         font-size: 75%;
2084         margin-left: 10px;
2085 }
2086
2087 #birthday-title-end {
2088         clear: both;
2089 }
2090
2091 .birthday-list {
2092         margin-left: 15px;
2093 }
2094
2095 #birthday-wrapper {
2096         margin-bottom: 20px;
2097 }
2098
2099 #network-new-link {
2100         margin-top: 15px;
2101         margin-bottom: 15px;
2102 }
2103
2104
2105 .tool-wrapper {
2106   float: left;
2107   margin-left: 15px;
2108 }
2109
2110 .tool-link {
2111   cursor: pointer;
2112 }
2113
2114 .eventcal {
2115         float: left;
2116         font-size: 20px;
2117 }
2118
2119 .vevent {
2120         border: 1px solid #CCCCCC;
2121 }
2122 .vevent .event-description, .vevent .event-location {
2123         margin-left: 10px;
2124         margin-right: 10px;
2125 }
2126 .vevent .event-start {
2127         margin-left: 10px;
2128         margin-right: 10px;
2129 }
2130
2131 #new-event-link {
2132         margin-bottom: 10px;
2133 }
2134
2135 .edit-event-link, .plink-event-link {
2136         float: left;
2137         margin-top: 4px;
2138         margin-right: 4px;
2139         margin-bottom: 15px;
2140 }
2141
2142 .event-description:before {
2143         content: url('../../../images/calendar.png');
2144         margin-right: 15px;
2145 }
2146
2147 .event-start, .event-end {
2148         margin-left: 10px;
2149         width: 330px;
2150         clear: both;
2151 }
2152
2153 .event-start .dtstart, .event-end .dtend {
2154         float: right;
2155 }
2156
2157 .event-list-date {
2158         margin-bottom: 10px;
2159 }
2160
2161 .prevcal, .nextcal {
2162         float: left;
2163         margin-left: 32px;
2164         margin-right: 32px;
2165         margin-top: 64px;
2166 }
2167 .event-calendar-end {
2168         clear: both;
2169 }
2170
2171
2172 .calendar {
2173         font-family: Courier, monospace;
2174 }
2175 .today {
2176         font-weight: bold;
2177         color: #FF0000;
2178 }
2179
2180 .settings-block {
2181         border: 1px solid #AAA;
2182         margin: 10px;
2183         padding: 10px;
2184 }
2185
2186 .app-title {
2187         margin: 10px;
2188 }
2189
2190 #identity-manage-desc {
2191         margin-top:15px;
2192         margin-bottom: 15px;
2193 }
2194
2195 #identity-manage-choose {
2196         margin-bottom: 15px;
2197 }
2198
2199 #identity-submit {
2200         margin-top: 20px;
2201 }
2202
2203 #photo-prev-link, #photo-next-link {
2204         padding: 10px;
2205         float: left;
2206 }
2207
2208 #photo-photo {
2209         float: left;
2210 }
2211
2212 #photo-photo-end {
2213         clear: both;
2214 }
2215
2216 .profile-match-photo {
2217         float: left;
2218         text-align: center;
2219         width: 120px;
2220 }
2221
2222 .profile-match-name {
2223         float: left;
2224         text-align: center;
2225         width: 120px;
2226         overflow: hidden;
2227 }
2228
2229 .profile-match-break,
2230 .profile-match-end {
2231         clear: both;
2232 }
2233
2234 .profile-match-wrapper {
2235         float: left;
2236         padding: 10px;
2237         width: 120px;
2238         height: 120px;
2239         scroll: auto;
2240 }
2241 #profile-match-wrapper-end {
2242         clear: both;
2243 }
2244 .side-link {
2245         margin-bottom: 15px;
2246 }
2247
2248 #language-selector {
2249         position: absolute;
2250         top: 0px;
2251         left: 16px;
2252 }
2253
2254 #group-members {
2255         margin-top: 20px;
2256         padding: 10px;
2257         height: 250px;
2258         overflow: auto;
2259         border: 1px solid #ddd;
2260 }
2261
2262 #group-members-end {
2263         clear: both;
2264 }
2265
2266 #group-separator {
2267         margin-top: 10px;
2268         margin-bottom: 10px;
2269 }
2270
2271 #group-all-contacts {
2272         padding: 10px;
2273         height: 450px;
2274         overflow: auto;
2275         border: 1px solid #ddd;
2276 }
2277
2278 #group-all-contacts-end {
2279         clear: both;
2280         margin-bottom: 10px;
2281 }
2282
2283 #group-edit-desc {
2284         margin-top: 15px;
2285 }
2286
2287
2288 #prof-members {
2289         margin-top: 20px;
2290         padding: 10px;
2291         height: 250px;
2292         overflow: auto;
2293         border: 1px solid #ddd;
2294 }
2295
2296 #prof-members-end {
2297         clear: both;
2298 }
2299
2300 #prof-separator {
2301         margin-top: 10px;
2302         margin-bottom: 10px;
2303 }
2304
2305 #prof-all-contacts {
2306         padding: 10px;
2307         height: 450px;
2308         overflow: auto;
2309         border: 1px solid #ddd;
2310 }
2311
2312 #prof-all-contacts-end {
2313         clear: both;
2314         margin-bottom: 10px;
2315 }
2316
2317 #prof-edit-desc {
2318         margin-top: 15px;
2319 }
2320
2321 #crepair-nick-label,
2322 #crepair-url-label,
2323 #crepair-request-label,
2324 #crepair-confirm-label,
2325 #crepair-notify-label,
2326 #crepair-poll-label {
2327         float: left;
2328         width: 200px;
2329         margin-bottom: 15px;
2330 }
2331
2332 #crepair-nick,
2333 #crepair-url,
2334 #crepair-request,
2335 #crepair-confirm,
2336 #crepair-notify,
2337 #crepair-poll {
2338         float: left;
2339         width: 300px;
2340 }
2341
2342 #contact-edit-links .icon, #contact-drop-links .icon {
2343         margin: 0px 3px 0px 3px;
2344 }
2345
2346
2347 #netsearch-box {
2348         margin-top: 20px;
2349 }
2350
2351 #netsearch-box #search-submit {
2352         margin: 5px 0px 0px 0px;
2353 }
2354
2355 .required {
2356         color: #FF0000;
2357 }
2358
2359 #event-start-text, #event-finish-text {
2360         margin-top: 10px;
2361         margin-bottom: 5px;
2362 }
2363
2364 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
2365         float: left;
2366 }
2367 #event-datetime-break {
2368         margin-bottom: 10px;
2369 }
2370
2371 #event-nofinish-break, #event-adjust-break {
2372         clear: both;
2373 }
2374
2375 #event-desc-text, #event-location-text {
2376         margin-top: 10px;
2377         margin-bottom: 5px;
2378 }
2379 #event-submit {
2380         margin-top: 10px;
2381 }
2382
2383 .item-select {
2384         opacity: 0.1;
2385         filter:alpha(opacity=10);
2386         float: right;
2387         margin-right: 10px;
2388
2389 }
2390 .item-select:hover, .checkeditem {
2391         opacity: 1;
2392         filter:alpha(opacity=100);
2393 }
2394
2395
2396 #item-delete-selected {
2397         margin-top: 30px;
2398 }
2399
2400 #item-delete-selected-end {
2401         clear: both;
2402 }
2403 #item-delete-selected-icon, #item-delete-selected-desc {
2404         float: left;
2405         margin-right: 5px;
2406 }
2407 #item-delete-selected-desc:hover {
2408         text-decoration: underline;
2409 }
2410
2411 #lang-select-icon {
2412         cursor: pointer;
2413         position: absolute;
2414         left: 0px;
2415         top: 0px;
2416         opacity: 0.2;
2417         filter:alpha(opacity=20);
2418 }
2419
2420 #lang-select-icon:hover {
2421         opacity: 1;
2422         filter:alpha(opacity=100);
2423 }
2424
2425 /**
2426  * Plugins settings
2427  */
2428
2429 .settings-block > h3,
2430 .settings-heading {
2431         border-bottom: 1px solid #babdb6;
2432 }
2433
2434
2435 /**
2436  * Form fields
2437  */
2438 .field {
2439         margin-bottom: 10px;
2440         padding-bottom: 10px;
2441         overflow: auto;
2442         width: 100%
2443 }
2444
2445 .field label {
2446         float: left;
2447         width: 200px;
2448 }
2449
2450 .field input,
2451 .field textarea {
2452         width: 400px;
2453 }
2454 .field textarea { height: 100px; }
2455 .field_help {
2456         display: block;
2457         margin-left: 200px;
2458         color: #666666;
2459
2460 }
2461
2462
2463 .field .onoff {
2464         float: left;
2465         width: 80px;
2466 }
2467 .field .onoff a {
2468         display: block;
2469         border:1px solid #666666;
2470         background-image:url("../../../images/onoff.jpg");
2471         background-repeat: no-repeat;
2472         padding: 4px 2px 2px 2px;
2473         height: 16px;
2474         text-decoration: none;
2475 }
2476 .field .onoff .off {
2477         border-color:#666666;
2478         padding-left: 40px;
2479         background-position: left center;
2480         background-color: #cccccc;
2481         color: #666666;
2482         text-align: right;
2483 }
2484 .field .onoff .on {
2485         border-color:#204A87;
2486         padding-right: 40px;
2487         background-position: right center;
2488         background-color: #3465A4;
2489         color: #FFFFFF;
2490         text-align: left;
2491 }
2492 .hidden { display: none!important; }
2493
2494 .field.radio .field_help { margin-left: 0px; }
2495
2496 /**
2497  * ADMIN
2498  */
2499 #pending-update {
2500         float:right;
2501         color: #ffffff;
2502         font-weight: bold;
2503         background-color: #FF0000;
2504         padding: 0em 0.3em;
2505
2506 }
2507 #adminpage dl {
2508         clear: left;
2509         margin-bottom: 2px;
2510         padding-bottom: 2px;
2511         border-bottom: 1px solid black;
2512 }
2513 #adminpage dt {
2514         width: 200px;
2515         float: left;
2516         font-weight: bold;
2517 }
2518 #adminpage dd {
2519         margin-left: 200px;
2520 }
2521
2522 #adminpage h3 {
2523         border-bottom: 1px solid #cccccc;
2524 }
2525 #adminpage .field label {
2526         font-weight: bold;
2527 }
2528 #adminpage .submit {
2529         clear:left;
2530         text-align: right;
2531 }
2532
2533 #adminpage #pluginslist {
2534         margin: 0px; padding: 0px;
2535 }
2536 #adminpage .plugin {
2537         list-style: none;
2538         display: block;
2539         border: 1px solid #888888;
2540         padding: 1em;
2541         margin-bottom: 5px;
2542         clear: left;
2543 }
2544 #adminpage .plugin .desc { margin-left: 2.5em;}
2545 #adminpage .toggleplugin {
2546         float:left;
2547         margin-right: 1em;
2548 }
2549
2550 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
2551 #adminpage table th { text-align: left;}
2552 #adminpage td .icon { float: left;}
2553 #adminpage table#users img { width: 16px; height: 16px; }
2554 #adminpage table tr:hover { background-color: #bbc7d7; }
2555 #adminpage .selectall { text-align: right; }
2556 /**
2557  * ICONS
2558  */
2559 .icon {
2560         display: block; width: 16px; height: 16px;
2561         background-image: url('../../../images/icons.png');
2562 }
2563 .article { background-position: 0px 0px;}
2564 .audio { background-position: -16px 0px;}
2565 .block { background-position: -32px 0px;}
2566 .drop { background-position: -48px 0px;}
2567 .drophide { background-position: -64px 0px;}
2568 .edit { background-position: -80px 0px;}
2569 .camera { background-position: -96px 0px;}
2570 .dislike { background-position: -112px 0px;}
2571 .like { background-position: -128px 0px;}
2572 .link { background-position: -144px 0px;}
2573
2574 .globe { background-position: 0px -16px;}
2575 .noglobe { background-position: -16px -16px;}
2576 .no { background-position: -32px -16px;}
2577 .pause { background-position: -48px -16px;}
2578 .play { background-position: -64px -16px;}
2579 .pencil { background-position: -80px -16px;}
2580 .small-pencil { background-position: -96px -16px;}
2581 .recycle { background-position: -112px -16px;}
2582 .remote-link { background-position: -128px -16px;}
2583 .share { background-position: -144px -16px;}
2584
2585 .tools { background-position: 0px -32px;}
2586 .lock { background-position: -16px -32px;}
2587 .unlock { background-position: -32px -32px;}
2588 .video { background-position: -48px -32px;}
2589 .youtube { background-position: -64px -32px;}
2590 .attach { background-position: -80px -32px; }
2591 .language { background-position: -96px -32px; }
2592 .prev { background-position: -112px -32px; }
2593 .next { background-position: -128px -32px; }
2594 .on { background-position: -144px -32px; }
2595
2596 .off { background-position: 0px -48px; }
2597 .starred { background-position: -16px -48px; }
2598 .unstarred { background-position: -32px -48px; }
2599
2600
2601 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
2602
2603 .attachtype {
2604         display: block; width: 20px; height: 23px;
2605         float: left;
2606         background-image: url('../../../images/content-types.png');
2607 }
2608
2609 .body-attach {
2610         margin-top: 10px;
2611 }
2612
2613 .type-video { background-position: 0px 0px; }
2614 .type-image { background-position: -20px 0px; }
2615 .type-audio { background-position: -40px 0px; }
2616 .type-text  { background-position: -60px 0px; }
2617 .type-unkn  { background-position: -80px 0px; }
2618