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