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         padding: 3px;
  27 }
  28
  29 img { border :0px; }
  30
  31 #id_openid_url, .openid input {
  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 #id_openid_url {
  41         width: 384px;
  42 }
  43
  44 code {
  45         font-family: Courier, monospace;
  46         white-space: pre;
  47         display: block;
  48         overflow: auto;
  49         border: 1px solid #444;
  50         background: #EEE;
  51         color: #444;
  52         padding: 10px;
  53         margin-top: 20px;
  54 }
  55
  56 blockquote {
  57         background-color: #f4f8f9;
  58         border-left: 4px solid #dae4ee;
  59         padding: 0.4em;
  60 }
  61
  62 .icollapse-wrapper, .ccollapse-wrapper {
  63         border: 1px solid #CCC;
  64         padding: 5px;
  65 }
  66
  67 .hide-comments {
  68         margin-left: 5px;
  69 }
  70
  71 #panel {
  72         background-color: ivory;
  73         position: absolute;
  74         z-index: 2;
  75         width: 30%;
  76         padding: 25px;
  77         border: 1px solid #444;
  78 }
  79
  80 .heart {
  81         color: #FF0000;
  82         font-size: 100%;
  83         margin-right: 5px;
  84 }
  85
  86
  87
  88 /* nav */
  89 nav {
  90         height: 94px;
  91         display: block;
  92         margin: 0px 10%;
  93         border-bottom: 1px solid #babdb6;
  94 }
  95 nav #site-location {
  96         color: #888a85;
  97         font-size: 0.8em;
  98         position: absolute;
  99 }
 100
 101 .error-message {
 102         color: #FF0000;
 103         font-size: 1.1em;
 104         border: 1px solid #FF8888;
 105         background-color: #FFEEEE;
 106         padding: 10px;
 107 }
 108
 109 .info-message {
 110         color: #204a87;
 111         font-size: 1.1em;
 112         border: 1px solid #3465a4;
 113         background-color: #d7e3f1;
 114         padding: 10px;
 115 }
 116
 117
 118 nav #banner {
 119         display: block;
 120     margin-top: 14px;
 121         position: absolute;
 122 }
 123 nav #banner #logo-text a {
 124         font-size: 40px;
 125         font-weight: bold;
 126         margin-left: 3px;
 127         color: #000000;
 128
 129 }
 130 nav #banner #logo-text a:hover { text-decoration: none; }
 131
 132
 133 .nav-commlink, .nav-login-link {
 134     display: block;
 135     height: 15px;
 136         margin-top: 67px;
 137         margin-right: 2px;
 138         //padding: 6px 10px;
 139        padding: 6px 3px;
 140         float: left;
 141         bottom: 140px;
 142         border: 1px solid #babdb6;
 143         border-bottom: 0px;
 144         background-color: #aec0d3;
 145         color: #565854;
 146         -moz-border-radius: 3px 3px 0px 0px;
 147         border-radius: 3px 3px 0px 0px;
 148 }
 149 nav .nav-link {
 150         float: right;
 151         margin: 0.2em 0em;
 152         padding: 0em 0.5em;
 153         background-color: transparent !important;
 154 }
 155
 156 .nav-commlink.selected {
 157         background-color: #ffffff;
 158         border-bottom: 1px solid #ffffff;
 159         color: #000000 !important;
 160         margin-top: 64px;
 161         padding-top: 6px;
 162         padding-bottom: 8px;
 163 }
 164 .nav-ajax-left {
 165         font-size: 0.8em;
 166         float: left;
 167         margin-top: 62px;
 168 }
 169
 170
 171 nav #nav-link-wrapper .nav-link {
 172         border-right: 1px solid #babdb6;
 173 }
 174
 175 /* aside */
 176 aside {
 177         display: block;
 178         min-height: 112px;
 179         width: 200px;
 180         margin-left: 10%;
 181         padding: 1em;
 182         float: left;
 183         background-image: url(border.jpg);
 184         background-position: top left;
 185         background-repeat: no-repeat;
 186         position: absolute;
 187 }
 188
 189 #dfrn-request-link {
 190         display: block;
 191         color: #FFFFFF;
 192         -webkit-border-radius: 5px ;
 193         -moz-border-radius: 5px;
 194         border-radius: 5px;
 195         padding: 5px;
 196         font-weight: bold;
 197         background: #3465a4 url('friendika-16.png') no-repeat 95% center;
 198 }
 199 #wallmessage-link {
 200         display: block;
 201         color: #FFFFFF;
 202         -webkit-border-radius: 5px ;
 203         -moz-border-radius: 5px;
 204         border-radius: 5px;
 205         padding: 5px;
 206         font-weight: bold;
 207         background-color: #3465a4;
 208 }
 209
 210 /* section */
 211 section {
 212         margin: 0px 10%;
 213         padding-top: 1em;
 214         padding-left: 250px;
 215         padding-right: 1em;
 216         display: block;
 217         background-color: #ffffff;
 218         background-image: url(border.jpg);
 219         background-position: top right;
 220         background-repeat: no-repeat;
 221         min-height: 112px;
 222
 223 }
 224 .tabs {
 225         height: 27px;
 226         background-image: url(head.jpg);
 227         background-repeat: repeat-x;
 228         background-position: 0px -20px;
 229         border-bottom: 1px solid #babdb6;
 230         padding:0px;
 231 }
 232 .tabs li { margin: 0px; list-style: none; }
 233 .tab {
 234         display:block;
 235         float:left;
 236         padding: 0.4em;
 237         //margin-right: 1em;
 238         margin-right: 3px ;
 239 }
 240 .tab.active {
 241         font-weight: bold;
 242
 243 }
 244
 245
 246 /* footer */
 247 footer {
 248         text-align: right;
 249         padding-bottom: 1em;
 250         padding-right: 3em;
 251 }
 252
 253 .birthday-today, .event-today {
 254         font-weight: bold;
 255 }
 256
 257 div.wall-item-content-wrapper.shiny {
 258   background-image: url('shiny.png');
 259   background-position: -5px 30px;
 260   background-repeat:no-repeat;
 261 }
 262
 263 .preview {
 264         background: #FFFFC8;
 265 }
 266
 267 #theme-preview {
 268         margin: 15px 0 15px 150px;
 269 }
 270
 271 /* from default */
 272 #jot-perms-icon,
 273 #profile-location,
 274 #profile-nolocation,
 275 #profile-youtube,
 276 #profile-video,
 277 #profile-audio,
 278 #profile-link,
 279 #profile-title,
 280 #wall-image-upload,
 281 #wall-file-upload,
 282 #profile-upload-wrapper,
 283 #wall-image-upload-div,
 284 #wall-file-upload-div,
 285 .hover, .focus {
 286         cursor: pointer;
 287 }
 288
 289 #jot-perms-icon {
 290         float: left;
 291 }
 292
 293 #jot-title, #jot-category {
 294         border: 0px;
 295         margin: 0px;
 296         height: 20px;
 297         width: 530px;
 298         margin-bottom: 5px;
 299         font-weight: bold;
 300         border: 1px solid #ffffff;
 301 }
 302
 303 #jot-title::-webkit-input-placeholder{font-weight: normal;}
 304 #jot-category::-webkit-input-placeholder{font-weight: normal;}
 305 #jot-title:-moz-placeholder{font-weight: normal;}
 306 #jot-category:-moz-placeholder{font-weight: normal;}
 307
 308
 309 #jot-title:hover,
 310 #jot-title:focus,
 311 #jot-category:hover,
 312 #jot-category:focus {
 313         border: 1px solid #cccccc;
 314 }
 315
 316 .jothidden { display:none; }
 317
 318
 319 .fakelink, .fakelink:visited, .fakelink:link {
 320         color: #3465a4;
 321         text-decoration: none;
 322         cursor: pointer;
 323         margin-top: 15px;
 324         margin-bottom: 15px;
 325 }
 326 .lockview {
 327         cursor: pointer;
 328 }
 329
 330 #group-sidebar {
 331         margin-bottom: 10px;
 332 }
 333
 334 .group-selected, .nets-selected, .fileas-selected, .categories-selected {
 335         padding: 3px;
 336         -moz-border-radius: 3px;
 337         border-radius: 3px;
 338         border: 1px solid #CCCCCC;
 339         background: #F8F8F8;
 340         font-weight: bold;
 341 }
 342
 343 .settings-widget .selected {
 344         padding: 3px;
 345         -moz-border-radius: 3px;
 346         border-radius: 3px;
 347         border: 1px solid #CCCCCC;
 348         background: #F8F8F8;
 349         font-weight: bold;
 350 }
 351
 352 .fakelink:hover {
 353         color: #3465a4;
 354         text-decoration: underline;
 355         cursor: pointer;
 356 }
 357 .smalltext {
 358         font-size: 0.7em;
 359 }
 360 #sysmsg {
 361         /*width: 600px;*/
 362         margin-bottom: 10px;
 363 }
 364
 365 #register-fill-ext {
 366         margin-bottom: 25px;
 367 }
 368
 369 #label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
 370         float: left;
 371         width: 350px;
 372         margin-top: 10px;
 373 }
 374
 375 #register-name, #register-email, #register-nickname {
 376         float: left;
 377         margin-top: 10px;
 378         width: 150px;
 379 }
 380
 381 #register-openid {
 382         float: left;
 383         margin-top: 10px;
 384         width: 130px;
 385 }
 386
 387 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
 388         clear: both;
 389 }
 390
 391 #register-nickname-desc {
 392         margin-top: 30px;
 393         width: 650px;
 394 }
 395 #register-sitename {
 396         float: left;
 397         margin-top: 10px;
 398 }
 399
 400 #register-submit-button {
 401         margin-top: 10px;
 402 }
 403
 404
 405 #login_standard {
 406         width: 210px;
 407         float: left;
 408 }
 409 #login_openid {
 410         width: 210px;
 411         margin-left: 250px;
 412 }
 413
 414 #login_standard input,
 415 #login_openid input {
 416         width: 180px;
 417 }
 418
 419 #login-extra-links {
 420         clear: both;
 421 }
 422
 423 #register-link, #lost-password-link {
 424         float: left;
 425         font-size: 80%;
 426         margin-right: 15px;
 427 }
 428
 429 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 430         height: 50px;
 431 }
 432
 433 #login-submit-button {
 434 /*      margin-top: 10px; */
 435         margin-left: 200px;
 436 }
 437
 438
 439 input#dfrn-url {
 440         float: left;
 441         background: url(friendika-16.png) no-repeat;
 442         background-position: 2px center;
 443         font-size: 17px;
 444         padding-left: 21px;
 445         height: 21px;
 446         background-color: #FFFFFF;
 447         color: #000000;
 448         margin-bottom: 20px;
 449 }
 450
 451 #dfrn-url-label {
 452         float: left;
 453         width: 250px;
 454 }
 455
 456 #dfrn-request-url-end {
 457         clear: both;
 458 }
 459
 460 #knowyouyes, #knowyouno {
 461         float: left;
 462 }
 463
 464 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 465
 466         float: none;
 467 }
 468 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 469         float: left;
 470         width: 75px;
 471         margin-left: 50px;
 472         margin-bottom: 7px;
 473 }
 474 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 475         clear: both;
 476
 477 }
 478
 479 #dfrn-request-message-wrapper {
 480         margin-bottom: 50px;
 481 }
 482 #dfrn-request-submit-wrapper {
 483         clear: both;
 484         margin-left: 50px;
 485 }
 486
 487 #dfrn-request-info-wrapper {
 488         margin-left: 50px;
 489 }
 490
 491
 492
 493 #cropimage-wrapper, #cropimage-preview-wrapper {
 494         float: left;
 495         padding: 30px;
 496 }
 497
 498 #crop-image-form {
 499         margin-top: 30px;
 500         clear: both;
 501 }
 502
 503 .intro-wrapper {
 504         margin-top: 20px;
 505 }
 506
 507 .intro-fullname {
 508         font-size: 1.1em;
 509         font-weight: bold;
 510
 511 }
 512 .intro-desc {
 513         margin-bottom: 20px;
 514         font-weight: bold;
 515 }
 516
 517 .intro-note {
 518         padding: 10px;
 519 }
 520
 521 .intro-end {
 522         padding: 30px;
 523 }
 524
 525 .intro-form {
 526         float: left;
 527 }
 528 .intro-approve-form {
 529         clear: both;
 530 }
 531 .intro-approve-as-friend-end {
 532         clear: both;
 533 }
 534 .intro-submit-approve, .intro-submit-ignore {
 535         margin-right: 20px;
 536 }
 537 .intro-submit-approve {
 538         margin-top: 15px;
 539 }
 540
 541 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
 542         float: left;
 543         width: 100px;
 544         margin-left: 20px;
 545 }
 546 .intro-approve-as-friend, .intro-approve-as-fan {
 547         float: left;
 548 }
 549 .intro-form-end {
 550         clear: both;
 551 }
 552 .intro-approve-as-friend-desc {
 553         margin-top: 15px;
 554 }
 555 .intro-approve-as-end {
 556         clear: both;
 557         margin-bottom: 10px;
 558 }
 559
 560 .intro-end {
 561         clear: both;
 562         margin-bottom: 30px;
 563 }
 564 .aprofile dt {
 565         font-weight: bold;
 566 }
 567 #page-profile .title {
 568         font-weight: bold;
 569 }
 570 #profile-vcard-break {
 571         clear: both;
 572 }
 573 #profile-extra-links {
 574         clear: both;
 575         margin-top: 10px;
 576 }
 577
 578 #profile-extra-links ul {
 579         list-style-type: none;
 580         padding: 0px;
 581 }
 582
 583
 584 #profile-extra-links li {
 585         margin-top: 5px;
 586 }
 587
 588 #profile-edit-links ul {
 589         list-style-type: none;
 590 }
 591
 592 #profile-edit-links li {
 593         margin-top: 10px;
 594 }
 595 .profile-edit-side-div {
 596         float: right;
 597 }
 598 .profile-edit-side-link {
 599         opacity: 0.3;
 600         filter:alpha(opacity=30);
 601 }
 602 .profile-edit-side-link:hover {
 603         opacity: 1.0;
 604         filter:alpha(opacity=100);
 605 }
 606
 607 .view-contact-wrapper {
 608         margin-top: 20px;
 609         float: left;
 610         margin-left: 20px;
 611         width: 180px;
 612 }
 613
 614 .contact-wrapper {
 615         float: left;
 616         width: 150px;
 617         height: 150px;
 618         overflow: auto;
 619 }
 620
 621 #view-contact-end {
 622         clear: both;
 623 }
 624
 625
 626 #viewcontacts {
 627         margin-top: 15px;
 628 }
 629 #profile-edit-default-desc {
 630         color: #FF0000;
 631         border: 1px solid #FF8888;
 632         background-color: #FFEEEE;
 633         padding: 7px;
 634 }
 635
 636 #profile-edit-clone-link-wrapper {
 637         float: left;
 638         margin-left: 50px;
 639         margin-bottom: 20px;
 640         width: 300px;
 641 }
 642
 643
 644 #profile-edit-links-end {
 645         clear: both;
 646         margin-bottom: 15px;
 647 }
 648
 649 .profile-listing-photo {
 650         border: none;
 651 }
 652
 653 .profile-edit-submit-wrapper {
 654         margin-top: 20px;
 655         margin-bottom: 20px;
 656 }
 657
 658 #profile-photo-link-select-wrapper {
 659         margin-top: 2em;
 660 }
 661
 662 #profile-photo-submit-wrapper {
 663         margin-top: 10px;
 664 }
 665
 666 #profile-photo-wrapper img {
 667         width:175px;
 668         height:175px;
 669         padding: 12px;
 670 }
 671
 672 #profile-edit-profile-name-label,
 673 #profile-edit-name-label,
 674 #profile-edit-pdesc-label,
 675 #profile-edit-gender-label,
 676 #profile-edit-dob-label,
 677 #profile-edit-address-label,
 678 #profile-edit-locality-label,
 679 #profile-edit-region-label,
 680 #profile-edit-postal-code-label,
 681 #profile-edit-country-name-label,
 682 #profile-edit-marital-label,
 683 #profile-edit-sexual-label,
 684 #profile-edit-politic-label,
 685 #profile-edit-religion-label,
 686 #profile-edit-pubkeywords-label,
 687 #profile-edit-prvkeywords-label,
 688 #profile-edit-homepage-label,
 689 #profile-edit-hometown-label {
 690         float: left;
 691         width: 175px;
 692 }
 693
 694 #profile-edit-profile-name,
 695 #profile-edit-name,
 696 #profile-edit-pdesc,
 697 #gender-select,
 698 #profile-edit-dob,
 699 #profile-edit-address,
 700 #profile-edit-locality,
 701 #profile-edit-region,
 702 #profile-edit-postal-code,
 703 #profile-edit-country-name,
 704 #marital-select,
 705 #sexual-select,
 706 #profile-edit-politic,
 707 #profile-edit-religion,
 708 #profile-edit-pubkeywords,
 709 #profile-edit-prvkeywords,
 710 #profile-in-dir-yes,
 711 #profile-in-dir-no,
 712 #profile-in-netdir-yes,
 713 #profile-in-netdir-no,
 714 #hide-wall-yes,
 715 #hide-wall-no,
 716 #hide-friends-yes,
 717 #hide-friends-no {
 718         float: left;
 719         margin-bottom: 20px;
 720 }
 721 #settings-normal,
 722 #settings-soapbox,
 723 #settings-freelove,
 724 #settings-community {
 725         float: left;
 726 }
 727 #settings-notifications label {
 728         margin-left: 20px;
 729 }
 730 #settings-notify-desc, #settings-activity-desc {
 731         font-weight: bold;
 732         margin-bottom: 15px;
 733 }
 734 #settings-pagetype-desc {
 735         color: #666666;
 736         margin-bottom: 15px;
 737 }
 738
 739 #profile-in-dir-yes-label,
 740 #profile-in-dir-no-label,
 741 #profile-in-netdir-yes-label,
 742 #profile-in-netdir-no-label,
 743 #hide-wall-yes-label,
 744 #hide-wall-no-label,
 745 #hide-friends-yes-label,
 746 #hide-friends-no-label {
 747         margin-left: 125px;
 748         float: left;
 749         width: 50px;
 750 }
 751
 752 #profile-edit-with-label {
 753         width: 175px;
 754         margin-left: 20px;
 755 }
 756
 757 #profile-publish-yes-reg,
 758 #profile-publish-no-reg {
 759         float: left;
 760         margin-bottom: 10px;
 761 }
 762
 763 #profile-publish-yes-label-reg,
 764 #profile-publish-no-label-reg {
 765         margin-left: 350px;
 766         float: left;
 767         width: 50px;
 768 }
 769
 770 #profile-publish-break-reg,
 771 #profile-publish-end-reg {
 772         clear: both;
 773 }
 774
 775
 776 #profile-edit-pdesc-desc,
 777 #profile-edit-pubkeywords-desc,
 778 #profile-edit-prvkeywords-desc {
 779         float: left;
 780         margin-left: 20px;
 781 }
 782
 783
 784 #profile-edit-homepage, #profile-edit-hometown {
 785         float: left;
 786         margin-bottom: 35px;
 787 }
 788 #settings-normal-label,
 789 #settings-soapbox-label,
 790 #settings-community-label,
 791 #settings-freelove-label {
 792         float: left;
 793         width: 200px;
 794 }
 795 #settings-normal-desc,
 796 #settings-soapbox-desc,
 797 #settings-community-desc,
 798 #settings-freelove-desc {
 799         /*float: left;
 800         margin-left: 75px;*/
 801     clear: left;
 802     color: #666666;
 803     display: block;
 804     margin-bottom: 20px
 805 }
 806
 807 #profile-edit-profile-name-end,
 808 #profile-edit-name-end,
 809 #profile-edit-pdesc-end,
 810 #profile-edit-gender-end,
 811 #profile-edit-dob-end,
 812 #profile-edit-address-end,
 813 #profile-edit-locality-end,
 814 #profile-edit-region-end,
 815 #profile-edit-postal-code-end,
 816 #profile-edit-country-name-end,
 817 #profile-edit-marital-end,
 818 #profile-edit-sexual-end,
 819 #profile-edit-politic-end,
 820 #profile-edit-religion-end,
 821 #profile-edit-pubkeywords-end,
 822 #profile-edit-prvkeywords-end,
 823 #profile-edit-homepage-end,
 824 #profile-edit-hometown-end,
 825 #profile-in-dir-break,
 826 #profile-in-dir-end,
 827 #profile-in-netdir-break,
 828 #profile-in-netdir-end,
 829 #hide-wall-break,
 830 #hide-wall-end,
 831 #hide-friends-break,
 832 #hide-friends-end,
 833 #settings-normal-break,
 834 #settings-soapbox-break,
 835 #settings-community-break,
 836 #settings-freelove-break {
 837         clear: both;
 838 }
 839
 840 .settings-widget ul {
 841         list-style-type: none;
 842         padding: 0px;
 843 }
 844
 845 .settings-widget li {
 846         margin-left: 24px;
 847         margin-bottom: 8px;
 848 }
 849
 850
 851 #gender-select, #marital-select, #sexual-select {
 852         width: 220px;
 853 }
 854
 855 #profile-edit-profile-name-wrapper .required {
 856         color: #FF0000;
 857         float: left;
 858 }
 859
 860 #contacts-main {
 861         margin-top: 20px;
 862         margin-bottom: 20px;
 863 }
 864
 865 .contact-entry-wrapper {
 866         float: left;
 867         width: 120px;
 868         height: 120px;
 869 }
 870 #contacts-search-end {
 871         margin-bottom: 10px;
 872 }
 873
 874 .contact-entry-direction-icon {
 875         margin-top: 24px;
 876         margin-right: 2px;
 877 }
 878
 879 .contact-entry-photo img {
 880         border: none;
 881 }
 882 .contact-entry-photo-end {
 883         clear: both;
 884 }
 885 .contact-entry-name {
 886         float: left;
 887         margin-left: 0px;
 888         margin-right: 10px;
 889         width: 120px;
 890         overflow: hidden;
 891 }
 892 .contact-entry-edit-links {
 893         margin-top: 6px;
 894         margin-left: 10px;
 895         width: 16px;
 896 }
 897 .contact-entry-nav-wrapper {
 898         float: left;
 899         margin-left: 10px;
 900 }
 901
 902 .contact-entry-edit-links img {
 903         border: none;
 904         margin-right: 15px;
 905 }
 906 .contact-entry-photo {
 907         float: left;
 908         position: relative;
 909 }
 910 .contact-entry-end {
 911         clear: both;
 912 }
 913
 914 #fsuggest-desc, #fsuggest-submit-wrapper {
 915         margin-top: 15px;
 916         margin-bottom: 15px;
 917 }
 918
 919 #network-star-link{
 920         margin-top: 10px;
 921 }
 922 .network-star {
 923         float: left;
 924         margin-right: 5px;
 925 }
 926 #network-bmark-link {
 927         margin-top: 10px;
 928 }
 929
 930 .wall-item-content-wrapper {
 931         margin-top: 10px;
 932         border: 1px solid #CCC;
 933         position: relative;
 934         -moz-border-radius: 3px;
 935         border-radius: 3px;
 936 }
 937
 938 .tread-wrapper .tread-wrapper {
 939         margin-left: 50px;
 940 }
 941 .tread-wrapper .wall-item-comment-wrapper {
 942         margin-left: 50px;
 943 }
 944
 945 .tread-end-wrapper {
 946         margin-left: 50px;
 947 }
 948
 949 .wall-item-content-wrapper.comment {
 950 #       margin-left: 50px;
 951         background: #EEEEEE;
 952 }
 953
 954 .wall-item-like.comment, .wall-item-dislike.comment {
 955         margin-left: 50px;
 956 }
 957
 958 .wall-item-info {
 959         display: block;
 960         float: left;
 961         width:110px;
 962         margin-right:10px;
 963 }
 964 .comment .wall-item-info {
 965         width: 70px;
 966 }
 967
 968 .wall-item-photo-wrapper {
 969         margin-top: 10px;
 970         margin-left: 10px;
 971         margin-bottom: 10px;
 972         width: 100px;
 973 }
 974 .wall-item-photo-menu-button {
 975         display: block;
 976         position: absolute;
 977         background-image: url("photo-menu.jpg");
 978         background-position: top left;
 979         background-repeat: no-repeat;
 980         margin: 0px; padding: 0px;
 981         width: 16px;
 982         height: 16px;
 983         top: 74px; left:10px;
 984         overflow: hidden;
 985         text-indent: 40px;
 986         display: none;
 987
 988 }
 989 .wall-item-photo-menu {
 990         width: auto;
 991         border: 2px solid #444444;
 992         background: #FFFFFF;
 993         position: absolute;
 994         left: 10px; top: 90px;
 995         display: none;
 996         z-index: 10000;
 997 }
 998 .wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
 999 .wall-item-photo-menu li a { display: block; padding: 2px; }
