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 #profile-jot-desc {
2523         /*float: left;*/
2524         /*width: 480px;*/
2525         width: 100%;
2526         color: #FF0000;
2527         margin-top: 10px;
2528         margin-bottom: 10px;
2529 }
2530
2531 #character-counter {
2532         float: right;
2533         font-size: 120%;
2534 }
2535
2536 #character-counter.grey {
2537         color: #888888;
2538 }
2539
2540 #character-counter.orange {
2541         color: orange;
2542 }
2543 #character-counter.red {
2544         color: red;
2545 }
2546
2547 #profile-jot-banner-end {
2548         /* clear: both; */
2549 }
2550
2551 #photos-upload-select-files-text {
2552         margin-top: 15px;
2553         margin-bottom: 15px;
2554 }
2555
2556 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
2557         color: #8888FF;
2558         text-decoration: none;
2559         cursor: pointer;
2560 }
2561
2562 #photos-upload-perms-menu:hover {
2563         color: #0000FF;
2564         text-decoration: underline;
2565         cursor: pointer;
2566 }
2567 #settings-default-perms-menu {
2568         margin-top: 15px;
2569         margin-bottom: 15px;
2570 }
2571
2572 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {
2573         float: left;
2574         width: 150px;
2575 }
2576
2577 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
2578         font-weight: 700;
2579 }
2580
2581 #photos-upload-choosefile-outer-wrapper {
2582         margin-top: 35px;
2583         padding-left: 50px;
2584         margin-bottom: 4em;
2585 }
2586 #photos-upload-noshare-div {
2587         margin-top: 0px;
2588         margin-bottom: 15px;
2589 }
2590
2591 #photos-upload-noshare-label {
2592         margin-left: 30px;
2593 }
2594
2595 #photos-upload-noshare {
2596         float: left;
2597         margin-left: 5px;
2598 }
2599
2600 .photo-perms-icon {
2601         float: left;
2602 }
2603
2604 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {
2605         text-decoration: none;
2606 }
2607
2608 .photo-jot-perms-text {
2609         padding-top: 5px;
2610         padding-left: 25px;
2611 }
2612
2613 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {
2614         margin-top: 30px;
2615 }
2616 #photos-upload-perms {
2617         margin-top: 15px;
2618         margin-left: 5px;
2619 }
2620
2621 #photo-edit-perms-end {
2622         margin-bottom: 15px;
2623 }
2624
2625 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
2626         float: left;
2627         margin-bottom: 25px;
2628 }
2629 .photo-edit-rotate {
2630         margin-left: 20px;
2631 }
2632
2633 #photo-edit-link-wrap {
2634         margin-bottom: 15px;
2635 }
2636 #photo-like-div {
2637         margin-left: 15px;
2638         margin-bottom: 45px;
2639 }
2640
2641 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
2642         clear: both;
2643 }
2644
2645 #photo-edit-rotate-end {
2646         margin-bottom: 15px;
2647 }
2648
2649 #photo-edit-delete-button {
2650 /*      margin-left: 270px;*/
2651         float: right;
2652 }
2653 #photos-upload-choose {
2654 /*      position: absolute;
2655         top: 0px;
2656         left: 55px;*/
2657 }
2658 .settings-submit, .profile-edit-submit-button {
2659         margin-bottom: 10px;
2660 }
2661
2662 #photo-edit-end {
2663         margin-bottom: 35px;
2664 }
2665 #photo-caption {
2666         font-size: 110%;
2667         font-weight: bold;
2668         margin-top: 15px;
2669         margin-bottom: 15px;
2670 }
2671
2672 #in-this-photo-text {
2673         color: #0000FF;
2674         margin-left: 30px;
2675 }
2676
2677 #in-this-photo {
2678         margin-left: 60px;
2679         margin-top: 10px;
2680         margin-bottom: 20px;
2681 }
2682
2683 #photo-album-edit-submit, #photo-album-edit-drop {
2684         margin-top: 15px;
2685         margin-bottom: 15px;
2686 }
2687
2688 #photo-album-edit-drop {
2689         margin-left: 200px;
2690 }
2691
2692 .group-delete-wrapper {
2693         float: right;
2694         margin-right: 50px;
2695 }
2696
2697 #install-dbhost-label,
2698 #install-dbuser-label,
2699 #install-dbpass-label,
2700 #install-dbdata-label,
2701 #install-tz-desc {
2702        float: left;
2703        width: 250px;
2704        margin-top: 10px;
2705        margin-bottom: 10px;
2706
2707 }
2708
2709 #install-dbhost,
2710 #install-dbuser,
2711 #install-dbpass,
2712 #install-dbdata {
2713        float: left;
2714        width: 200px;
2715        margin-left: 20px;
2716 }
2717
2718 #install-dbhost-end,
2719 #install-dbuser-end,
2720 #install-dbpass-end,
2721 #install-dbdata-end,
2722 #install-tz-end {
2723        clear: both;
2724 }
2725
2726 #install-form select#timezone_select {
2727        float: left;
2728        margin-top: 18px;
2729        margin-left: 20px;
2730 }
2731
2732 #dfrn-request-networks {
2733         margin-bottom: 30px;
2734 }
2735
2736 #pause {
2737   position: fixed;
2738   bottom: 5px;
2739   right: 5px;
2740 }
2741
2742 .sparkle {
2743         cursor: url('lock.cur'), pointer;
2744 /*      cursor: pointer !important; */
2745 }
2746
2747 .contact-block-div {
2748         float: left;
2749         width: 52px;
2750         height: 52px;
2751 }
2752 .contact-block-textdiv {
2753         float: left;
2754         width: 150px;
2755         height: 34px;
2756 }
2757
2758 #contact-block-end {
2759         clear: both;
2760 }
2761 .contact-block-link {
2762         float: left;
2763 }
2764 .contact-block-img {
2765         width:48px;
2766         height:48px;
2767 }
2768
2769 #tag-remove {
2770         margin-bottom: 15px;
2771 }
2772
2773 #tagrm li {
2774         margin-bottom: 10px;
2775 }
2776
2777 #tagrm-submit, #tagrm-cancel {
2778         margin-top: 25px;
2779 }
2780
2781 #tagrm-cancel {
2782         margin-left: 15px;
2783 }
2784
2785 .wall-item-conv {
2786         margin-top: 5px;
2787         margin-bottom: 25px;
2788 }
2789
2790 #search-submit {
2791         margin-left: 15px;
2792 }
2793
2794 #search-box {
2795         margin-bottom: 25px;
2796 }
2797
2798 .location-label, .gender-label, .marital-label, .homepage-label {
2799         float: left;
2800         text-align: right;
2801         display: block;
2802         width: 65px;
2803 }
2804
2805 .adr, .x-gender, .marital-text, .homepage-url {
2806         float: left;
2807         display: block;
2808         margin-left: 8px;
2809 }
2810
2811 .profile-clear {
2812         clear: both;
2813 }
2814
2815
2816 .clear {
2817         clear: both;
2818 }
2819
2820 .cc-license {
2821         margin-top: 50px;
2822         font-size: 70%;
2823 }
2824
2825
2826 #plugin-settings-link, #account-settings-link {
2827         margin-bottom: 10px;
2828 }
2829
2830 #uexport-link {
2831         margin-bottom: 20px;
2832 }
2833
2834 /* end from default */
2835
2836
2837 .fn {
2838         padding: 0px 0px 5px 12px;
2839         font-size: 120%;
2840         font-weight: bold;
2841 }
2842
2843 .vcard .title {
2844         margin-bottom: 5px;
2845         margin-left: 12px;
2846 }
2847
2848 .vcard dl {
2849         clear: both;
2850 }
2851
2852 #birthday-title {
2853         float: left;
2854         font-weight: bold;
2855 }
2856
2857 #birthday-adjust {
2858         float: left;
2859         font-size: 75%;
2860         margin-left: 10px;
2861 }
2862
2863 #birthday-title-end {
2864         clear: both;
2865 }
2866
2867 .birthday-list {
2868         margin-left: 15px;
2869 }
2870
2871 #birthday-wrapper {
2872         margin-bottom: 20px;
2873 }
2874
2875 #network-new-link {
2876         margin-top: 15px;
2877         margin-bottom: 15px;
2878 }
2879
2880
2881 .tool-wrapper {
2882   float: left;
2883   margin-left: 15px;
2884 }
2885
2886 .tool-link {
2887   cursor: pointer;
2888 }
2889
2890 .eventcal {
2891         float: left;
2892         font-size: 20px;
2893 }
2894
2895 #event-summary-text {
2896         margin-top: 15px;
2897 }
2898
2899 #event-share-checkbox {
2900         float: left;
2901         margin-top: 10px;
2902 }
2903
2904 #event-share-text {
2905 /*      float: left;*/
2906         margin-top: 10px;
2907         margin-left: 5px;
2908 }
2909
2910 #event-share-break {
2911         clear: both;
2912         margin-bottom: 10px;
2913 }
2914
2915 #event-summary {
2916         width: 400px;
2917 }
2918
2919 .vevent {
2920         border: 1px solid #CCCCCC;
2921 }
2922
2923 .vevent .event-summary {
2924         margin-left: 10px;
2925         margin-right: 10px;
2926         font-weight: bold;
2927 }
2928
2929 .vevent .event-description, .vevent .event-location {
2930         margin-left: 10px;
2931         margin-right: 10px;
2932 }
2933 .vevent .event-start {
2934         margin-left: 10px;
2935         margin-right: 10px;
2936 }
2937
2938 #new-event-link {
2939         margin-bottom: 10px;
2940 }
2941
2942 .edit-event-link, .plink-event-link {
2943         float: left;
2944         margin-top: 4px;
2945         margin-right: 4px;
2946         margin-bottom: 15px;
2947 }
2948
2949 .event-description:before {
2950         content: url('../../../images/calendar.png');
2951         margin-right: 15px;
2952 }
2953
2954 .event-start, .event-end {
2955         margin-left: 10px;
2956         width: 330px;
2957         clear: both;
2958 }
2959
2960 .event-start .dtstart, .event-end .dtend {
2961         float: right;
2962 }
2963
2964 .event-list-date {
2965         margin-bottom: 10px;
2966 }
2967
2968 .prevcal, .nextcal {
2969         float: left;
2970         margin-left: 32px;
2971         margin-right: 32px;
2972         margin-top: 64px;
2973 }
2974 .event-calendar-end {
2975         clear: both;
2976 }
2977
2978
2979 .calendar {
2980         font-family: Courier, monospace;
2981 }
2982 .today {
2983         font-weight: bold;
2984         color: #FF0000;
2985 }
2986
2987 .settings-block {
2988         border: 1px solid #AAA;
2989         margin: 10px;
2990         padding: 10px;
2991 }
2992
2993 .app-title {
2994         margin: 10px;
2995 }
2996
2997 #identity-manage-desc {
2998         margin-top:15px;
2999         margin-bottom: 15px;
3000 }
3001
3002 #identity-manage-choose {
3003         margin-bottom: 15px;
3004 }
3005
3006 #identity-submit {
3007         margin-top: 20px;
3008 }
3009
3010 #photo-prev-link, #photo-next-link {
3011         padding: 10px;
3012 }
3013 #photo-nav {
3014         position: relative;
3015         height: 55px;
3016 }
3017
3018 #photo-prev-link {
3019         position: absolute;
3020         left: 5px;
3021 }
3022 #photo-next-link {
3023         position: absolute;
3024         right: 5px;
3025 }
3026
3027 /*#photo-photo {
3028         float: left;
3029 }*/
3030 #photo-photo {
3031         display: block;
3032         margin-left: auto;
3033         margin-right: auto;
3034         margin-bottom: 2em;
3035         text-align: center;
3036 }
3037 #photo-photo img {
3038 /*      max-width: 555px;
3039         margin-left: 5px;*/
3040         max-width: 100%;
3041 }
3042 #photo-photo-end {
3043         clear: both;
3044 }
3045
3046 .profile-match-photo {
3047         float: left;
3048         text-align: center;
3049         width: 120px;
3050 }
3051
3052 .profile-match-name {
3053         float: left;
3054         text-align: center;
3055         width: 120px;
3056         overflow: hidden;
3057 }
3058
3059 .profile-match-break,
3060 .profile-match-end {
3061         clear: both;
3062 }
3063
3064 .profile-match-connect {
3065         text-align: center;
3066         font-weight: bold;
3067 }
3068
3069 .profile-match-wrapper {
3070         display: inline-block;
3071         padding: 10px;
3072         /*width: 120px;
3073         height: 120px;*/
3074         scroll: auto;
3075         margin-bottom: 2em;
3076         vertical-align: top;
3077 }
3078 .profile-match-wrapper .icon.drophide {
3079         margin-left: auto;
3080         margin-right: auto;
3081         margin-top: 1em;
3082 }
3083 #profile-match-wrapper-end {
3084         clear: both;
3085 }
3086 .side-link {
3087         margin-bottom: 15px;
3088 }
3089
3090 #language-selector {
3091         position: absolute;
3092         top: 0px;
3093         left: 16px;
3094 }
3095
3096 #group-members {
3097         margin-top: 20px;
3098         padding: 10px;
3099         height: 250px;
3100         overflow: auto;
3101         border: 1px solid #ddd;
3102 }
3103
3104 #group-members-end {
3105         clear: both;
3106 }
3107
3108 #group-separator {
3109         margin-top: 10px;
3110         margin-bottom: 10px;
3111 }
3112
3113 #group-all-contacts {
3114         padding: 10px;
3115         height: 450px;
3116         overflow: auto;
3117         border: 1px solid #ddd;
3118 }
3119
3120 #group-all-contacts-end {
3121         clear: both;
3122         margin-bottom: 10px;
3123 }
3124
3125 #group-edit-desc {
3126         margin-top: 15px;
3127 }
3128
3129
3130 #prof-members {
3131         margin-top: 20px;
3132         padding: 10px;
3133         height: 250px;
3134         overflow: auto;
3135         border: 1px solid #ddd;
3136 }
3137
3138 #prof-members-end {
3139         clear: both;
3140 }
3141
3142 #prof-separator {
3143         margin-top: 10px;
3144         margin-bottom: 10px;
3145 }
3146
3147 #prof-all-contacts {
3148         padding: 10px;
3149         height: 450px;
3150         overflow: auto;
3151         border: 1px solid #ddd;
3152 }
3153
3154 #prof-all-contacts-end {
3155         clear: both;
3156         margin-bottom: 10px;
3157 }
3158
3159 #prof-edit-desc {
3160         margin-top: 15px;
3161 }
3162
3163 #crepair-name-label,
3164 #crepair-nick-label,
3165 #crepair-attag-label,
3166 #crepair-url-label,
3167 #crepair-request-label,
3168 #crepair-confirm-label,
3169 #crepair-notify-label,
3170 #crepair-photo-label,
3171 #crepair-poll-label {
3172         float: left;
3173         width: 200px;
3174         margin-bottom: 15px;
3175 }
3176
3177 #crepair-name,
3178 #crepair-nick,
3179 #crepair-attag,
3180 #crepair-url,
3181 #crepair-request,
3182 #crepair-confirm,
3183 #crepair-notify,
3184 #crepair-photo,
3185 #crepair-poll {
3186         float: left;
3187         width: 300px;
3188 }
3189
3190
3191 #netsearch-box {
3192         margin-top: 20px;
3193 }
3194
3195 #netsearch-box #search-submit {
3196         margin: 5px 0px 0px 0px;
3197 }
3198
3199 .required {
3200         color: #FF0000;
3201 }
3202
3203 #event-start-text, #event-finish-text {
3204         margin-top: 10px;
3205         margin-bottom: 5px;
3206 }
3207
3208 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
3209         float: left;
3210 }
3211 #event-datetime-break {
3212         margin-bottom: 10px;
3213 }
3214
3215 #event-nofinish-break, #event-adjust-break {
3216         clear: both;
3217 }
3218
3219 #event-desc-text, #event-location-text {
3220         margin-top: 10px;
3221         margin-bottom: 5px;
3222 }
3223 #event-submit {
3224         margin-top: 10px;
3225 }
3226
3227 .filesavetags, .categorytags {
3228         display: block;
3229         clear: left;
3230 }
3231
3232 .body-tag, .filesavetags, .categorytags {
3233         opacity: 0.5;
3234         filter:alpha(opacity=50);
3235 }
3236
3237 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
3238         opacity: 1.0 !important;
3239         filter:alpha(opacity=100) !important;
3240 }
3241
3242 .item-select {
3243         opacity: 0.1;
3244         filter:alpha(opacity=10);
3245         float: right;
3246         margin-right: 10px;
3247
3248 }
3249 .item-select:hover, .checkeditem {
3250         opacity: 1;
3251         filter:alpha(opacity=100);
3252 }
3253
3254
3255 #item-delete-selected-top {
3256         margin-top: 30px;
3257         padding-bottom: 1.5em;
3258 }
3259 #item-delete-selected-top-icon, #item-delete-selected-top-desc {
3260         float: left;
3261         margin-right: 5px;
3262 }
3263 #item-delete-selected-top-desc:hover {
3264         text-decoration: underline;
3265 }
3266
3267 #item-delete-selected {
3268         margin-top: 0px;
3269 }
3270
3271 #item-delete-selected-end {
3272         clear: both;
3273 }
3274 #item-delete-selected-icon, #item-delete-selected-desc {
3275         float: left;
3276         margin-right: 5px;
3277 }
3278 #item-delete-selected-desc:hover {
3279         text-decoration: underline;
3280 }
3281
3282 #lang-select-icon {
3283         cursor: pointer;
3284         position: absolute;
3285         left: 0px;
3286         top: 0px;
3287         opacity: 0.2;
3288         filter:alpha(opacity=20);
3289 }
3290
3291 #lang-select-icon:hover {
3292         opacity: 1;
3293         filter:alpha(opacity=100);
3294 }
3295
3296 .notif-image {
3297         height: 80px;
3298         width: 80px;
3299         margin-right: 15px;
3300 }
3301 .notification-listing-end {
3302         clear: both;
3303         margin-bottom: 15px;
3304 }
3305
3306
3307
3308 /**
3309  * Plugins settings
3310  */
3311
3312 .settings-block > h3,
3313 .settings-heading {
3314         border-bottom: 1px solid #babdb6;
3315 }
3316
3317
3318 /**
3319  * Form fields
3320  */
3321 .field {
3322         margin-bottom: 10px;
3323         padding-bottom: 10px;
3324         overflow: auto;
3325         width: 100%
3326 }
3327 #wrapper_expire.field {
3328         margin-bottom: 3px;
3329         padding-bottom: 3px;
3330 }
3331
3332 .field label {
3333         float: left;
3334         width: 200px;
3335 }
3336 .field.yesno label {
3337         font-weight: 700;
3338 }
3339
3340 .field input,
3341 .field textarea {
3342         width: 400px;
3343 }
3344 .field input[type=checkbox],
3345 .field input[type=radio] {
3346         width: auto;
3347 }
3348 .field textarea { height: 100px; }
3349 .field_help {
3350         display: block;
3351         margin-left: 50px;
3352         color: #666666;
3353         clear: left;
3354 }
3355
3356 .field .onoff {
3357         float: left;
3358         width: 80px;
3359 }
3360 .field .onoff a {
3361         display: block;
3362         border:1px solid #666666;
3363         background-image:url("../../../images/onoff.jpg");
3364         background-repeat: no-repeat;
3365         padding: 4px 2px 2px 2px;
3366         height: 16px;
3367         text-decoration: none;
3368 }
3369 .field .onoff .off {
3370         border-color:#666666;
3371         padding-left: 40px;
3372         background-position: left center;
3373         background-color: #cccccc;
3374         color: #666666;
3375         text-align: right;
3376 }
3377 .field .onoff .on {
3378         border-color:#204A87;
3379         padding-right: 40px;
3380         background-position: right center;
3381         background-color: #D7E3F1;
3382         color: #204A87;
3383         text-align: left;
3384 }
3385 .hidden { display: none!important; }
3386
3387 /*.field.radio .field_help { clear: left; margin-left: 20px; }*/
3388 .field.radio .field_help { margin-left: 0px; }
3389
3390 /**
3391  * ADMIN
3392  */
3393 #pending-update {
3394         float:right;
3395         color: #ffffff;
3396         font-weight: bold;
3397         background-color: #FF0000;
3398         padding: 0em 0.3em;
3399
3400 }
3401 #adminpage dl {
3402         clear: left;
3403         margin-bottom: 2px;
3404         padding-bottom: 2px;
3405         border-bottom: 1px solid black;
3406 }
3407 #adminpage dt {
3408         width: 200px;
3409         float: left;
3410         font-weight: bold;
3411 }
3412 #adminpage dd {
3413         margin-left: 200px;
3414 }
3415
3416 #adminpage h3 {
3417         border-bottom: 1px solid #cccccc;
3418 }
3419 #adminpage .field label {
3420         font-weight: bold;
3421 }
3422 #adminpage .submit {
3423         clear:left;
3424         text-align: right;
3425 }
3426
3427 #adminpage #pluginslist {
3428         margin: 0px; padding: 0px;
3429 }
3430 #adminpage .plugin {
3431         list-style: none;
3432         display: block;
3433         border: 1px solid #888888;
3434         padding: 1em;
3435         margin-bottom: 5px;
3436         clear: left;
3437 }
3438 #adminpage .plugin .desc { margin-left: 2.5em;}
3439 #adminpage .toggleplugin {
3440         float:left;
3441         margin-right: 1em;
3442 }
3443
3444 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
3445 #adminpage table th { text-align: left;}
3446 #adminpage td .icon, #adminpage td .tool { float: left;}
3447 #adminpage table#users img { width: 16px; height: 16px; }
3448 #adminpage table tr:hover { background-color: #bbc7d7; }
3449 #adminpage .selectall { text-align: right; }
3450
3451 #adminpage .screenshot img {
3452         max-width: 550px;
3453 }
3454
3455 /*
3456  * UPDATE
3457  */
3458 .popup {
3459         width: 100%; height: 100%;
3460         top:0px; left:0px;
3461         position: absolute;
3462         display: none;
3463 }
3464
3465 .popup .background {
3466         background-color: rgba(0,0,0,128);
3467         opacity: 0.5;
3468         width: 100%; height: 100%;
3469         position: absolute;
3470         top:0px; left:0px;
3471 }
3472 .popup .panel {
3473         top:25%;left:25%;width:50%;height:50%;
3474         padding: 1em;
3475         position: absolute;
3476         border: 4px solid #000000;
3477         background-color: #FFFFFF;
3478 }
3479 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
3480 .popup .panel .panel_in { width: 100%; height: 100%;    position: relative; }
3481 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
3482 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
3483 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
3484
3485 /**
3486  * OAuth
3487  */
3488 .oauthapp {
3489         height: auto; overflow: auto;
3490         border-bottom: 2px solid #cccccc;
3491         padding-bottom: 1em;
3492         margin-bottom: 1em;
3493 }
3494 .oauthapp img {
3495         float: left;
3496         width: 48px; height: 48px;
3497         margin: 10px;
3498 }
3499 .oauthapp img.noicon {
3500         background-image: url("../../../images/icons/48/plugin.png");
3501         background-position: center center;
3502         background-repeat: no-repeat;
3503 }
3504 .oauthapp a {
3505         float: left;
3506 }
3507
3508 /**
3509  * ICONS
3510  */
3511 .iconspacer {
3512         display: block; width: 16px; height: 16px;
3513 }
3514
3515 .icon {
3516         display: block; width: 16px; height: 16px;
3517         background-image: url('../../../images/icons.png');
3518 }
3519 .article { background-position: 0px 0px;}
3520 /*.audio { background-position: -16px 0px;}*/
3521 .icon.audio {
3522         display: block; width: 24px; height: 24px;
3523         background-size: 100% 100%;
3524         background-image: url('images/speaker.png');
3525         background-repeat: no-repeat;
3526 }
3527 .block { background-position: -32px 0px;}
3528 /*.drop { background-position: -48px 0px;}*/
3529 .icon.drop {
3530         display: block; width: 16px; height: 16px;
3531         background-size: 100% 100%;
3532         background-image: url('images/drop-16.png');
3533         background-repeat: no-repeat;
3534         opacity: 1.0;
3535 }
3536 /*.drophide { background-position: -64px 0px;}*/
3537 .icon.drophide {
3538         display: block; width: 16px; height: 16px;
3539         background-size: 100% 100%;
3540         background-image: url('images/drop-16.png');
3541         background-repeat: no-repeat;
3542         opacity: 0.4;
3543 }
3544 .icon.drophide:hover {
3545         display: block; width: 16px; height: 16px;
3546         background-size: 100% 100%;
3547         background-image: url('images/drop-16.png');
3548         background-repeat: no-repeat;
3549         opacity: 1.0;
3550 }
3551 .edit { background-position: -80px 0px;}
3552 /*.camera { background-position: -96px 0px;}*/
3553 .icon.camera{
3554         display: block; width: 24px; height: 18px;
3555         margin-top: 4px;
3556         background-size: 100% 100%;
3557         background-image: url('images/camera.png');
3558         background-repeat: no-repeat;
3559 }
3560 /*.dislike { background-position: -112px 0px;}*/
3561 .tool.dislike {
3562         display: block; width: 15px; height: 16px;/* 23 24*/
3563         background-size: 100% 100%;
3564         background-image: url('images/disapprove-16.png');
3565         background-repeat: no-repeat;
3566         opacity: 0.4;
3567 }
3568 .tool.dislike:hover {
3569         opacity: 1.0;
3570 }
3571 /*.like { background-position: -128px 0px;}*/
3572 .tool.like {
3573         display: block; width: 15px; height: 16px;/* 23 24*/
3574         margin-right: 6px;
3575         background-size: 100% 100%;
3576         background-image: url('images/approve-16.png');
3577         background-repeat: no-repeat;
3578         opacity: 0.4;
3579 }
3580 .tool.like:hover {
3581         opacity: 1.0;
3582 }
3583 /*.link { background-position: -144px 0px;}*/
3584 .icon.link {
3585         display: block; width: 24px; height: 24px;
3586         background-size: 100% 100%;
3587         background-image: url('images/link.png');
3588         background-repeat: no-repeat;
3589 }
3590
3591 /*.globe { background-position: 0px -16px;}*/
3592 .icon.globe {
3593         display: block; width: 24px; height: 24px;
3594         background-size: 100% 100%;
3595         background-image: url('images/globe.png');
3596         background-repeat: no-repeat;
3597 }
3598 /*.noglobe { background-position: -16px -16px;}*/
3599 .icon.noglobe {
3600         display: block; width: 24px; height: 24px;
3601         background-size: 100% 100%;
3602         background-image: url('images/noglobe.png');
3603         background-repeat: no-repeat;
3604 }
3605 .no { background-position: -32px -16px;}
3606 .pause { background-position: -48px -16px;}
3607 .play { background-position: -64px -16px;}
3608 /*.pencil { background-position: -80px -16px;}*/
3609 .tool.pencil {
3610         display: block; width: 16px; height: 16px;
3611         background-size: 100% 100%;
3612         background-image: url('images/pencil-16.png');
3613         background-repeat: no-repeat;
3614         opacity: 0.4;
3615 }
3616 .tool.pencil:hover {
3617         opacity: 1.0;
3618 }
3619 /*.small-pencil { background-position: -96px -16px;}*/
3620 .icon.small-pencil {
3621         display: block; width: 16px; height: 16px;
3622         background-size: 100% 100%;
3623         background-image: url('images/pencil-16.png');
3624         background-repeat: no-repeat;
3625         opacity: 0.4;
3626 }
3627 .icon.small-pencil:hover {
3628         opacity: 1.0;
3629 }
3630 /*.recycle { background-position: -112px -16px;}*/
3631 .tool.recycle {
3632         display: block; width: 16px; height: 16px;/*24 23*/
3633         background-size: 100% 100%;
3634         background-image: url('images/recycle-16.png');
3635         background-repeat: no-repeat;
3636         opacity: 0.4;
3637 }
3638 .tool.recycle:hover {
3639         opacity: 1.0;
3640 }
3641 /*.remote-link { background-position: -128px -16px;}*/
3642 .icon.remote-link {
3643         display: block; width: 16px; height: 16px;
3644         background-size: 100% 100%;
3645         background-image: url('images/remote-link-16.png');
3646         background-repeat: no-repeat;
3647         opacity: 0.4;
3648 }
3649 .icon.remote-link:hover {
3650         opacity: 1.0;
3651 }
3652 .share { background-position: -144px -16px;}
3653
3654 .tools { background-position: 0px -32px;}
3655 /*.lock { background-position: -16px -32px;}*/
3656 .icon.lock {
3657         display: block; width: 14px; height: 21px;
3658         margin-top: 1px;
3659         background-size: 100% 100%;
3660         background-image: url('images/lock-24.png');
3661         background-repeat: no-repeat;
3662 }
3663 /*.unlock { background-position: -32px -32px;}*/
3664 .icon.unlock {
3665         display: block; width: 14px; height: 24px;
3666         margin-top: -2px;
3667         background-size: 100% 100%;
3668         background-image: url('images/unlock-24.png');
3669         background-repeat: no-repeat;
3670 }
3671 /*.video { background-position: -48px -32px;}*/
3672 .icon.video {
3673         display: block; width: 24px; height: 24px;
3674         background-size: 100% 100%;
3675         background-image: url('images/video.png');
3676         background-repeat: no-repeat;
3677 }
3678 /*.oembed.video {
3679         display: inline; width: auto; height: auto;
3680         background-image: none;
3681 }*/
3682
3683 .youtube { background-position: -64px -32px;}
3684 /*.attach { background-position: -80px -32px; }*/
3685 .icon.attach {
3686         display: block; width: 24px; height: 24px;
3687         background-size: 100% 100%;
3688         background-image: url('images/paperclip-24.png');
3689         background-repeat: no-repeat;
3690 }
3691
3692 .language { background-position: -96px -32px; }
3693 .prev { background-position: -112px -32px; }
3694 .next { background-position: -128px -32px; }
3695 .on { background-position: -144px -32px; }
3696
3697 .off { background-position: 0px -48px; }
3698 /*.starred { background-position: -16px -48px; }*/
3699 .tool.starred {
3700         display: block; width: 16px; height: 16px;
3701         background-size: 100% 100%;
3702         background-image: url('images/star-yellow-16.png');
3703         background-repeat: no-repeat;
3704 }
3705 /*.unstarred { background-position: -32px -48px; }*/
3706 .tool.unstarred {
3707         display: block; width: 16px; height: 16px;
3708         background-size: 100% 100%;
3709         background-image: url('images/star-16.png');
3710         background-repeat: no-repeat;
3711         opacity: 0.4;
3712 }
3713 .tool.unstarred:hover {
3714         opacity: 1.0;
3715 }
3716 /*.tagged { background-position: -48px -48px; }*/
3717 .tool.tagged {
3718         display: block; width: 16px; height: 16px;
3719         background-size: 100% 100%;
3720         background-image: url('images/tag-16.png');
3721         background-repeat: no-repeat;
3722         opacity: 0.4;
3723 }
3724 .tool.tagged:hover {
3725         opacity: 1.0;
3726 }
3727 .yellow { background-position: -64px -48px; }
3728
3729
3730 .filer-icon {
3731 /*      display: block; width: 16px; height: 16px;
3732         background-image: url('file.gif');*/
3733         display: block; width: 16px; height: 16px;
3734         background-size: 100% 100%;
3735         background-image: url('images/folder-16.png');
3736         background-repeat: no-repeat;
3737         opacity: 0.4;
3738 }
3739 .filer-icon:hover {
3740         opacity: 1.0;
3741 }
3742
3743 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3744 /*[class^="comment-edit-bb"] {*/
3745 .comment-edit-bb {
3746         list-style: none;
3747         display: none;
3748         margin: 0px 0 -5px 60px;
3749         width: 75%;
3750 }
3751 .comment .comment-edit-bb {
3752         width: 300px;
3753         margin: 0px;
3754 }
3755 /*[class^="comment-edit-bb"] > li {*/
3756 .comment-edit-bb > li {
3757         display: inline-block;
3758         margin: 10px 10px 0 0;
3759         visibility: none;
3760 }
3761 /*[class^="comment-edit-bb-end"] {
3762         clear: both;
3763 }*/
3764 .editicon {
3765     display: inline-block;
3766 /*    background-image: url(bbedit.png);
3767         background-color: #fff;*/
3768         background-size: 100% 100%;
3769         background-repeat: no-repeat;
3770         background-color: #f3f3f3;
3771     text-decoration: none;
3772         opacity: 0.4;
3773 }
3774 .editicon:hover {
3775 /*      background-color: #ccc;*/
3776         opacity: 1.0;
3777 }
3778 .boldbb {
3779 /*      background-position: 0px 0px;*/
3780     width: 15px;
3781     height: 16px;
3782         background-image: url('images/boldB-serif-16.png');
3783 }
3784 /*.boldbb:hover {
3785         background-position: 0px -16px;
3786 }*/
3787 .italicbb {
3788 /*      background-position: -16px 0px;*/
3789     width: 9px;
3790     height: 16px;
3791         background-image: url('images/italicI-serif-16.png');
3792 }
3793 /*.italicbb:hover {
3794         background-position: -16px -16px;
3795 }*/
3796 .underlinebb {
3797 /*      background-position: -32px 0px;*/
3798     width: 14px;
3799     height: 16px;
3800         background-image: url('images/underlineU-serif-16.png');
3801 }
3802 /*.underlinebb:hover {
3803         background-position: -32px -16px;
3804 }*/
3805 .quotebb {
3806 /*      background-position: -48px 0px;*/
3807     width: 20px;
3808     height: 20px;
3809         background-image: url('images/quote.png');
3810 }
3811 /*.quotebb:hover {
3812         background-position: -48px -16px;
3813 }*/
3814 .codebb {
3815 /*      background-position: -64px 0px;*/
3816     width: 20px;
3817     height: 20px;
3818         background-image: url('images/code.png');
3819 }
3820 /*.codebb:hover {
3821         background-position: -64px -16px;
3822 }*/
3823 .imagebb {
3824 /*      background-position: -80px 0px;*/
3825     width: 20px;/*16*/
3826     height: 15px;/*12*/
3827         margin-bottom: 2px;
3828         background-image: url('images/camera.png');
3829 }
3830 /*.imagebb:hover {
3831         background-position: -80px -16px;
3832 }*/
3833 .urlbb {
3834 /*      background-position: -96px 0px;*/
3835         width: 20px;
3836         height: 20px;
3837         background-image: url('images/link.png');
3838 }
3839 /*.urlbb:hover {
3840         background-position: -96px -16px;
3841 }*/
3842 .videobb {
3843 /*      background-position: -112px 0px;*/
3844         width: 20px;
3845         height: 20px;
3846         background-image: url('images/video.png');
3847 }
3848 /*.videobb:hover {
3849         background-position: -112px -16px;
3850 }*/
3851
3852 .attachtype {
3853         display: block;
3854         float: left;
3855         background-size: 100% 100%;
3856         width: 48px;
3857         height: 48px;
3858         background-image: url('images/oxygen/unknown.png');
3859 }
3860
3861 .body-attach {
3862         margin-top: 10px;
3863 }
3864
3865 /*.type-video { background-position: 0px 0px; }
3866 .type-image { background-position: -20px 0px; }
3867 .type-audio { background-position: -40px 0px; }
3868 .type-text  { background-position: -60px 0px; }
3869 .type-unkn  { background-position: -80px 0px; }*/
3870 .type-video {
3871         background-image: url('images/oxygen/video-x-generic.png');
3872         background-size: 100% 100%;
3873         width: 48px;
3874         height: 48px;
3875 }
3876 .type-image {
3877         background-image: url('images/oxygen/image-x-generic.png');
3878         background-size: 100% 100%;
3879         width: 48px;
3880         height: 48px;
3881 }
3882 .type-audio {   background-image: url('images/oxygen/audio-x-generic.png');
3883         background-size: 100% 100%;
3884         width: 48px;
3885         height: 48px;
3886 }
3887
3888 .type-text  {
3889         background-image: url('images/oxygen/text-x-generic-2.png');
3890         background-size: 100% 100%;
3891         width: 48px;
3892         height: 48px;
3893 }
3894 .subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document  {
3895         background-image: url('images/oxygen/application-msword.png');
3896         background-size: 100% 100%;
3897         width: 48px;
3898         height: 48px;
3899 }
3900 .subtype-pdf  {
3901         background-image: url('images/oxygen/application-pdf.png');
3902         background-size: 100% 100%;
3903         width: 48px;
3904         height: 48px;
3905 }
3906 /*.type-unkn  {
3907         background-image: url('images/oxygen/unknown.png');
3908         background-size: 100% 100%;
3909         width: 48px;
3910         height: 48px;
3911 }*/
3912
3913
3914
3915 /* autocomplete popup */
3916 .acpopup {
3917         max-height:150px;
3918         background-color:#ffffff;
3919         overflow:auto;
3920         z-index:100000;
3921         border:1px solid #cccccc;
3922 }
3923 .acpopupitem {
3924         background-color:#ffffff; padding: 4px;
3925         clear:left;
3926 }
3927 .acpopupitem img {
3928         float: left;
3929         margin-right: 4px;
3930 }
3931
3932 .acpopupitem.selected {
3933         color: #FFFFFF; background: #3465A4;
3934 }
3935
3936 /* popup notifications */
3937 div.jGrowl div.notice {
3938   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
3939   color: #ffffff;
3940   padding-left: 58px;
3941 }
3942 div.jGrowl div.info {
3943   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
3944   color: #ffffff;
3945   padding-left: 58px;
3946 }
3947 #jGrowl.top-right {
3948         top: 75px;
3949         right: 15px;
3950 }
3951 div.jGrowl-notification {
3952   border-radius: 7px;
3953 }
3954 .qcomment {
3955         border: 1px solid #EEE;
3956         padding: 3px;
3957         margin-top: 15px;
3958         margin-left: 25px;
3959         width: 125px;
3960         overflow-y: auto;
3961 }
3962
3963
3964 .qcomment option {
3965         width: 125px;
3966         overflow-x: hidden;
3967 }
3968
3969 .qcomment {
3970         opacity: 0.3;
3971         filter:alpha(opacity=30);
3972 }
3973 .qcomment:hover {
3974         opacity: 1.0;
3975         filter:alpha(opacity=100);
3976 }
3977
3978 /* notifications popup menu */
3979 .nav-notify {
3980         display: none;
3981         position: absolute;
3982         font-size: 10px;
3983         padding: 1px 3px;
3984         top: 0px;
3985         right: -10px;
3986         min-width: 15px;
3987         text-align: right;
3988 }
3989 .nav-notify.show {
3990         display: block;
3991 }
3992 ul#nav-network-notifications-popup {
3993         text-align: center;
3994         line-height: 18px;
3995
3996         border: 1px solid #AAAAAA;
3997         border-radius: 5px;
3998         -moz-border-radius: 5px;
3999         -webkit-border-radius: 5px;
4000
4001         -moz-box-shadow: 3px 3px 5px #555;
4002         -webkit-box-shadow: 3px 3px 5px #555;
4003         box-shadow: 3px 3px 5px #555;
4004
4005         background: #FFFFFF;
4006
4007         display: none;
4008         list-style: none;
4009
4010         width: 10em;
4011         position: absolute;
4012         margin: 0px;
4013         top: 15px;
4014         left: 55px;
4015         padding: 1em 0px;
4016
4017         z-index: 11000;
4018 }
4019 ul.notifications-menu-popup {
4020         position: absolute;
4021         display: none;
4022         width: 10em;
4023         margin: 0px;
4024         padding: 0px;
4025         list-style: none;
4026         z-index: 100000;
4027         right: 0px;
4028 }
4029 #nav-notifications-menu {
4030         width: 320px;
4031         max-height: 400px;
4032         overflow-y: scroll;overflow-style:scrollbar;
4033         background-color:#FFFFFF;
4034         -moz-border-radius: 5px;
4035         -webkit-border-radius: 5px;
4036         border-radius:5px;
4037         border: 1px solid #AAA;
4038         -moz-box-shadow: 3px 3px 5px #555;
4039         -webkit-box-shadow: 3px 3px 5px #555;
4040         box-shadow: 3px 3px 5px #555;
4041 }
4042 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
4043 #nav-notifications-menu img { float: left; margin-right: 5px; }
4044 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
4045 #nav-notifications-menu li {
4046         padding: 7px 0px 7px 10px;
4047         word-wrap:normal;
4048         border-bottom: 1px solid #000;
4049 }
4050
4051 #nav-notifications-menu li:hover {
4052
4053 }
4054
4055 #nav-notifications-menu a:hover {
4056         text-decoration: underline;
4057 }
4058
4059 .notif-item a {
4060         color: #000000;
4061 }
4062
4063 .notif-item a:hover {
4064         text-decoration: underline;
4065 }
4066
4067 .notif-image {
4068         width: 32px;
4069         height: 32px;
4070         padding: 7px 7px 0px 0px;
4071 }
4072
4073 .notify-seen {
4074         background: #DDDDDD;
4075 }
4076
4077 #id_term_label {
4078         width:75px;
4079 }
4080 #id_term {
4081         width:100px;
4082 }
4083
4084 #recip {
4085
4086 }
4087 .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; }
4088 .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; }
4089 .autocomplete .selected { background:#F0F0F0; }
4090 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
4091
4092 #datebrowse-sidebar select {
4093         margin-left: 40px;
4094         width: 130px;
4095 }
4096
4097