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