view/theme/frost/style.css

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