view/theme/duepuntozero/style.css

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