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 .scroll_loader_text {
1787 /*      background: #EEE;*/
1788 }
1789
1790 .pager_first a,
1791 .pager_last a,
1792 .pager_prev a,
1793 .pager_next a,
1794 .pager_n a {
1795     font-size: 0.97em;
1796         border: 1px solid black;
1797         border-radius: 7px;
1798         -moz-border-radius: 7px;
1799         -webkit-border-radius: 7px;
1800         text-decoration: none;
1801         padding: 4px 6px 4px 3px;
1802         opacity: 0.5;
1803 }
1804 .pager_first a:hover,
1805 .pager_last a:hover,
1806 .pager_prev a:hover,
1807 .pager_next a:hover,
1808 .pager_n a:hover {
1809         opacity: 1.0;
1810 }
1811
1812 .pager_current {
1813   font-size: 0.97em;
1814   border: 1px solid black;
1815   border-radius: 7px;
1816   background: #FFCCCC;
1817   padding: 4px 6px 4px 3px;
1818 }
1819
1820
1821 #advanced-profile-name-wrapper,
1822 #advanced-profile-gender-wrapper,
1823 #advanced-profile-dob-wrapper,
1824 #advanced-profile-age-wrapper,
1825 #advanced-profile-marital-wrapper,
1826 #advanced-profile-sexual-wrapper,
1827 #advanced-profile-homepage-wrapper,
1828 #advanced-profile-politic-wrapper,
1829 #advanced-profile-religion-wrapper,
1830 #advanced-profile-about-wrapper,
1831 #advanced-profile-interest-wrapper,
1832 #advanced-profile-contact-wrapper,
1833 #advanced-profile-music-wrapper,
1834 #advanced-profile-book-wrapper,
1835 #advanced-profile-tv-wrapper,
1836 #advanced-profile-film-wrapper,
1837 #advanced-profile-romance-wrapper,
1838 #advanced-profile-work-wrapper,
1839 #advanced-profile-education-wrapper {
1840         margin-top: 20px;
1841 }
1842
1843 #advanced-profile-name-text,
1844 #advanced-profile-gender-text,
1845 #advanced-profile-dob-text,
1846 #advanced-profile-age-text,
1847 #advanced-profile-marital-text,
1848 #advanced-profile-sexual-text,
1849 #advanced-profile-homepage-text,
1850 #advanced-profile-politic-text,
1851 #advanced-profile-religion-text,
1852 #advanced-profile-about-text,
1853 #advanced-profile-interest-text,
1854 #advanced-profile-contact-text,
1855 #advanced-profile-music-text,
1856 #advanced-profile-book-text,
1857 #advanced-profile-tv-text,
1858 #advanced-profile-film-text,
1859 #advanced-profile-romance-text,
1860 #advanced-profile-work-text,
1861 #advanced-profile-education-text {
1862         width: 300px;
1863         float: left;
1864 }
1865
1866 #advanced-profile-name-end,
1867 #advanced-profile-gender-end,
1868 #advanced-profile-dob-end,
1869 #advanced-profile-age-end,
1870 #advanced-profile-marital-end,
1871 #advanced-profile-sexual-end,
1872 #advanced-profile-homepage-end,
1873 #advanced-profile-politic-end,
1874 #advanced-profile-religion-end {
1875         height: 10px;
1876 }
1877
1878 #advanced-profile-about-end,
1879 #advanced-profile-interest-end,
1880 #advanced-profile-contact-end,
1881 #advanced-profile-music-end,
1882 #advanced-profile-book-end,
1883 #advanced-profile-tv-end,
1884 #advanced-profile-film-end,
1885 #advanced-profile-romance-end,
1886 #advanced-profile-work-end,
1887 #advanced-profile-education-end {
1888
1889
1890 }
1891
1892 #advanced-profile-name,
1893 #advanced-profile-gender,
1894 #advanced-profile-dob,
1895 #advanced-profile-age,
1896 #advanced-profile-marital,
1897 #advanced-profile-sexual,
1898 #advanced-profile-homepage,
1899 #advanced-profile-politic,
1900 #advanced-profile-religion {
1901         float: left;
1902
1903 }
1904
1905
1906 #advanced-profile-about,
1907 #advanced-profile-interest,
1908 #advanced-profile-contact,
1909 #advanced-profile-music,
1910 #advanced-profile-book,
1911 #advanced-profile-tv,
1912 #advanced-profile-film,
1913 #advanced-profile-romance,
1914 #advanced-profile-work,
1915 #advanced-profile-education {
1916         margin-top: 10px;
1917         margin-left: 50px;
1918         margin-right: 20px;
1919         padding: 10px;
1920         border: 1px solid #CCCCCC;
1921 }
1922
1923 #advanced-profile-with {
1924         float: left;
1925         margin-left: 15px;
1926 }
1927
1928 #contact-edit-wrapper {
1929         margin-top: 10px;
1930 }
1931
1932 #contact-edit-banner-name {
1933         font-size: 1.4em;
1934         font-weight: bold;
1935 }
1936
1937 #contact-edit-poll-wrapper {
1938         margin-top: 15px;
1939 }
1940
1941 #contact-edit-poll-text {
1942         margin-top: 15px;
1943         margin-bottom: 5px;
1944 }
1945
1946 #contact-edit-update-now {
1947         margin-top: 15px;
1948 }
1949
1950 #contact-edit-links{
1951         clear: both;
1952 }
1953
1954 #contact-edit-links ul {
1955         list-style: none;
1956         list-style-type: none;
1957         margin-left: 0px;
1958         padding-left: 0px;
1959 }
1960
1961 #contact-edit-links li {
1962         margin-top: 5px;
1963 }
1964
1965 #contact-edit-drop-link {
1966         float: right;
1967         margin-right: 20px;
1968 }
1969
1970 #contact-edit-nav-end {
1971         clear: both;
1972 }
1973
1974 #contact-edit-wrapper {
1975         width: 100%;
1976 }
1977
1978 #contact-edit-end {
1979         clear: both;
1980         margin-top: 15px;
1981 }
1982
1983 #contact-profile-selector {
1984         width: 175px;
1985         margin-left: 175px;
1986 }
1987
1988 .contact-edit-submit {
1989         margin-top: 10px;
1990         clear: left;
1991         display: block;
1992         margin-bottom: 45px;
1993 }
1994
1995
1996 .contact-photo-menu-button {
1997         position: absolute;
1998         background-image: url("photo-menu.jpg");
1999         background-position: top left;
2000         background-repeat: no-repeat;
2001         margin: 0px; padding: 0px;
2002         width: 16px;
2003         height: 16px;
2004         top: 64px; left:0px;
2005         overflow: hidden;
2006         text-indent: 40px;
2007         display: none;
2008
2009 }
2010 .contact-photo-menu {
2011         width: auto;
2012         border: 2px solid #444444;
2013         background: #FFFFFF;
2014         position: absolute;
2015         left: 0px; top: 90px;
2016         display: none;
2017         z-index: 10000;
2018 }
2019 .contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
2020 .contact-photo-menu li a { display: block; padding: 2px; }
2021 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
2022
2023
2024 #block-message, #ignore-message, #archive-message, #lost-contact-message {
2025         color: #FF0000;
2026 }
2027
2028 #profile-edit-insecure {
2029         margin-top: 20px;
2030         color: #FF0000;
2031         font-size: 1.1em;
2032         border: 1px solid #FF8888;
2033         background-color: #FFEEEE;
2034         padding-left: 5px;
2035         /*: 3px 3px 3px 5px; */
2036         width: 587px;
2037 }
2038
2039 #profile-jot-text {
2040         height: 20px;
2041         color:#cccccc;
2042         border: 1px solid #cccccc;
2043         padding: 3px 0px 0px 5px;
2044         -moz-border-radius: 3px;
2045         border-radius: 3px;
2046 }
2047
2048
2049 /** acl **/
2050 #photo-edit-perms-select,
2051 #photos-upload-permissions-wrapper,
2052 #profile-jot-acl-wrapper{
2053         display:block!important;
2054 }
2055
2056 #photos-usage-message {
2057         margin-bottom: 15px;
2058 }
2059
2060
2061 #acl-wrapper {
2062         width: 580px;
2063         float:left;
2064 }
2065 #acl-search {
2066         float:right;
2067         background: #ffffff url("../../../images/search_18.png") no-repeat right center;
2068         padding-right:20px;
2069 }
2070 #acl-showall {
2071         float: left;
2072         display: block;
2073         width: auto;
2074         height: 18px;
2075         background-color: #cccccc;
2076         background-image: url("../../../images/show_all_off.png");
2077         background-position: 7px 7px;
2078         background-repeat: no-repeat;
2079         padding: 7px 5px 0px 30px;
2080         -webkit-border-radius: 5px ;
2081         -moz-border-radius: 5px;
2082         border-radius: 5px;
2083         color: #999999;
2084 }
2085 #acl-showall.selected {
2086         color: #000000;
2087         background-color: #ff9900;
2088         background-image: url("../../../images/show_all_on.png");
2089 }
2090
2091 #acl-list {
2092         height: 210px;
2093         border: 1px solid #cccccc;
2094         clear: both;
2095         margin-top: 30px;
2096         overflow: auto;
2097 }
2098 #acl-list-content {
2099
2100 }
2101 .acl-list-item {
2102         display: block;
2103         width: 170px;
2104         height: 30px;
2105         border: 1px solid #cccccc;
2106         margin: 5px;
2107         float: left;
2108 }
2109 .acl-list-item img{
2110         width:22px;
2111         height: 22px;
2112         float: left;
2113         margin: 4px;
2114 }
2115 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
2116 .acl-list-item a {
2117         font-size: 10px; /* 8px; */
2118         display: block;
2119         width: 50px;
2120         height: 12px;
2121         float: left;
2122         color: #999999;
2123         background-color: #cccccc;
2124         background-position: 3px 3px;
2125         background-repeat: no-repeat;
2126         margin-right: 5px;
2127         -webkit-border-radius: 2px ;
2128         -moz-border-radius: 2px;
2129         border-radius: 2px;
2130         padding-left: 15px;
2131 }
2132 #acl-wrapper a:hover {
2133         text-decoration: none;
2134         color:#000000;
2135 }
2136 .acl-button-show { background-image: url("../../../images/show_off.png"); }
2137 .acl-button-hide { background-image: url("../../../images/hide_off.png"); }
2138
2139 .acl-button-show.selected {
2140         color: #000000;
2141         background-color: #9ade00;
2142         background-image: url("../../../images/show_on.png");
2143 }
2144 .acl-button-hide.selected {
2145         color: #000000;
2146         background-color: #ff4141;
2147         background-image: url("../../../images/hide_on.png");
2148 }
2149 .acl-list-item.groupshow { border-color: #9ade00; }
2150 .acl-list-item.grouphide { border-color: #ff4141; }
2151 /** /acl **/
2152
2153
2154 #group-new-submit-wrapper {
2155         margin-top: 30px;
2156 }
2157
2158 #group-edit-name-label {
2159         float: left;
2160         width: 175px;
2161         margin-top: 20px;
2162         margin-bottom: 20px;
2163 }
2164
2165 #group-edit-name {
2166         float: left;
2167         width: 225px;
2168         margin-top: 20px;
2169         margin-bottom: 20px;
2170 }
2171
2172 #group-edit-name-wrapper {
2173
2174
2175 }
2176
2177
2178 #group_members_select_label {
2179         display: block;
2180         float: left;
2181         width: 175px;
2182 }
2183
2184 .group_members_select {
2185         float: left;
2186         width: 230px;
2187         overflow: auto;
2188 }
2189
2190 #group_members_select_end {
2191         clear: both;
2192 }
2193 #group-edit-name-end {
2194         clear: both;
2195 }
2196
2197 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
2198         margin-bottom: 10px;
2199         margin-top: 20px;
2200 }
2201
2202 #prvmail-submit {
2203         float: left;
2204         margin-top: 10px;
2205         margin-right: 30px;
2206 }
2207 #prvmail-upload-wrapper,
2208 #prvmail-link-wrapper,
2209 #prvmail-rotator-wrapper {
2210         float: left;
2211         margin-top: 10px;
2212         margin-right: 10px;
2213         width: 24px;
2214 }
2215
2216 #prvmail-end {
2217         clear: both;
2218 }
2219
2220 .mail-list-sender,
2221 .mail-list-detail {
2222         float: left;
2223 }
2224 .mail-list-detail {
2225         margin-left: 20px;
2226 }
2227
2228 .mail-list-subject {
2229         font-size: 1.1em;
2230         margin-top: 10px;
2231 }
2232 a.mail-list-link {
2233     display: block;
2234     font-size: 1.3em;
2235     padding: 4px 0;
2236 }
2237
2238 /*
2239 *a.mail-list-link:hover {
2240 *       background-color: #15607B;
2241 *       color: #F5F6FB;
2242 *}
2243 */
2244
2245 .mail-list-outside-wrapper-end {
2246         clear: both;
2247 }
2248
2249 .mail-list-outside-wrapper {
2250         margin-top: 30px;
2251 }
2252
2253 .mail-list-delete-wrapper {
2254         float: right;
2255         margin-right: 30px;
2256         margin-top: 15px;
2257 }
2258
2259 .mail-list-delete-icon {
2260         border: none;
2261 }
2262
2263 .mail-conv-sender,
2264 .mail-conv-detail {
2265         float: left;
2266 }
2267 .mail-conv-detail {
2268         margin-left: 20px;
2269         margin-bottom: 10px;
2270         width: 500px;
2271 }
2272
2273 .mail-conv-subject {
2274     font-size: 1.4em;
2275     margin: 10px 0;
2276 }
2277
2278 .mail-conv-outside-wrapper-end {
2279         clear: both;
2280 }
2281
2282 .mail-conv-outside-wrapper {
2283         margin-top: 30px;
2284 }
2285
2286 .mail-conv-delete-wrapper {
2287         float: right;
2288         margin-right: 5px;
2289         margin-top: 15px;
2290 }
2291 .mail-conv-break {
2292         clear: both;
2293 }
2294
2295 .mail-conv-delete-icon {
2296         border: none;
2297 }
2298
2299 .message-links ul {
2300         list-style-type: none;
2301         padding: 0px;
2302 }
2303
2304 .message-links li {
2305         margin-top: 10px;
2306         float: left;
2307 }
2308 .message-links a {
2309         padding: 3px 5px;
2310 }
2311
2312 .message-links-end {
2313         clear: both;
2314 }
2315
2316 #sidebar-group-list ul {
2317         list-style-type: none;
2318 }
2319
2320 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
2321         display: inline-block;
2322         height: 12px;
2323         width: 12px;
2324 }
2325
2326 #sidebar-group-list li {
2327         margin-top: 10px;
2328 }
2329
2330 .nets-ul, .fileas-ul, .categories-ul {
2331         list-style-type: none;
2332 }
2333
2334 .nets-ul li, .fileas-ul li, .categories-ul li {
2335         margin-top: 10px;
2336 }
2337
2338 .nets-link {
2339         margin-left: 24px;
2340 }
2341 .nets-all {
2342         margin-left: 42px;
2343 }
2344
2345 .fileas-link, .categories-link {
2346         margin-left: 24px;
2347 }
2348
2349 .fileas-all, .categories-all {
2350         margin-left: 0px;
2351 }
2352
2353 #search-save {
2354         margin-left: 5px;
2355 }
2356 .groupsideedit {
2357         margin-right: 10px;
2358 }
2359 #saved-search-ul {
2360         list-style-type: none;
2361 }
2362 .savedsearchdrop, .savedsearchterm {
2363         float: left;
2364         margin-top: 10px;
2365 }
2366 .savedsearchterm {
2367         margin-left: 10px;
2368 }
2369
2370
2371 #side-follow-wrapper {
2372         margin-top: 20px;
2373 }
2374 #side-follow-url, #side-peoplefind-url {
2375         margin-top: 5px;
2376 }
2377 #side-follow-submit, #side-peoplefind-submit {
2378         margin-top: 15px;
2379 }
2380
2381 #side-match-link {
2382         margin-top: 10px;
2383 }
2384
2385 aside input[type='text'] {
2386  width: 174px;
2387 }
2388
2389 .widget {
2390         border: 1px solid #DDDDDD;
2391         padding: 1em 2em;
2392         margin-top: 5px;
2393         -moz-border-radius:5px;
2394         -webkit-border-radius:5px;
2395         border-radius:5px;
2396
2397 }
2398
2399
2400 /*.photos {
2401         height: auto;
2402         overflow: auto;
2403 }*/
2404
2405 .photos-end {
2406         clear: both;
2407         margin-bottom: 25px;
2408 }
2409
2410 .photo-album-image-wrapper {
2411         float: left;
2412         margin-top: 15px;
2413         margin-right: 15px;
2414         margin-left: 15px;
2415 /*      width: 200px; height: 200px;
2416         overflow: hidden;
2417         position: relative; */
2418 }
2419 .photo-album-image-wrapper .caption {
2420         display: none;
2421         width: 100%;
2422 /*      position: absolute; */
2423         bottom: 0px;
2424         padding: 0.5em 0.5em 0px 0.5em;
2425         background-color: rgba(245, 245, 255, 0.8);
2426         border-bottom: 2px solid #CCC;
2427         margin: 0px;
2428 }
2429 .photo-album-image-wrapper a:hover .caption {
2430         display:block;
2431 }
2432
2433 #photo-album-end {
2434         clear: both;
2435         margin-bottom: 25px;
2436 }
2437
2438 .photo-top-image-wrapper {
2439 /*      position: relative;
2440         float: left;*/
2441         display: inline-block;
2442         vertical-align: top;
2443         margin-top: 15px;
2444         margin-right: 15px;
2445         margin-left: 15px;
2446         margin-bottom: 15px;
2447 /*      width: 200px; height: 200px;
2448         overflow: hidden; */
2449 }
2450 .photo-album-image-wrapper img, .photo-top-image-wrapper img {
2451         max-width: 225px;
2452         padding: 5px;
2453
2454         box-shadow: 0 0 10px #000;
2455         -moz-box-shadow: 0 0 10px #000;
2456         -webkit-box-shadow: 0 0 10px #000;
2457 }
2458 .photo-top-album-name {
2459         width: 100%;
2460         min-height: 2em;
2461 /*      position: absolute;  */
2462         bottom: 0px;
2463         padding: 0px 3px;
2464         padding-top: 0.5em;
2465         background-color: rgb(255, 255, 255);
2466 }
2467 #photo-top-end {
2468         clear: both;
2469 }
2470
2471 #photo-top-links {
2472         margin-bottom: 30px;
2473         margin-left: 30px;
2474 }
2475
2476 #photos-upload-form {
2477         padding-left: 90px;
2478 }
2479
2480 #photos-upload-newalbum-div {
2481         float: left;
2482         width: 175px;
2483         margin-top: 30px;
2484 }
2485
2486 #photos-upload-noshare {
2487         margin-bottom: 10px;
2488 }
2489 #photos-upload-existing-album-text {
2490         float: left;
2491         width: 175px;
2492 }
2493 #photos-upload-newalbum {
2494         margin-top: 30px;
2495         float: left;
2496 }
2497 #photos-upload-album-select {
2498         float: left;
2499 }
2500
2501 #photos-upload-spacer {
2502         margin-top: 25px;
2503 }
2504 #photos-upload-new-end, #photos-upload-exist-end {
2505         clear: both;
2506 }
2507 #photos-upload-exist-end {
2508         margin-bottom: 15px;
2509 }
2510 #photos-upload-submit {
2511         margin-top: 15px;
2512         margin-left: 90px;
2513 }
2514
2515 #photos_upload_applet_wrapper {
2516         margin-bottom: 15px;
2517 }
2518
2519 #photos-upload-no-java-message {
2520         margin-bottom: 15px;
2521 }
2522
2523 .video-top-wrapper {
2524         display: inline-block;
2525         vertical-align: top;
2526         margin-top: 15px;
2527         margin-right: 15px;
2528         margin-left: 15px;
2529         margin-bottom: 15px;
2530 }
2531
2532 #profile-jot-desc {
2533         /*float: left;*/
2534         /*width: 480px;*/
2535         width: 100%;
2536         color: #FF0000;
2537         margin-top: 10px;
2538         margin-bottom: 10px;
2539 }
2540
2541 #character-counter {
2542         float: right;
2543         font-size: 120%;
2544 }
2545
2546 #character-counter.grey {
2547         color: #888888;
2548 }
2549
2550 #character-counter.orange {
2551         color: orange;
2552 }
2553 #character-counter.red {
2554         color: red;
2555 }
2556
2557 #profile-jot-banner-end {
2558         /* clear: both; */
2559 }
2560
2561 #photos-upload-select-files-text {
2562         margin-top: 15px;
2563         margin-bottom: 15px;
2564 }
2565
2566 #photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
2567         color: #8888FF;
2568         text-decoration: none;
2569         cursor: pointer;
2570 }
2571
2572 #photos-upload-perms-menu:hover {
2573         color: #0000FF;
2574         text-decoration: underline;
2575         cursor: pointer;
2576 }
2577 #settings-default-perms-menu {
2578         margin-top: 15px;
2579         margin-bottom: 15px;
2580 }
2581
2582 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {
2583         float: left;
2584         width: 150px;
2585 }
2586
2587 #photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
2588         font-weight: 700;
2589 }
2590
2591 #photos-upload-choosefile-outer-wrapper {
2592         margin-top: 35px;
2593         padding-left: 50px;
2594         margin-bottom: 4em;
2595 }
2596 #photos-upload-noshare-div {
2597         margin-top: 0px;
2598         margin-bottom: 15px;
2599 }
2600
2601 #photos-upload-noshare-label {
2602         margin-left: 30px;
2603 }
2604
2605 #photos-upload-noshare {
2606         float: left;
2607         margin-left: 5px;
2608 }
2609
2610 .photo-perms-icon {
2611         float: left;
2612 }
2613
2614 #photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {
2615         text-decoration: none;
2616 }
2617
2618 .photo-jot-perms-text {
2619         padding-top: 5px;
2620         padding-left: 25px;
2621 }
2622
2623 #photo-edit-perms, #photos-upload-perms, #settings-default-perms {
2624         margin-top: 30px;
2625 }
2626 #photos-upload-perms {
2627         margin-top: 15px;
2628         margin-left: 5px;
2629 }
2630
2631 #photo-edit-perms-end {
2632         margin-bottom: 15px;
2633 }
2634
2635 #photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
2636         float: left;
2637         margin-bottom: 25px;
2638 }
2639 .photo-edit-rotate {
2640         margin-left: 20px;
2641 }
2642
2643 #photo-edit-link-wrap {
2644         margin-bottom: 15px;
2645 }
2646 #photo-like-div {
2647         margin-left: 15px;
2648         margin-bottom: 45px;
2649 }
2650
2651 #photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
2652         clear: both;
2653 }
2654
2655 #photo-edit-rotate-end {
2656         margin-bottom: 15px;
2657 }
2658
2659 #photo-edit-delete-button {
2660 /*      margin-left: 270px;*/
2661         float: right;
2662 }
2663 #photos-upload-choose {
2664 /*      position: absolute;
2665         top: 0px;
2666         left: 55px;*/
2667 }
2668 .settings-submit, .profile-edit-submit-button {
2669         margin-bottom: 10px;
2670 }
2671
2672 #photo-edit-end {
2673         margin-bottom: 35px;
2674 }
2675 #photo-caption {
2676         font-size: 110%;
2677         font-weight: bold;
2678         margin-top: 15px;
2679         margin-bottom: 15px;
2680 }
2681
2682 #in-this-photo-text {
2683         color: #0000FF;
2684         margin-left: 30px;
2685 }
2686
2687 #in-this-photo {
2688         margin-left: 60px;
2689         margin-top: 10px;
2690         margin-bottom: 20px;
2691 }
2692
2693 #photo-album-edit-submit, #photo-album-edit-drop {
2694         margin-top: 15px;
2695         margin-bottom: 15px;
2696 }
2697
2698 #photo-album-edit-drop {
2699         margin-left: 200px;
2700 }
2701
2702 .group-delete-wrapper {
2703         float: right;
2704         margin-right: 50px;
2705 }
2706
2707 #install-dbhost-label,
2708 #install-dbuser-label,
2709 #install-dbpass-label,
2710 #install-dbdata-label,
2711 #install-tz-desc {
2712        float: left;
2713        width: 250px;
2714        margin-top: 10px;
2715        margin-bottom: 10px;
2716
2717 }
2718
2719 #install-dbhost,
2720 #install-dbuser,
2721 #install-dbpass,
2722 #install-dbdata {
2723        float: left;
2724        width: 200px;
2725        margin-left: 20px;
2726 }
2727
2728 #install-dbhost-end,
2729 #install-dbuser-end,
2730 #install-dbpass-end,
2731 #install-dbdata-end,
2732 #install-tz-end {
2733        clear: both;
2734 }
2735
2736 #install-form select#timezone_select {
2737        float: left;
2738        margin-top: 18px;
2739        margin-left: 20px;
2740 }
2741
2742 #dfrn-request-networks {
2743         margin-bottom: 30px;
2744 }
2745
2746 #pause {
2747   position: fixed;
2748   bottom: 5px;
2749   right: 5px;
2750 }
2751
2752 .sparkle {
2753         cursor: url('lock.cur'), pointer;
2754 /*      cursor: pointer !important; */
2755 }
2756
2757 .contact-block-div {
2758         float: left;
2759         width: 52px;
2760         height: 52px;
2761 }
2762 .contact-block-textdiv {
2763         float: left;
2764         width: 150px;
2765         height: 34px;
2766 }
2767
2768 #contact-block-end {
2769         clear: both;
2770 }
2771 .contact-block-link {
2772         float: left;
2773 }
2774 .contact-block-img {
2775         width:48px;
2776         height:48px;
2777 }
2778
2779 #tag-remove {
2780         margin-bottom: 15px;
2781 }
2782
2783 #tagrm li {
2784         margin-bottom: 10px;
2785 }
2786
2787 #tagrm-submit, #tagrm-cancel {
2788         margin-top: 25px;
2789 }
2790
2791 #tagrm-cancel {
2792         margin-left: 15px;
2793 }
2794
2795 .wall-item-conv {
2796         margin-top: 5px;
2797         margin-bottom: 25px;
2798 }
2799
2800 #search-submit {
2801         margin-left: 15px;
2802 }
2803
2804 #search-box {
2805         margin-bottom: 25px;
2806 }
2807
2808 .location-label, .gender-label, .marital-label, .homepage-label {
2809         float: left;
2810         text-align: right;
2811         display: block;
2812         width: 65px;
2813 }
2814
2815 .adr, .x-gender, .marital-text, .homepage-url {
2816         float: left;
2817         display: block;
2818         margin-left: 8px;
2819 }
2820
2821 .profile-clear {
2822         clear: both;
2823 }
2824
2825
2826 .clear {
2827         clear: both;
2828 }
2829
2830 .cc-license {
2831         margin-top: 50px;
2832         font-size: 70%;
2833 }
2834
2835
2836 #plugin-settings-link, #account-settings-link {
2837         margin-bottom: 10px;
2838 }
2839
2840 #uexport-link {
2841         margin-bottom: 20px;
2842 }
2843
2844 /* end from default */
2845
2846
2847 .fn {
2848         padding: 0px 0px 5px 12px;
2849         font-size: 120%;
2850         font-weight: bold;
2851 }
2852
2853 .vcard .title {
2854         margin-bottom: 5px;
2855         margin-left: 12px;
2856 }
2857
2858 .vcard dl {
2859         clear: both;
2860 }
2861
2862 #birthday-title {
2863         float: left;
2864         font-weight: bold;
2865 }
2866
2867 #birthday-adjust {
2868         float: left;
2869         font-size: 75%;
2870         margin-left: 10px;
2871 }
2872
2873 #birthday-title-end {
2874         clear: both;
2875 }
2876
2877 .birthday-list {
2878         margin-left: 15px;
2879 }
2880
2881 #birthday-wrapper {
2882         margin-bottom: 20px;
2883 }
2884
2885 #network-new-link {
2886         margin-top: 15px;
2887         margin-bottom: 15px;
2888 }
2889
2890
2891 .tool-wrapper {
2892   float: left;
2893   margin-left: 15px;
2894 }
2895
2896 .tool-link {
2897   cursor: pointer;
2898 }
2899
2900 .eventcal {
2901         float: left;
2902         font-size: 20px;
2903 }
2904
2905 #event-summary-text {
2906         margin-top: 15px;
2907 }
2908
2909 #event-share-checkbox {
2910         float: left;
2911         margin-top: 10px;
2912 }
2913
2914 #event-share-text {
2915 /*      float: left;*/
2916         margin-top: 10px;
2917         margin-left: 5px;
2918 }
2919
2920 #event-share-break {
2921         clear: both;
2922         margin-bottom: 10px;
2923 }
2924
2925 #event-summary {
2926         width: 400px;
2927 }
2928
2929 .vevent {
2930         border: 1px solid #CCCCCC;
2931 }
2932
2933 .vevent .event-summary {
2934         margin-left: 10px;
2935         margin-right: 10px;
2936         font-weight: bold;
2937 }
2938
2939 .vevent .event-description, .vevent .event-location {
2940         margin-left: 10px;
2941         margin-right: 10px;
2942 }
2943 .vevent .event-start {
2944         margin-left: 10px;
2945         margin-right: 10px;
2946 }
2947
2948 #new-event-link {
2949         margin-bottom: 10px;
2950 }
2951
2952 .edit-event-link, .plink-event-link {
2953         float: left;
2954         margin-top: 4px;
2955         margin-right: 4px;
2956         margin-bottom: 15px;
2957 }
2958
2959 .event-description:before {
2960         content: url('../../../images/calendar.png');
2961         margin-right: 15px;
2962 }
2963
2964 .event-start, .event-end {
2965         margin-left: 10px;
2966         width: 330px;
2967         clear: both;
2968 }
2969
2970 .event-start .dtstart, .event-end .dtend {
2971         float: right;
2972 }
2973
2974 .event-list-date {
2975         margin-bottom: 10px;
2976 }
2977
2978 .prevcal, .nextcal {
2979         float: left;
2980         margin-left: 32px;
2981         margin-right: 32px;
2982         margin-top: 64px;
2983 }
2984 .event-calendar-end {
2985         clear: both;
2986 }
2987
2988
2989 .calendar {
2990         font-family: Courier, monospace;
2991 }
2992 .today {
2993         font-weight: bold;
2994         color: #FF0000;
2995 }
2996
2997 .settings-block {
2998         border: 1px solid #AAA;
2999         margin: 10px;
3000         padding: 10px;
3001 }
3002
3003 .app-title {
3004         margin: 10px;
3005 }
3006
3007 #identity-manage-desc {
3008         margin-top:15px;
3009         margin-bottom: 15px;
3010 }
3011
3012 #identity-manage-choose {
3013         margin-bottom: 15px;
3014 }
3015
3016 #identity-submit {
3017         margin-top: 20px;
3018 }
3019
3020 #photo-prev-link, #photo-next-link {
3021         padding: 10px;
3022 }
3023 #photo-nav {
3024         position: relative;
3025         height: 55px;
3026 }
3027
3028 #photo-prev-link {
3029         position: absolute;
3030         left: 5px;
3031 }
3032 #photo-next-link {
3033         position: absolute;
3034         right: 5px;
3035 }
3036
3037 /*#photo-photo {
3038         float: left;
3039 }*/
3040 #photo-photo {
3041         display: block;
3042         margin-left: auto;
3043         margin-right: auto;
3044         margin-bottom: 2em;
3045         text-align: center;
3046 }
3047 #photo-photo img {
3048 /*      max-width: 555px;
3049         margin-left: 5px;*/
3050         max-width: 100%;
3051 }
3052 #photo-photo-end {
3053         clear: both;
3054 }
3055
3056 .profile-match-photo {
3057         float: left;
3058         text-align: center;
3059         width: 120px;
3060 }
3061
3062 .profile-match-name {
3063         float: left;
3064         text-align: center;
3065         width: 120px;
3066         overflow: hidden;
3067 }
3068
3069 .profile-match-break,
3070 .profile-match-end {
3071         clear: both;
3072 }
3073
3074 .profile-match-connect {
3075         text-align: center;
3076         font-weight: bold;
3077 }
3078
3079 .profile-match-wrapper {
3080         display: inline-block;
3081         padding: 10px;
3082         /*width: 120px;
3083         height: 120px;*/
3084         scroll: auto;
3085         margin-bottom: 2em;
3086         vertical-align: top;
3087 }
3088 .profile-match-wrapper .icon.drophide {
3089         margin-left: auto;
3090         margin-right: auto;
3091         margin-top: 1em;
3092 }
3093 #profile-match-wrapper-end {
3094         clear: both;
3095 }
3096 .side-link {
3097         margin-bottom: 15px;
3098 }
3099
3100 #language-selector {
3101         position: absolute;
3102         top: 0px;
3103         left: 16px;
3104 }
3105
3106 #group-members {
3107         margin-top: 20px;
3108         padding: 10px;
3109         height: 250px;
3110         overflow: auto;
3111         border: 1px solid #ddd;
3112 }
3113
3114 #group-members-end {
3115         clear: both;
3116 }
3117
3118 #group-separator {
3119         margin-top: 10px;
3120         margin-bottom: 10px;
3121 }
3122
3123 #group-all-contacts {
3124         padding: 10px;
3125         height: 450px;
3126         overflow: auto;
3127         border: 1px solid #ddd;
3128 }
3129
3130 #group-all-contacts-end {
3131         clear: both;
3132         margin-bottom: 10px;
3133 }
3134
3135 #group-edit-desc {
3136         margin-top: 15px;
3137 }
3138
3139
3140 #prof-members {
3141         margin-top: 20px;
3142         padding: 10px;
3143         height: 250px;
3144         overflow: auto;
3145         border: 1px solid #ddd;
3146 }
3147
3148 #prof-members-end {
3149         clear: both;
3150 }
3151
3152 #prof-separator {
3153         margin-top: 10px;
3154         margin-bottom: 10px;
3155 }
3156
3157 #prof-all-contacts {
3158         padding: 10px;
3159         height: 450px;
3160         overflow: auto;
3161         border: 1px solid #ddd;
3162 }
3163
3164 #prof-all-contacts-end {
3165         clear: both;
3166         margin-bottom: 10px;
3167 }
3168
3169 #prof-edit-desc {
3170         margin-top: 15px;
3171 }
3172
3173 #crepair-name-label,
3174 #crepair-nick-label,
3175 #crepair-attag-label,
3176 #crepair-url-label,
3177 #crepair-request-label,
3178 #crepair-confirm-label,
3179 #crepair-notify-label,
3180 #crepair-photo-label,
3181 #crepair-poll-label {
3182         float: left;
3183         width: 200px;
3184         margin-bottom: 15px;
3185 }
3186
3187 #crepair-name,
3188 #crepair-nick,
3189 #crepair-attag,
3190 #crepair-url,
3191 #crepair-request,
3192 #crepair-confirm,
3193 #crepair-notify,
3194 #crepair-photo,
3195 #crepair-poll {
3196         float: left;
3197         width: 300px;
3198 }
3199
3200
3201 #netsearch-box {
3202         margin-top: 20px;
3203 }
3204
3205 #netsearch-box #search-submit {
3206         margin: 5px 0px 0px 0px;
3207 }
3208
3209 .required {
3210         color: #FF0000;
3211 }
3212
3213 #event-start-text, #event-finish-text {
3214         margin-top: 10px;
3215         margin-bottom: 5px;
3216 }
3217
3218 #event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
3219         float: left;
3220 }
3221 #event-datetime-break {
3222         margin-bottom: 10px;
3223 }
3224
3225 #event-nofinish-break, #event-adjust-break {
3226         clear: both;
3227 }
3228
3229 #event-desc-text, #event-location-text {
3230         margin-top: 10px;
3231         margin-bottom: 5px;
3232 }
3233 #event-submit {
3234         margin-top: 10px;
3235 }
3236
3237 .filesavetags, .categorytags {
3238         display: block;
3239         clear: left;
3240 }
3241
3242 .body-tag, .filesavetags, .categorytags {
3243         opacity: 0.5;
3244         filter:alpha(opacity=50);
3245 }
3246
3247 .body-tag:hover, .filesavetags:hover, .categorytags:hover {
3248         opacity: 1.0 !important;
3249         filter:alpha(opacity=100) !important;
3250 }
3251
3252 .item-select {
3253         opacity: 0.1;
3254         filter:alpha(opacity=10);
3255         float: right;
3256         margin-right: 10px;
3257
3258 }
3259 .item-select:hover, .checkeditem {
3260         opacity: 1;
3261         filter:alpha(opacity=100);
3262 }
3263
3264
3265 #item-delete-selected-top {
3266         margin-top: 30px;
3267         padding-bottom: 1.5em;
3268 }
3269 #item-delete-selected-top-icon, #item-delete-selected-top-desc {
3270         float: left;
3271         margin-right: 5px;
3272 }
3273 #item-delete-selected-top-desc:hover {
3274         text-decoration: underline;
3275 }
3276
3277 #item-delete-selected {
3278         margin-top: 0px;
3279 }
3280
3281 #item-delete-selected-end {
3282         clear: both;
3283 }
3284 #item-delete-selected-icon, #item-delete-selected-desc {
3285         float: left;
3286         margin-right: 5px;
3287 }
3288 #item-delete-selected-desc:hover {
3289         text-decoration: underline;
3290 }
3291
3292 #lang-select-icon {
3293         cursor: pointer;
3294         position: absolute;
3295         left: 0px;
3296         top: 0px;
3297         opacity: 0.2;
3298         filter:alpha(opacity=20);
3299 }
3300
3301 #lang-select-icon:hover {
3302         opacity: 1;
3303         filter:alpha(opacity=100);
3304 }
3305
3306 .notif-image {
3307         height: 80px;
3308         width: 80px;
3309         margin-right: 15px;
3310 }
3311 .notification-listing-end {
3312         clear: both;
3313         margin-bottom: 15px;
3314 }
3315
3316
3317
3318 /**
3319  * Plugins settings
3320  */
3321
3322 .settings-block > h3,
3323 .settings-heading {
3324         border-bottom: 1px solid #babdb6;
3325 }
3326
3327
3328 /**
3329  * Form fields
3330  */
3331 .field {
3332         margin-bottom: 10px;
3333         padding-bottom: 10px;
3334         overflow: auto;
3335         width: 100%
3336 }
3337 #wrapper_expire.field {
3338         margin-bottom: 3px;
3339         padding-bottom: 3px;
3340 }
3341
3342 .field label {
3343         float: left;
3344         width: 200px;
3345 }
3346 .field.yesno label {
3347         font-weight: 700;
3348 }
3349
3350 .field input,
3351 .field textarea {
3352         width: 400px;
3353 }
3354 .field input[type=checkbox],
3355 .field input[type=radio] {
3356         width: auto;
3357 }
3358 .field textarea { height: 100px; }
3359 .field_help {
3360         display: block;
3361         margin-left: 50px;
3362         color: #666666;
3363         clear: left;
3364 }
3365
3366 .field .onoff {
3367         float: left;
3368         width: 80px;
3369 }
3370 .field .onoff a {
3371         display: block;
3372         border:1px solid #666666;
3373         background-image:url("../../../images/onoff.jpg");
3374         background-repeat: no-repeat;
3375         padding: 4px 2px 2px 2px;
3376         height: 16px;
3377         text-decoration: none;
3378 }
3379 .field .onoff .off {
3380         border-color:#666666;
3381         padding-left: 40px;
3382         background-position: left center;
3383         background-color: #cccccc;
3384         color: #666666;
3385         text-align: right;
3386 }
3387 .field .onoff .on {
3388         border-color:#204A87;
3389         padding-right: 40px;
3390         background-position: right center;
3391         background-color: #D7E3F1;
3392         color: #204A87;
3393         text-align: left;
3394 }
3395 .hidden { display: none!important; }
3396
3397 /*.field.radio .field_help { clear: left; margin-left: 20px; }*/
3398 .field.radio .field_help { margin-left: 0px; }
3399
3400 /**
3401  * ADMIN
3402  */
3403 #pending-update {
3404         float:right;
3405         color: #ffffff;
3406         font-weight: bold;
3407         background-color: #FF0000;
3408         padding: 0em 0.3em;
3409
3410 }
3411 #adminpage dl {
3412         clear: left;
3413         margin-bottom: 2px;
3414         padding-bottom: 2px;
3415         border-bottom: 1px solid black;
3416 }
3417 #adminpage dt {
3418         width: 200px;
3419         float: left;
3420         font-weight: bold;
3421 }
3422 #adminpage dd {
3423         margin-left: 200px;
3424 }
3425
3426 #adminpage h3 {
3427         border-bottom: 1px solid #cccccc;
3428 }
3429 #adminpage .field label {
3430         font-weight: bold;
3431 }
3432 #adminpage .submit {
3433         clear:left;
3434         text-align: right;
3435 }
3436
3437 #adminpage #pluginslist {
3438         margin: 0px; padding: 0px;
3439 }
3440 #adminpage .plugin {
3441         list-style: none;
3442         display: block;
3443         border: 1px solid #888888;
3444         padding: 1em;
3445         margin-bottom: 5px;
3446         clear: left;
3447 }
3448 #adminpage .plugin .desc { margin-left: 2.5em;}
3449 #adminpage .toggleplugin {
3450         float:left;
3451         margin-right: 1em;
3452 }
3453
3454 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
3455 #adminpage table th { text-align: left;}
3456 #adminpage td .icon, #adminpage td .tool { float: left;}
3457 #adminpage table#users img { width: 16px; height: 16px; }
3458 #adminpage table tr:hover { background-color: #bbc7d7; }
3459 #adminpage .selectall { text-align: right; }
3460
3461 #adminpage .screenshot img {
3462         max-width: 550px;
3463 }
3464
3465 /*
3466  * UPDATE
3467  */
3468 .popup {
3469         width: 100%; height: 100%;
3470         top:0px; left:0px;
3471         position: absolute;
3472         display: none;
3473 }
3474
3475 .popup .background {
3476         background-color: rgba(0,0,0,128);
3477         opacity: 0.5;
3478         width: 100%; height: 100%;
3479         position: absolute;
3480         top:0px; left:0px;
3481 }
3482 .popup .panel {
3483         top:25%;left:25%;width:50%;height:50%;
3484         padding: 1em;
3485         position: absolute;
3486         border: 4px solid #000000;
3487         background-color: #FFFFFF;
3488 }
3489 .popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
3490 .popup .panel .panel_in { width: 100%; height: 100%;    position: relative; }
3491 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
3492 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
3493 .panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
3494
3495 /**
3496  * OAuth
3497  */
3498 .oauthapp {
3499         height: auto; overflow: auto;
3500         border-bottom: 2px solid #cccccc;
3501         padding-bottom: 1em;
3502         margin-bottom: 1em;
3503 }
3504 .oauthapp img {
3505         float: left;
3506         width: 48px; height: 48px;
3507         margin: 10px;
3508 }
3509 .oauthapp img.noicon {
3510         background-image: url("../../../images/icons/48/plugin.png");
3511         background-position: center center;
3512         background-repeat: no-repeat;
3513 }
3514 .oauthapp a {
3515         float: left;
3516 }
3517
3518 /**
3519  * ICONS
3520  */
3521 .iconspacer {
3522         display: block; width: 16px; height: 16px;
3523 }
3524
3525 .icon {
3526         display: block; width: 16px; height: 16px;
3527         background-image: url('../../../images/icons.png');
3528 }
3529 .article { background-position: 0px 0px;}
3530 /*.audio { background-position: -16px 0px;}*/
3531 .icon.audio {
3532         display: block; width: 24px; height: 24px;
3533         background-size: 100% 100%;
3534         background-image: url('images/speaker.png');
3535         background-repeat: no-repeat;
3536 }
3537 .block { background-position: -32px 0px;}
3538 /*.drop { background-position: -48px 0px;}*/
3539 .icon.drop {
3540         display: block; width: 16px; height: 16px;
3541         background-size: 100% 100%;
3542         background-image: url('images/drop-16.png');
3543         background-repeat: no-repeat;
3544         opacity: 1.0;
3545 }
3546 /*.drophide { background-position: -64px 0px;}*/
3547 .icon.drophide {
3548         display: block; width: 16px; height: 16px;
3549         background-size: 100% 100%;
3550         background-image: url('images/drop-16.png');
3551         background-repeat: no-repeat;
3552         opacity: 0.4;
3553 }
3554 .icon.drophide:hover {
3555         display: block; width: 16px; height: 16px;
3556         background-size: 100% 100%;
3557         background-image: url('images/drop-16.png');
3558         background-repeat: no-repeat;
3559         opacity: 1.0;
3560 }
3561 .edit { background-position: -80px 0px;}
3562 /*.camera { background-position: -96px 0px;}*/
3563 .icon.camera{
3564         display: block; width: 24px; height: 18px;
3565         margin-top: 4px;
3566         background-size: 100% 100%;
3567         background-image: url('images/camera.png');
3568         background-repeat: no-repeat;
3569 }
3570 /*.dislike { background-position: -112px 0px;}*/
3571 .tool.dislike {
3572         display: block; width: 15px; height: 16px;/* 23 24*/
3573         background-size: 100% 100%;
3574         background-image: url('images/disapprove-16.png');
3575         background-repeat: no-repeat;
3576         opacity: 0.4;
3577 }
3578 .tool.dislike:hover {
3579         opacity: 1.0;
3580 }
3581 /*.like { background-position: -128px 0px;}*/
3582 .tool.like {
3583         display: block; width: 15px; height: 16px;/* 23 24*/
3584         margin-right: 6px;
3585         background-size: 100% 100%;
3586         background-image: url('images/approve-16.png');
3587         background-repeat: no-repeat;
3588         opacity: 0.4;
3589 }
3590 .tool.like:hover {
3591         opacity: 1.0;
3592 }
3593 /*.link { background-position: -144px 0px;}*/
3594 .icon.link {
3595         display: block; width: 24px; height: 24px;
3596         background-size: 100% 100%;
3597         background-image: url('images/link.png');
3598         background-repeat: no-repeat;
3599 }
3600
3601 /*.globe { background-position: 0px -16px;}*/
3602 .icon.globe {
3603         display: block; width: 24px; height: 24px;
3604         background-size: 100% 100%;
3605         background-image: url('images/globe.png');
3606         background-repeat: no-repeat;
3607 }
3608 /*.noglobe { background-position: -16px -16px;}*/
3609 .icon.noglobe {
3610         display: block; width: 24px; height: 24px;
3611         background-size: 100% 100%;
3612         background-image: url('images/noglobe.png');
3613         background-repeat: no-repeat;
3614 }
3615 .no { background-position: -32px -16px;}
3616 .pause { background-position: -48px -16px;}
3617 .play { background-position: -64px -16px;}
3618 /*.pencil { background-position: -80px -16px;}*/
3619 .tool.pencil {
3620         display: block; width: 16px; height: 16px;
3621         background-size: 100% 100%;
3622         background-image: url('images/pencil-16.png');
3623         background-repeat: no-repeat;
3624         opacity: 0.4;
3625 }
3626 .tool.pencil:hover {
3627         opacity: 1.0;
3628 }
3629 /*.small-pencil { background-position: -96px -16px;}*/
3630 .icon.small-pencil {
3631         display: block; width: 16px; height: 16px;
3632         background-size: 100% 100%;
3633         background-image: url('images/pencil-16.png');
3634         background-repeat: no-repeat;
3635         opacity: 0.4;
3636 }
3637 .icon.small-pencil:hover {
3638         opacity: 1.0;
3639 }
3640 /*.recycle { background-position: -112px -16px;}*/
3641 .tool.recycle {
3642         display: block; width: 16px; height: 16px;/*24 23*/
3643         background-size: 100% 100%;
3644         background-image: url('images/recycle-16.png');
3645         background-repeat: no-repeat;
3646         opacity: 0.4;
3647 }
3648 .tool.recycle:hover {
3649         opacity: 1.0;
3650 }
3651 /*.remote-link { background-position: -128px -16px;}*/
3652 .icon.remote-link {
3653         display: block; width: 16px; height: 16px;
3654         background-size: 100% 100%;
3655         background-image: url('images/remote-link-16.png');
3656         background-repeat: no-repeat;
3657         opacity: 0.4;
3658 }
3659 .icon.remote-link:hover {
3660         opacity: 1.0;
3661 }
3662 .share { background-position: -144px -16px;}
3663
3664 .tools { background-position: 0px -32px;}
3665 /*.lock { background-position: -16px -32px;}*/
3666 .icon.lock {
3667         display: block; width: 14px; height: 21px;
3668         margin-top: 1px;
3669         background-size: 100% 100%;
3670         background-image: url('images/lock-24.png');
3671         background-repeat: no-repeat;
3672 }
3673 /*.unlock { background-position: -32px -32px;}*/
3674 .icon.unlock {
3675         display: block; width: 14px; height: 24px;
3676         margin-top: -2px;
3677         background-size: 100% 100%;
3678         background-image: url('images/unlock-24.png');
3679         background-repeat: no-repeat;
3680 }
3681 /*.video { background-position: -48px -32px;}*/
3682 .icon.video {
3683         display: block; width: 24px; height: 24px;
3684         background-size: 100% 100%;
3685         background-image: url('images/video.png');
3686         background-repeat: no-repeat;
3687 }
3688 /*.oembed.video {
3689         display: inline; width: auto; height: auto;
3690         background-image: none;
3691 }*/
3692
3693 .youtube { background-position: -64px -32px;}
3694 /*.attach { background-position: -80px -32px; }*/
3695 .icon.attach {
3696         display: block; width: 24px; height: 24px;
3697         background-size: 100% 100%;
3698         background-image: url('images/paperclip-24.png');
3699         background-repeat: no-repeat;
3700 }
3701
3702 .language { background-position: -96px -32px; }
3703 .prev { background-position: -112px -32px; }
3704 .next { background-position: -128px -32px; }
3705 .on { background-position: -144px -32px; }
3706
3707 .off { background-position: 0px -48px; }
3708 /*.starred { background-position: -16px -48px; }*/
3709 .tool.starred {
3710         display: block; width: 16px; height: 16px;
3711         background-size: 100% 100%;
3712         background-image: url('images/star-yellow-16.png');
3713         background-repeat: no-repeat;
3714 }
3715 /*.unstarred { background-position: -32px -48px; }*/
3716 .tool.unstarred {
3717         display: block; width: 16px; height: 16px;
3718         background-size: 100% 100%;
3719         background-image: url('images/star-16.png');
3720         background-repeat: no-repeat;
3721         opacity: 0.4;
3722 }
3723 .tool.unstarred:hover {
3724         opacity: 1.0;
3725 }
3726 /*.tagged { background-position: -48px -48px; }*/
3727 .tool.tagged {
3728         display: block; width: 16px; height: 16px;
3729         background-size: 100% 100%;
3730         background-image: url('images/tag-16.png');
3731         background-repeat: no-repeat;
3732         opacity: 0.4;
3733 }
3734 .tool.tagged:hover {
3735         opacity: 1.0;
3736 }
3737 .yellow { background-position: -64px -48px; }
3738
3739
3740 .filer-icon {
3741 /*      display: block; width: 16px; height: 16px;
3742         background-image: url('file.gif');*/
3743         display: block; width: 16px; height: 16px;
3744         background-size: 100% 100%;
3745         background-image: url('images/folder-16.png');
3746         background-repeat: no-repeat;
3747         opacity: 0.4;
3748 }
3749 .filer-icon:hover {
3750         opacity: 1.0;
3751 }
3752
3753 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
3754 /*[class^="comment-edit-bb"] {*/
3755 .comment-edit-bb {
3756         list-style: none;
3757         display: none;
3758         margin: 0px 0 -5px 60px;
3759         width: 75%;
3760 }
3761 .comment .comment-edit-bb {
3762         width: 300px;
3763         margin: 0px;
3764 }
3765 /*[class^="comment-edit-bb"] > li {*/
3766 .comment-edit-bb > li {
3767         display: inline-block;
3768         margin: 10px 10px 0 0;
3769         visibility: none;
3770 }
3771 /*[class^="comment-edit-bb-end"] {
3772         clear: both;
3773 }*/
3774 .editicon {
3775     display: inline-block;
3776 /*    background-image: url(bbedit.png);
3777         background-color: #fff;*/
3778         background-size: 100% 100%;
3779         background-repeat: no-repeat;
3780         background-color: #f3f3f3;
3781     text-decoration: none;
3782         opacity: 0.4;
3783 }
3784 .editicon:hover {
3785 /*      background-color: #ccc;*/
3786         opacity: 1.0;
3787 }
3788 .boldbb {
3789 /*      background-position: 0px 0px;*/
3790     width: 15px;
3791     height: 16px;
3792         background-image: url('images/boldB-serif-16.png');
3793 }
3794 /*.boldbb:hover {
3795         background-position: 0px -16px;
3796 }*/
3797 .italicbb {
3798 /*      background-position: -16px 0px;*/
3799     width: 9px;
3800     height: 16px;
3801         background-image: url('images/italicI-serif-16.png');
3802 }
3803 /*.italicbb:hover {
3804         background-position: -16px -16px;
3805 }*/
3806 .underlinebb {
3807 /*      background-position: -32px 0px;*/
3808     width: 14px;
3809     height: 16px;
3810         background-image: url('images/underlineU-serif-16.png');
3811 }
3812 /*.underlinebb:hover {
3813         background-position: -32px -16px;
3814 }*/
3815 .quotebb {
3816 /*      background-position: -48px 0px;*/
3817     width: 20px;
3818     height: 20px;
3819         background-image: url('images/quote.png');
3820 }
3821 /*.quotebb:hover {
3822         background-position: -48px -16px;
3823 }*/
3824 .codebb {
3825 /*      background-position: -64px 0px;*/
3826     width: 20px;
3827     height: 20px;
3828         background-image: url('images/code.png');
3829 }
3830 /*.codebb:hover {
3831         background-position: -64px -16px;
3832 }*/
3833 .imagebb {
3834 /*      background-position: -80px 0px;*/
3835     width: 20px;/*16*/
3836     height: 15px;/*12*/
3837         margin-bottom: 2px;
3838         background-image: url('images/camera.png');
3839 }
3840 /*.imagebb:hover {
3841         background-position: -80px -16px;
3842 }*/
3843 .urlbb {
3844 /*      background-position: -96px 0px;*/
3845         width: 20px;
3846         height: 20px;
3847         background-image: url('images/link.png');
3848 }
3849 /*.urlbb:hover {
3850         background-position: -96px -16px;
3851 }*/
3852 .videobb {
3853 /*      background-position: -112px 0px;*/
3854         width: 20px;
3855         height: 20px;
3856         background-image: url('images/video.png');
3857 }
3858 /*.videobb:hover {
3859         background-position: -112px -16px;
3860 }*/
3861
3862 .attachtype {
3863         display: block;
3864         float: left;
3865         background-size: 100% 100%;
3866         width: 48px;
3867         height: 48px;
3868         background-image: url('images/oxygen/unknown.png');
3869 }
3870
3871 .body-attach {
3872         margin-top: 10px;
3873 }
3874
3875 /*.type-video { background-position: 0px 0px; }
3876 .type-image { background-position: -20px 0px; }
3877 .type-audio { background-position: -40px 0px; }
3878 .type-text  { background-position: -60px 0px; }
3879 .type-unkn  { background-position: -80px 0px; }*/
3880 .type-video {
3881         background-image: url('images/oxygen/video-x-generic.png');
3882         background-size: 100% 100%;
3883         width: 48px;
3884         height: 48px;
3885 }
3886 .type-image {
3887         background-image: url('images/oxygen/image-x-generic.png');
3888         background-size: 100% 100%;
3889         width: 48px;
3890         height: 48px;
3891 }
3892 .type-audio {   background-image: url('images/oxygen/audio-x-generic.png');
3893         background-size: 100% 100%;
3894         width: 48px;
3895         height: 48px;
3896 }
3897
3898 .type-text  {
3899         background-image: url('images/oxygen/text-x-generic-2.png');
3900         background-size: 100% 100%;
3901         width: 48px;
3902         height: 48px;
3903 }
3904 .subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document  {
3905         background-image: url('images/oxygen/application-msword.png');
3906         background-size: 100% 100%;
3907         width: 48px;
3908         height: 48px;
3909 }
3910 .subtype-pdf  {
3911         background-image: url('images/oxygen/application-pdf.png');
3912         background-size: 100% 100%;
3913         width: 48px;
3914         height: 48px;
3915 }
3916 /*.type-unkn  {
3917         background-image: url('images/oxygen/unknown.png');
3918         background-size: 100% 100%;
3919         width: 48px;
3920         height: 48px;
3921 }*/
3922
3923
3924
3925 /* autocomplete popup */
3926 .acpopup {
3927         max-height:150px;
3928         background-color:#ffffff;
3929         overflow:auto;
3930         z-index:100000;
3931         border:1px solid #cccccc;
3932 }
3933 .acpopupitem {
3934         background-color:#ffffff; padding: 4px;
3935         clear:left;
3936 }
3937 .acpopupitem img {
3938         float: left;
3939         margin-right: 4px;
3940 }
3941
3942 .acpopupitem.selected {
3943         color: #FFFFFF; background: #3465A4;
3944 }
3945
3946 /* popup notifications */
3947 div.jGrowl div.notice {
3948   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
3949   color: #ffffff;
3950   padding-left: 58px;
3951 }
3952 div.jGrowl div.info {
3953   background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
3954   color: #ffffff;
3955   padding-left: 58px;
3956 }
3957 #jGrowl.top-right {
3958         top: 75px;
3959         right: 15px;
3960 }
3961 div.jGrowl-notification {
3962   border-radius: 7px;
3963 }
3964 .qcomment {
3965         border: 1px solid #EEE;
3966         padding: 3px;
3967         margin-top: 15px;
3968         margin-left: 25px;
3969         width: 125px;
3970         overflow-y: auto;
3971 }
3972
3973
3974 .qcomment option {
3975         width: 125px;
3976         overflow-x: hidden;
3977 }
3978
3979 .qcomment {
3980         opacity: 0.3;
3981         filter:alpha(opacity=30);
3982 }
3983 .qcomment:hover {
3984         opacity: 1.0;
3985         filter:alpha(opacity=100);
3986 }
3987
3988 /* notifications popup menu */
3989 .nav-notify {
3990         display: none;
3991         position: absolute;
3992         font-size: 10px;
3993         padding: 1px 3px;
3994         top: 0px;
3995         right: -10px;
3996         min-width: 15px;
3997         text-align: right;
3998 }
3999 .nav-notify.show {
4000         display: block;
4001 }
4002 ul#nav-network-notifications-popup {
4003         text-align: center;
4004         line-height: 18px;
4005
4006         border: 1px solid #AAAAAA;
4007         border-radius: 5px;
4008         -moz-border-radius: 5px;
4009         -webkit-border-radius: 5px;
4010
4011         -moz-box-shadow: 3px 3px 5px #555;
4012         -webkit-box-shadow: 3px 3px 5px #555;
4013         box-shadow: 3px 3px 5px #555;
4014
4015         background: #FFFFFF;
4016
4017         display: none;
4018         list-style: none;
4019
4020         width: 10em;
4021         position: absolute;
4022         margin: 0px;
4023         top: 15px;
4024         left: 55px;
4025         padding: 1em 0px;
4026
4027         z-index: 11000;
4028 }
4029 ul.notifications-menu-popup {
4030         position: absolute;
4031         display: none;
4032         width: 10em;
4033         margin: 0px;
4034         padding: 0px;
4035         list-style: none;
4036         z-index: 100000;
4037         right: 0px;
4038 }
4039 #nav-notifications-menu {
4040         width: 320px;
4041         max-height: 400px;
4042         overflow-y: scroll;overflow-style:scrollbar;
4043         background-color:#FFFFFF;
4044         -moz-border-radius: 5px;
4045         -webkit-border-radius: 5px;
4046         border-radius:5px;
4047         border: 1px solid #AAA;
4048         -moz-box-shadow: 3px 3px 5px #555;
4049         -webkit-box-shadow: 3px 3px 5px #555;
4050         box-shadow: 3px 3px 5px #555;
4051 }
4052 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
4053 #nav-notifications-menu img { float: left; margin-right: 5px; }
4054 #nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
4055 #nav-notifications-menu li {
4056         padding: 7px 0px 7px 10px;
4057         word-wrap:normal;
4058         border-bottom: 1px solid #000;
4059 }
4060
4061 #nav-notifications-menu li:hover {
4062
4063 }
4064
4065 #nav-notifications-menu a:hover {
4066         text-decoration: underline;
4067 }
4068
4069 .notif-item a {
4070         color: #000000;
4071 }
4072
4073 .notif-item a:hover {
4074         text-decoration: underline;
4075 }
4076
4077 .notif-image {
4078         width: 32px;
4079         height: 32px;
4080         padding: 7px 7px 0px 0px;
4081 }
4082
4083 .notify-seen {
4084         background: #DDDDDD;
4085 }
4086
4087 #id_term_label {
4088         width:75px;
4089 }
4090 #id_term {
4091         width:100px;
4092 }
4093
4094 #recip {
4095
4096 }
4097 .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; }
4098 .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; }
4099 .autocomplete .selected { background:#F0F0F0; }
4100 .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
4101
4102 #datebrowse-sidebar select {
4103         margin-left: 40px;
4104         width: 130px;
4105 }
4106
4107