view/theme/loozah/style.css

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