view/theme/default/style.css

   1
   2 a, a:visited {
   3         color: #8888FF;
   4         text-decoration: none;
   5 }
   6
   7 a:hover {
   8         color: #0000FF;
   9         text-decoration: underline;
  10 }
  11
  12 .fakelink, .fakelink:visited {
  13         color: #8888FF;
  14         text-decoration: none;
  15         cursor: pointer;
  16         margin-top: 15px;
  17         margin-bottom: 15px;
  18 }
  19
  20 .fakelink:hover {
  21         color: #0000FF;
  22         text-decoration: underline;
  23         cursor: pointer;
  24 }
  25
  26
  27 img {
  28         border: none;
  29 }
  30
  31 #sysmsg {
  32         width: 600px;
  33 }
  34
  35 code {
  36         font-family: monospace;
  37         white-space: pre;
  38         display: block;
  39         overflow: auto;
  40         border: 1;
  41         background: #000000;
  42         color: #44FF44;
  43         padding: 10px;
  44         margin-top: 20px;
  45 }
  46
  47 blockquote:before {
  48         content: '>> ';
  49 }
  50
  51 body {
  52         background: #DDDDDD;
  53         color: #444444;
  54         font-family: "Lucida Grande", Tahoma, sans-serif;
  55         font-size: 90%;
  56         margin-left: 10px;
  57 }
  58
  59 img.photo {
  60         border: 1px solid #AAAAAA;
  61         padding: 5px;
  62         background: #FFFFFF;
  63 }
  64
  65 #logo {
  66         font-size: 300%;
  67         color: #A8A8A8;
  68         font-weight: bold;
  69         margin-left: 280px;
  70 }
  71 #page-footer {
  72         height: 20px;
  73 }
  74
  75 .heart {
  76         color: #FF0000;
  77         font-size: 120%;
  78 }
  79
  80 aside {
  81         position: absolute;
  82         left: 0px;
  83         top: 60px;
  84         right: 250px;
  85         width: 250px;
  86         margin-left: 20px;
  87         margin-right: 0px;
  88         font-size: 0.9em;
  89 }
  90 section {
  91         position: absolute;
  92         left: 270px;
  93         top: 60px;
  94         margin-left: 20px;
  95         margin-right: 20px;
  96         right: 0px;
  97 }
  98 h1 {
  99         font-size: 1.6em;
 100 }
 101
 102 nav {
 103         position: absolute;
 104         top: 0px;
 105         height: 30px;
 106         left: 0px;
 107         right: 0px;
 108         margin-top: 20px;
 109 }
 110
 111 footer {
 112         position: absolute;
 113         left: 0px;
 114         right: 0px;
 115         bottom: 0px;
 116         margin: 20px 20px 20px 20px;
 117 }
 118 .fn {
 119         font-size: 1.4em;
 120         margin-bottom: 10px;
 121         line-height: 1.5;
 122 }
 123
 124 .powered {
 125         font-size: 0.6em;
 126 }
 127 .error-message {
 128         color: #FF0000;
 129         font-size: 1.1em;
 130         border: 1px solid #FF8888;
 131         background-color: #FFEEEE;
 132         padding: 10px;
 133 }
 134
 135 .nav-link {
 136         float: right;
 137         margin-left: 0px;
 138         margin-right: 10px;
 139         padding: 3px;
 140         border: 1px solid #AAAAAA;
 141         background: #F4F4F4;
 142         font-size: 90%;
 143         font-weight: bold;
 144 }
 145
 146
 147 .nav-ajax-left {
 148         margin-left: 1px;
 149         float: left;
 150         font-size: 0.6em;
 151         font-weight: bold;
 152         color: #FF0000;
 153 }
 154
 155 .nav-ajax-right {
 156         margin-left: 1px;
 157         float: right;
 158         font-size: 0.6em;
 159         font-weight: bold;
 160         color: #FF0000;
 161 }
 162
 163 .nav-commlink {
 164         float: left;
 165         margin-left: 10px;
 166         margin-right: 0px;
 167         padding: 3px;
 168         border: 1px solid #AAAAAA;
 169         background: #F4F4F4;
 170         font-size: 90%;
 171         font-weight: bold;
 172         text-decoration: none;
 173 }
 174
 175 #nav-end {
 176         clear: both;
 177 }
 178
 179 .login-extra-links {
 180         font-size: 0.7em;
 181 }
 182
 183 #profile-extra-links {
 184         margin-top: 20px;
 185         margin-bottom: 20px;
 186         margin-left: 20px;
 187         margin-right: 20px;
 188 }
 189
 190 #label-register-name, #label-register-email, #label-register-nickname {
 191         float: left;
 192         width: 350px;
 193         margin-top: 10px;
 194 }
 195
 196 #register-name, #register-email, #register-nickname {
 197         float: left;
 198         margin-top: 10px;
 199         width: 150px;
 200 }
 201
 202 #register-name-end, #register-email-end, #register-nickname-end, #register-submit-end {
 203         clear: both;
 204 }
 205 #register-nickname-desc {
 206         margin-top: 30px;
 207         width: 650px;
 208 }
 209 #register-sitename {
 210         float: left;
 211         margin-top: 10px;
 212 }
 213
 214 #register-submit-button {
 215         margin-top: 50px;
 216         margin-left: 350px;
 217 }
 218
 219 #label-login-name, #label-login-password, #login-extra-filler {
 220         float: left;
 221         width: 150px;
 222         margin-bottom: 20px;
 223 }
 224
 225
 226 #login-name, #login-password {
 227         float: left;
 228         width: 150px;
 229 }
 230
 231 #register-link, #lost-password-link {
 232         float: left;
 233         font-size: 0.7em;
 234         margin-right: 15px;
 235 }
 236
 237 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
 238         clear: both;
 239 }
 240
 241 #login-submit-button {
 242         margin-top: 10px;
 243         margin-left: 150px;
 244 }
 245
 246 input#dfrn-url {
 247         float: left;
 248         background: url(dfrn.gif) no-repeat;
 249         background-position: 2px center;
 250         font-size: 17px;
 251         padding-left: 21px;
 252         height: 21px;
 253         background-color: #FFFFFF;
 254         color: #000000;
 255         margin-bottom: 20px;
 256 }
 257
 258 #dfrn-url-label {
 259         float: left;
 260         width: 250px;
 261 }
 262
 263 #dfrn-request-url-end {
 264         clear: both;
 265 }
 266
 267 #knowyouyes, #knowyouno {
 268         float: left;
 269 }
 270
 271 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
 272
 273         float: none;
 274 }
 275 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
 276         float: left;
 277         width: 75px;
 278         margin-left: 50px;
 279         margin-bottom: 7px;
 280 }
 281 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
 282         clear: both;
 283
 284 }
 285
 286 #dfrn-request-message-wrapper {
 287         margin-bottom: 50px;
 288 }
 289 #dfrn-request-submit-wrapper {
 290         clear: both;
 291         margin-left: 50px;
 292 }
 293
 294 #dfrn-request-info-wrapper {
 295         margin-left: 50px;
 296 }
 297
 298 #settings-nick-wrapper {
 299         margin-bottom: 30px;
 300 }
 301
 302 #settings-username-end,
 303 #settings-email-end,
 304 #settings-nick-end,
 305 #settings-defloc-end,
 306 #settings-timezone-end,
 307 #settings-theme-end,
 308 #settings-password-end,
 309 #settings-confirm-end,
 310 #notify1-end,
 311 #notify2-end,
 312 #notify3-end,
 313 #notify4-end,
 314 #notify5-end {
 315         margin-bottom: 5px;
 316         clear: both;
 317 }
 318
 319 #settings-username-label,
 320 #settings-email-label,
 321 #settings-nick-label,
 322 #settings-defloc-label,
 323 #settings-timezone-label,
 324 #settings-theme-label,
 325 #settings-password-label,
 326 #settings-confirm-label,
 327 #settings-label-notify1,
 328 #settings-label-notify2,
 329 #settings-label-notify3,
 330 #settings-label-notify4,
 331 #settings-label-notify5 {
 332         float: left;
 333         width: 200px;
 334 }
 335
 336 #settings-username,
 337 #settings-email,
 338 #settings-nick,
 339 #settings-defloc,
 340 #timezone-select,
 341 #theme-select,
 342 #settings-password,
 343 #settings-confirm,
 344 #notify1,
 345 #notify2,
 346 #notify3,
 347 #notify4,
 348 #notify5 {
 349         float: left;
 350         margin-bottom: 20px;
 351 }
 352
 353 #settings-theme-label,
 354 #settings-defloc-label {
 355         margin-top: 20px;
 356 }
 357
 358 #settings-defloc {
 359         margin-top: 20px;
 360 }
 361
 362 #theme-select {
 363         margin-top: 20px;
 364         width: 207px;
 365 }
 366 #settings-notify-desc {
 367         margin-top: 20px;
 368         margin-bottom: 20px;
 369 }
 370 #settings-nick-desc {
 371         width: 500px;
 372 }
 373
 374 #settings-nick {
 375         margin-bottom: 50px;
 376 }
 377
 378 #cropimage-wrapper, #cropimage-preview-wrapper {
 379         float: left;
 380         padding: 30px;
 381 }
 382
 383 #crop-image-form {
 384         margin-top: 30px;
 385         clear: both;
 386 }
 387
 388 .intro-fullname {
 389         font-size: 1.1em;
 390         font-weight: bold;
 391
 392 }
 393 .intro-desc {
 394         margin-bottom: 20px;
 395 }
 396
 397 .intro-note {
 398         padding: 10px;
 399 }
 400
 401 .intro-end {
 402         padding: 30px;
 403 }
 404
 405 .intro-form {
 406         float: left;
 407 }
 408 .intro-approve-form {
 409         clear: both;
 410 }
 411 .intro-approve-as-friend-end {
 412         clear: both;
 413 }
 414 .intro-submit-approve, .intro-submit-ignore {
 415         margin-right: 20px;
 416 }
 417 .intro-approve-as-friend-label, .intro-approve-as-fan-label {
 418         float: left;
 419         width: 100px;
 420         margin-left: 20px;
 421 }
 422 .intro-approve-as-friend, .intro-approve-as-fan {
 423         float: left;
 424 }
 425 .intro-form-end {
 426         clear: both;
 427 }
 428 .intro-approve-as-friend-desc {
 429         margin-top: 15px;
 430 }
 431 .intro-approve-as-end {
 432         clear: both;
 433         margin-bottom: 10px;
 434 }
 435
 436 .intro-end {
 437         clear: both;
 438         margin-bottom: 30px;
 439 }
 440
 441 #profile-extra-links ul {
 442         list-style-type: none;
 443 }
 444
 445
 446 #profile-extra-links li {
 447         margin-top: 5px;
 448 }
 449
 450 #profile-edit-links ul {
 451         list-style-type: none;
 452 }
 453
 454 #profile-edit-links li {
 455         margin-top: 10px;
 456 }
 457
 458 .view-contact-wrapper {
 459         margin-top: 20px;
 460         float: left;
 461         margin-left: 20px;
 462         width: 180px;
 463 }
 464 #view-contact-end {
 465         clear: both;
 466 }
 467 #profile-edit-default-desc {
 468         color: #FF0000;
 469         border: 1px solid #FF8888;
 470         background-color: #FFEEEE;
 471         padding: 7px;
 472 }
 473
 474 #profile-edit-clone-link-wrapper {
 475         float: left;
 476         margin-left: 50px;
 477         margin-bottom: 20px;
 478         width: 300px;
 479 }
 480
 481 #profile-edit-drop-link-wrapper {
 482         float: left;
 483 }
 484
 485 #profile-edit-links-end {
 486         clear: both;
 487 }
 488 .profile-listing-photo {
 489         border: none;
 490 }
 491
 492 .profile-edit-submit-wrapper {
 493         margin-top: 20px;
 494         margin-bottom: 20px;
 495 }
 496
 497 #profile-edit-profile-name-label,
 498 #profile-edit-name-label,
 499 #profile-edit-gender-label,
 500 #profile-edit-dob-label,
 501 #profile-edit-address-label,
 502 #profile-edit-locality-label,
 503 #profile-edit-region-label,
 504 #profile-edit-postal-code-label,
 505 #profile-edit-country-name-label,
 506 #profile-edit-marital-label,
 507 #profile-edit-sexual-label,
 508 #profile-edit-politic-label,
 509 #profile-edit-religion-label,
 510 #profile-edit-homepage-label {
 511         float: left;
 512         width: 175px;
 513 }
 514
 515 #profile-edit-profile-name,
 516 #profile-edit-name,
 517 #gender-select,
 518 #profile-edit-dob,
 519 #profile-edit-address,
 520 #profile-edit-locality,
 521 #profile-edit-region,
 522 #profile-edit-postal-code,
 523 #profile-edit-country-name,
 524 #marital-select,
 525 #sexual-select,
 526 #profile-edit-politic,
 527 #profile-edit-religion,
 528 #profile-in-dir-yes,
 529 #profile-in-dir-no,
 530 #profile-in-netdir-yes,
 531 #profile-in-netdir-no,
 532 #hide-friends-yes,
 533 #hide-friends-no {
 534         float: left;
 535         margin-bottom: 20px;
 536 }
 537
 538 #profile-in-dir-yes-label,
 539 #profile-in-dir-no-label,
 540 #profile-in-netdir-yes-label,
 541 #profile-in-netdir-no-label,
 542 #hide-friends-yes-label,
 543 #hide-friends-no-label {
 544         margin-left: 125px;
 545         float: left;
 546         width: 50px;
 547 }
 548
 549 #profile-edit-homepage {
 550         float: left;
 551         margin-bottom: 35px;
 552 }
 553
 554 #profile-edit-profile-name-end,
 555 #profile-edit-name-end,
 556 #profile-edit-gender-end,
 557 #profile-edit-dob-end,
 558 #profile-edit-address-end,
 559 #profile-edit-locality-end,
 560 #profile-edit-region-end,
 561 #profile-edit-postal-code-end,
 562 #profile-edit-country-name-end,
 563 #profile-edit-marital-end,
 564 #profile-edit-sexual-end,
 565 #profile-edit-politic-end,
 566 #profile-edit-religion-end,
 567 #profile-edit-homepage-end,
 568 #profile-in-dir-break,
 569 #profile-in-dir-end,
 570 #profile-in-netdir-break,
 571 #profile-in-netdir-end,
 572 #hide-friends-break,
 573 #hide-friends-end {
 574         clear: both;
 575 }
 576
 577
 578
 579
 580
 581 #gender-select, #marital-select, #sexual-select {
 582         width: 220px;
 583 }
 584
 585 #profile-edit-profile-name-wrapper .required {
 586         color: #FF0000;
 587         float: left;
 588 }
 589
 590 #contacts-main {
 591         margin-top: 20px;
 592         margin-bottom: 20px;
 593 }
 594
 595 .contact-entry-wrapper {
 596         float: left;
 597         width: 180px;
 598 }
 599
 600 .contact-entry-direction-icon {
 601         margin-top: 24px;
 602         margin-right: 2px;
 603 }
 604
 605 .contact-entry-photo img {
 606         border: none;
 607 }
 608 .contact-entry-photo-end {
 609         clear: both;
 610 }
 611 .contact-entry-name {
 612         float: left;
 613         margin-left: 30px;
 614 }
 615 .contact-entry-edit-links {
 616         margin-top: 6px;
 617         margin-left: 10px;
 618         width: 16px;
 619 }
 620 .contact-entry-nav-wrapper {
 621         float: left;
 622         margin-left: 10px;
 623 }
 624
 625 .contact-entry-edit-links img {
 626         border: none;
 627         margin-right: 15px;
 628 }
 629 .contact-entry-photo {
 630         float: left;
 631 }
 632 .contact-entry-end {
 633         clear: both;
 634 }
 635
 636 #contact-edit-end {
 637         clear: both;
 638 }
 639
 640 .wall-item-content-wrapper {
 641         margin-top: 10px;
 642 }
 643
 644 .wall-item-content-wrapper.comment {
 645         margin-left: 50px;
 646         background: #CCCCCC;
 647 }
 648
 649 .wall-item-photo-wrapper {
 650         margin-top: 10px;
 651         margin-left: 10px;
 652         margin-bottom: 10px;
 653         width: 100px;
 654         float: left;
 655 }
 656 .wall-item-arrowphoto-wrapper {
 657         margin-top: 40px;
 658         margin-right: 20px;
 659         float: left;
 660 }
 661 .wall-item-wrapper {
 662         margin-top: 30px;
 663         float: left;
 664 }
 665
 666 .wall-item-ago {
 667         color: #888888;
 668         font-size: 0.8em;
 669 }
 670
 671 .wall-item-like-buttons img {
 672         cursor: pointer;
 673 }
 674 .wall-item-delete-wrapper {
 675         float: right;
 676         margin-top: 20px;
 677         margin-right: 50px;
 678 }
 679
 680 .wall-item-delete-end {
 681         clear: both;
 682 }
 683
 684 .wall-item-delete-icon {
 685         border: none;
 686 }
 687
 688
 689 .wall-item-wrapper-end {
 690         clear: both;
 691 }
 692 .wall-item-name-link {
 693         font-weight: bold;
 694         text-decoration: none;
 695         color: #3172BD;
 696 }
 697 .wall-item-photo {
 698         border: none;
 699 }
 700 .wall-item-content {
 701         float: left;
 702         width: 450px;
 703         margin-left: 10px;
 704 }
 705
 706 .wall-item-title {
 707         float: left;
 708         font-weight: bold;
 709         width: 450px;
 710 }
 711
 712 .wall-item-body {
 713         float: left;
 714         width: 450px;
 715         margin-top: 30px;
 716 }
 717
 718 .comment-edit-wrapper {
 719         margin-top: 15px;
 720         background: #CCCCCC;
 721         margin-left: 50px;
 722 }
 723
 724 .comment-wwedit-wrapper {
 725         margin-top: 15px;
 726         background: #CCCCCC;
 727         margin-left: 250px;
 728 }
 729
 730 .comment-edit-photo {
 731         margin-top: 10px;
 732         margin-left: 10px;
 733         margin-bottom: 10px;
 734         width: 100px;
 735         float: left;
 736 }
 737 .comment-edit-text-empty, .comment-edit-text-full {
 738         float: left;
 739         margin-top: 40px;
 740 }
 741 .comment-edit-text-end {
 742         clear: both;
 743 }
 744
 745 .comment-edit-submit {
 746         margin-left: 110px;
 747         margin-top: 10px;
 748 }
 749
 750 #profile-jot-submit-wrapper {
 751         margin-top: 15px;
 752 }
 753
 754 #profile-jot-submit {
 755         float: left;
 756 }
 757 #profile-upload-wrapper {
 758         float: left;
 759         margin-left: 50px;
 760 }
 761
 762 #profile-rotator {
 763         float: left;
 764         margin-left: 50px;
 765 }
 766 #profile-link-wrapper {
 767         float: left;
 768         margin-left: 20px;
 769 }
 770 #profile-youtube-wrapper {
 771         float: left;
 772         margin-left: 20px;
 773 }
 774 #profile-location-wrapper {
 775         float: left;
 776         margin-left: 20px;
 777 }
 778
 779 #profile-jot-perms {
 780         float: left;
 781         margin-left: 200px;
 782         font-weight: bold;
 783         font-size: 1.2em;
 784 }
 785
 786 #profile-jot-perms-end {
 787         clear: both;
 788 }
 789
 790 #profile-jot-end {
 791         clear: both;
 792         margin-bottom: 30px;
 793 }
 794 #about-jot-submit-wrapper {
 795         margin-top: 15px;
 796 }
 797 #about-jot-end {
 798         margin-bottom: 30px;
 799 }
 800 #contacts-main {
 801         margin-bottom: 30px;
 802 }
 803
 804 #profile-listing-desc {
 805         margin-left: 30px;
 806 }
 807
 808 #profile-listing-new-link-wrapper {
 809         margin-left: 30px;
 810         margin-bottom: 30px;
 811 }
 812 .profile-listing-photo-wrapper {
 813         float: left;
 814 }
 815
 816 .profile-listing-edit-buttons-wrapper {
 817         clear: both;
 818 }
 819 .profile-listing-photo-edit-link {
 820         float: left;
 821         width: 125px;
 822 }
 823 .profile-listing-end {
 824         clear: both;
 825 }
 826 .profile-listing-edit-buttons-wrapper img{
 827         border: none;
 828         margin-right: 20px;
 829 }
 830 .profile-listing {
 831         margin-top: 25px;
 832 }
 833 .profile-listing-name {
 834         float: left;
 835         margin-left: 32px;
 836         margin-top: 10px;
 837         color: #3172BD;
 838         font-weight: bold;
 839         width: 200px;
 840
 841 }
 842 .fortune {
 843         margin-top: 50px;
 844         color: #4444FF;
 845         font-weight: bold;
 846         margin-bottom: 20px;
 847 }
 848
 849
 850 .directory-end {
 851         clear: both;
 852 }
 853 .directory-name {
 854         text-align: center;
 855 }
 856 .directory-photo {
 857         margin-left: 25px;
 858 }
 859 .directory-details {
 860         font-size: 0.7em;
 861         text-align: center;
 862         margin-left: 5px;
 863         margin-right: 5px;
 864 }
 865 .directory-item {
 866         float: left;
 867         width: 225px;
 868         height: 260px;
 869         overflow: auto;
 870 }
 871
 872 #directory-search-wrapper {
 873         margin-top: 20px;
 874         margin-right: 20px;
 875         margin-bottom: 50px;
 876 }
 877
 878 #directory-search-end {
 879 }
 880
 881 .directory-photo-img {
 882         border: none;
 883 }
 884
 885
 886 .pager {
 887   padding: 10px;
 888   text-align: center;
 889   font-size: 1.0em;
 890 }
 891
 892
 893 .pager_first,
 894 .pager_last,
 895 .pager_prev,
 896 .pager_next,
 897 .pager_n {
 898         border: 1px solid black;
 899         background: #EEE;
 900         padding: 4px;
 901 }
 902
 903 .pager_first a,
 904 .pager_last a,
 905 .pager_prev a,
 906 .pager_next a,
 907 .pager_n a {
 908         text-decoration: none;
 909 }
 910
 911 .pager_current {
 912   border: 1px solid black;
 913   background: #FFCCCC;
 914   padding: 4px;
 915 }
 916
 917
 918 #advanced-profile-name-wrapper,
 919 #advanced-profile-gender-wrapper,
 920 #advanced-profile-dob-wrapper,
 921 #advanced-profile-age-wrapper,
 922 #advanced-profile-marital-wrapper,
 923 #advanced-profile-sexual-wrapper,
 924 #advanced-profile-homepage-wrapper,
 925 #advanced-profile-politic-wrapper,
 926 #advanced-profile-religion-wrapper,
 927 #advanced-profile-about-wrapper,
 928 #advanced-profile-interest-wrapper,
 929 #advanced-profile-contact-wrapper,
 930 #advanced-profile-music-wrapper,
 931 #advanced-profile-book-wrapper,
 932 #advanced-profile-tv-wrapper,
 933 #advanced-profile-film-wrapper,
 934 #advanced-profile-romance-wrapper,
 935 #advanced-profile-work-wrapper,
 936 #advanced-profile-education-wrapper {
 937         margin-top: 20px;
 938 }
 939
 940 #advanced-profile-name-text,
 941 #advanced-profile-gender-text,
 942 #advanced-profile-dob-text,
 943 #advanced-profile-age-text,
 944 #advanced-profile-marital-text,
 945 #advanced-profile-sexual-text,
 946 #advanced-profile-homepage-text,
 947 #advanced-profile-politic-text,
 948 #advanced-profile-religion-text,
 949 #advanced-profile-about-text,
 950 #advanced-profile-interest-text,
 951 #advanced-profile-contact-text,
 952 #advanced-profile-music-text,
 953 #advanced-profile-book-text,
 954 #advanced-profile-tv-text,
 955 #advanced-profile-film-text,
 956 #advanced-profile-romance-text,
 957 #advanced-profile-work-text,
 958 #advanced-profile-education-text {
 959         width: 300px;
 960         float: left;
 961 }
 962
 963 #advanced-profile-name-end,
 964 #advanced-profile-gender-end,
 965 #advanced-profile-dob-end,
 966 #advanced-profile-age-end,
 967 #advanced-profile-marital-end,
 968 #advanced-profile-sexual-end,
 969 #advanced-profile-homepage-end,
 970 #advanced-profile-politic-end,
 971 #advanced-profile-religion-end {
 972         clear: both;
 973 }
 974
 975 #advanced-profile-about-end,
 976 #advanced-profile-interest-end,
 977 #advanced-profile-contact-end,
 978 #advanced-profile-music-end,
 979 #advanced-profile-book-end,
 980 #advanced-profile-tv-end,
 981 #advanced-profile-film-end,
 982 #advanced-profile-romance-end,
 983 #advanced-profile-work-end,
 984 #advanced-profile-education-end {
 985
 986
 987 }
 988
 989 #advanced-profile-name,
 990 #advanced-profile-gender,
 991 #advanced-profile-dob,
 992 #advanced-profile-age,
 993 #advanced-profile-marital,
 994 #advanced-profile-sexual,
 995 #advanced-profile-homepage,
 996 #advanced-profile-politic,
 997 #advanced-profile-religion {
 998         float: left;
 999
