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