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