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