view/style.css

   1
   2 a, a:visited {
   3         color: #4444FF;
   4         text-decoration: none;
   5 }
   6
   7 a:hover {
   8         color: #0000FF;
   9         text-decoration: underline;
  10 }
  11 img {
  12         border: none;
  13 }
  14
  15 body {
  16         background: #FEFEFE;
  17         color: #444444;
  18         font-family: "Lucida Grande", Tahoma, sans-serif;
  19         letter-spacing: 1px;
  20 /*      font-family: verdana, sans-serif; */
  21         font-size: 90%;
  22         margin-left: 10px;
  23 }
  24
  25 img.photo {
  26         border: 1px solid #AAAAAA;
  27         padding: 5px;
  28         background: #FFFFFF;
  29 }
  30
  31 aside {
  32         position: absolute;
  33         left: 0px;
  34         top: 60px;
  35         right: 250px;
  36         width: 250px;
  37         margin-left: 20px;
  38         margin-right: 0px;
  39         font-size: 0.9em;
  40 }
  41 section {
  42         position: absolute;
  43         left: 270px;
  44         top: 60px;
  45         margin-left: 20px;
  46         margin-right: 20px;
  47         right: 0px;
  48 }
  49 h1 {
  50         font-size: 1.6em;
  51 }
  52
  53 nav {
  54         position: absolute;
  55         top: 0px;
  56         height: 30px;
  57         left: 0px;
  58         right: 0px;
  59         margin-top: 20px;
  60 }
  61
  62 footer {
  63         position: absolute;
  64         left: 0px;
  65         right: 0px;
  66         bottom: 0px;
  67         margin: 20px 20px 20px 20px;
  68 }
  69 .fn {
  70         font-size: 1.4em;
  71         margin-bottom: 10px;
  72         line-height: 1.5;
  73 }
  74
  75 .powered {
  76         font-size: 0.6em;
  77 }
  78 .error-message {
  79         color: #FF0000;
  80         font-size: 1.1em;
  81         border: 1px solid #FF8888;
  82         background-color: #FFEEEE;
  83         padding: 10px;
  84 }
  85 .nav-link {
  86         float: right;
  87         margin-left: 0px;
  88         margin-right: 10px;
  89         padding: 3px;
  90         border: 1px solid #AAAAAA;
  91         background: #F4F4F4;
  92         font-size: 90%;
  93         font-weight: bold;
  94         -moz-box-shadow: 5px 5px 5px #888888;
  95         -webkit-box-shadow: 5px 5px 5px #888888;
  96         box-shadow: 5px 5px 5px #888888;
  97         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
  98         filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
  99 }
 100
 101
 102 .nav-ajax-left {
 103         margin-left: 1px;
 104         float: left;
 105         font-size: 0.6em;
 106         font-weight: bold;
 107         color: #FF0000;
 108 }
 109
 110 .nav-ajax-right {
 111         margin-left: 1px;
 112         float: right;
 113         font-size: 0.6em;
 114         font-weight: bold;
 115         color: #FF0000;
 116 }
 117
 118 .nav-commlink {
 119         float: left;
 120         margin-left: 10px;
 121         margin-right: 0px;
 122         padding: 3px;
 123         border: 1px solid #AAAAAA;
 124         background: #F4F4F4;
 125         font-size: 90%;
 126         font-weight: bold;
 127         text-decoration: none;
 128         -moz-box-shadow: 5px 5px 5px #888888;
 129         -webkit-box-shadow: 5px 5px 5px #888888;
 130         box-shadow: 5px 5px 5px #888888;
 131         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
 132         filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
 133
 134 }
 135 #nav-end {
 136         clear: both;
 137 }
 138
 139 .login-extra-links {
 140         font-size: 0.7em;
 141 }
 142
 143 #profile-extra-links {
 144         margin-top: 20px;
 145         margin-bottom: 20px;
 146         margin-left: 20px;
 147         margin-right: 20px;
 148 }
 149
 150 #label-register-name, #label-register-email, #label-register-nickname {
 151         float: left;
 152         width: 350px;
 153         margin-top: 10px;
 154 }
 155
 156 #register-name, #register-email, #register-nickname {
 157         float: left;
 158         margin-top: 10px;
 159         width: 150px;
 160 }
 161
 162 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end {
 163         clear: both;
 164 }
 165 #register-nickname-desc {
 166         margin-top: 30px;
 167         width: 650px;
 168 }
 169 #register-sitename {
 170         float: left;
 171         margin-top: 10px;
 172 }
 173
 174 #register-submit-button {
 175         margin-top: 50px;
 176         margin-left: 350px;
 177 }
 178
 179 #label-login-name, #label-login-password, #login-extra-filler {
 180         float: left;
 181         width: 150px;
 182         margin-bottom: 20px;
 183 }
 184
 185
 186 #login-name, #login-password {
 187         float: left;
 188         width: 150px;
 189 }
 190
 191 #register-link, #lost-password-link {
 192         float: left;
 193         font-size: 0.7em;
 194         margin-right: 15px;
 195 }
 196
 197 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 198         clear: both;
 199 }
 200
 201 #login-submit-button {
 202         margin-top: 10px;
 203         margin-left: 150px;
 204 }
 205
 206 input#dfrn-url {
 207         float: left;
 208         background: url(dfrn.gif) no-repeat;
 209         background-position: 2px center;
 210         font-size: 17px;
 211         padding-left: 21px;
 212         height: 21px;
 213         background-color: #FFFFFF;
 214         color: #000000;
 215         margin-bottom: 20px;
 216 }
 217
 218 #dfrn-url-label {
 219         float: left;
 220         width: 250px;
 221 }
 222
 223 #dfrn-request-url-end {
 224         clear: both;
 225 }
 226
 227 #knowyouyes, #knowyouno {
 228         float: left;
 229 }
 230
 231 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 232
 233         float: none;
 234 }
 235 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 236         float: left;
 237         width: 75px;
 238         margin-left: 50px;
 239         margin-bottom: 7px;
 240 }
 241 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 242         clear: both;
 243
 244 }
 245
 246 #dfrn-request-message-wrapper {
 247         margin-bottom: 50px;
 248 }
 249 #dfrn-request-submit-wrapper {
 250         clear: both;
 251         margin-left: 50px;
 252 }
 253
 254 #dfrn-request-info-wrapper {
 255         margin-left: 50px;
 256 }
 257
 258 #settings-nick-wrapper {
 259         margin-bottom: 30px;
 260 }
 261
 262 #settings-username-end, #settings-email-end, #settings-nick-end, #settings-timezone-end, #settings-password-end, #settings-confirm-end {
 263         margin-bottom: 5px;
 264         clear: both;
 265 }
 266
 267 #settings-username-label, #settings-email-label, #settings-nick-label, #settings-timezone-label, #settings-password-label, #settings-confirm-label {
 268         float: left;
 269         width: 200px;
 270 }
 271
 272 #settings-username, #settings-email, #settings-nick, #timezone-select, #settings-password, #settings-confirm {
 273         float: left;
 274         margin-bottom: 20px;
 275 }
 276
 277 #settings-nick-desc {
 278         width: 500px;
 279 }
 280
 281 #settings-nick {
 282         margin-bottom: 50px;
 283 }
 284
 285 #cropimage-wrapper, #cropimage-preview-wrapper {
 286         float: left;
 287         padding: 30px;
 288 }
 289
 290 #crop-image-form {
 291         margin-top: 30px;
 292         clear: both;
 293 }
 294
 295 .intro-fullname {
 296         font-size: 1.1em;
 297         font-weight: bold;
 298
 299 }
 300 .intro-desc {
 301         margin-bottom: 20px;
 302 }
 303
 304 .intro-note {
 305         padding: 10px;
 306 }
 307
 308 .intro-end {
 309         padding: 30px;
 310 }
 311
 312 .intro-approve-form, .intro-form {
 313         float: left;
 314 }
 315 .intro-submit-approve, .intro-submit-ignore {
 316         margin-right: 20px;
 317 }
 318 .intro-top {
 319         width: 500px;
 320         margin-bottom: 30px;
 321 }
 322 .intro-end {
 323         clear: both;
 324         margin-bottom: 30px;
 325 }
 326
 327 #profile-extra-links ul {
 328         list-style-type: none;
 329 }
 330
 331
 332 #profile-extra-links li {
 333         margin-top: 5px;
 334 }
 335
 336 #profile-edit-links ul {
 337         list-style-type: none;
 338 }
 339
 340 #profile-edit-links li {
 341         margin-top: 10px;
 342 }
 343
 344 .view-contact-wrapper {
 345         margin-top: 20px;
 346         float: left;
 347         margin-left: 20px;
 348         width: 180px;
 349 }
 350 #view-contact-end {
 351         clear: both;
 352 }
 353
 354
 355 #profile-edit-default-desc {
 356         color: #FF0000;
 357         border: 1px solid #FF8888;
 358         background-color: #FFEEEE;
 359         padding: 7px;
 360
 361
 362 }
 363 #profile-edit-clone-link-wrapper {
 364         float: left;
 365         margin-left: 50px;
 366         margin-bottom: 20px;
 367         width: 300px;
 368 }
 369
 370 #profile-edit-drop-link-wrapper {
 371         float: left;
 372
 373 }
 374
 375 #profile-edit-links-end {
 376         clear: both;
 377 }
 378 .profile-listing-photo {
 379         border: none;
 380 }
 381
 382 .profile-edit-submit-wrapper {
 383         margin-top: 20px;
 384         margin-bottom: 20px;
 385 }
 386
 387 #profile-edit-profile-name-label,
 388 #profile-edit-name-label,
 389 #profile-edit-gender-label,
 390 #profile-edit-dob-label,
 391 #profile-edit-address-label,
 392 #profile-edit-locality-label,
 393 #profile-edit-region-label,
 394 #profile-edit-postal-code-label,
 395 #profile-edit-country-name-label,
 396 #profile-edit-marital-label,
 397 #profile-edit-sexual-label,
 398 #profile-edit-politic-label,
 399 #profile-edit-religion-label,
 400 #profile-edit-homepage-label {
 401         float: left;
 402         width: 175px;
 403 }
 404
 405 #profile-edit-profile-name,
 406 #profile-edit-name,
 407 #gender-select,
 408 #profile-edit-dob,
 409 #profile-edit-address,
 410 #profile-edit-locality,
 411 #profile-edit-region,
 412 #profile-edit-postal-code,
 413 #profile-edit-country-name,
 414 #marital-select,
 415 #sexual-select,
 416 #profile-edit-politic,
 417 #profile-edit-religion,
 418 #profile-in-dir-yes,
 419 #profile-in-dir-no,
 420 #hide-friends-yes,
 421 #hide-friends-no {
 422         float: left;
 423         margin-bottom: 20px;
 424 }
 425
 426 #profile-in-dir-yes-label,
 427 #profile-in-dir-no-label,
 428 #hide-friends-yes-label,
 429 #hide-friends-no-label {
 430         margin-left: 125px;
 431         float: left;
 432         width: 50px;
 433 }
 434
 435 #profile-edit-homepage {
 436         float: left;
 437         margin-bottom: 35px;
 438 }
 439
 440 #profile-edit-profile-name-end,
 441 #profile-edit-name-end,
 442 #profile-edit-gender-end,
 443 #profile-edit-dob-end,
 444 #profile-edit-address-end,
 445 #profile-edit-locality-end,
 446 #profile-edit-region-end,
 447 #profile-edit-postal-code-end,
 448 #profile-edit-country-name-end,
 449 #profile-edit-marital-end,
 450 #profile-edit-sexual-end,
 451 #profile-edit-politic-end,
 452 #profile-edit-religion-end,
 453 #profile-edit-homepage-end,
 454 #profile-in-dir-break,
 455 #profile-in-dir-end,
 456 #hide-friends-break,
 457 #hide-friends-end {
 458         clear: both;
 459 }
 460
 461
 462
 463
 464
 465 #gender-select, #marital-select, #sexual-select {
 466         width: 220px;
 467 }
 468
 469 #profile-edit-profile-name-wrapper .required {
 470         color: #FF0000;
 471         float: left;
 472 }
 473
 474 #contacts-main {
 475         margin-bottom: 20px;
 476 }
 477
 478 .contact-entry-wrapper {
 479         float: left;
 480         width: 180px;
 481 }
 482
 483 .contact-entry-direction-icon {
 484         margin-top: 24px;
 485         margin-right: 2px;
 486 }
 487
 488 .contact-entry-photo img {
 489         border: none;
 490 }
 491 .contact-entry-photo-end {
 492         clear: both;
 493 }
 494 .contact-entry-name {
 495         float: left;
 496         margin-left: 30px;
 497 }
 498 .contact-entry-edit-links {
 499         margin-top: 6px;
 500         margin-left: 10px;
 501         width: 16px;
 502 }
 503 .contact-entry-nav-wrapper {
 504         float: left;
 505         margin-left: 10px;
 506 }
 507
 508 .contact-entry-edit-links img {
 509         border: none;
 510         margin-right: 15px;
 511 }
 512 .contact-entry-photo {
 513         float: left;
 514 }
 515 .contact-entry-end {
 516         clear: both;
 517 }
 518 /*
 519 .contact-entry-nav-end {
 520         clear: both;
 521 }
 522 */
 523 #contact-edit-end {
 524         clear: both;
 525 }
 526
 527 .wall-item-outside-wrapper {
 528         margin-top: 10px;
 529 }
 530
 531 .wall-item-outside-wrapper.comment {
 532         margin-left: 50px;
 533         background: #F7F7F7;
 534 }
 535
 536 .wall-item-photo-wrapper {
 537         margin-top: 10px;
 538         margin-left: 10px;
 539         margin-bottom: 10px;
 540         width: 100px;
 541         float: left;
 542 }
 543 .wall-item-arrowphoto-wrapper {
 544         margin-top: 40px;
 545         margin-right: 20px;
 546         float: left;
 547 }
 548 .wall-item-wrapper {
 549         margin-top: 30px;
 550         float: left;
 551 }
 552
 553 .wall-item-ago {
 554         color: #888888;
 555         font-size: 0.8em;
 556 }
 557
 558 .wall-item-delete-wrapper {
 559         float: right;
 560         margin-top: 20px;
 561         margin-right: 50px;
 562 }
 563
 564 .wall-item-delete-end {
 565         clear: both;
 566 }
 567
 568 .wall-item-delete-icon {
 569         border: none;
 570 }
 571
 572
 573 .wall-item-wrapper-end {
 574         clear: both;
 575 }
 576 .wall-item-name-link {
 577         font-weight: bold;
 578         text-decoration: none;
 579         color: #3172BD;
 580 }
 581 .wall-item-photo {
 582         border: none;
 583 }
 584 .wall-item-content {
 585         float: left;
 586         width: 450px;
 587         margin-left: 10px;
 588 }
 589
 590 .wall-item-title {
 591         float: left;
 592         font-weight: bold;
 593         width: 450px;
 594 }
 595
 596 .wall-item-body {
 597         float: left;
 598         width: 450px;
 599         margin-top: 30px;
 600 }
 601
 602 .comment-edit-wrapper {
 603         margin-top: 15px;
 604         margin-left: 100px;
 605 }
 606
 607 .comment-wwedit-wrapper {
 608         margin-top: 15px;
 609         margin-left: 250px;
 610 }
 611
 612
 613 #profile-jot-submit-wrapper {
 614         margin-top: 15px;
 615 }
 616
 617 #profile-jot-submit {
 618         float: left;
 619 }
 620 #profile-upload-wrapper {
 621         float: left;
 622         margin-left: 50px;
 623 }
 624
 625 #profile-rotator {
 626         float: left;
 627         margin-left: 50px;
 628 }
 629 #profile-link-wrapper {
 630         float: left;
 631         margin-left: 20px;
 632 }
 633
 634 #profile-jot-perms {
 635         float: left;
 636         margin-left: 250px;
 637 }
 638
 639 #profile-jot-perms-end {
 640         clear: both;
 641 }
 642
 643 #profile-jot-end {
 644         clear: both;
 645         margin-bottom: 30px;
 646 }
 647 #about-jot-submit-wrapper {
 648         margin-top: 15px;
 649 }
 650 #about-jot-end {
 651         margin-bottom: 30px;
 652 }
 653 #contacts-main {
 654         margin-bottom: 30px;
 655 }
 656
 657 #profile-listing-desc {
 658         margin-left: 30px;
 659 }
 660
 661 #profile-listing-new-link-wrapper {
 662         margin-left: 30px;
 663         margin-bottom: 30px;
 664 }
 665 .profile-listing-photo-wrapper {
 666         float: left;
 667 }
 668
 669 .profile-listing-edit-buttons-wrapper {
 670         clear: both;
 671 }
 672 .profile-listing-photo-edit-link {
 673         float: left;
 674         width: 125px;
 675 }
 676 .profile-listing-end {
 677         clear: both;
 678 }
 679 .profile-listing-edit-buttons-wrapper img{
 680         border: none;
 681         margin-right: 20px;
 682 }
 683 .profile-listing {
 684         margin-top: 25px;
 685 }
 686 .profile-listing-name {
 687         float: left;
 688         margin-left: 32px;
 689         margin-top: 10px;
 690         color: #3172BD;
 691         font-weight: bold;
 692         width: 200px;
 693
 694 }
 695 .fortune {
 696         margin-top: 50px;
 697         color: #4444FF;
 698         font-weight: bold;
 699         margin-bottom: 20px;
 700 }
 701
 702
 703 .directory-end {
 704         clear: both;
 705 }
 706 .directory-name {
 707         text-align: center;
 708 }
 709 .directory-photo {
 710         margin-left: 25px;
 711 }
 712 .directory-details {
 713         font-size: 0.7em;
 714         text-align: center;
 715         margin-left: 5px;
 716         margin-right: 5px;
 717 }
 718 .directory-item {
 719         float: left;
 720         width: 225px;
 721         height: 260px;
 722         overflow: auto;
 723 }
 724
 725 #directory-search-wrapper {
 726         margin-left: 350px;
 727         margin-right: 20px;
 728         margin-bottom: 50px;
 729 }
 730
 731 #directory-search-end {
 732 }
 733
 734 .directory-photo-img {
 735         border: none;
 736 }
 737
 738
 739 .pager {
 740   padding: 10px;
 741   text-align: center;
 742   font-size: 1.0em;
 743 }
 744
 745
 746 .pager_first,
 747 .pager_last,
 748 .pager_prev,
 749 .pager_next,
 750 .pager_n {
 751         border: 1px solid black;
 752         background: #EEE;
 753         padding: 4px;
 754 }
 755
 756 .pager_first a,
 757 .pager_last a,
 758 .pager_prev a,
 759 .pager_next a,
 760 .pager_n a {
 761         text-decoration: none;
 762 }
 763
 764 .pager_current {
 765   border: 1px solid black;
 766   background: #FFCCCC;
 767   padding: 4px;
 768 }
 769
 770
 771 #advanced-profile-name-wrapper,
 772 #advanced-profile-gender-wrapper,
 773 #advanced-profile-dob-wrapper,
 774 #advanced-profile-age-wrapper,
 775 #advanced-profile-marital-wrapper,
 776 #advanced-profile-sexual-wrapper,
 777 #advanced-profile-homepage-wrapper,
 778 #advanced-profile-politic-wrapper,
 779 #advanced-profile-religion-wrapper,
 780 #advanced-profile-about-wrapper,
 781 #advanced-profile-interest-wrapper,
 782 #advanced-profile-contact-wrapper,
 783 #advanced-profile-music-wrapper,
 784 #advanced-profile-book-wrapper,
 785 #advanced-profile-tv-wrapper,
 786 #advanced-profile-film-wrapper,
 787 #advanced-profile-romance-wrapper,
 788 #advanced-profile-work-wrapper,
 789 #advanced-profile-education-wrapper {
 790         margin-top: 20px;
 791 }
 792
 793 #advanced-profile-name-text,
 794 #advanced-profile-gender-text,
 795 #advanced-profile-dob-text,
 796 #advanced-profile-age-text,
 797 #advanced-profile-marital-text,
 798 #advanced-profile-sexual-text,
 799 #advanced-profile-homepage-text,
 800 #advanced-profile-politic-text,
 801 #advanced-profile-religion-text,
 802 #advanced-profile-about-text,
 803 #advanced-profile-interest-text,
 804 #advanced-profile-contact-text,
 805 #advanced-profile-music-text,
 806 #advanced-profile-book-text,
 807 #advanced-profile-tv-text,
 808 #advanced-profile-film-text,
 809 #advanced-profile-romance-text,
 810 #advanced-profile-work-text,
 811 #advanced-profile-education-text {
 812         width: 250px;
 813         float: left;
 814 }
 815
 816 #advanced-profile-name-end,
 817 #advanced-profile-gender-end,
 818 #advanced-profile-dob-end,
 819 #advanced-profile-age-end,
 820 #advanced-profile-marital-end,
 821 #advanced-profile-sexual-end,
 822 #advanced-profile-homepage-end,
 823 #advanced-profile-politic-end,
 824 #advanced-profile-religion-end {
 825         clear: both;
 826 }
 827
 828 #advanced-profile-about-end,
 829 #advanced-profile-interest-end,
 830 #advanced-profile-contact-end,
 831 #advanced-profile-music-end,
 832 #advanced-profile-book-end,
 833 #advanced-profile-tv-end,
 834 #advanced-profile-film-end,
 835 #advanced-profile-romance-end,
 836 #advanced-profile-work-end,
 837 #advanced-profile-education-end {
 838
 839
 840 }
 841
 842 #advanced-profile-name,
 843 #advanced-profile-gender,
 844 #advanced-profile-dob,
 845 #advanced-profile-age,
 846 #advanced-profile-marital,
 847 #advanced-profile-sexual,
 848 #advanced-profile-homepage,
 849 #advanced-profile-politic,
 850 #advanced-profile-religion {
 851         float: left;
 852
 853 }
 854
 855
 856 #advanced-profile-about,
 857 #advanced-profile-interest,
 858 #advanced-profile-contact,
 859 #advanced-profile-music,
 860 #advanced-profile-book,
 861 #advanced-profile-tv,
 862 #advanced-profile-film,
 863 #advanced-profile-romance,
 864 #advanced-profile-work,
 865 #advanced-profile-education {
 866         margin-top: 10px;
 867         margin-left: 50px;
 868         margin-right: 20px;
 869         padding: 10px;
 870         border: 1px solid #CCCCCC;
 871 }
 872
 873 #contact-edit-wrapper {
 874         margin-top: 50px;
 875 }
 876
 877 #contact-edit-banner-name {
 878         font-size: 1.4em;
 879         font-weight: bold;
 880         margin-left: 30px;
 881 }
 882
 883 #contact-edit-photo-wrapper {
 884         margin-bottom: 20px;
 885 }
 886 #contact-edit-links {
 887         float: left;
 888 }
 889 #contact-edit-links img {
 890         margin-left: 20px;
 891         border: none;
 892 }
 893
 894 #contact-drop-links {
 895         float: left;
 896 }
 897
 898 #contact-drop-links img {
 899         margin-left: 20px;
 900         border: none;
 901 }
 902
 903 #contact-edit-nav-end {
 904         clear: both;
 905 }
 906
 907 #contact-edit-direction-icon {
 908         float: left;
 909         margin-top: 70px;
 910         margin-right: 2px;
 911 }
 912
 913 #contact-edit-photo {
 914         float: left;
 915 }
 916
 917 #contact-edit-photo-end {
 918         clear: both;
 919 }
 920
 921 #contact-edit-photo-wrapper {
 922         float: left;
 923 }
 924
 925 #contact-edit-nav-wrapper {
 926         float: left;
 927 }
 928
 929 #contact-edit-end {
 930         clear: both;
 931 }
 932
 933 #contact-profile-selector {
 934         width: 175px;
 935         margin-left: 175px;
 936 }
 937
 938 #contact-reputation-selector {
 939         margin-left: 175px;
 940 }
 941
 942 #contact-edit-rating-text {
 943         margin-left: 175px;
 944 }
 945
 946 .contact-edit-submit {
 947         margin-top: 20px;
 948         margin-left: 50px;
 949 }
 950
 951 #block-message, #ignore-message {
 952         margin-top: 20px;
 953         width: 180px;
 954         color: #FF0000;
 955         font-size: 1.1em;
 956         border: 1px solid #FF8888;
 957         background-color: #FFEEEE;
 958         padding: 10px;
 959 }
 960
 961 .profile-tabs {
 962         float: left;
 963         padding: 3px;
 964         margin-top: 10px;
 965         margin-bottom: 10px;
 966         margin-right: 5px;
 967         border: 1px solid #AAAAAA;
 968         background: #F4F4F4;
 969         font-size: 0.8em;
 970         font-weight: bold;
 971         -moz-box-shadow: 5px 5px 5px #888888;
 972         -webkit-box-shadow: 5px 5px 5px #888888;
 973         box-shadow: 5px 5px 5px #888888;
 974         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
 975         filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
 976 }
 977
 978 #profile-tabs-end {
 979         clear: both;
 980 }
 981
 982 .comment-edit-text-empty {
 983         color: gray;
 984         height: 30px;
 985         width: 175px;
 986         overflow: auto;
 987         margin-bottom: 10px;
 988 }
 989
 990 .comment-edit-text-full {
 991         color: black;
 992         height: 150px;
 993         width: 350px;
 994         overflow: auto;
 995 }
 996
 997 #group-new-submit-wrapper {
 998         margin-top: 30px;
 999 }
