view/theme/duepuntozero/style.css

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