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