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