themes/xega/styles/default/vanilla.print.css

   1 * {
   2         -moz-outline: none;
   3 }
   4
   5 body {
   6         margin:0;
   7         padding:0;
   8         background:#fff;
   9         }
  10 body, div, table, td {
  11         font-family:'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;
  12         font-size:12px;
  13         color:#000;
  14         }
  15 a {
  16         color: #000;
  17         text-decoration: underline;
  18         cursor: pointer;
  19         }
  20
  21 /* Errors & Success */
  22 .ErrorContainer {
  23         background: #FFEDEF;
  24         border-top: 1px solid #FFC2CA;
  25         border-bottom: 1px solid #FFC2CA;
  26         padding: 10px !important;
  27         margin-bottom: 10px !important;
  28         }
  29 .ErrorTitle {
  30         font-weight: bold;
  31         color: #c00 !important;
  32         }
  33 .Error {
  34         color: #c00 !important;
  35         }
  36 .Success {
  37         border-top: 1px solid #99CC99;
  38         border-bottom: 1px solid #99CC99;
  39         background: #E2F9E3;
  40         color: #060 !important;
  41         display: block;
  42         padding: 6px !important;
  43         text-align: center;
  44         font-size: 13px;
  45         margin-bottom: 10px !important;
  46         }
  47
  48 /* Header.. */
  49
  50 #Header h1 {
  51         color:#000;
  52         font-size:22px;
  53         margin: 0 0 18px 0;
  54         }
  55 #Header h1 strong {
  56         color:#ffa500;
  57         }
  58
  59 /* Clear out unnecessary items */
  60 #Session,
  61 .PageList,
  62 .BannerContainer,
  63 .Timer,
  64 #Panel,
  65 #Header ul {
  66         display: none;
  67         }
  68
  69
  70 /* Content.. */
  71
  72 #Content {
  73         margin: 0;
  74         }
  75
  76 /* ContentInfo/Control/Whatever - Universal to Discussion Index & Comments */
  77
  78 .ContentInfo {
  79         text-align:right;
  80         }
  81
  82 #DiscussionsPage .ContentInfo.Bottom {
  83         margin-top:-6px;
  84         margin-bottom: 8px;
  85         }
  86 .ContentInfo * {
  87         font-size:14px;
  88         font-weight:bold;
  89         margin:0;
  90         padding:0;
  91         color: #000;
  92         text-decoration: none;
  93         }
  94 #CommentsPage .ContentInfo h1 {
  95         float:left;
  96         width:60%;
  97         overflow:hidden;
  98         white-space:nowrap;
  99         text-align:left;
 100         }
 101 html>body .ContentInfo h1 { width:80% !important; }
 102 #DiscussionsPage .ContentInfo h1 {
 103         float:none;
 104         text-align:left;
 105         }
 106 .PageInfo {
 107         border-top:1px solid #cccccc;
 108         border-bottom:1px solid #cccccc;
 109         padding:0 1px;
 110         margin:5px 0;
 111         height:23px;
 112         line-height:23px;
 113         font-weight:bold;
 114         }
 115 #CommentsPage .ContentInfo.Top .PageInfo{
 116                 margin:5px 0 0 0 !important;
 117         }
 118 .PageInfo p {
 119         margin:0;
 120         padding:0;
 121         display:inline;
 122         float:left;
 123         }
 124
 125 /* Discussion Index */
 126
 127 #Discussions {
 128         margin-top:-5px !important;
 129         }
 130 #Discussions, #Discussions * {
 131         margin:0;
 132         padding:0;
 133         list-style:none;
 134         }
 135 #Discussions li ul {
 136         background-color:#fefecc;
 137         border-bottom:1px solid #cccccc;
 138         }
 139 #Discussions li li {
 140         height:auto;
 141         border:0;
 142         }
 143 .NoNewComments,
 144 #Discussions li.Read ul {
 145         background-color:#fffeec !important;
 146         }
 147 .NewComments,
 148 #Discussions li.Read.NewComments ul {
 149         background-color:#fefecc !important;
 150         }
 151 #Discussions li ul {
 152         padding: 7px 6px 7px 6px;
 153         color:#333;
 154         }
 155 #Discussions ul span, #Discussions ul span a, #Discussions ul a {
 156         color:#333;
 157         text-decoration:none;
 158         }
 159 .Discussion {
 160         background: yellow;
 161         margin: 0;
 162         padding: 0;
 163         overflow: hidden;
 164         width: 100%;
 165 }
 166 .DiscussionType {
 167         font-size:14px;
 168         float:left;
 169         margin-right:5px !important;
 170         color:#062971;
 171         font-weight:bold;
 172         line-height:20px;
 173         }
 174 .DiscussionType span,
 175 .DiscussionType.Normal {
 176         display:none;
 177         }
 178 .DiscussionType * {
 179         float: left;
 180         }
 181 .DiscussionTopic, .User.Name {
 182         font-size:14px;
 183         line-height:20px;
 184         overflow: hidden;
 185         }
 186 .DiscussionTopic span {
 187         display:none;
 188         }
 189 .DiscussionTopic a, .User.Name a {
 190         color:#3354aa !important;
 191         text-decoration:underline !important;
 192         font-weight:bold;
 193         }
 194 .DiscussionCategory, .DiscussionStarted, .DiscussionComments, .DiscussionLastComment, .DiscussionActive, .DiscussionNew {
 195         width: auto;
 196         display:inline;
 197         font-size:10px;
 198         margin-right:10px!important;
 199         }
 200 .NewComments .DiscussionNew a {
 201         color:#c00 !important;
 202         }
 203 #Discussions li.Read.NewComments .DiscussionNew {
 204         display:inline;
 205         }
 206
 207 /* Category Index */
 208
 209 #CategoryPage div.ContentInfo h1 {
 210         float: left;
 211         text-align: left;
 212         width: 100%;
 213         padding-bottom:6px;
 214         }
 215 #Categories {
 216         margin:0;
 217         padding:0;
 218         list-style:none;
 219         border-top: 1px solid #ccc;
 220         margin-bottom: 20px;
 221         float: left;
 222         width: 100%;
 223         }
 224 .BlockedCategory {
 225         background: #fff;
 226         }
 227 .UnblockedCategory {
 228         background: #f5f9ff;
 229         }
 230 #Categories li ul {
 231         border-bottom:1px solid #ccc;
 232         }
 233 #Categories li li {
 234         height:auto;
 235         border:0;
 236         }
 237 #Categories li ul {
 238         padding: 7px 6px 7px 6px;
 239         }
 240 #Categories ul span, #Categories ul span a, #Categories ul a {
 241         color:#333;
 242         text-decoration:none;
 243         }
 244 #Categories ul a {
 245         color:#333;
 246         }
 247 .Category {
 248         margin: 0;
 249         padding: 0;
 250         overflow: hidden;
 251         width: 100%;
 252         }
 253 .CategoryName {
 254         font-size:14px;
 255         margin-right:5px !important;
 256         color:#062971 !important;
 257         font-weight:bold;
 258         line-height:20px;
 259         }
 260 .CategoryName a {
 261         color: #3354AA !important;
 262         text-decoration: underline !important;
 263         }
 264 .CategoryName span,
 265 .CategoryDescription span,
 266 .CategoryName.Normal {
 267         display:none;
 268         }
 269 .CategoryDescription {
 270         font-size:13px;
 271         line-height:20px;
 272         overflow: hidden;
 273         }
 274 .CategoryDiscussionCount, .CategoryOptions {
 275         width: auto;
 276         display:inline;
 277         font-size:10px;
 278         margin-right:10px!important;
 279         }
 280
 281 /* Comments.. */
 282
 283 #Comments {
 284         margin:0;
 285         padding:0;
 286         list-style:none;
 287         }
 288 #Comments li {
 289         margin:0;
 290         padding:10px 0;
 291         border-bottom:1px solid #ccc;
 292         }
 293 #Comments .CommentHeader {
 294         padding-left: 8px;
 295         padding-right: 8px;
 296         text-align:right;
 297         line-height:32px;
 298         }
 299 #Comments .CommentHeader ul {
 300         float:left;
 301         margin:0;
 302         padding:0;
 303         list-style:none;
 304         }
 305 #Comments .CommentHeader li {
 306         margin:0;
 307         padding:0;
 308         display:inline;
 309         color:#333;
 310         font-size:11px;
 311         border-bottom:0;
 312         }
 313 #Comments .CommentHeader li div.CommentIcon {
 314         padding:8px 0 8px 30px;
 315         margin-right: 6px;
 316         background-repeat:no-repeat;
 317         display: inline;
 318         background: #fff center center no-repeat;
 319         }
 320 #Comments .CommentHeader li span {
 321         display:none;
 322         }
 323 #Comments .CommentHeader a.WhisperBack {
 324         display: none;
 325         }
 326 #Comments .CommentHeader em {
 327         color:#333;
 328         font-style:normal;
 329         }
 330 #Comments .CommentHeader a {
 331         text-decoration:none;
 332         font-weight:bold;
 333         font-size:13px;
 334         color:#3354aa;
 335         }
 336 #Comments .CommentHeader span {
 337         font-size:10px;
 338         font-weight: normal;
 339         color:#333;
 340 }
 341 #Comments .CommentHeader span a {
 342         display: none;
 343         }
 344 #Comments .CommentNotice {
 345         padding: 6px;
 346         font-size:13px;
 347         text-align: center;
 348         border-top: 1px solid #D9999A;
 349         border-bottom: 1px solid #D9999A;
 350         background: #FEE1E1;
 351         color: #850406 !important;
 352         margin: 10px 0 10px 0;
 353         }
 354 #Comments .CommentBody {
 355         display:block;
 356         margin: 10px;
 357         color:#000;
 358         }
 359 #Comments .CommentBody ul li,
 360 #Comments .CommentBody ol li {
 361         border-bottom:none;
 362         padding:0;
 363         }
 364 #CommentsPage .ContentInfo.Middle .PageInfo {
 365         border-top: 0;
 366         margin:0;
 367         }
 368 #CommentsPage .ContentInfo.Bottom {
 369         margin-bottom: 20px;
 370         }
 371 #Comments code {
 372         border-left: 6px solid #FFA;
 373         background: #FFE;
 374         padding: 8px;
 375         padding-left: 16px;
 376         display: block;
 377         white-space: pre;
 378         }
 379
 380 /* Search Page */
 381
 382 #Form.Search {
 383         width: 99% !important;
 384         padding: 20px 0 0 0 !important;
 385         }
 386 html>body #Form.Search { /* ugly hack, but fixes display error in IE. */
 387                 width: 100% !important;
 388         }
 389
 390 #Form.Search fieldset legend {
 391         padding: 0 !important;
 392         margin-bottom: 6px;
 393         }
 394 #SearchSimple {
 395         margin: 0 !important;
 396         }
 397 #SearchSimple label {
 398         display: inline !important;
 399         width: 10px !important;
 400         }
 401 #MainSearchInput #txtKeywords {
 402         width: 60% !important;
 403         margin-left: 0 !important;
 404         }
 405 #MainSearchInput label {
 406         display: none !important;
 407         }
 408 #Form.Search .Submit input {
 409         margin: 0 !important;
 410         color: #000 !important;
 411         }
 412 .SearchInput,
 413 .SearchSelect,
 414 .SearchSelect option {
 415         color: #000 !important;
 416         }
 417 #SimpleSearchRadios input {
 418         width: auto !important;
 419         margin: 0 2px 0 12px;
 420         }
 421 #SimpleSearchRadios label {
 422         font-weight: normal !important;
 423         }
 424 .SearchSwitch {
 425         display: none;
 426         }
 427
 428 /* Advanced Search Form */
 429 #SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {
 430         display: none;
 431         }
 432 .AdvancedSearchInput {
 433         width: 60% !important;
 434         }
 435 .AdvancedUserInput,
 436 #DiscussionAutoCompleteResults,
 437 #CommentAutoCompleteResults {
 438         width: 160px !important;
 439         }
 440 #ddRoles, #ddOrder, #ddCommentCategories, #ddDiscussionCategories {
 441         width: auto !important;
 442         }
 443
 444 /* Search Results */
 445
 446 #SearchPage {
 447         margin-bottom: 20px;
 448         }
 449 #SearchPage .ContentInfo h1 {
 450         text-align: left !important;
 451         }
 452 #SearchPage .Bottom .PageInfo {
 453         margin-top: 0 !important;
 454         border-top: 0 !important;
 455         }
 456
 457 /* Comment Search Results */
 458
 459 #CommentResults {
 460         margin-top:-5px !important;
 461         }
 462 #CommentResults, #CommentResults * {
 463         margin:0;
 464         padding:0;
 465         list-style:none;
 466         }
 467 #CommentResults li li {
 468         height:auto;
 469         border:0;
 470         }
 471 #CommentResults li ul {
 472         padding: 6px 6px 7px 6px;
 473         color:#333;
 474         background-color:#fefecc;
 475         border-bottom:1px solid #ccc;
 476         }
 477 #CommentResults ul span, #CommentResults ul span a, #CommentResults ul a {
 478         color:#333;
 479         text-decoration:none;
 480         }
 481 #CommentResults ul a {
 482         color:#333;
 483         }
 484 #CommentResults .CommentResult ul {
 485         background-color:#fff !important;
 486         }
 487 #CommentResults .CommentText span {
 488         display: none;
 489         }
 490 #CommentResults .CommentText span.Highlight {
 491         display:inline;
 492         color: #333;
 493         background: #ff9;
 494         }
 495 #CommentResults .CommentText {
 496         margin:6px 0 4px 0 !important;
 497         }
 498 #CommentResults .CommentText a {
 499         color:#000 !important;
 500         }
 501 .CommentAuthor, .CommentAdded {
 502         width: auto;
 503         display:inline;
 504         font-size:10px;
 505         margin-right:10px!important;
 506         }
 507 /*
 508   This is an IE kludge.
 509   For some reason IE was adding about 20px of padding to the top of this element
 510   and the only way to get rid of it was to add a 1px border to the top.
 511 */
 512 #CommentResults .SearchComment {
 513         border-top: 1px solid #fefecc;
 514         }
 515 #CommentResults .SearchComment ul {
 516         margin: 0 !important;
 517         }
 518
 519 /* User Search Results */
 520
 521 #UserResults {
 522         margin-top:-5px !important;
 523         }
 524 #UserResults, #UserResults * {
 525         margin:0;
 526         padding:0;
 527         list-style:none;
 528         }
 529 /*
 530   This is an IE kludge.
 531   For some reason IE was adding about 20px of padding to the top of this element
 532   and the only way to get rid of it was to add a 1px border to the top.
 533 */
 534 #UserResults li {
 535         border-top: 1px solid #fff;
 536         }
 537 #UserResults li ul {
 538         margin-top: 0 !important;
 539         border-bottom:1px solid #ccc;
 540         }
 541 #UserResults li li {
 542         height:auto;
 543         border:0;
 544         }
 545 #UserResults li ul {
 546         padding: 6px 6px 7px 6px;
 547         color:#333;
 548         }
 549 li.User {
 550         display:inline;
 551         font-size:10px;
 552         margin-right:10px !important;
 553         }
 554 li.User span {
 555         color: #333;
 556         }
 557 li.User.Name {
 558         display:block;
 559         font-size: 11px;
 560         }
 561 li.User.Name .UserIcon {
 562         padding:8px 0 8px 30px !important;
 563         margin-right: 6px !important;
 564         background-repeat:no-repeat !important;
 565         display: inline !important;
 566         background: center center no-repeat;
 567         }
 568 li.User.Name a {
 569         font-size: 14px;
 570         }
 571 li.User.Name.WithIcon {
 572         line-height:32px;
 573         }
 574 li.User.Name span {
 575         display:none;
 576         }
 577
 578 /* Forms.. */
 579
 580 #Form * {
 581         margin:0;
 582         padding:0;
 583         list-style:none;
 584         }
 585 #Form {
 586         margin-bottom: 10px;
 587         }
 588 #Form fieldset {
 589         border:0;
 590         clear:none;
 591         margin-bottom: 20px;
 592         }
 593 #Form fieldset legend {
 594         padding: 4px 0 4px 0;
 595         margin: 0;
 596         font-size:14px;
 597         font-weight:bold;
 598         color:#000;
 599         }
 600 #Form form {
 601         margin: 0;
 602         padding:10px 10px 0 10px;
 603         border:1px solid #ffedae;
 604         border-left:0;
 605         border-right:0;
 606         background-color:#fef9e9;
 607         }
 608 #Form li {
 609         margin-bottom:10px;
 610         color:#834300;
 611         font-weight:bold;
 612         }
 613 #Form label a {
 614         margin-bottom:-3px;
 615         margin-right:15px;
 616         float:right;
 617         padding:3px 6px;
 618         color:#834300;
 619         text-decoration:none;
 620         font-weight:normal;
 621         border:1px solid #ffedae;
 622         background-color:#fff;
 623         }
 624 #WhisperUsername,
 625 #WhisperAutoCompleteResults {
 626         width: 200px;
 627         }
 628 #Form textarea {
 629         width:100%;
 630         height:150px;
 631         }
 632 #Form textarea.SmallCommentBox {
 633         height: 150px;
 634         }
 635 #Form textarea.LargeCommentBox {
 636         height: 400px;
 637         }
 638 #Form .Button {
 639         cursor: pointer;
 640         color: #000 !important;
 641         width:auto !important;
 642         }
 643 #Form .Button.SubmitButton {
 644         margin-right:10px;
 645         }
 646
 647 /* Add Comment & Start Discussion Forms */
 648
 649 #Form.StartDiscussion,
 650 #Form.AddComments {
 651         display: none;
 652         }
 653
 654 /* Account Section Forms.. */
 655
 656 #AccountProfile .Picture,
 657 #AccountProfile .ProfileIcon {
 658         display: none;
 659         }
 660 .Account {
 661         padding-top:18px;
 662         margin: 0 !important;
 663         }
 664 #Form.Account * {
 665         color:#84733d;
 666         }
 667 #Form.Account legend {
 668         color:#000;
 669         }
 670 #Form.Account h2 {
 671         font-size:14px;
 672         margin-bottom:10px;
 673         }
 674 #Form.Account label {
 675         display:block;
 676         width:40%;
 677         line-height:18px;
 678         margin-bottom: 4px;
 679         }
 680 #Form.GlobalsForm label {
 681         float: left;
 682         }
 683 #Form.Extensions label {
 684         width: 100%;
 685         }
 686 #Form.Account .Description span label,
 687 #Form.Account label small {
 688         font-weight:normal;
 689         }
 690 #Form.Account input,
 691 #Form.Account select {
 692         width:40%;
 693         }
 694 #Form.GlobalsForm input,
 695 #Form.GlobalsForm select {
 696         width: 59%;
 697         }
 698 .Description {
 699         margin:3px 0 !important;
 700         padding: 3px 0 5px 0 !important;
 701         font-weight:normal;
 702         color:#a99861 !important;
 703         }
 704 #Form.Account p span {
 705         display:block;
 706         margin-top:5px;
 707         }
 708 #Form.Account p span label {
 709         float:none;
 710         display:inline;
 711         margin-left:5px;
 712         font-weight:bold;
 713         line-height:20px;
 714         width:90%;
 715         }
 716 #Form.Account p span input {
 717         width:12px;
 718         }
 719 #Form.Preferences p span label {
 720         font-weight: normal;
 721         }
 722
 723 /* Globals Form */
 724
 725 #Form.GlobalsForm select.SmallSelect {
 726         width: 50px;
 727         }
 728 #Form.GlobalsForm #ForumOptions p span label {
 729         font-weight: normal !important;
 730         }
 731 #Form.GlobalsForm #ForumOptions {
 732         margin-bottom: 20px;
 733         }
 734 #Form.GlobalsForm p {
 735         margin-bottom: 10px;
 736         }
 737
 738 /* Update Check form */
 739
 740 #Form.UpdateCheck p.Description {
 741         padding: 0 !important;
 742         margin: 0 0 10px 0 !important;
 743         }
 744
 745 /* RoleEdit Form */
 746
 747 #Form.RoleEditForm li p span label {
 748         font-weight: normal !important;
 749         }
 750
 751 /* Custom form for extensions management screen */
 752
 753 #Form.Extensions {
 754         margin: 0 0 20px 0 !important;
 755         }
 756 #Form.Extensions div.ExtensionsEnabled h2,
 757 #Form.Extensions div.ExtensionsDisabled h2 {
 758         padding-top:20px;
 759         }
 760 div.Extensions ul {
 761         border:1px solid #ddd;
 762         border-bottom:0;
 763         margin: 20px 0 20px 0 !important;
 764         }
 765 div.Extensions ul {
 766         background-color:#fffeec;
 767         }
 768 div.Extensions ul li {
 769         border-bottom:1px solid #ddd;
 770         margin:0 !important;
 771         padding:10px !important;
 772         overflow: hidden;
 773         }
 774 div.Extensions ul li.Enabled {
 775         background: #FEFECB;
 776         }
 777 div.Extensions ul li.Disabled {
 778         background: url(disabled-tile.gif) #F4F4C2;
 779         }
 780 div.Extensions h3 {
 781         font-size:13px;
 782         color:#000 !important;
 783         }
 784 div.Extensions h3 label {
 785         display: inline !important;
 786         padding-left: 30px !important;
 787         }
 788 div.Extensions ul li input {
 789         width: auto !important;
 790         margin-top: 3px !important;
 791         left: 20px;
 792         position: absolute;
 793         }
 794 div.Extensions h3 a {
 795         color:#1EB136 !important;
 796         text-decoration: none;
 797         }
 798 div.Extensions ul li span,
 799 div.Extensions ul li span * {
 800         font-size: 12px;
 801         font-weight: normal;
 802         z-index: 1;
 803         }
 804 div.Extensions ul li span {
 805         margin-left: 10px !important;
 806         }
 807 div.Extensions .Version {
 808         font-weight: bold;
 809         margin-left: 5px !important;
 810         }
 811 div.Extensions ul li p {
 812         padding-left:30px !important;
 813         color:#000 !important;
 814         font-weight:normal;
 815         }
 816 div.Extensions ul li p a {
 817         color:#335eb7 !important;
 818         text-decoration: none;
 819         }
 820
 821 /* Custom form for sortable list */
 822
 823 .SortList {
 824         color: #000;
 825         background: #FEFECC;
 826         margin-top: 10px !important;
 827         padding: 0;
 828         border: 1px solid #ddd;
 829         border-top: 0;
 830         }
 831 .MovableSortListItem {
 832         cursor: move;
 833         }
 834 .SortListItem {
 835         border-top: 1px solid #ddd;
 836         padding: 6px !important;
 837         margin: 0 !important;
 838         }
 839 .SortEdit {
 840         position: absolute;
 841         margin-left: 364px !important;
 842         }
 843 .SortEdit, .SortEdit:link, .SortEdit:active, .SortEdit:visited {
 844         font-weight: normal;
 845         color: #1EB136 !important;
 846         text-decoration: none;
 847         }
 848 .SortRemove {
 849         display: block;
 850         position: absolute;
 851         margin-left: 394px !important;
 852         height: 20px;
 853         width: 20px;
 854         background: url(btn.remove.gif) no-repeat top right;
 855         text-decoration: none;
 856         }
 857
 858 /* */
 859
 860 #CustomInfo li {
 861         width:50%;
 862         float:left;
 863         }
 864 #CustomInfo li input {
 865         width:80% !important;
 866         }
 867 .Submit {
 868         margin:20px 0 !important;
 869         text-align:right;
 870         }
 871 .Submit input {
 872         width: auto !important;
 873         float:left;
 874         cursor:pointer;
 875         }
 876 .Submit a {
 877         color: #F60 !important;
 878         }
 879
 880 /* Profile Page.. */
 881
 882 #AccountProfile {
 883         float:left;
 884         width:300px;
 885         margin-top:20px;
 886         border-right:1px solid #ccc;
 887         }
 888 #AccountProfile * {
 889         margin:0;
 890         padding:0;
 891         list-style:none;
 892         }
 893 #AccountProfile li {
 894         clear:both;
 895         margin-right:20px;
 896         line-height:18px;
 897         }
 898 #AccountProfile h3 {
 899         font-size:12px;
 900         width:44%;
 901         float:left;
 902         }
 903 #AccountProfile p {
 904         float:left;
 905         width:55%;
 906         }
 907 #AccountProfile h2 {
 908         font-size:14px;
 909         color:#000;
 910         width:60%;
 911         float:left;
 912         }
 913 #AccountProfile .ProfileTitle * {
 914         line-height:32px;
 915         }
 916 #AccountProfile .Tagline {
 917         padding: 6px;
 918         text-align: center;
 919         border-top: 1px solid #D9999A;
 920         border-bottom: 1px solid #D9999A;
 921         background: #FEE1E1;
 922         color: #850406 !important;
 923         margin: 0 20px 10px 0;
 924         }
 925 .ProfileTitleIcon {
 926         background-repeat:no-repeat;
 927         }
 928 .ProfileTitle h2 {
 929         width:48% !important;
 930         }
 931 .ProfileTitle.WithIcon h2 {
 932         padding-left:4px !important;
 933         width: auto;
 934         }
 935 .ProfileTitle.WithIcon .ProfileIcon {
 936         padding:8px 0 8px 30px;
 937         background: #fff no-repeat center center;
 938         margin-right: 6px;
 939         display: inline;
 940         float: left;
 941         width: 32px;
 942         }
 943 #AccountProfile .ProfileTitle p {
 944         width:auto;
 945         float: right;
 946         text-align:right;
 947         font-size:11px;
 948         color:#333;
 949         }
 950 #AccountProfile .ProfileTitle {
 951         line-height:20px;
 952         margin-bottom:10px;
 953         }
 954 #AccountHistory {
 955         margin-left:320px;
 956         padding-top:20px;
 957         }
 958 html>body #AccountHistory { /* ugly hack, but fixes display error in IE. */
 959         margin-left:300px !important;
 960         }
 961 #AccountHistory * {
 962         margin:0;
 963         padding:0;
 964         list-style:none;
 965         color:#333;
 966         }
 967 #AccountHistory ul, #AccountHistory h2 {
 968         margin:0 20px;
 969         }
 970 #AccountHistory ul {
 971         margin-bottom:20px;
 972         }
 973 #AccountHistory h2 {
 974         font-size:14px;
 975         color:#000;
 976         }
 977 #AccountHistory ul {
 978         border-top:1px solid #ccc;
 979         }
 980 #AccountHistory li {
 981         padding:5px;
 982         border-bottom:1px solid #ccc;
 983         }
 984 #AccountHistory h3,
 985 #AccountHistory h3 a {
 986         color:#333;
 987         font-size:12px;
 988         }
 989 #AccountHistory h3 small {
 990         font-size:11px;
 991         }
 992 #AccountHistory p {
 993         font-size:11px;
 994         }
 995 #AccountHistory p.Note {
 996         padding:3px;
 997         padding-bottom:0;
 998         font-style:italic;
 999         }
