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 .photo-album-image-wrapper {
1972         float: left;
1973         margin-top: 15px;
1974         margin-right: 15px;
1975         width: 200px; height: 200px;
1976         overflow: hidden;
1977         position: relative;
1978 }
1979 .photo-album-image-wrapper .caption {
1980         display: none;
1981         width: 100%;
1982         position: absolute;
1983         bottom: 0px;
1984         padding: 0.5em 0.5em 0px 0.5em;
1985         background-color: rgba(245, 245, 255, 0.8);
1986         border-bottom: 2px solid #CCC;
1987         margin: 0px;
1988 }
1989 .photo-album-image-wrapper a:hover .caption {
1990         display:block;
1991 }
1992
1993 #photo-album-end {
1994         clear: both;
1995 }
1996
1997 .photo-top-image-wrapper {
1998         position: relative;
1999         float: left;
2000         margin-top: 15px;
2001         margin-right: 15px;
2002         width: 200px; height: 200px;
2003         overflow: hidden;
2004 }
2005 .photo-top-album-name {
2006         width: 100%;
2007         min-height: 2em;
2008         position: absolute;
2009         bottom: 0px;
2010         padding: 0px 3px;
2011         padding-top: 0.5em;
2012         background-color: rgb(255, 255, 255);
2013 }
2014 #photo-top-end {
2015         clear: both;
2016 }
2017
2018 #photo-top-links {
2019         margin-bottom: 30px;
2020         margin-left: 30px;
2021 }
2022
2023 #photos-upload-newalbum-div {
2024         float: left;
2025         width: 175px;
2026 }
2027
2028 #photos-upload-noshare {
2029         margin-bottom: 10px;
2030 }
2031 #photos-upload-existing-album-text {
2032         float: left;
2033         width: 175px;
2034 }
2035 #photos-upload-newalbum {
2036         float: left;
2037 }
2038 #photos-upload-album-select {
2039         float: left;
2040 }
2041
2042 #photos-upload-spacer {
2043         margin-top: 25px;
2044 }
2045 #photos-upload-new-end, #photos-upload-exist-end {
2046         clear: both;
2047 }
2048 #photos-upload-exist-end {
2049         margin-bottom: 15px;
2050 }
2051 #photos-upload-submit {
2052         margin-top: 15px;
2053 }
2054
2055 #photos_upload_applet_wrapper {
2056         margin-bottom: 15px;
2057 }
2058
2059 #photos-upload-no-java-message {
2060         margin-bottom: 15px;
2061 }
2062
2063 #profile-jot-desc {
2064         /*float: left;*/
2065         width: 480px;
2066         color: #FF0000;
2067         margin-top: 10px;
2068         margin-bottom: 10px;
2069 }
2070
2071 #character-counter {
2072         float: right;
2073         font-size: 120%;
2074 }
2075
2076 #character-counter.grey {
2077         color: #888888;
2078 }
2079
2080 #character-counter.orange {
2081         color: orange;
2082 }
2083 #character-counter.red {
2084         color: red;
2085 }
2086
2087 #profile-jot-banner-end {
2088         /* clear: both; */
2089 }
2090
2091 #photos-upload-select-files-text {
2092         margin-top: 15px;
2093         margin-bottom: 15px;
2094 }
2095
2096 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
2097         color: #8888FF;
2098         text-decoration: none;
2099         cursor: pointer;
2100 }
2101
2102 #photos-upload-perms-menu:hover {
2103         color: #0000FF;
2104         text-decoration: underline;
2105         cursor: pointer;
2106 }
2107 #settings-default-perms-menu {
2108         margin-top: 15px;
2109         margin-bottom: 15px;
2110 }
2111
2112 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
2113         float: left;
2114         width: 150px;
2115 }
2116
2117 #photo-edit-perms-end {
2118         margin-bottom: 15px;
2119 }
2120
2121 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
2122         float: left;
2123         margin-bottom: 25px;
2124 }
2125 #photo-edit-link-wrap {
2126         margin-bottom: 15px;
2127 }
2128 #photo-like-div {
2129         margin-bottom: 25px;
2130 }
2131
2132 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
2133         clear: both;
2134 }
2135
2136 #photo-edit-delete-button {
2137         margin-left: 200px;
2138 }
2139 #photo-edit-end {
2140         margin-bottom: 35px;
2141 }
2142 #photo-caption {
2143         font-size: 110%;
2144         font-weight: bold;
2145         margin-top: 15px;
2146         margin-bottom: 15px;
2147 }
2148
2149 #in-this-photo-text {
2150         color: #0000FF;
2151         margin-left: 30px;
2152 }
2153
2154 #in-this-photo {
2155         margin-left: 60px;
2156         margin-top: 10px;
2157         margin-bottom: 20px;
2158 }
2159
2160 #photo-album-edit-submit, #photo-album-edit-drop {
2161         margin-top: 15px;
2162         margin-bottom: 15px;
2163 }
2164
2165 #photo-album-edit-drop {
2166         margin-left: 200px;
2167 }
2168
2169 .group-delete-wrapper {
2170         float: right;
2171         margin-right: 50px;
2172 }
2173
2174 #install-dbhost-label,
2175 #install-dbuser-label,
2176 #install-dbpass-label,
2177 #install-dbdata-label,
2178 #install-tz-desc {
2179        float: left;
2180        width: 250px;
2181        margin-top: 10px;
2182        margin-bottom: 10px;
2183
2184 }
2185
2186 #install-dbhost,
2187 #install-dbuser,
2188 #install-dbpass,
2189 #install-dbdata {
2190        float: left;
2191        width: 200px;
2192        margin-left: 20px;
2193 }
2194
2195 #install-dbhost-end,
2196 #install-dbuser-end,
2197 #install-dbpass-end,
2198 #install-dbdata-end,
2199 #install-tz-end {
2200        clear: both;
2201 }
2202
2203 #install-form select#timezone_select {
2204        float: left;
2205        margin-top: 18px;
2206        margin-left: 20px;
2207 }
2208
2209 #dfrn-request-networks {
2210         margin-bottom: 30px;
2211 }
2212
2213 #pause {
2214   position: fixed;
2215   bottom: 5px;
2216   right: 5px;
2217 }
2218
2219 .sparkle {
2220         cursor: url('lock.cur'), pointer;
2221 /*      cursor: pointer !important; */
2222 }
2223
2224 .contact-block-div {
2225         float: left;
2226         width: 52px;
2227         height: 52px;
2228 }
2229 .contact-block-textdiv {
2230         float: left;
2231         width: 150px;
2232         height: 34px;
2233 }
2234
2235 #contact-block-end {
2236         clear: both;
2237 }
2238 .contact-block-link {
2239         float: left;
2240 }
2241 .contact-block-img {
2242         width:48px;
2243         height:48px;
2244 }
2245
2246 #tag-remove {
2247         margin-bottom: 15px;
2248 }
2249
2250 #tagrm li {
2251         margin-bottom: 10px;
2252 }
2253
2254 #tagrm-submit, #tagrm-cancel {
2255         margin-top: 25px;
2256 }
2257
2258 #tagrm-cancel {
2259         margin-left: 15px;
2260 }
2261
2262 .wall-item-conv {
2263         margin-top: 5px;
2264         margin-bottom: 25px;
2265 }
2266
2267 #search-submit {
2268         margin-left: 15px;
2269 }
2270
2271 #search-box {
2272         margin-bottom: 25px;
2273 }
2274
2275 .location-label, .gender-label, .marital-label, .homepage-label {
2276         float: left;
2277         text-align: right;
2278         display: block;
2279         width: 65px;
2280 }
2281
2282 .adr, .x-gender, .marital-text, .homepage-url {
2283         float: left;
2284         display: block;
2285         margin-left: 8px;
2286 }
2287
2288 .profile-clear {
2289         clear: both;
2290 }
2291
2292
2293 .clear {
2294         clear: both;
2295 }
2296
2297 .cc-license {
2298         margin-top: 50px;
2299         font-size: 70%;
2300 }
2301
2302
2303 #plugin-settings-link, #account-settings-link {
2304         margin-bottom: 10px;
2305 }
2306
2307 #uexport-link {
2308         margin-bottom: 20px;
2309 }
2310
2311 /* end from default */
2312
2313
2314 .fn {
2315         padding: 0px 0px 5px 12px;
2316         font-size: 120%;
2317         font-weight: bold;
2318 }
2319
2320 .vcard .title {
2321         margin-bottom: 5px;
2322         margin-left: 12px;
2323 }
2324
2325 .vcard dl {
2326         clear: both;
2327 }
2328
2329 #birthday-title {
2330         float: left;
2331         font-weight: bold;
2332 }
2333
2334 #birthday-adjust {
2335         float: left;
2336         font-size: 75%;
2337         margin-left: 10px;
2338 }
2339
2340 #birthday-title-end {
2341         clear: both;
2342 }
2343
2344 .birthday-list {
2345         margin-left: 15px;
2346 }
2347
2348 #birthday-wrapper {
2349         margin-bottom: 20px;
2350 }
2351
2352 #network-new-link {
2353         margin-top: 15px;
2354         margin-bottom: 15px;
2355 }
2356
2357
2358 .tool-wrapper {
2359   float: left;
2360   margin-left: 15px;
2361 }
2362
2363 .tool-link {
2364   cursor: pointer;
2365 }
2366
2367 .eventcal {
2368         float: left;
2369         font-size: 20px;
2370 }
2371
2372 .vevent {
2373         border: 1px solid #CCCCCC;
2374 }
2375 .vevent .event-description, .vevent .event-location {
2376         margin-left: 10px;
2377         margin-right: 10px;
2378 }
2379 .vevent .event-start {
2380         margin-left: 10px;
2381         margin-right: 10px;
2382 }
2383
2384 #new-event-link {
2385         margin-bottom: 10px;
2386 }
2387
2388 .edit-event-link, .plink-event-link {
2389         float: left;
2390         margin-top: 4px;
2391         margin-right: 4px;
2392         margin-bottom: 15px;
2393 }
2394
2395 .event-description:before {
2396         content: url('../../../images/calendar.png');
2397         margin-right: 15px;
2398 }
2399
2400 .event-start, .event-end {
2401         margin-left: 10px;
2402         width: 330px;
2403         clear: both;
2404 }
2405
2406 .event-start .dtstart, .event-end .dtend {
2407         float: right;
2408 }
2409
2410 .event-list-date {
2411         margin-bottom: 10px;
2412 }
2413
2414 .prevcal, .nextcal {
2415         float: left;
2416         margin-left: 32px;
2417         margin-right: 32px;
2418         margin-top: 64px;
2419 }
2420 .event-calendar-end {
2421         clear: both;
2422 }
2423
2424
2425 .calendar {
2426         font-family: Courier, monospace;
2427 }
2428 .today {
2429         font-weight: bold;
2430         color: #FF0000;
2431 }
2432
2433 .settings-block {
2434         border: 1px solid #AAA;
2435         margin: 10px;
2436         padding: 10px;
2437 }
2438
2439 .app-title {
2440         margin: 10px;
2441 }
2442
2443 #identity-manage-desc {
2444         margin-top:15px;
2445         margin-bottom: 15px;
2446 }
2447
2448 #identity-manage-choose {
2449         margin-bottom: 15px;
2450 }
2451
2452 #identity-submit {
2453         margin-top: 20px;
2454 }
2455
2456 #photo-prev-link, #photo-next-link {
2457         padding: 10px;
2458         float: left;
2459 }
2460
2461 #photo-photo {
2462         float: left;
2463 }
2464
2465 #photo-photo-end {
2466         clear: both;
2467 }
2468
2469 .profile-match-photo {
2470         float: left;
2471         text-align: center;
2472         width: 120px;
2473 }
2474
2475 .profile-match-name {
2476         float: left;
2477         text-align: center;
2478         width: 120px;
2479         overflow: hidden;
2480 }
2481
2482 .profile-match-break,
2483 .profile-match-end {
2484         clear: both;
2485 }
2486
2487 .profile-match-connect {
2488         text-align: center;
2489         font-weight: bold;
2490 }
2491
2492 .profile-match-wrapper {
2493         float: left;
2494         padding: 10px;
2495         width: 120px;
2496         height: 120px;
2497         scroll: auto;
2498 }
2499 #profile-match-wrapper-end {
2500         clear: both;
2501 }
2502 .side-link {
2503         margin-bottom: 15px;
2504 }
2505
2506 #language-selector {
2507         position: absolute;
2508         top: 0px;
2509         left: 16px;
2510 }
2511
2512 #group-members {
2513         margin-top: 20px;
2514         padding: 10px;
2515         height: 250px;
2516         overflow: auto;
2517         border: 1px solid #ddd;
2518 }
2519
2520 #group-members-end {
2521         clear: both;
2522 }
2523
2524 #group-separator {
2525         margin-top: 10px;
2526         margin-bottom: 10px;
2527 }
2528
2529 #group-all-contacts {
2530         padding: 10px;
2531         height: 450px;
2532         overflow: auto;
2533         border: 1px solid #ddd;
2534 }
2535
2536 #group-all-contacts-end {
2537         clear: both;
2538         margin-bottom: 10px;
2539 }
2540
2541 #group-edit-desc {
2542         margin-top: 15px;
2543 }
2544
2545
2546 #prof-members {
2547         margin-top: 20px;
2548         padding: 10px;
2549         height: 250px;
2550         overflow: auto;
2551         border: 1px solid #ddd;
2552 }
2553
2554 #prof-members-end {
2555         clear: both;
2556 }
2557
2558 #prof-separator {
2559         margin-top: 10px;
2560         margin-bottom: 10px;
2561 }
2562
2563 #prof-all-contacts {
2564         padding: 10px;
2565         height: 450px;
2566         overflow: auto;
2567         border: 1px solid #ddd;
2568 }
2569
2570 #prof-all-contacts-end {
2571         clear: both;
2572         margin-bottom: 10px;
2573 }
2574
2575 #prof-edit-desc {
2576         margin-top: 15px;
2577 }
2578
2579 #crepair-name-label,
2580 #crepair-nick-label,
2581 #crepair-attag-label,
2582 #crepair-url-label,
2583 #crepair-request-label,
2584 #crepair-confirm-label,
2585 #crepair-notify-label,
2586 #crepair-photo-label,
2587 #crepair-poll-label {
2588         float: left;
2589         width: 200px;
2590         margin-bottom: 15px;
2591 }
2592
2593 #crepair-name,
2594 #crepair-nick,
2595 #crepair-attag,
2596 #crepair-url,
2597 #crepair-request,
2598 #crepair-confirm,
2599 #crepair-notify,
2600 #crepair-photo,
2601 #crepair-poll {
2602         float: left;
2603         width: 300px;
2604 }
2605
2606
2607 #netsearch-box {
2608         margin-top: 20px;
2609 }
2610
2611 #netsearch-box #search-submit {
2612         margin: 5px 0px 0px 0px;
2613 }
2614
2615 .required {
2616         color: #FF0000;
2617 }
2618
2619 #event-start-text, #event-finish-text {
2620         margin-top: 10px;
2621         margin-bottom: 5px;
2622 }
2623
2624 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
2625         float: left;
2626 }
2627 #event-datetime-break {
2628         margin-bottom: 10px;
2629 }
2630
2631 #event-nofinish-break, #event-adjust-break {
2632         clear: both;
2633 }
2634
2635 #event-desc-text, #event-location-text {
2636         margin-top: 10px;
2637         margin-bottom: 5px;
2638 }
2639 #event-submit {
2640         margin-top: 10px;
2641 }
2642
2643 .body-tag, .filesavetags, .categorytags {
2644         opacity: 0.5;
2645         filter:alpha(opacity=50);
2646 }
2647
2648 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
2649         opacity: 1.0 !important;
2650         filter:alpha(opacity=100) !important;
2651 }
2652
2653 .item-select {
2654         opacity: 0.1;
2655         filter:alpha(opacity=10);
2656         float: right;
2657         margin-right: 10px;
2658
2659 }
2660 .item-select:hover, .checkeditem {
2661         opacity: 1;
2662         filter:alpha(opacity=100);
2663 }
2664
2665
2666 #item-delete-selected {
2667         margin-top: 30px;
2668 }
2669
2670 #item-delete-selected-end {
2671         clear: both;
2672 }
2673 #item-delete-selected-icon, #item-delete-selected-desc {
2674         float: left;
2675         margin-right: 5px;
2676 }
2677 #item-delete-selected-desc:hover {
2678         text-decoration: underline;
2679 }
2680
2681 #lang-select-icon {
2682         cursor: pointer;
2683         position: absolute;
2684         left: 0px;
2685         top: 0px;
2686         opacity: 0.2;
2687         filter:alpha(opacity=20);
2688 }
2689
2690 #lang-select-icon:hover {
2691         opacity: 1;
2692         filter:alpha(opacity=100);
2693 }
2694
2695 .notif-image {
2696         height: 80px;
2697         width: 80px;
2698         margin-right: 15px;
2699 }
2700 .notification-listing-end {
2701         clear: both;
2702         margin-bottom: 15px;
2703 }
2704
2705
2706
2707 /**
2708  * Plugins settings
2709  */
2710
2711 .settings-block > h3,
2712 .settings-heading {
2713         border-bottom: 1px solid #babdb6;
2714 }
2715
2716
2717 /**
2718  * Form fields
2719  */
2720 .field {
2721         margin-bottom: 10px;
2722         padding-bottom: 10px;
2723         overflow: auto;
2724         width: 100%
2725 }
2726
2727 .field label {
2728         float: left;
2729         width: 200px;
2730 }
2731
2732 .field input,
2733 .field textarea {
2734         width: 400px;
2735 }
2736 .field textarea { height: 100px; }
2737 .field_help {
2738         display: block;
2739         margin-left: 200px;
2740         color: #666666;
2741
2742 }
2743
2744
2745 .field .onoff {
2746         float: left;
2747         width: 80px;
2748 }
2749 .field .onoff a {
2750         display: block;
2751         border:1px solid #666666;
2752         background-image:url("../../../images/onoff.jpg");
2753         background-repeat: no-repeat;
2754         padding: 4px 2px 2px 2px;
2755         height: 16px;
2756         text-decoration: none;
2757 }
2758 .field .onoff .off {
2759         border-color:#666666;
2760         padding-left: 40px;
2761         background-position: left center;
2762         background-color: #cccccc;
2763         color: #666666;
2764         text-align: right;
2765 }
2766 .field .onoff .on {
2767         border-color:#204A87;
2768         padding-right: 40px;
2769         background-position: right center;
2770         background-color: #D7E3F1;
2771         color: #204A87;
2772         text-align: left;
2773 }
2774 .hidden { display: none!important; }
2775
2776 .field.radio .field_help { margin-left: 0px; }
2777
2778 /**
2779  * ADMIN
2780  */
2781 #pending-update {
2782         float:right;
2783         color: #ffffff;
2784         font-weight: bold;
2785         background-color: #FF0000;
2786         padding: 0em 0.3em;
2787
2788 }
2789 #adminpage dl {
2790         clear: left;
2791         margin-bottom: 2px;
2792         padding-bottom: 2px;
2793         border-bottom: 1px solid black;
2794 }
2795 #adminpage dt {
2796         width: 200px;
2797         float: left;
2798         font-weight: bold;
2799 }
2800 #adminpage dd {
2801         margin-left: 200px;
2802 }
2803
2804 #adminpage h3 {
2805         border-bottom: 1px solid #cccccc;
2806 }
2807 #adminpage .field label {
2808         font-weight: bold;
2809 }
2810 #adminpage .submit {
2811         clear:left;
2812         text-align: right;
2813 }
2814
2815 #adminpage #pluginslist {
2816         margin: 0px; padding: 0px;
2817 }
2818 #adminpage .plugin {
2819         list-style: none;
2820         display: block;
2821         border: 1px solid #888888;
2822         padding: 1em;
2823         margin-bottom: 5px;
2824         clear: left;
2825 }
2826 #adminpage .plugin .desc { margin-left: 2.5em;}
2827 #adminpage .toggleplugin {
2828         float:left;
2829         margin-right: 1em;
2830 }
2831
2832 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
2833 #adminpage table th { text-align: left;}
2834 #adminpage td .icon { float: left;}
2835 #adminpage table#users img { width: 16px; height: 16px; }
2836 #adminpage table tr:hover { background-color: #bbc7d7; }
2837 #adminpage .selectall { text-align: right; }
2838
2839 /*
2840  * UPDATE
2841  */
2842 .popup {
2843         width: 100%; height: 100%;
2844         top:0px; left:0px;
2845         position: absolute;
2846         display: none;
2847 }
2848
2849 .popup .background {
2850         background-color: rgba(0,0,0,128);
2851         opacity: 0.5;
2852         width: 100%; height: 100%;
2853         position: absolute;
2854         top:0px; left:0px;
2855 }
2856 .popup .panel {
2857         top:25%;left:25%;width:50%;height:50%;
2858         padding: 1em;
2859         position: absolute;
2860         border: 4px solid #000000;
2861         background-color: #FFFFFF;
2862 }
2863 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
2864 .popup .panel .panel_in { width: 100%; height: 100%;    position: relative; }
2865 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
2866 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
2867 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
2868
2869 /**
2870  * OAuth
2871  */
2872 .oauthapp {
2873         height: auto; overflow: auto;
2874         border-bottom: 2px solid #cccccc;
2875         padding-bottom: 1em;
2876         margin-bottom: 1em;
2877 }
2878 .oauthapp img {
2879         float: left;
2880         width: 48px; height: 48px;
2881         margin: 10px;
2882 }
2883 .oauthapp img.noicon {
2884         background-image: url("../../../images/icons/48/plugin.png");
2885         background-position: center center;
2886         background-repeat: no-repeat;
2887 }
2888 .oauthapp a {
2889         float: left;
2890 }
2891
2892 /**
2893  * ICONS
2894  */
2895 .iconspacer {
2896         display: block; width: 16px; height: 16px;
2897 }
2898
2899 .icon {
2900         display: block; width: 16px; height: 16px;
2901         background-image: url('../../../images/icons.png');
2902 }
2903 .article { background-position: 0px 0px;}
2904 .audio { background-position: -16px 0px;}
2905 .block { background-position: -32px 0px;}
2906 .drop { background-position: -48px 0px;}
2907 .drophide { background-position: -64px 0px;}
2908 .edit { background-position: -80px 0px;}
2909 .camera { background-position: -96px 0px;}
2910 .dislike { background-position: -112px 0px;}
2911 .like { background-position: -128px 0px;}
2912 .link { background-position: -144px 0px;}
2913
2914 .globe { background-position: 0px -16px;}
2915 .noglobe { background-position: -16px -16px;}
2916 .no { background-position: -32px -16px;}
2917 .pause { background-position: -48px -16px;}
2918 .play { background-position: -64px -16px;}
2919 .pencil { background-position: -80px -16px;}
2920 .small-pencil { background-position: -96px -16px;}
2921 .recycle { background-position: -112px -16px;}
2922 .remote-link { background-position: -128px -16px;}
2923 .share { background-position: -144px -16px;}
2924
2925 .tools { background-position: 0px -32px;}
2926 .lock { background-position: -16px -32px;}
2927 .unlock { background-position: -32px -32px;}
2928 .video { background-position: -48px -32px;}
2929 .youtube { background-position: -64px -32px;}
2930 .attach { background-position: -80px -32px; }
2931 .language { background-position: -96px -32px; }
2932 .prev { background-position: -112px -32px; }
2933 .next { background-position: -128px -32px; }
2934 .on { background-position: -144px -32px; }
2935
2936 .off { background-position: 0px -48px; }
2937 .starred { background-position: -16px -48px; }
2938 .unstarred { background-position: -32px -48px; }
2939 .tagged { background-position: -48px -48px; }
2940
2941
2942 .filer-icon {
2943         display: block; width: 16px; height: 16px;
2944         background-image: url('file.gif');
2945 }
2946
2947 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
2948 [class^="comment-edit-bb"] {
2949         list-style: none;
2950         display: none;
2951         margin: 0px 0 -5px 60px;
2952         width: 75%;
2953 }
2954 [class^="comment-edit-bb"] > li {
2955         display: inline-block;
2956         margin: 10px 10px 0 0;
2957         visibility: none;
2958 }
2959 [class^="comment-edit-bb-end"] {
2960         clear: both;
2961 }
2962 .editicon {
2963     display: inline-block;
2964     width: 16px;
2965     height: 16px;
2966     background-image: url(bbedit.png);
2967         background-color: #fff;
2968     text-decoration: none;
2969 }
2970 .editicon:hover {
2971         background-color: #ccc;
2972 }
2973 .boldbb {
2974         background-position: 0px 0px;
2975 }
2976 .boldbb:hover {
2977         background-position: 0px -16px;
2978 }
2979 .italicbb {
2980         background-position: -16px 0px;
2981 }
2982 .italicbb:hover {
2983         background-position: -16px -16px;
2984 }
2985 .underlinebb {
2986         background-position: -32px 0px;
2987 }
2988 .underlinebb:hover {
2989         background-position: -32px -16px;
2990 }
2991 .quotebb {
2992         background-position: -48px 0px;
2993 }
2994 .quotebb:hover {
2995         background-position: -48px -16px;
2996 }
2997 .codebb {
2998         background-position: -64px 0px;
2999 }
3000 .codebb:hover {
3001         background-position: -64px -16px;
3002 }
3003 .imagebb {
3004         background-position: -80px 0px;
3005 }
3006 .imagebb:hover {
3007         background-position: -80px -16px;
3008 }
3009 .urlbb {
3010         background-position: -96px 0px;
3011 }
3012 .urlbb:hover {
3013         background-position: -96px -16px;
3014 }
3015 .videobb {
3016         background-position: -112px 0px;
3017 }
3018 .videobb:hover {
3019         background-position: -112px -16px;
3020 }
3021
3022 .attachtype {
3023         display: block; width: 20px; height: 23px;
3024         float: left;
3025         background-image: url('../../../images/content-types.png');
3026 }
3027
3028 .body-attach {
3029         margin-top: 10px;
3030 }
3031
3032 .type-video { background-position: 0px 0px; }
3033 .type-image { background-position: -20px 0px; }
3034 .type-audio { background-position: -40px 0px; }
3035 .type-text  { background-position: -60px 0px; }
3036 .type-unkn  { background-position: -80px 0px; }
3037
3038
3039 /* autocomplete popup */
3040 .acpopup {
3041         max-height:150px;
3042         background-color:#ffffff;
3043         overflow:auto;
3044         z-index:100000;
3045         border:1px solid #cccccc;
3046 }
3047 .acpopupitem {
3048         background-color:#ffffff; padding: 4px;
3049         clear:left;
3050 }
3051 .acpopupitem img {
3052         float: left;
3053         margin-right: 4px;
3054 }
3055
3056 .acpopupitem.selected {
3057         color: #FFFFFF; background: #3465A4;
3058 }
3059
3060 /* popup notifications */
3061 div.jGrowl div.notice {
3062   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
3063   color: #ffffff;
3064   padding-left: 58px;
3065 }
3066 div.jGrowl div.info {
3067   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
3068   color: #ffffff;
3069   padding-left: 58px;
3070 }
3071 #jGrowl.top-right {
3072         top: 15px;
3073         right: 15px;
3074 }
3075 .qcomment {
3076         border: 1px solid #EEE;
3077         padding: 3px;
3078         margin-top: 15px;
3079         margin-left: 25px;
3080         width: 125px;
3081         overflow-y: auto;
3082 }
3083
3084
3085 .qcomment option {
3086         width: 125px;
3087         overflow-x: hidden;
3088 }
3089
3090 .qcomment {
3091         opacity: 0.3;
3092         filter:alpha(opacity=30);
3093 }
3094 .qcomment:hover {
3095         opacity: 1.0;
3096         filter:alpha(opacity=100);
3097 }
3098
3099 /* notifications popup menu */
3100 .nav-notify {
3101         display: none;
3102         position: absolute;
3103         font-size: 10px;
3104         padding: 1px 3px;
3105         top: 0px;
3106         right: -10px;
3107         min-width: 15px;
3108         text-align: right;
3109 }
3110 .nav-notify.show {
3111         display: block;
3112 }
3113 ul.menu-popup {
3114         position: absolute;
3115         display: none;
3116         width: 10em;
3117         margin: 0px;
3118         padding: 0px;
3119         list-style: none;
3120         z-index: 100000;
3121         top: 90px;
3122         left: 400px;
3123 }
3124 #nav-notifications-menu {
3125         width: 320px;
3126         max-height: 400px;
3127         overflow-y: scroll;overflow-style:scrollbar;
3128         background-color:#FFFFFF;
3129         -moz-border-radius: 5px;
3130         -webkit-border-radius: 5px;
3131         border-radius:5px;
3132         border: 1px solid #888;
3133 }
3134 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
3135 #nav-notifications-menu img { float: left; margin-right: 5px; }
3136 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
3137 #nav-notifications-menu li {
3138         padding: 7px 0px 7px 10px;
3139         word-wrap:normal;
3140         border-bottom: 1px solid #000;
3141 }
3142
3143 #nav-notifications-menu li:hover {
3144
3145 }
3146
3147 #nav-notifications-menu a:hover {
3148         text-decoration: underline;
3149 }
3150
3151 .notif-item a {
3152         color: #000000;
3153 }
3154
3155 .notif-item a:hover {
3156         text-decoration: underline;
3157 }
3158
3159 .notif-image {
3160         width: 32px;
3161         height: 32px;
3162         padding: 7px 7px 0px 0px;
3163 }
3164
3165 .notify-seen {
3166         background: #DDDDDD;
3167 }
3168
3169 #id_term_label {
3170         width:75px;
3171 }
3172 #id_term {
3173         width:100px;
3174 }
3175
3176 #recip {
3177
3178 }
3179 .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; }
3180 .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; }
3181 .autocomplete .selected { background:#F0F0F0; }
3182 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }