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