1000 .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
1001
1002
1003 .comment .wall-item-photo-menu-button { top: 44px;}
1004 .comment .wall-item-photo-menu { top: 60px; }
1005
1006 .wallwall .wwto {
1007     left: 50px;
1008     margin: 0;
1009     position: absolute;
1010     top: 70px;
1011     width: 30px
1012 }
1013 .wallwall .wwto img {
1014         width: 30px !important;
1015         height: 30px !important;
1016 }
1017
1018 .wallwall .wall-item-photo-end {
1019         clear: both;
1020 }
1021
1022 .wall-item-arrowphoto-wrapper {
1023     position: absolute;
1024     left: 75px;
1025     top: 70px;
1026     z-index: 100;
1027 }
1028 .wall-item-wrapper {
1029         /*float: left;
1030     margin-right: 5px;
1031     width: 250px;*/
1032     margin-left:10px;
1033 }
1034 .wall-item-lock {
1035         /*height: 20px;*/
1036         /*margin-top: 10px;*/
1037     left: 105px;
1038     position: absolute;
1039     top: 1px;
1040 }
1041 .comment .wall-item-lock {
1042         left: 65px;
1043 }
1044
1045 .wall-item-ago {
1046         color: #888888;
1047         font-size: 0.8em;
1048 }
1049
1050 .wall-item-location {
1051         overflow: hidden;
1052         /* add ellipsis on text overflow               */
1053         /* this work on safari, opera, ie, chrome.     */
1054         /* firefox users have to wait support or we    */
1055         /* can use a jquery plugin http://bit.ly/zJskg */
1056         text-overflow: ellipsis;
1057         -o-text-overflow: ellipsis;
1058         width: 100%;
1059 }
1060
1061 .wall-item-like-buttons {
1062         float: left;
1063         margin-right: 10px;
1064 /*      padding-right: 10px; */
1065 /*      border-right: 2px solid #fff; */
1066 }
1067
1068 .like-rotator {
1069         margin-left: 5px;
1070 }
1071
1072 .wall-item-like-buttons > a,
1073 .wall-item-like-buttons > img {
1074         float: left;
1075 }
1076
1077 .wall-item-like-buttons img {
1078         cursor: pointer;
1079 }
1080
1081 .wall-item-share-buttons {
1082         margin-left: 10px;
1083         margin-right: 10px;
1084 }
1085
1086 .editpost {
1087         margin-left: 10px;
1088         float: left;
1089 }
1090 .star-item {
1091         margin-left: 10px;
1092         float: left;
1093 }
1094 .tag-item {
1095         margin-left: 10px;
1096         float: left;
1097 }
1098
1099 .filer-item {
1100         margin-left: 10px;
1101         float: left;
1102 }
1103
1104 .wall-item-links-wrapper {
1105         float: left;
1106 }
1107
1108 .wall-item-delete-wrapper {
1109         float: right;
1110 }
1111
1112 .wall-item-delete-end {
1113         clear: both;
1114 }
1115
1116 .wall-item-delete-icon {
1117         border: none;
1118 }
1119
1120
1121 .wall-item-wrapper-end {
1122         clear: both;
1123 }
1124 .wall-item-name-link {
1125         font-weight: bold;
1126         text-decoration: none;
1127         color: #3172BD;
1128 }
1129 .wall-item-photo {
1130         border: none;
1131 }
1132 .comment .wall-item-photo {
1133         width: 50px !important;
1134         height: 50px !important;
1135 }
1136 .wall-item-content {
1137         /*float: left;*/
1138         /*width: 450px;*/
1139         margin-left: 10px;
1140         /*margin-bottom: 20px;*/
1141         /*padding: 20px;*/
1142         max-height: 700px;
1143         overflow: auto;
1144 }
1145
1146 .wall-item-content img {
1147   max-width: 700px;
1148 }
1149
1150
1151 .wall-item-title {
1152         float: left;
1153         font-weight: bold;
1154         /*width: 450px;*/
1155 }
1156
1157 .wall-item-title-end {
1158         clear: both;
1159 }
1160
1161 .wall-item-body {
1162         float: left;
1163         /*width: 450px;*/
1164         margin-top: 10px;
1165 }
1166
1167 .wall-item-tools {
1168         clear: both;
1169         background-image: url("head.jpg");
1170     background-position: 0 -20px;
1171     background-repeat: repeat-x;
1172         padding: 5px 10px 0px;
1173 }
1174 .wall-item-author {
1175         margin-top: 10px;
1176 }
1177
1178 .comment .wall-item-tools {
1179         background:none;
1180 }
1181
1182 .comment-edit-wrapper {
1183         margin-top: 15px;
1184         background: #f3f3f3;
1185         margin-left: 50px;
1186 }
1187
1188 .comment-wwedit-wrapper {
1189         background: #f3f3f3;
1190 }
1191
1192 .comment-edit-photo {
1193         margin-top: 10px;
1194         margin-left: 10px;
1195         margin-bottom: 10px;
1196         width: 100px;
1197         float: left;
1198 }
1199 .comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo {
1200         width: 40px;
1201 }
1202
1203 .comment-edit-photo img {
1204         width: 25px;
1205 }
1206 .comment-edit-text-empty, .comment-edit-text-full {
1207         float: left;
1208         margin-top: 10px;
1209         -moz-border-radius: 3px;
1210         border-radius: 3px;
1211         border: 1px solid #cccccc;
1212         padding: 3px 1px 1px 3px;
1213 }
1214 .comment-edit-text-end {
1215         clear: both;
1216 }
1217
1218 .comment-edit-submit {
1219         margin: 10px 0px 10px 110px;
1220 }
1221
1222 .comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit {
1223         margin-left: 50px;
1224 }
1225
1226 #profile-jot-plugin-wrapper,
1227 #profile-jot-submit-wrapper {
1228         margin-top: 15px;
1229 }
1230
1231 #profile-jot-submit {
1232         float: left;
1233 }
1234 #profile-upload-wrapper {
1235         float: left;
1236         margin-left: 30px;
1237 }
1238 #profile-attach-wrapper {
1239         float: left;
1240         margin-left: 30px;
1241 }
1242 #profile-rotator {
1243         float: left;
1244         margin-left: 30px;
1245 }
1246 #profile-link-wrapper {
1247         float: left;
1248         margin-left: 15px;
1249 }
1250 #profile-youtube-wrapper {
1251         float: left;
1252         margin-left: 15px;
1253 }
1254 #profile-video-wrapper {
1255         float: left;
1256         margin-left: 15px;
1257 }
1258 #profile-audio-wrapper {
1259         float: left;
1260         margin-left: 15px;
1261 }
1262 #profile-location-wrapper {
1263         float: left;
1264         margin-left: 15px;
1265 }
1266 #jot-preview-link {
1267         float: left;
1268         margin-left: 45px;
1269         margin-top: 0px !important;
1270 }
1271
1272
1273 #profile-nolocation-wrapper {
1274         float: left;
1275         margin-left: 15px;
1276 }
1277 #profile-title-wrapper {
1278         float: left;
1279         margin-left: 15px;
1280 }
1281
1282 #profile-jot-perms {
1283         float: left;
1284         margin-left: 100px;
1285         font-weight: bold;
1286         font-size: 1.2em;
1287 }
1288
1289
1290 #profile-jot-perms-end {
1291         /*clear: left;*/
1292         height: 30px;
1293 }
1294
1295 #profile-jot-plugin-end{
1296   clear: both;
1297 }
1298 .profile-jot-net {
1299         float: left;
1300         margin-right: 10px;
1301         margin-top: 5px;
1302         margin-bottom: 5px;
1303 }
1304
1305 #profile-jot-networks-end {
1306         clear: both;
1307 }
1308
1309 #profile-jot-end {
1310         /*clear: both;*/
1311         margin-bottom: 30px;
1312 }
1313 #about-jot-submit-wrapper {
1314         margin-top: 15px;
1315 }
1316 #about-jot-end {
1317         margin-bottom: 30px;
1318 }
1319 #contacts-main {
1320         margin-bottom: 30px;
1321 }
1322
1323 #profile-listing-desc {
1324         margin-left: 30px;
1325 }
1326
1327 #profile-listing-new-link-wrapper {
1328         margin-left: 30px;
1329         margin-bottom: 30px;
1330 }
1331 .profile-listing-photo-wrapper {
1332         float: left;
1333 }
1334
1335 .profile-listing-edit-buttons-wrapper {
1336         clear: both;
1337 }
1338 .profile-listing-photo-edit-link {
1339         float: left;
1340         width: 125px;
1341 }
1342 .profile-listing-end {
1343         clear: both;
1344 }
1345 .profile-listing-edit-buttons-wrapper img{
1346         border: none;
1347         margin-right: 20px;
1348 }
1349 .profile-listing {
1350         margin-top: 25px;
1351 }
1352 .profile-listing-name {
1353         float: left;
1354         margin-left: 32px;
1355         margin-top: 10px;
1356         color: #3172BD;
1357         font-weight: bold;
1358         width: 200px;
1359
1360 }
1361 .fortune {
1362         margin-top: 50px;
1363         color: #4444FF;
1364         font-weight: bold;
1365         margin-bottom: 20px;
1366 }
1367
1368
1369 .directory-end {
1370         clear: both;
1371 }
1372 .directory-name {
1373         text-align: center;
1374 }
1375 .directory-photo {
1376         margin-left: 25px;
1377 }
1378 .directory-details {
1379         font-size: 0.7em;
1380         text-align: center;
1381         margin-left: 5px;
1382         margin-right: 5px;
1383 }
1384 .directory-item {
1385         float: left;
1386         width: 225px;
1387         height: 260px;
1388         overflow: auto;
1389 }
1390
1391 #directory-search-wrapper {
1392         margin-top: 20px;
1393         margin-right: 20px;
1394         margin-bottom: 50px;
1395 }
1396
1397 #directory-search-end {
1398 }
1399
1400 .directory-photo-img {
1401         border: none;
1402 }
1403
1404
1405 .pager {
1406   padding: 10px;
1407   text-align: center;
1408   font-size: 1.0em;
1409 }
1410
1411
1412 .pager_first,
1413 .pager_last,
1414 .pager_prev,
1415 .pager_next,
1416 .pager_n {
1417         border: 1px solid black;
1418         background: #EEE;
1419         padding: 4px;
1420 }
1421
1422 .pager_first a,
1423 .pager_last a,
1424 .pager_prev a,
1425 .pager_next a,
1426 .pager_n a {
1427         text-decoration: none;
1428 }
1429
1430 .pager_current {
1431   border: 1px solid black;
1432   background: #FFCCCC;
1433   padding: 4px;
1434 }
1435
1436
1437 #advanced-profile-name-wrapper,
1438 #advanced-profile-gender-wrapper,
1439 #advanced-profile-dob-wrapper,
1440 #advanced-profile-age-wrapper,
1441 #advanced-profile-marital-wrapper,
1442 #advanced-profile-sexual-wrapper,
1443 #advanced-profile-homepage-wrapper,
1444 #advanced-profile-politic-wrapper,
1445 #advanced-profile-religion-wrapper,
1446 #advanced-profile-about-wrapper,
1447 #advanced-profile-interest-wrapper,
1448 #advanced-profile-contact-wrapper,
1449 #advanced-profile-music-wrapper,
1450 #advanced-profile-book-wrapper,
1451 #advanced-profile-tv-wrapper,
1452 #advanced-profile-film-wrapper,
1453 #advanced-profile-romance-wrapper,
1454 #advanced-profile-work-wrapper,
1455 #advanced-profile-education-wrapper {
1456         margin-top: 20px;
1457 }
1458
1459 #advanced-profile-name-text,
1460 #advanced-profile-gender-text,
1461 #advanced-profile-dob-text,
1462 #advanced-profile-age-text,
1463 #advanced-profile-marital-text,
1464 #advanced-profile-sexual-text,
1465 #advanced-profile-homepage-text,
1466 #advanced-profile-politic-text,
1467 #advanced-profile-religion-text,
1468 #advanced-profile-about-text,
1469 #advanced-profile-interest-text,
1470 #advanced-profile-contact-text,
1471 #advanced-profile-music-text,
1472 #advanced-profile-book-text,
1473 #advanced-profile-tv-text,
1474 #advanced-profile-film-text,
1475 #advanced-profile-romance-text,
1476 #advanced-profile-work-text,
1477 #advanced-profile-education-text {
1478         width: 300px;
1479         float: left;
1480 }
1481
1482 #advanced-profile-name-end,
1483 #advanced-profile-gender-end,
1484 #advanced-profile-dob-end,
1485 #advanced-profile-age-end,
1486 #advanced-profile-marital-end,
1487 #advanced-profile-sexual-end,
1488 #advanced-profile-homepage-end,
1489 #advanced-profile-politic-end,
1490 #advanced-profile-religion-end {
1491         height: 10px;
1492 }
1493
1494 #advanced-profile-about-end,
1495 #advanced-profile-interest-end,
1496 #advanced-profile-contact-end,
1497 #advanced-profile-music-end,
1498 #advanced-profile-book-end,
1499 #advanced-profile-tv-end,
1500 #advanced-profile-film-end,
1501 #advanced-profile-romance-end,
1502 #advanced-profile-work-end,
1503 #advanced-profile-education-end {
1504
1505
1506 }
1507
1508 #advanced-profile-name,
1509 #advanced-profile-gender,
1510 #advanced-profile-dob,
1511 #advanced-profile-age,
1512 #advanced-profile-marital,
1513 #advanced-profile-sexual,
1514 #advanced-profile-homepage,
1515 #advanced-profile-politic,
1516 #advanced-profile-religion {
1517         float: left;
1518
1519 }
1520
1521
1522 #advanced-profile-about,
1523 #advanced-profile-interest,
1524 #advanced-profile-contact,
1525 #advanced-profile-music,
1526 #advanced-profile-book,
1527 #advanced-profile-tv,
1528 #advanced-profile-film,
1529 #advanced-profile-romance,
1530 #advanced-profile-work,
1531 #advanced-profile-education {
1532         margin-top: 10px;
1533         margin-left: 50px;
1534         margin-right: 20px;
1535         padding: 10px;
1536         border: 1px solid #CCCCCC;
1537 }
1538
1539 #advanced-profile-with {
1540         float: left;
1541         margin-left: 15px;
1542 }
1543
1544 #contact-edit-wrapper {
1545         margin-top: 10px;
1546 }
1547
1548 #contact-edit-banner-name {
1549         font-size: 1.4em;
1550         font-weight: bold;
1551 }
1552
1553 #contact-edit-poll-wrapper {
1554         margin-top: 15px;
1555 }
1556
1557 #contact-edit-poll-text {
1558         margin-top: 15px;
1559         margin-bottom: 5px;
1560 }
1561
1562 #contact-edit-update-now {
1563         margin-top: 15px;
1564 }
1565
1566 #contact-edit-links{
1567         clear: both;
1568 }
1569
1570 #contact-edit-links ul {
1571         list-style: none;
1572         list-style-type: none;
1573         margin-left: 0px;
1574         padding-left: 0px;
1575 }
1576
1577 #contact-edit-links li {
1578         margin-top: 5px;
1579 }
1580
1581 #contact-edit-drop-link {
1582         float: right;
1583         margin-right: 20px;
1584 }
1585
1586 #contact-edit-nav-end {
1587         clear: both;
1588 }
1589
1590 #contact-edit-wrapper {
1591         width: 100%;
1592 }
1593
1594 #contact-edit-end {
1595         clear: both;
1596         margin-top: 15px;
1597 }
1598
1599 #contact-profile-selector {
1600         width: 175px;
1601         margin-left: 175px;
1602 }
1603
1604 .contact-edit-submit {
1605         margin-top: 20px;
1606 }
1607
1608
1609 .contact-photo-menu-button {
1610         position: absolute;
1611         background-image: url("photo-menu.jpg");
1612         background-position: top left;
1613         background-repeat: no-repeat;
1614         margin: 0px; padding: 0px;
1615         width: 16px;
1616         height: 16px;
1617         top: 64px; left:0px;
1618         overflow: hidden;
1619         text-indent: 40px;
1620         display: none;
1621
1622 }
1623 .contact-photo-menu {
1624         width: auto;
1625         border: 2px solid #444444;
1626         background: #FFFFFF;
1627         position: absolute;
1628         left: 0px; top: 90px;
1629         display: none;
1630         z-index: 10000;
1631 }
1632 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
1633 .contact-photo-menu li a { display: block; padding: 2px; }
1634 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
1635
1636
1637 #block-message, #ignore-message, #archive-message, #lost-contact-message {
1638         color: #FF0000;
1639 }
1640
1641 #profile-edit-insecure {
1642         margin-top: 20px;
1643         color: #FF0000;
1644         font-size: 1.1em;
1645         border: 1px solid #FF8888;
1646         background-color: #FFEEEE;
1647         padding-left: 5px;
1648         /*: 3px 3px 3px 5px; */
1649         width: 587px;
1650 }
1651
1652 #profile-jot-text {
1653         height: 20px;
1654         color:#cccccc;
1655         border: 1px solid #cccccc;
1656         padding: 3px 0px 0px 5px;
1657         -moz-border-radius: 3px;
1658         border-radius: 3px;
1659 }
1660
1661
1662 /** acl **/
1663 #photo-edit-perms-select,
1664 #photos-upload-permissions-wrapper,
1665 #profile-jot-acl-wrapper{
1666         display:block!important;
1667 }
1668
1669 #photos-usage-message {
1670         margin-bottom: 15px;
1671 }
1672
1673
1674 #acl-wrapper {
1675         width: 690px;
1676         float:left;
1677 }
1678 #acl-search {
1679         float:right;
1680         background: #ffffff url("../../../images/search_18.png") no-repeat right center;
1681         padding-right:20px;
1682 }
1683 #acl-showall {
1684         float: left;
1685         display: block;
1686         width: auto;
1687         height: 18px;
1688         background-color: #cccccc;
1689         background-image: url("../../../images/show_all_off.png");
1690         background-position: 7px 7px;
1691         background-repeat: no-repeat;
1692         padding: 7px 5px 0px 30px;
1693         -webkit-border-radius: 5px ;
1694         -moz-border-radius: 5px;
1695         border-radius: 5px;
1696         color: #999999;
1697 }
1698 #acl-showall.selected {
1699         color: #000000;
1700         background-color: #ff9900;
1701         background-image: url("../../../images/show_all_on.png");
1702 }
1703
1704 #acl-list {
1705         height: 210px;
1706         border: 1px solid #cccccc;
1707         clear: both;
1708         margin-top: 30px;
1709         overflow: auto;
1710 }
1711 #acl-list-content {
1712
1713 }
1714 .acl-list-item {
1715         display: block;
1716         width: 150px;
1717         height: 30px;
1718         border: 1px solid #cccccc;
1719         margin: 5px;
1720         float: left;
1721 }
1722 .acl-list-item img{
1723         width:22px;
1724         height: 22px;
1725         float: left;
1726         margin: 4px;
1727 }
1728 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
1729 .acl-list-item a {
1730         font-size: 8px;
1731         display: block;
1732         width: 40px;
1733         height: 10px;
1734         float: left;
1735         color: #999999;
1736         background-color: #cccccc;
1737         background-position: 3px 3px;
1738         background-repeat: no-repeat;
1739         margin-right: 5px;
1740         -webkit-border-radius: 2px ;
1741         -moz-border-radius: 2px;
1742         border-radius: 2px;
1743         padding-left: 15px;
1744 }
1745 #acl-wrapper a:hover {
1746         text-decoration: none;
1747         color:#000000;
1748 }
1749 .acl-button-show { background-image: url("../../../images/show_off.png"); }
1750 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }
1751
1752 .acl-button-show.selected {
1753         color: #000000;
1754         background-color: #9ade00;
1755         background-image: url("../../../images/show_on.png");
1756 }
1757 .acl-button-hide.selected {
1758         color: #000000;
1759         background-color: #ff4141;
1760         background-image: url("../../../images/hide_on.png");
1761 }
1762 .acl-list-item.groupshow { border-color: #9ade00; }
1763 .acl-list-item.grouphide { border-color: #ff4141; }
1764 /** /acl **/
1765
1766
1767 .comment-edit-text-empty {
1768         color: gray;
1769         height: 2em;
1770         width: 175px;
1771         overflow: auto;
1772         margin-bottom: 10px;
1773 }
1774
1775 .comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty {
1776         height: 1.5em;
1777 }
1778
1779 .comment-edit-text-full {
1780         color: black;
1781         height: 150px;
1782         width: 350px;
1783         overflow: auto;
1784 }
1785
1786 #group-new-submit-wrapper {
1787         margin-top: 30px;
1788 }
1789
1790 #group-edit-name-label {
1791         float: left;
1792         width: 175px;
1793         margin-top: 20px;
1794         margin-bottom: 20px;
1795 }
1796
1797 #group-edit-name {
1798         float: left;
1799         width: 225px;
1800         margin-top: 20px;
1801         margin-bottom: 20px;
1802 }
1803
1804 #group-edit-name-wrapper {
1805
1806
1807 }
1808
1809
1810 #group_members_select_label {
1811         display: block;
1812         float: left;
1813         width: 175px;
1814 }
1815
1816 .group_members_select {
1817         float: left;
1818         width: 230px;
1819         overflow: auto;
1820 }
1821
1822 #group_members_select_end {
1823         clear: both;
1824 }
1825 #group-edit-name-end {
1826         clear: both;
1827 }
1828
1829 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1830         margin-bottom: 10px;
1831         margin-top: 20px;
1832 }
1833
1834 #prvmail-submit {
1835         float: left;
1836         margin-top: 10px;
1837         margin-right: 30px;
1838 }
1839 #prvmail-upload-wrapper,
1840 #prvmail-link-wrapper,
1841 #prvmail-rotator-wrapper {
1842         float: left;
1843         margin-top: 10px;
1844         margin-right: 10px;
1845         width: 24px;
1846 }
1847
1848 #prvmail-end {
1849         clear: both;
1850 }
1851
1852 .mail-list-sender,
1853 .mail-list-detail {
1854         float: left;
1855 }
1856 .mail-list-detail {
1857         margin-left: 20px;
1858 }
1859
1860 .mail-list-subject {
1861         font-size: 1.1em;
1862         margin-top: 10px;
1863 }
1864 a.mail-list-link {
1865     display: block;
1866     font-size: 1.3em;
1867     padding: 4px 0;
1868 }
1869
1870 /*
1871 *a.mail-list-link:hover {
1872 *       background-color: #15607B;
1873 *       color: #F5F6FB;
1874 *}
1875 */
1876
1877 .mail-list-outside-wrapper-end {
1878         clear: both;
1879 }
1880
1881 .mail-list-outside-wrapper {
1882         margin-top: 30px;
1883 }
1884
1885 .mail-list-delete-wrapper {
1886         float: right;
1887         margin-right: 30px;
1888         margin-top: 15px;
1889 }
1890
1891 .mail-list-delete-icon {
1892         border: none;
1893 }
1894
1895 .mail-conv-sender,
1896 .mail-conv-detail {
1897         float: left;
1898 }
1899 .mail-conv-detail {
1900         margin-left: 20px;
1901         width: 500px;
1902 }
1903
1904 .mail-conv-subject {
1905     font-size: 1.4em;
1906     margin: 10px 0;
1907 }
1908
1909 .mail-conv-outside-wrapper-end {
1910         clear: both;
1911 }
1912
1913 .mail-conv-outside-wrapper {
1914         margin-top: 30px;
1915 }
1916
1917 .mail-conv-delete-wrapper {
1918         float: right;
1919         margin-right: 30px;
1920         margin-top: 15px;
1921 }
1922 .mail-conv-break {
1923         clear: both;
1924 }
1925
1926 .mail-conv-delete-icon {
1927         border: none;
1928 }
1929
1930 .message-links ul {
1931         list-style-type: none;
1932         padding: 0px;
1933 }
1934
1935 .message-links li {
1936         margin-top: 10px;
1937         float: left;
1938 }
1939 .message-links a {
1940         padding: 3px 5px;
1941 }
1942
1943 .message-links-end {
1944         clear: both;
1945 }
1946
1947 #sidebar-group-list ul {
1948         list-style-type: none;
1949 }
1950
1951 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
1952         display: inline-block;
1953         height: 12px;
1954         width: 12px;
1955 }
1956
1957 #sidebar-group-list li {
1958         margin-top: 10px;
1959 }
1960
1961 .nets-ul, .fileas-ul, .categories-ul {
1962         list-style-type: none;
1963 }
1964
1965 .nets-ul li, .fileas-ul li, .categories-ul li {
1966         margin-top: 10px;
1967 }
1968
1969 .nets-link {
1970         margin-left: 24px;
1971 }
1972 .nets-all {
1973         margin-left: 42px;
1974 }
1975
1976 .fileas-link, .categories-link {
1977         margin-left: 24px;
1978 }
1979
1980 .fileas-all, .categories-all {
1981         margin-left: 0px;
1982 }
1983
1984 #search-save {
1985         margin-left: 5px;
1986 }
1987 .groupsideedit {
1988         margin-right: 10px;
1989 }
1990 #saved-search-ul {
1991         list-style-type: none;
1992 }
1993 .savedsearchdrop, .savedsearchterm {
1994         float: left;
1995         margin-top: 10px;
1996 }
1997 .savedsearchterm {
1998         margin-left: 10px;
1999 }
2000
2001
2002 #side-follow-wrapper {
2003         margin-top: 20px;
2004 }
2005 #side-follow-url, #side-peoplefind-url {
2006         margin-top: 5px;
2007 }
2008 #side-follow-submit, #side-peoplefind-submit {
2009         margin-top: 15px;
2010 }
2011
2012 #side-match-link {
2013         margin-top: 10px;
2014 }
2015
2016 aside input[type='text'] {
2017  width: 174px;
2018 }
2019
2020 .widget {
2021         border: 1px solid #DDDDDD;
2022         padding: 8px;
2023         margin-top: 5px;
2024         -moz-border-radius:5px;
2025         -webkit-border-radius:5px;
2026         border-radius:5px;
2027
2028 }
2029
2030
2031 /*.photos {
2032         height: auto;
2033         overflow: auto;
2034 }*/
2035
2036 .photos-end {
2037         clear: both;
2038         margin-bottom: 25px;
2039 }
2040
2041 .photo-album-image-wrapper {
2042         float: left;
2043         margin-top: 15px;
2044         margin-right: 15px;
2045         margin-left: 15px;
2046 /*      width: 200px; height: 200px;
2047         overflow: hidden;
2048         position: relative; */
2049 }
2050 .photo-album-image-wrapper .caption {
2051         display: none;
2052         width: 100%;
2053 /*      position: absolute; */
2054         bottom: 0px;
2055         padding: 0.5em 0.5em 0px 0.5em;
2056         background-color: rgba(245, 245, 255, 0.8);
2057         border-bottom: 2px solid #CCC;
2058         margin: 0px;
2059 }
2060 .photo-album-image-wrapper a:hover .caption {
2061         display:block;
2062 }
2063
2064 #photo-album-end {
2065         clear: both;
2066         margin-bottom: 25px;
2067 }
2068
2069 .photo-top-image-wrapper {
2070 /*      position: relative; */
2071         float: left;
2072         margin-top: 15px;
2073         margin-right: 15px;
2074         margin-left: 15px;
2075         margin-bottom: 15px;
2076 /*      width: 200px; height: 200px;
2077         overflow: hidden; */
2078 }
2079 .photo-top-album-name {
2080         width: 100%;
2081         min-height: 2em;
2082 /*      position: absolute;  */
2083         bottom: 0px;
2084         padding: 0px 3px;
2085         padding-top: 0.5em;
2086         background-color: rgb(255, 255, 255);
2087 }
2088 #photo-top-end {
2089         clear: both;
2090 }
2091
2092 #photo-top-links {
2093         margin-bottom: 30px;
2094         margin-left: 30px;
2095 }
2096
2097 #photos-upload-newalbum-div {
2098         float: left;
2099         width: 175px;
2100 }
2101
2102 #photos-upload-noshare {
2103         margin-bottom: 10px;
2104 }
2105 #photos-upload-existing-album-text {
2106         float: left;
2107         width: 175px;
2108 }
2109 #photos-upload-newalbum {
2110         float: left;
2111 }
2112 #photos-upload-album-select {
2113         float: left;
2114 }
2115
2116 #photos-upload-spacer {
2117         margin-top: 25px;
2118 }
2119 #photos-upload-new-end, #photos-upload-exist-end {
2120         clear: both;
2121 }
2122 #photos-upload-exist-end {
2123         margin-bottom: 15px;
2124 }
2125 #photos-upload-submit {
2126         margin-top: 15px;
2127 }
2128
2129 #photos_upload_applet_wrapper {
2130         margin-bottom: 15px;
2131 }
2132
2133 #photos-upload-no-java-message {
2134         margin-bottom: 15px;
2135 }
2136
2137 #profile-jot-desc {
2138         /*float: left;*/
2139         width: 480px;
2140         color: #FF0000;
2141         margin-top: 10px;
2142         margin-bottom: 10px;
2143 }
2144
2145 #character-counter {
2146         float: right;
2147         font-size: 120%;
2148 }
2149
2150 #character-counter.grey {
2151         color: #888888;
2152 }
2153
2154 #character-counter.orange {
2155         color: orange;
2156 }
2157 #character-counter.red {
2158         color: red;
2159 }
2160
2161 #profile-jot-banner-end {
2162         /* clear: both; */
2163 }
2164
2165 #photos-upload-select-files-text {
2166         margin-top: 15px;
2167         margin-bottom: 15px;
2168 }
2169
2170 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
2171         color: #8888FF;
2172         text-decoration: none;
2173         cursor: pointer;
2174 }
2175
2176 #photos-upload-perms-menu:hover {
2177         color: #0000FF;
2178         text-decoration: underline;
2179         cursor: pointer;
2180 }
2181 #settings-default-perms-menu {
2182         margin-top: 15px;
2183         margin-bottom: 15px;
2184 }
2185
2186 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, #photo-edit-rotate-label {
2187         float: left;
2188         width: 150px;
2189 }
2190
2191 #photo-edit-perms-end {
2192         margin-bottom: 15px;
2193 }
2194
2195 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate {
2196         float: left;
2197         margin-bottom: 25px;
2198 }
2199 #photo-edit-link-wrap {
2200         margin-bottom: 15px;
2201 }
2202 #photo-like-div {
2203         margin-bottom: 25px;
2204 }
2205
2206 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
2207         clear: both;
2208 }
2209
2210 #photo-edit-rotate-end {
2211         margin-bottom: 15px;
2212 }
2213
2214 #photo-edit-delete-button {
2215         margin-left: 200px;
2216 }
2217 #photo-edit-end {
2218         margin-bottom: 35px;
2219 }
2220 #photo-caption {
2221         font-size: 110%;
2222         font-weight: bold;
2223         margin-top: 15px;
2224         margin-bottom: 15px;
2225 }
2226
2227 #in-this-photo-text {
2228         color: #0000FF;
2229         margin-left: 30px;
2230 }
2231
2232 #in-this-photo {
2233         margin-left: 60px;
2234         margin-top: 10px;
2235         margin-bottom: 20px;
2236 }
2237
2238 #photo-album-edit-submit, #photo-album-edit-drop {
2239         margin-top: 15px;
2240         margin-bottom: 15px;
2241 }
2242
2243 #photo-album-edit-drop {
2244         margin-left: 200px;
2245 }
2246
2247 .group-delete-wrapper {
2248         float: right;
2249         margin-right: 50px;
2250 }
2251
2252 #install-dbhost-label,
2253 #install-dbuser-label,
2254 #install-dbpass-label,
2255 #install-dbdata-label,
2256 #install-tz-desc {
2257        float: left;
2258        width: 250px;
2259        margin-top: 10px;
2260        margin-bottom: 10px;
2261
2262 }
2263
2264 #install-dbhost,
2265 #install-dbuser,
2266 #install-dbpass,
2267 #install-dbdata {
2268        float: left;
2269        width: 200px;
2270        margin-left: 20px;
2271 }
2272
2273 #install-dbhost-end,
2274 #install-dbuser-end,
2275 #install-dbpass-end,
2276 #install-dbdata-end,
2277 #install-tz-end {
2278        clear: both;
2279 }
2280
2281 #install-form select#timezone_select {
2282        float: left;
2283        margin-top: 18px;
2284        margin-left: 20px;
2285 }
2286
2287 #dfrn-request-networks {
2288         margin-bottom: 30px;
2289 }
2290
2291 #pause {
2292   position: fixed;
2293   bottom: 5px;
2294   right: 5px;
2295 }
2296
2297 .sparkle {
2298         cursor: url('lock.cur'), pointer;
2299 /*      cursor: pointer !important; */
2300 }
2301
2302 .contact-block-div {
2303         float: left;
2304         width: 52px;
2305         height: 52px;
2306 }
2307 .contact-block-textdiv {
2308         float: left;
2309         width: 150px;
2310         height: 34px;
2311 }
2312
2313 #contact-block-end {
2314         clear: both;
2315 }
2316 .contact-block-link {
2317         float: left;
2318 }
2319 .contact-block-img {
2320         width:48px;
2321         height:48px;
2322 }
2323
2324 #tag-remove {
2325         margin-bottom: 15px;
2326 }
2327
2328 #tagrm li {
2329         margin-bottom: 10px;
2330 }
2331
2332 #tagrm-submit, #tagrm-cancel {
2333         margin-top: 25px;
2334 }
2335
2336 #tagrm-cancel {
2337         margin-left: 15px;
2338 }
2339
2340 .wall-item-conv {
2341         margin-top: 5px;
2342         margin-bottom: 25px;
2343 }
2344
2345 #search-submit {
2346         margin-left: 15px;
2347 }
2348
2349 #search-box {
2350         margin-bottom: 25px;
2351 }
2352
2353 .location-label, .gender-label, .marital-label, .homepage-label {
2354         float: left;
2355         text-align: right;
2356         display: block;
2357         width: 65px;
2358 }
2359
2360 .adr, .x-gender, .marital-text, .homepage-url {
2361         float: left;
2362         display: block;
2363         margin-left: 8px;
2364 }
2365
2366 .profile-clear {
2367         clear: both;
2368 }
2369
2370
2371 .clear {
2372         clear: both;
2373 }
2374
2375 .cc-license {
2376         margin-top: 50px;
2377         font-size: 70%;
2378 }
2379
2380
2381 #plugin-settings-link, #account-settings-link {
2382         margin-bottom: 10px;
2383 }
2384
2385 #uexport-link {
2386         margin-bottom: 20px;
2387 }
2388
2389 /* end from default */
2390
2391
2392 .fn {
2393         padding: 0px 0px 5px 12px;
2394         font-size: 120%;
2395         font-weight: bold;
2396 }
2397
2398 .vcard .title {
2399         margin-bottom: 5px;
2400         margin-left: 12px;
2401 }
2402
2403 .vcard dl {
2404         clear: both;
2405 }
2406
2407 #birthday-title {
2408         float: left;
2409         font-weight: bold;
2410 }
2411
2412 #birthday-adjust {
2413         float: left;
2414         font-size: 75%;
2415         margin-left: 10px;
2416 }
2417
2418 #birthday-title-end {
2419         clear: both;
2420 }
2421
2422 .birthday-list {
2423         margin-left: 15px;
2424 }
2425
2426 #birthday-wrapper {
2427         margin-bottom: 20px;
2428 }
2429
2430 #network-new-link {
2431         margin-top: 15px;
2432         margin-bottom: 15px;
2433 }
2434
2435
2436 .tool-wrapper {
2437   float: left;
2438   margin-left: 15px;
2439 }
2440
2441 .tool-link {
2442   cursor: pointer;
2443 }
2444
2445 .eventcal {
2446         float: left;
2447         font-size: 20px;
2448 }
2449
2450 #event-summary-text {
2451         margin-top: 15px;
2452 }
2453
2454 #event-share-checkbox {
2455         float: left;
2456         margin-top: 10px;
2457 }
2458
2459 #event-share-text {
2460         float: left;
2461         margin-top: 10px;
2462         margin-left: 5px;
2463 }
2464
2465 #event-share-break {
2466         clear: both;
2467         margin-bottom: 10px;
2468 }
2469
2470 #event-summary {
2471         width: 400px;
2472 }
2473
2474 .vevent {
2475         border: 1px solid #CCCCCC;
2476 }
2477
2478 .vevent .event-summary {
2479         margin-left: 10px;
2480         margin-right: 10px;
2481         font-weight: bold;
2482 }
2483
2484 .vevent .event-description, .vevent .event-location {
2485         margin-left: 10px;
2486         margin-right: 10px;
2487 }
2488 .vevent .event-start {
2489         margin-left: 10px;
2490         margin-right: 10px;
2491 }
2492
2493 #new-event-link {
2494         margin-bottom: 10px;
2495 }
2496
2497 .edit-event-link, .plink-event-link {
2498         float: left;
2499         margin-top: 4px;
2500         margin-right: 4px;
2501         margin-bottom: 15px;
2502 }
2503
2504 .event-description:before {
2505         content: url('../../../images/calendar.png');
2506         margin-right: 15px;
2507 }
2508
2509 .event-start, .event-end {
2510         margin-left: 10px;
2511         width: 330px;
2512         clear: both;
2513 }
2514
2515 .event-start .dtstart, .event-end .dtend {
2516         float: right;
2517 }
2518
2519 .event-list-date {
2520         margin-bottom: 10px;
2521 }
2522
2523 .prevcal, .nextcal {
2524         float: left;
2525         margin-left: 32px;
2526         margin-right: 32px;
2527         margin-top: 64px;
2528 }
2529 .event-calendar-end {
2530         clear: both;
2531 }
2532
2533
2534 .calendar {
2535         font-family: Courier, monospace;
2536 }
2537 .today {
2538         font-weight: bold;
2539         color: #FF0000;
2540 }
2541
2542 .settings-block {
2543         border: 1px solid #AAA;
2544         margin: 10px;
2545         padding: 10px;
2546 }
2547
2548 .app-title {
2549         margin: 10px;
2550 }
2551
2552 #identity-manage-desc {
2553         margin-top:15px;
2554         margin-bottom: 15px;
2555 }
2556
2557 #identity-manage-choose {
2558         margin-bottom: 15px;
2559 }
2560
2561 #identity-submit {
2562         margin-top: 20px;
2563 }
2564
2565 #photo-prev-link, #photo-next-link {
2566         padding: 10px;
2567         float: left;
2568 }
2569
2570 #photo-photo {
2571         float: left;
2572 }
2573
2574 #photo-photo-end {
2575         clear: both;
2576 }
2577
2578 .profile-match-photo {
2579         float: left;
2580         text-align: center;
2581         width: 120px;
2582 }
2583
2584 .profile-match-name {
2585         float: left;
2586         text-align: center;
2587         width: 120px;
2588         overflow: hidden;
2589 }
2590
2591 .profile-match-break,
2592 .profile-match-end {
2593         clear: both;
2594 }
2595
2596 .profile-match-connect {
2597         text-align: center;
2598         font-weight: bold;
2599 }
2600
2601 .profile-match-wrapper {
2602         float: left;
2603         padding: 10px;
2604         width: 120px;
2605         height: 120px;
2606         scroll: auto;
2607 }
2608 #profile-match-wrapper-end {
2609         clear: both;
2610 }
2611 .side-link {
2612         margin-bottom: 15px;
2613 }
2614
2615 #language-selector {
2616         position: absolute;
2617         top: 0px;
2618         left: 16px;
2619 }
2620
2621 #group-members {
2622         margin-top: 20px;
2623         padding: 10px;
2624         height: 250px;
2625         overflow: auto;
2626         border: 1px solid #ddd;
2627 }
2628
2629 #group-members-end {
2630         clear: both;
2631 }
2632
2633 #group-separator {
2634         margin-top: 10px;
2635         margin-bottom: 10px;
2636 }
2637
2638 #group-all-contacts {
2639         padding: 10px;
2640         height: 450px;
2641         overflow: auto;
2642         border: 1px solid #ddd;
2643 }
2644
2645 #group-all-contacts-end {
2646         clear: both;
2647         margin-bottom: 10px;
2648 }
2649
2650 #group-edit-desc {
2651         margin-top: 15px;
2652 }
2653
2654
2655 #prof-members {
2656         margin-top: 20px;
2657         padding: 10px;
2658         height: 250px;
2659         overflow: auto;
2660         border: 1px solid #ddd;
2661 }
2662
2663 #prof-members-end {
2664         clear: both;
2665 }
2666
2667 #prof-separator {
2668         margin-top: 10px;
2669         margin-bottom: 10px;
2670 }
2671
2672 #prof-all-contacts {
2673         padding: 10px;
2674         height: 450px;
2675         overflow: auto;
2676         border: 1px solid #ddd;
2677 }
2678
2679 #prof-all-contacts-end {
2680         clear: both;
2681         margin-bottom: 10px;
2682 }
2683
2684 #prof-edit-desc {
2685         margin-top: 15px;
2686 }
2687
2688 #crepair-name-label,
2689 #crepair-nick-label,
2690 #crepair-attag-label,
2691 #crepair-url-label,
2692 #crepair-request-label,
2693 #crepair-confirm-label,
2694 #crepair-notify-label,
2695 #crepair-photo-label,
2696 #crepair-poll-label {
2697         float: left;
2698         width: 200px;
2699         margin-bottom: 15px;
2700 }
2701
2702 #crepair-name,
2703 #crepair-nick,
2704 #crepair-attag,
2705 #crepair-url,
2706 #crepair-request,
2707 #crepair-confirm,
2708 #crepair-notify,
2709 #crepair-photo,
2710 #crepair-poll {
2711         float: left;
2712         width: 300px;
2713 }
2714
2715
2716 #netsearch-box {
2717         margin-top: 20px;
2718 }
2719
2720 #netsearch-box #search-submit {
2721         margin: 5px 0px 0px 0px;
2722 }
2723
2724 .required {
2725         color: #FF0000;
2726 }
2727
2728 #event-start-text, #event-finish-text {
2729         margin-top: 10px;
2730         margin-bottom: 5px;
2731 }
2732
2733 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
2734         float: left;
2735 }
2736 #event-datetime-break {
2737         margin-bottom: 10px;
2738 }
2739
2740 #event-nofinish-break, #event-adjust-break {
2741         clear: both;
2742 }
2743
2744 #event-desc-text, #event-location-text {
2745         margin-top: 10px;
2746         margin-bottom: 5px;
2747 }
2748 #event-submit {
2749         margin-top: 10px;
2750 }
2751
2752 .body-tag, .filesavetags, .categorytags {
2753         opacity: 0.5;
2754         filter:alpha(opacity=50);
2755 }
2756
2757 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
2758         opacity: 1.0 !important;
2759         filter:alpha(opacity=100) !important;
2760 }
2761
2762 .item-select {
2763         opacity: 0.1;
2764         filter:alpha(opacity=10);
2765         float: right;
2766         margin-right: 10px;
2767
2768 }
2769 .item-select:hover, .checkeditem {
2770         opacity: 1;
2771         filter:alpha(opacity=100);
2772 }
2773
2774
2775 #item-delete-selected {
2776         margin-top: 30px;
2777 }
2778
2779 #item-delete-selected-end {
2780         clear: both;
2781 }
2782 #item-delete-selected-icon, #item-delete-selected-desc {
2783         float: left;
2784         margin-right: 5px;
2785 }
2786 #item-delete-selected-desc:hover {
2787         text-decoration: underline;
2788 }
2789
2790 #lang-select-icon {
2791         cursor: pointer;
2792         position: absolute;
2793         left: 0px;
2794         top: 0px;
2795         opacity: 0.2;
2796         filter:alpha(opacity=20);
2797 }
2798
2799 #lang-select-icon:hover {
2800         opacity: 1;
2801         filter:alpha(opacity=100);
2802 }
2803
2804 .notif-image {
2805         height: 80px;
2806         width: 80px;
2807         margin-right: 15px;
2808 }
2809 .notification-listing-end {
2810         clear: both;
2811         margin-bottom: 15px;
2812 }
2813
2814
2815
2816 /**
2817  * Plugins settings
2818  */
2819
2820 .settings-block > h3,
2821 .settings-heading {
2822         border-bottom: 1px solid #babdb6;
2823 }
2824
2825
2826 /**
2827  * Form fields
2828  */
2829 .field {
2830         margin-bottom: 10px;
2831         padding-bottom: 10px;
2832         overflow: auto;
2833         width: 100%
2834 }
2835
2836 .field label {
2837         float: left;
2838         width: 200px;
2839 }
2840
2841 .field input,
2842 .field textarea {
2843         width: 400px;
2844 }
2845 .field textarea { height: 100px; }
2846 .field_help {
2847         display: block;
2848         margin-left: 200px;
2849         color: #666666;
2850
2851 }
2852
2853
2854 .field .onoff {
2855         float: left;
2856         width: 80px;
2857 }
2858 .field .onoff a {
2859         display: block;
2860         border:1px solid #666666;
2861         background-image:url("../../../images/onoff.jpg");
2862         background-repeat: no-repeat;
2863         padding: 4px 2px 2px 2px;
2864         height: 16px;
2865         text-decoration: none;
2866 }
2867 .field .onoff .off {
2868         border-color:#666666;
2869         padding-left: 40px;
2870         background-position: left center;
2871         background-color: #cccccc;
2872         color: #666666;
2873         text-align: right;
2874 }
2875 .field .onoff .on {
2876         border-color:#204A87;
2877         padding-right: 40px;
2878         background-position: right center;
2879         background-color: #D7E3F1;
2880         color: #204A87;
2881         text-align: left;
2882 }
2883 .hidden { display: none!important; }
2884
2885 .field.radio .field_help { margin-left: 0px; }
2886
2887 /**
2888  * ADMIN
2889  */
2890 #pending-update {
2891         float:right;
2892         color: #ffffff;
2893         font-weight: bold;
2894         background-color: #FF0000;
2895         padding: 0em 0.3em;
2896
2897 }
2898 #adminpage dl {
2899         clear: left;
2900         margin-bottom: 2px;
2901         padding-bottom: 2px;
2902         border-bottom: 1px solid black;
2903 }
2904 #adminpage dt {
2905         width: 200px;
2906         float: left;
2907         font-weight: bold;
2908 }
2909 #adminpage dd {
2910         margin-left: 200px;
2911 }
2912
2913 #adminpage h3 {
2914         border-bottom: 1px solid #cccccc;
2915 }
2916 #adminpage .field label {
2917         font-weight: bold;
2918 }
2919 #adminpage .submit {
2920         clear:left;
2921         text-align: right;
2922 }
2923
2924 #adminpage #pluginslist {
2925         margin: 0px; padding: 0px;
2926 }
2927 #adminpage .plugin {
2928         list-style: none;
2929         display: block;
2930         border: 1px solid #888888;
2931         padding: 1em;
2932         margin-bottom: 5px;
2933         clear: left;
2934 }
2935 #adminpage .plugin .desc { margin-left: 2.5em;}
2936 #adminpage .toggleplugin {
2937         float:left;
2938         margin-right: 1em;
2939 }
2940
2941 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
2942 #adminpage table th { text-align: left;}
2943 #adminpage td .icon { float: left;}
2944 #adminpage table#users img { width: 16px; height: 16px; }
2945 #adminpage table tr:hover { background-color: #bbc7d7; }
2946 #adminpage .selectall { text-align: right; }
2947
2948 /*
2949  * UPDATE
2950  */
2951 .popup {
2952         width: 100%; height: 100%;
2953         top:0px; left:0px;
2954         position: absolute;
2955         display: none;
2956 }
2957
2958 .popup .background {
2959         background-color: rgba(0,0,0,128);
2960         opacity: 0.5;
2961         width: 100%; height: 100%;
2962         position: absolute;
2963         top:0px; left:0px;
2964 }
2965 .popup .panel {
2966         top:25%;left:25%;width:50%;height:50%;
2967         padding: 1em;
2968         position: absolute;
2969         border: 4px solid #000000;
2970         background-color: #FFFFFF;
2971 }
2972 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
2973 .popup .panel .panel_in { width: 100%; height: 100%;    position: relative; }
2974 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
2975 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
2976 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
2977
2978 /**
2979  * OAuth
2980  */
2981 .oauthapp {
2982         height: auto; overflow: auto;
2983         border-bottom: 2px solid #cccccc;
2984         padding-bottom: 1em;
2985         margin-bottom: 1em;
2986 }
2987 .oauthapp img {
2988         float: left;
2989         width: 48px; height: 48px;
2990         margin: 10px;
2991 }
2992 .oauthapp img.noicon {
2993         background-image: url("../../../images/icons/48/plugin.png");
2994         background-position: center center;
2995         background-repeat: no-repeat;
2996 }
2997 .oauthapp a {
2998         float: left;
2999 }
3000
3001 /**
3002  * ICONS
3003  */
3004 .iconspacer {
3005         display: block; width: 16px; height: 16px;
3006 }
3007
3008 .icon {
3009         display: block; width: 16px; height: 16px;
3010         background-image: url('../../../images/icons.png');
3011 }
3012 .article { background-position: 0px 0px;}
3013 .audio { background-position: -16px 0px;}
3014 .block { background-position: -32px 0px;}
3015 .drop { background-position: -48px 0px;}
3016 .drophide { background-position: -64px 0px;}
3017 .edit { background-position: -80px 0px;}
3018 .camera { background-position: -96px 0px;}
3019 .dislike { background-position: -112px 0px;}
3020 .like { background-position: -128px 0px;}
3021 .link { background-position: -144px 0px;}
3022
3023 .globe { background-position: 0px -16px;}
3024 .noglobe { background-position: -16px -16px;}
3025 .no { background-position: -32px -16px;}
3026 .pause { background-position: -48px -16px;}
3027 .play { background-position: -64px -16px;}
3028 .pencil { background-position: -80px -16px;}
3029 .small-pencil { background-position: -96px -16px;}
3030 .recycle { background-position: -112px -16px;}
3031 .remote-link { background-position: -128px -16px;}
3032 .share { background-position: -144px -16px;}
3033
3034 .tools { background-position: 0px -32px;}
3035 .lock { background-position: -16px -32px;}
3036 .unlock { background-position: -32px -32px;}
3037 .video { background-position: -48px -32px;}
3038 .youtube { background-position: -64px -32px;}
3039 .attach { background-position: -80px -32px; }
3040 .language { background-position: -96px -32px; }
3041 .prev { background-position: -112px -32px; }
3042 .next { background-position: -128px -32px; }
3043 .on { background-position: -144px -32px; }
3044
3045 .off { background-position: 0px -48px; }
3046 .starred { background-position: -16px -48px; }
3047 .unstarred { background-position: -32px -48px; }
3048 .tagged { background-position: -48px -48px; }
3049 .yellow { background-position: -64px -48px; }
3050
3051
3052 .filer-icon {
3053         display: block; width: 16px; height: 16px;
3054         background-image: url('file.gif');
3055 }
3056
3057 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3058 [class^="comment-edit-bb"] {
3059         list-style: none;
3060         display: none;
3061         margin: 0px 0 -5px 0px;
3062         padding: 0px;
3063         width: 75%;
3064 }
3065 [class^="comment-edit-bb"] > li {
3066         display: inline-block;
3067         margin: 10px 10px 0 0;
3068         visibility: none;
3069 }
3070 [class^="comment-edit-bb-end"] {
3071         clear: both;
3072 }
3073 .editicon {
3074     display: inline-block;
3075     width: 16px;
3076     height: 16px;
3077     background-image: url(bbedit.png);
3078         background-color: #fff;
3079     text-decoration: none;
3080 }
3081 .editicon:hover {
3082         background-color: #ccc;
3083 }
3084 .boldbb {
3085         background-position: 0px 0px;
3086 }
3087 .boldbb:hover {
3088         background-position: 0px -16px;
3089 }
3090 .italicbb {
3091         background-position: -16px 0px;
3092 }
3093 .italicbb:hover {
3094         background-position: -16px -16px;
3095 }
3096 .underlinebb {
3097         background-position: -32px 0px;
3098 }
3099 .underlinebb:hover {
3100         background-position: -32px -16px;
3101 }
3102 .quotebb {
3103         background-position: -48px 0px;
3104 }
3105 .quotebb:hover {
3106         background-position: -48px -16px;
3107 }
3108 .codebb {
3109         background-position: -64px 0px;
3110 }
3111 .codebb:hover {
3112         background-position: -64px -16px;
3113 }
3114 .imagebb {
3115         background-position: -80px 0px;
3116 }
3117 .imagebb:hover {
3118         background-position: -80px -16px;
3119 }
3120 .urlbb {
3121         background-position: -96px 0px;
3122 }
3123 .urlbb:hover {
3124         background-position: -96px -16px;
3125 }
3126 .videobb {
3127         background-position: -112px 0px;
3128 }
3129 .videobb:hover {
3130         background-position: -112px -16px;
3131 }
3132
3133 .attachtype {
3134         display: block; width: 20px; height: 23px;
3135         float: left;
3136         background-image: url('../../../images/content-types.png');
3137 }
3138
3139 .body-attach {
3140         margin-top: 10px;
3141 }
3142
3143 .type-video { background-position: 0px 0px; }
3144 .type-image { background-position: -20px 0px; }
3145 .type-audio { background-position: -40px 0px; }
3146 .type-text  { background-position: -60px 0px; }
3147 .type-unkn  { background-position: -80px 0px; }
3148
3149
3150 /* autocomplete popup */
3151 .acpopup {
3152         max-height:150px;
3153         background-color:#ffffff;
3154         overflow:auto;
3155         z-index:100000;
3156         border:1px solid #cccccc;
3157 }
3158 .acpopupitem {
3159         background-color:#ffffff; padding: 4px;
3160         clear:left;
3161 }
3162 .acpopupitem img {
3163         float: left;
3164         margin-right: 4px;
3165 }
3166
3167 .acpopupitem.selected {
3168         color: #FFFFFF; background: #3465A4;
3169 }
3170
3171 /* popup notifications */
3172 div.jGrowl div.notice {
3173   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
3174   color: #ffffff;
3175   padding-left: 58px;
3176 }
3177 div.jGrowl div.info {
3178   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
3179   color: #ffffff;
3180   padding-left: 58px;
3181 }
3182 #jGrowl.top-right {
3183         top: 15px;
3184         right: 15px;
3185 }
3186 .qcomment {
3187         border: 1px solid #EEE;
3188         padding: 3px;
3189         margin-top: 15px;
3190         margin-left: 25px;
3191         width: 125px;
3192         overflow-y: auto;
3193 }
3194
3195
3196 .qcomment option {
3197         width: 125px;
3198         overflow-x: hidden;
3199 }
3200
3201 .qcomment {
3202         opacity: 0.3;
3203         filter:alpha(opacity=30);
3204 }
3205 .qcomment:hover {
3206         opacity: 1.0;
3207         filter:alpha(opacity=100);
3208 }
3209
3210 /* notifications popup menu */
3211 .nav-notify {
3212         display: none;
3213         position: absolute;
3214         font-size: 10px;
3215         padding: 1px 3px;
3216         top: 0px;
3217         right: -10px;
3218         min-width: 15px;
3219         text-align: right;
3220 }
3221 .nav-notify.show {
3222         display: block;
3223 }
3224 ul.menu-popup {
3225         position: absolute;
3226         display: none;
3227         width: 10em;
3228         margin: 0px;
3229         padding: 0px;
3230         list-style: none;
3231         z-index: 100000;
3232         top: 90px;
3233         left: 400px;
3234 }
3235 #nav-notifications-menu {
3236         width: 320px;
3237         max-height: 400px;
3238         overflow-y: scroll;overflow-style:scrollbar;
3239         background-color:#FFFFFF;
3240         -moz-border-radius: 5px;
3241         -webkit-border-radius: 5px;
3242         border-radius:5px;
3243         border: 1px solid #888;
3244 }
3245 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
3246 #nav-notifications-menu img { float: left; margin-right: 5px; }
3247 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
3248 #nav-notifications-menu li {
3249         padding: 7px 0px 7px 10px;
3250         word-wrap:normal;
3251         border-bottom: 1px solid #000;
3252 }
3253
3254 #nav-notifications-menu li:hover {
3255
3256 }
3257
3258 #nav-notifications-menu a:hover {
3259         text-decoration: underline;
3260 }
3261
3262 .notif-item a {
3263         color: #000000;
3264 }
3265
3266 .notif-item a:hover {
3267         text-decoration: underline;
3268 }
3269
3270 .notif-image {
3271         width: 32px;
3272         height: 32px;
3273         padding: 7px 7px 0px 0px;
3274 }
3275
3276 .notify-seen {
3277         background: #DDDDDD;
3278 }
3279
3280 #id_term_label {
3281         width:75px;
3282 }
3283 #id_term {
3284         width:100px;
3285 }
3286
3287 #recip {
3288
3289 }
3290 .autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
3291 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
3292 .autocomplete .selected { background:#F0F0F0; }
3293 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
3294
3295 #datebrowse-sidebar select {
3296         margin-left: 25px;
3297 }