view/theme/frost/style.css

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