1000 }
1001
1002
1003 #advanced-profile-about,
1004 #advanced-profile-interest,
1005 #advanced-profile-contact,
1006 #advanced-profile-music,
1007 #advanced-profile-book,
1008 #advanced-profile-tv,
1009 #advanced-profile-film,
1010 #advanced-profile-romance,
1011 #advanced-profile-work,
1012 #advanced-profile-education {
1013         margin-top: 10px;
1014         margin-left: 50px;
1015         margin-right: 20px;
1016         padding: 10px;
1017         border: 1px solid #CCCCCC;
1018 }
1019
1020 #contact-edit-wrapper {
1021         margin-top: 50px;
1022 }
1023
1024 #contact-edit-banner-name {
1025         font-size: 1.4em;
1026         font-weight: bold;
1027         margin-left: 30px;
1028 }
1029
1030 #contact-edit-poll-wrapper {
1031         margin-left: 50px;
1032         margin-top: 30px;
1033 }
1034 #contact-edit-poll-text {
1035         margin-bottom: 10px;
1036 }
1037
1038 #contact-edit-photo-wrapper {
1039         margin-bottom: 20px;
1040 }
1041 #contact-edit-links {
1042         float: left;
1043 }
1044 #contact-edit-links img {
1045         margin-left: 20px;
1046         border: none;
1047 }
1048
1049 #contact-drop-links {
1050         float: left;
1051 }
1052
1053 #contact-drop-links img {
1054         margin-left: 20px;
1055         border: none;
1056 }
1057
1058 #contact-edit-nav-end {
1059         clear: both;
1060 }
1061
1062 #contact-edit-direction-icon {
1063         float: left;
1064         margin-top: 70px;
1065         margin-right: 2px;
1066 }
1067
1068 #contact-edit-photo {
1069         float: left;
1070 }
1071
1072 #contact-edit-photo-end {
1073         clear: both;
1074 }
1075
1076 #contact-edit-photo-wrapper {
1077         float: left;
1078 }
1079
1080 #contact-edit-nav-wrapper {
1081         float: left;
1082 }
1083
1084 #contact-edit-end {
1085         clear: both;
1086 }
1087
1088 #contact-profile-selector {
1089         width: 175px;
1090         margin-left: 175px;
1091 }
1092
1093 #contact-reputation-selector {
1094         margin-left: 175px;
1095 }
1096
1097 #contact-edit-rating-text {
1098         margin-left: 175px;
1099 }
1100
1101 .contact-edit-submit {
1102         margin-top: 20px;
1103         margin-left: 50px;
1104 }
1105
1106 #block-message, #ignore-message {
1107         margin-top: 20px;
1108         width: 180px;
1109         color: #FF0000;
1110         font-size: 1.1em;
1111         border: 1px solid #FF8888;
1112         background-color: #FFEEEE;
1113         padding: 10px;
1114 }
1115
1116 .profile-tabs {
1117         float: left;
1118         padding: 3px;
1119         margin-top: 10px;
1120         margin-bottom: 10px;
1121         margin-right: 5px;
1122         border: 1px solid #AAAAAA;
1123         background: #F4F4F4;
1124         font-size: 0.8em;
1125         font-weight: bold;
1126 }
1127
1128 #profile-tabs-end {
1129         clear: both;
1130 }
1131
1132 .comment-edit-text-empty {
1133         color: gray;
1134         height: 30px;
1135         width: 175px;
1136         overflow: auto;
1137         margin-bottom: 10px;
1138 }
1139
1140 .comment-edit-text-full {
1141         color: black;
1142         height: 150px;
1143         width: 350px;
1144         overflow: auto;
1145 }
1146
1147 #group-new-submit-wrapper {
1148         margin-top: 30px;
1149 }
1150
1151 #acl-allow-group-label,
1152 #acl-allow-contact-label,
1153 #acl-deny-group-label,
1154 #acl-deny-contact-label {
1155         display: block;
1156 }
1157
1158 #acl-permit-text,
1159 #acl-deny-text {
1160         margin-top: 10px;
1161 }
1162
1163 #acl-allow-group-label,
1164 #acl-allow-contact-label,
1165 #acl-deny-group-label,
1166 #acl-deny-contact-label {
1167         margin-top: 5px;
1168         margin-bottom: 5px;
1169 }
1170
1171
1172 #group_allow_wrapper,
1173 #group_deny_wrapper {
1174         float: left;
1175         width: 100px;
1176         margin-right: 10px;
1177 }
1178
1179 #contact_allow_wrapper,
1180 #contact_deny_wrapper {
1181         float: left;
1182         width: 150px;
1183         margin-right: 10px;
1184 }
1185
1186 #acl-allow-end,
1187 #acl-deny-end {
1188         clear: both;
1189 }
1190 #acl-permit-outer-wrapper,
1191 #acl-deny-outer-wrapper {
1192         padding: 10px;
1193         margin-top: 10px;
1194         border: 2px solid #BBBBBB;
1195         float: left;
1196 }
1197
1198 #acl-wrapper-end {
1199         clear: both;
1200 }
1201
1202 #group-edit-name-label {
1203         float: left;
1204         width: 175px;
1205         margin-top: 20px;
1206         margin-bottom: 20px;
1207 }
1208
1209 #group-edit-name {
1210         float: left;
1211         width: 225px;
1212         margin-top: 20px;
1213         margin-bottom: 20px;
1214 }
1215
1216 #group-edit-name-wrapper {
1217
1218
1219 }
1220
1221
1222 #group_members_select_label {
1223         display: block;
1224         float: left;
1225         width: 175px;
1226 }
1227
1228 .group_members_select {
1229         float: left;
1230         width: 230px;
1231         overflow: auto;
1232 }
1233
1234 #group_members_select_end {
1235         clear: both;
1236 }
1237 #group-edit-name-end {
1238         clear: both;
1239 }
1240
1241 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
1242         margin-bottom: 10px;
1243         margin-top: 20px;
1244 }
1245
1246 #prvmail-submit {
1247         float: left;
1248         margin-top: 10px;
1249         margin-right: 30px;
1250 }
1251 #prvmail-upload-wrapper,
1252 #prvmail-link-wrapper,
1253 #prvmail-rotator-wrapper {
1254         float: left;
1255         margin-top: 10px;
1256         margin-right: 10px;
1257         width: 24px;
1258 }
1259
1260 #prvmail-end {
1261         clear: both;
1262 }
1263
1264 .mail-list-sender,
1265 .mail-list-detail {
1266         float: left;
1267 }
1268 .mail-list-detail {
1269         margin-left: 20px;
1270 }
1271
1272 .mail-list-subject {
1273         font-size: 1.1em;
1274         margin-top: 10px;
1275 }
1276
1277 .mail-list-outside-wrapper-end {
1278         clear: both;
1279 }
1280
1281 .mail-list-outside-wrapper {
1282         margin-top: 30px;
1283 }
1284
1285 .mail-list-delete-wrapper {
1286         float: right;
1287         margin-right: 30px;
1288         margin-top: 15px;
1289 }
1290
1291 .mail-list-delete-icon {
1292         border: none;
1293 }
1294
1295
1296
1297
1298
1299 .mail-conv-sender,
1300 .mail-conv-detail {
1301         float: left;
1302 }
1303 .mail-conv-detail {
1304         margin-left: 20px;
1305         width: 500px;
1306 }
1307
1308 .mail-conv-subject {
1309         font-size: 1.1em;
1310         margin-top: 10px;
1311 }
1312
1313 .mail-conv-outside-wrapper-end {
1314         clear: both;
1315 }
1316
1317 .mail-conv-outside-wrapper {
1318         margin-top: 30px;
1319 }
1320
1321 .mail-conv-delete-wrapper {
1322         float: right;
1323         margin-right: 30px;
1324         margin-top: 15px;
1325 }
1326
1327 .mail-conv-delete-icon {
1328         border: none;
1329 }
1330
1331 .message-links ul {
1332         list-style-type: none;
1333 }
1334
1335 .message-links li {
1336         margin-top: 10px;
1337 }
1338
1339 #sidebar-group-list ul {
1340         list-style-type: none;
1341 }
1342
1343 #sidebar-group-list li {
1344         margin-top: 10px;
1345 }
1346
1347 .photo-album-image-wrapper {
1348         float: left;
1349         margin-top: 15px;
1350         height: 350px;
1351         width: 350px;
1352 }
1353
1354 #photo-album-end {
1355         clear: both;
1356 }
1357
1358 .photo-top-image-wrapper {
1359         float: left;
1360         margin-top: 15px;
1361         height: 350px;
1362         width: 350px;
1363 }
1364
1365 #photo-top-end {
1366         clear: both;
1367 }
1368
1369 #photo-top-links {
1370         margin-bottom: 30px;
1371         margin-left: 30px;
1372 }
1373
1374 #photos-upload-newalbum-div {
1375         float: left;
1376         width: 175px;
1377 }
1378 #photos-upload-existing-album-text {
1379         float: left;
1380         width: 175px;
1381 }
1382 #photos-upload-newalbum {
1383         float: left;
1384 }
1385 #photos-upload-album-select {
1386         float: left;
1387 }
1388 #photos-upload-new-end, #photos-upload-exist-end {
1389         clear: both;
1390 }
1391 #photos-upload-exist-end {
1392         margin-bottom: 15px;
1393 }
1394 #photos-upload-submit {
1395         margin-top: 15px;
1396 }
1397
1398 #photos_upload_applet_wrapper {
1399         margin-bottom: 15px;
1400 }
1401
1402 #photos-upload-no-java-message {
1403         margin-bottom: 15px;
1404 }
1405
1406 #profile-jot-desc {
1407         float: left;
1408         width: 480px;
1409         margin-top: 10px;
1410         margin-bottom: 10px;
1411 }
1412 #character-counter {
1413         float: left;
1414         font-size: 120%;
1415 }
1416
1417 #character-counter.grey {
1418         color: #888888;
1419 }
1420
1421 #character-counter.orange {
1422         color: orange;
1423 }
1424 #character-counter.red {
1425         color: red;
1426 }
1427
1428 #profile-jot-banner-end {
1429         clear: both;
1430 }
1431
1432 #photos-upload-select-files-text {
1433         margin-top: 15px;
1434         margin-bottom: 15px;
1435 }
1436
1437 #photos-upload-perms-menu, #photos-upload-perms-menu:visited {
1438         color: #8888FF;
1439         text-decoration: none;
1440         cursor: pointer;
1441 }
1442
1443 #photos-upload-perms-menu:hover {
1444         color: #0000FF;
1445         text-decoration: underline;
1446         cursor: pointer;
1447 }
1448 #settings-default-perms-menu, #settings-default-perms-menu:visited {
1449         color: #8888FF;
1450         text-decoration: none;
1451         cursor: pointer;
1452         margin-top: 15px;
1453         margin-bottom: 15px;
1454 }
1455
1456 #settings-default-perms-menu:hover {
1457         color: #0000FF;
1458         text-decoration: underline;
1459         cursor: pointer;
1460 }
1461
1462 #photo-edit-caption-label, #photo-edit-tags-label {
1463         float: left;
1464         width: 150px;
1465 }
1466 #photo-edit-caption, #photo-edit-tags-textarea {
1467         float: left;
1468         margin-bottom: 15px;
1469 }
1470
1471 #photo-edit-caption-end, #photo-edit-tags-end {
1472         clear: both;
1473 }
1474
1475 #photo-edit-delete-button {
1476         margin-left: 200px;
1477 }
1478 #photo-caption {
1479         font-size: 110%;
1480         font-weight: bold;
1481         margin-top: 15px;
1482         margin-bottom: 15px;
1483 }
1484
1485 #in-this-photo-text {
1486         color: #0000FF;
1487         margin-left: 30px;
1488 }
1489
1490 #in-this-photo {
1491         margin-left: 60px;
1492         margin-top: 10px;
1493         margin-bottom: 20px;
1494 }
1495
1496 #photo-album-edit-submit, #photo-album-edit-drop {
1497         margin-top: 15px;
1498         margin-bottom: 15px;
1499 }
1500
1501 #photo-album-edit-drop {
1502         margin-left: 200px;
1503 }
1504
1505 .group-delete-wrapper {
1506         float: right;
1507         margin-right: 50px;
1508 }
1509
1510 #install-dbhost-label,
1511 #install-dbuser-label,
1512 #install-dbpass-label,
1513 #install-dbdata-label,
1514 #install-tz-desc {
1515        float: left;
1516        width: 250px;
1517        margin-top: 10px;
1518        margin-bottom: 10px;
1519
1520 }
1521
1522 #install-dbhost,
1523 #install-dbuser,
1524 #install-dbpass,
1525 #install-dbdata {
1526        float: left;
1527        width: 200px;
1528        margin-left: 20px;
1529 }
1530
1531 #install-dbhost-end,
1532 #install-dbuser-end,
1533 #install-dbpass-end,
1534 #install-dbdata-end,
1535 #install-tz-end {
1536        clear: both;
1537 }
1538
1539 #install-form select#timezone_select {
1540        float: left;
1541        margin-top: 18px;
1542        margin-left: 20px;
1543 }