1000
1001 #acl-allow-group-label,
1002 #acl-allow-contact-label,
1003 #acl-deny-group-label,
1004 #acl-deny-contact-label {
1005         display: block;
1006 }
1007
1008 #acl-permit-text,
1009 #acl-deny-text {
1010         margin-top: 10px;
1011 }
1012
1013 #acl-allow-group-label,
1014 #acl-allow-contact-label,
1015 #acl-deny-group-label,
1016 #acl-deny-contact-label {
1017         margin-top: 5px;
1018         margin-bottom: 5px;
1019 }
1020
1021
1022 #group_allow_wrapper,
1023 #group_deny_wrapper {
1024         float: left;
1025         width: 100px;
1026         margin-right: 10px;
1027 }
1028
1029 #contact_allow_wrapper,
1030 #contact_deny_wrapper {
1031         float: left;
1032         width: 150px;
1033         margin-right: 10px;
1034 }
1035
1036 #acl-allow-end,
1037 #acl-deny-end {
1038         clear: both;
1039 }
1040 #acl-permit-outer-wrapper,
1041 #acl-deny-outer-wrapper {
1042         padding: 10px;
1043         margin-top: 10px;
1044         border: 2px solid #BBBBBB;
1045         float: left;
1046 }
1047
1048 #acl-wrapper-end {
1049         clear: both;
1050 }
1051
1052 #group-edit-name-label {
1053         float: left;
1054         width: 175px;
1055         margin-top: 20px;
1056         margin-bottom: 20px;
1057 }
1058
1059 #group-edit-name {
1060         float: left;
1061         width: 225px;
1062         margin-top: 20px;
1063         margin-bottom: 20px;
1064 }
1065
1066 #group-edit-name-wrapper {
1067
1068
1069 }
1070
1071
1072 #group_members_select_label {
1073         display: block;
1074         float: left;
1075         width: 175px;
1076 }
1077
1078 .group_members_select {
1079         float: left;
1080         width: 230px;
1081         overflow: auto;
1082 }
1083
1084 #group_members_select_end {
1085         clear: both;
1086 }
1087 #group-edit-name-end {
1088         clear: both;
1089 }
1090
1091 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1092         margin-bottom: 10px;
1093         margin-top: 20px;
1094 }
1095
1096 #prvmail-submit {
1097         float: left;
1098         margin-top: 10px;
1099         margin-right: 30px;
1100 }
1101 #prvmail-upload-wrapper,
1102 #prvmail-link-wrapper,
1103 #prvmail-rotator-wrapper {
1104         float: left;
1105         margin-top: 10px;
1106         margin-right: 10px;
1107         width: 24px;
1108 }
1109
1110 #prvmail-end {
1111         clear: both;
1112 }
1113
1114 .mail-list-sender,
1115 .mail-list-detail {
1116         float: left;
1117 }
1118 .mail-list-detail {
1119         margin-left: 20px;
1120 }
1121
1122 .mail-list-subject {
1123         font-size: 1.1em;
1124         margin-top: 10px;
1125 }
1126
1127 .mail-list-outside-wrapper-end {
1128         clear: both;
1129 }
1130
1131 .mail-list-outside-wrapper {
1132         margin-top: 30px;
1133 }
1134
1135 .mail-list-delete-wrapper {
1136         float: right;
1137         margin-right: 30px;
1138         margin-top: 15px;
1139 }
1140
1141 .mail-list-delete-icon {
1142         border: none;
1143 }
1144
1145
1146
1147
1148
1149 .mail-conv-sender,
1150 .mail-conv-detail {
1151         float: left;
1152 }
1153 .mail-conv-detail {
1154         margin-left: 20px;
1155         width: 500px;
1156 }
1157
1158 .mail-conv-subject {
1159         font-size: 1.1em;
1160         margin-top: 10px;
1161 }
1162
1163 .mail-conv-outside-wrapper-end {
1164         clear: both;
1165 }
1166
1167 .mail-conv-outside-wrapper {
1168         margin-top: 30px;
1169 }
1170
1171 .mail-conv-delete-wrapper {
1172         float: right;
1173         margin-right: 30px;
1174         margin-top: 15px;
1175 }
1176
1177 .mail-conv-delete-icon {
1178         border: none;
1179 }
1180
1181 .message-links ul {
1182         list-style-type: none;
1183 }
1184
1185 .message-links li {
1186         margin-top: 10px;
1187 }
1188
1189 #sidebar-group-list ul {
1190         list-style-type: none;
1191 }
1192
1193 #sidebar-group-list li {
1194         margin-top: 10px;