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