1000
1001 /* Settings Home */
1002
1003 #Form.Help legend {
1004         padding-top: 22px !important;
1005         }
1006 #Form.Help form {
1007         margin: 0;
1008         padding: 0;
1009         }
1010 #SettingsPage #Form.Help p.Description {
1011         padding: 10px !important;
1012         color:#84733d !important;
1013         }
1014 #SettingsPage #Content dl * {
1015         margin:0;
1016         padding:0;
1017         color: #84733d;
1018         font-size:12px;
1019         }
1020 #SettingsPage #Content dl dt {
1021         margin: 10px 10px;
1022         font-weight:bold;
1023         font-size:14px;
1024         }
1025 #SettingsPage #Content dl dd {
1026         margin:10px;
1027         }
1028 .WhisperFrom {
1029         background-color:#fefceb;
1030         }
1031 .WhisperTo {
1032         background-color:#feebfa;
1033         }
1034 .left {
1035         float:left;
1036         }
1037 .hiLite {
1038         background-color:#ff9;
1039         font-style:normal;
1040         }
1041
1042 /* Autocomplete results */
1043
1044 .AutoCompleteContainer {
1045         margin: 0;
1046         padding: 0;
1047         border: 1px solid #888;
1048         border-top: 0;
1049         }
1050 .AutoCompleteContainer td {
1051         padding: 3px;
1052         cursor: pointer;
1053         }
1054 .AutoCompleteRow td {
1055         background: #fff;
1056         color: #000;
1057         }
1058 .AutoCompleteHoverRow td {
1059         background: #335EA8;
1060         color: #fff;
1061         }
1062
1063 /* Thank you positioniseverything.com*/
1064
1065 .clearfix:after {
1066         content:".";
1067         display:block;
1068         height:0;
1069         clear:both;
1070         visibility:hidden;
1071         }
1072 .clearfix {
1073         display:inline-table;
1074         }
1075
1076 /* Hides from IE-mac \*/
1077
1078 * html .clearfix {
1079         height:1%;
1080         }
1081 .clearfix {
1082         display:block;
1083         }
1084
1085 /* End hide from IE-mac */