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