themes/miry/styles/default/vanilla.css

   1 * {
   2         -moz-outline: none;
   3 }
   4
   5 @font-face {
   6   font-family: 'HeaderFont';
   7   font-style: normal;
   8   font-weight: normal;
   9   src: local('HeaderFont'), url('MgOpenModataRegular.ttf') format('truetype');
  10 }
  11
  12 @font-face {
  13   font-family: 'Summersby';
  14   font-style: normal;
  15   font-weight: normal;
  16   src: local('Summersby'), url('summersby.ttf') format('truetype');
  17 }
  18
  19 body {
  20         margin:0;
  21         padding:0;
  22         background:#fff url('panelfade.jpg') top left repeat-y;
  23         }
  24 body, div, table, td {
  25         font-family:'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;
  26         font-size:12px;
  27         color:#062971;
  28         }
  29 a {
  30         color: #3354AA;
  31         text-decoration: underline;
  32         cursor: pointer;
  33         }
  34 a:hover {
  35         color: #4B6DB7;
  36         text-decoration: none;
  37         }
  38 #pgbottom {
  39         text-decoration: none !important;
  40         height: 1px;
  41         width: 1px;
  42         font-size: 1px;
  43         }
  44
  45 /* Errors & Success */
  46 .ErrorContainer {
  47         background: url(alert.gif) no-repeat top left #FFEDEF;
  48         border-top: 1px solid #FFC2CA;
  49         padding: 10px 10px 10px 27px !important;
  50         overflow: hidden;
  51         }
  52 .ErrorTitle {
  53         font-weight: bold;
  54         color: #c00 !important;
  55         }
  56 .Error {
  57         color: #c00 !important;
  58         }
  59 #Success {
  60         border-top: 1px solid #9C9;
  61         border-bottom: 1px solid #9C9;
  62         background: #E2F9E3;
  63         color: #060 !important;
  64         display: block;
  65         line-height: 200%;
  66         text-align: center;
  67         font-size: 13px;
  68         margin-bottom: 10px !important;
  69         }
  70 .Notice {
  71         background: url(notice.gif) left center no-repeat #FFFECC;
  72         border: 1px solid #FAEBB1;
  73         font-size:13px;
  74         padding: 8px 8px 8px 30px;
  75         margin-bottom: 20px;
  76         color: #D57D00;
  77         line-height: 150%;
  78         }
  79
  80 /* Remove System Message Button */
  81 .Notice span {
  82         float:right;
  83         display: block;
  84         font-size: 11px;
  85         }
  86 .Notice span a,
  87 .Notice span a:link,
  88 .Notice span a:visited,
  89 .Notice span a:hover {
  90         color: #f60;
  91         }
  92 .Invisible { display: none; }
  93 .Visible { display: block; }
  94
  95 /* Session.. */
  96
  97 #Session {
  98         position:absolute;
  99         top:25px;
 100         right:18px;
 101         text-align:right;
 102         font-size:11px;
 103         color:#5d709f;
 104         }
 105 #Session a {
 106         color:#5d709f;
 107         text-decoration:none;
 108         }
 109 #Session a:hover {
 110         color:#000;
 111         }
 112
 113 /* Header.. */
 114
 115 #Header {
 116         background: url(top.jpg) repeat-x left top #acbedf;
 117         border-top:1px solid #000;
 118         border-bottom:1px solid #acbedf;
 119         }
 120 #Header * {
 121         margin:0;
 122         padding:0;
 123         }
 124 #Header h1 {
 125         font-family: 'HeaderFont', arial, serif;
 126         text-align:center;
 127         text-shadow: 4px 4px 4px #aaa;
 128         color:#000;
 129         font-size:28px;
 130         margin:14px 0;
 131         }
 132 #Header h1 strong {
 133         color:#ffa500;
 134         }
 135 #Header ul {
 136         text-align:center;
 137         white-space:nowrap;
 138         font-size:14px;
 139         }
 140 #Header ul li {
 141         display:inline;
 142         margin:0 1px;
 143         border-bottom:1px solid #acbedf;
 144         }
 145 #Header ul li.TabOn {
 146         font-size:16px;
 147         background-color:#fff;
 148         border:1px solid #acbedf;
 149         border-bottom:1px solid #fff;
 150         padding-top:4px;
 151         font-weight:bold;
 152         }
 153 #Header ul li a {
 154         padding:1px 18px;
 155         text-decoration:none;
 156         background-color:#5d709f;
 157         color:#fff;
 158         }
 159 #Header ul li a:hover {
 160         background-color:#919ebe;
 161         }
 162 #Header ul li.TabOn a,
 163 #Header ul li.TabOn a:hover {
 164         background-color:#fff;
 165         color:#000;
 166         }
 167 #Header ul li a em {
 168         font-style:normal;
 169         text-decoration:underline;
 170         }
 171
 172 /* Panel.. */
 173
 174 #Panel {
 175         width:201px;
 176         margin-left:18px;
 177         float:left;
 178         display:inline;
 179         }
 180 #Panel * {
 181         margin:0;
 182         padding:0;
 183         list-style:none;
 184         }
 185 #Panel h1 {
 186         margin-top:20px;
 187         font-size:14px;
 188         }
 189 #Panel h1 a {
 190         color:#c00;
 191         font-size:14px;
 192         }
 193 #Panel h1 a em {
 194         font-style: normal;
 195         text-decoration: underline;
 196         color:#a00;
 197         }
 198 #Panel h1 a:hover {
 199         color:#f00;
 200         }
 201 #Panel h2 {
 202         color:#000;
 203         font-size:11px;
 204         border-bottom:1px solid #ccc;
 205         margin:10px 0 3px 0;
 206         padding:0;
 207         text-indent: 4px;
 208         width:180px;
 209         }
 210 #Panel ul ul, #Panel ul p, #Panel select {
 211         margin:0 4px;
 212         }
 213 #Panel ul, #Panel p {
 214         color:#335eb7;
 215         font-size:11px;
 216         }
 217 #Panel ul ul {
 218         color:#f00;
 219         font-size:10px;
 220         }
 221 #Panel select {
 222         width:167px;
 223         margin-top:3px;
 224         }
 225 #Panel ul ul li {
 226         width:173px;
 227         margin-bottom:3px;
 228         overflow: hidden;
 229         }
 230 #Panel ul ul li a {
 231         font-size:11px;
 232         display:block;
 233         width:100%;
 234         color:#335eb7;
 235         text-decoration:none;
 236         }
 237 #Panel ul ul li a span {
 238         color: #c00;
 239         font-size: 10px;
 240         padding-left: 4px;
 241         }
 242 #Panel ul ul li a:hover {
 243         background-color:#ffc;
 244         }
 245 #AboutVanilla {
 246         margin: 10px 0 0 0 !important;
 247         border-top:1px solid #ccc;
 248         background-color:#f9f9f9;
 249         padding: 3px 0 3px 0;
 250         text-align:center;
 251         color:#bbb !important;
 252         clear:both;
 253         }
 254 #AboutVanilla a {
 255         color:#d0d0d0 !important;
 256         text-decoration:none;
 257         }
 258 #AboutVanilla a:hover {
 259         color:#aaa !important;
 260         text-decoration:underline;
 261         }
 262
 263 /* Content.. */
 264
 265 #Content {
 266         margin:0 18px 0 235px;
 267         }
 268
 269 /* ContentInfo/Control/Whatever - Universal to Discussion Index & Comments */
 270
 271 .ContentInfo {
 272         text-align:right;
 273         }
 274 .ContentInfo.Top {
 275         white-space:nowrap;
 276         overflow: hidden;
 277         }
 278 #AccountPage #Content,
 279 #CommentsPage #Content,
 280 #DiscussionsPage #Content,
 281 #CategoryPage #Content,
 282 #ExtensionPage #Content,
 283 #SettingsPage #Content,
 284 #SearchPage #Content {
 285         padding-top: 20px;
 286         }
 287 #DiscussionsPage .Bottom {
 288         margin: -6px 0 8px 0;
 289         }
 290 .ContentInfo * {
 291         font-size:14px;
 292         font-weight:bold;
 293         margin:0;
 294         padding:0;
 295         }
 296 .ContentInfo h1 {
 297         color:#000;
 298         }
 299 #CommentsPage .ContentInfo h1 {
 300         float:left;
 301         width:60%;
 302         overflow:hidden;
 303         white-space:nowrap;
 304         text-align:left;
 305         }
 306 html>body#CommentsPage .ContentInfo h1 {
 307         width:80% !important;
 308         }
 309 .ContentInfo input {
 310         font-size:10px;
 311         margin-left:5px;
 312         }
 313 #DiscussionsPage .ContentInfo h1 {
 314         float:none;
 315         text-align:left;
 316         }
 317 .ContentInfo h1 a {
 318         color:#3354aa;
 319         text-decoration:none;
 320         }
 321 .ContentInfo h1 a:hover {
 322         color:#000;
 323         }
 324 .ContentInfo a {
 325         color:#bbb;
 326         text-decoration:none;
 327         }
 328 .ContentInfo a:hover {
 329         color:#3354aa;
 330         }
 331 .PageInfo {
 332         color:#bbb;
 333         border-top:1px solid #ccc;
 334         border-bottom:1px solid #ccc;
 335         padding:0 1px;
 336         margin:5px 0;
 337         line-height:23px;
 338         font-weight:bold;
 339         }
 340 #CommentsPage .ContentInfo.Top .PageInfo{
 341                 margin:5px 0 0 0 !important;
 342         }
 343 .PageInfo p {
 344         margin:0;
 345         padding:0;
 346         display:inline;
 347         float: left;
 348         }
 349 .PageList {
 350         margin:0;
 351         padding:0;
 352         list-style:none;
 353         color: #bbb;
 354         }
 355 .PageList li {
 356         display:inline;
 357         }
 358 .PageList a,
 359 .PageList li a {
 360         text-decoration:none;
 361         color:#3354aa !important;
 362         }
 363
 364 /* Discussion Index */
 365
 366 #PageJump {
 367         margin: 9px 0 0 20px;
 368         float: right;
 369 }
 370
 371 #Discussions {
 372         margin-top:-5px !important;
 373         float: left;
 374         width: 100%;
 375         }
 376 #Discussions, #Discussions * {
 377         margin:0;
 378         padding:0;
 379         list-style:none;
 380         }
 381 #Discussions li ul {
 382         background-color:#fefecc;
 383         border-bottom:1px solid #ccc;
 384         }
 385 #Discussions li li {
 386         height:auto;
 387         border:0;
 388         }
 389 .NoNewComments,
 390 #Discussions li.Read ul {
 391         background-color:#fffeec !important;
 392         }
 393 .NewComments,
 394 #Discussions li.Read.NewComments ul {
 395         background-color:#fefecc !important;
 396         }
 397 #Discussions li ul {
 398         padding: 7px 6px 7px 6px;
 399         color:#777;
 400         }
 401 #Discussions ul span, #Discussions ul span a, #Discussions ul a {
 402         color:#aaa;
 403         text-decoration:none;
 404         }
 405 #Discussions ul span a:hover, #Discussions ul a:hover {
 406         color:#f00;
 407         }
 408 #Discussions ul a {
 409         color:#777;
 410         }
 411 .Discussion {
 412         background: yellow;
 413         margin: 0;
 414         padding: 0;
 415         overflow: hidden;
 416         width: 100%;
 417 }
 418 .DiscussionType {
 419         font-size:14px;
 420         float:left;
 421         margin-right:5px !important;
 422         color:#062971;
 423         font-weight:bold;
 424         line-height:20px;
 425         }
 426 .DiscussionType span,
 427 .DiscussionType.Normal {
 428         display:none;
 429         }
 430 .DiscussionType * {
 431         float: left;
 432         }
 433 .DiscussionTopic, .User.Name {
 434         font-size:14px;
 435         line-height:20px;
 436         overflow: hidden;
 437         }
 438 .DiscussionTopic span {
 439         display:none;
 440         }
 441 .DiscussionTopic a, .User.Name a {
 442         color:#3354aa !important;
 443         text-decoration:underline !important;
 444         font-weight:bold;
 445         }
 446 .DiscussionTopic a:hover {
 447         text-decoration: none !important;
 448         }
 449 .DiscussionCategory, .DiscussionStarted, .DiscussionComments, .DiscussionLastComment, .DiscussionActive, .DiscussionNew {
 450         width: auto;
 451         display:inline;
 452         font-size:10px;
 453         margin-right:10px!important;
 454         }
 455 .NewComments .DiscussionNew a {
 456         color:#c00 !important;
 457         }
 458 #Discussions li.Read.NewComments .DiscussionNew {
 459         display:inline;
 460         }
 461
 462 /* Category Index */
 463
 464 #CategoryPage div.ContentInfo h1 {
 465         float: left;
 466         text-align: left;
 467         width: 100%;
 468         padding-bottom:6px;
 469         }
 470 #Categories {
 471         margin:0;
 472         padding:0;
 473         list-style:none;
 474         border-top: 1px solid #ccc;
 475         margin-bottom: 20px;
 476         float: left;
 477         width: 100%;
 478         }
 479 .BlockedCategory {
 480         background: #fff;
 481         }
 482 .UnblockedCategory {
 483         background: #f5f9ff;
 484         }
 485 #Categories li ul {
 486         border-bottom:1px solid #ccc;
 487         padding: 7px 6px 7px 6px;
 488         list-style: none;
 489         margin: 0;
 490         }
 491 #Categories li li {
 492         height:auto;
 493         border:0;
 494         }
 495 #Categories ul span, #Categories ul span a, #Categories ul a {
 496         color:#aaa;
 497         text-decoration:none;
 498         }
 499 #Categories ul span a:hover, #Categories ul a:hover {
 500         color:#f00;
 501         }
 502 #Categories ul a {
 503         color:#777;
 504         }
 505 .Category {
 506         margin: 0;
 507         padding: 0;
 508         overflow: hidden;
 509         width: 100%;
 510         }
 511 .CategoryName {
 512         font-size:14px;
 513         margin-right:5px !important;
 514         color:#062971 !important;
 515         font-weight:bold;
 516         line-height:20px;
 517         }
 518 .CategoryName a {
 519         color: #3354AA !important;
 520         text-decoration: underline !important;
 521         }
 522 .CategoryName a:hover {
 523         text-decoration: none !important;
 524         }
 525 .CategoryName span,
 526 .CategoryDescription span,
 527 .CategoryName.Normal {
 528         display:none;
 529         }
 530 .CategoryDescription {
 531         font-size:13px;
 532         line-height:20px;
 533         overflow: hidden;
 534         }
 535 .CategoryDiscussionCount, .CategoryOptions {
 536         width: auto;
 537         display:inline;
 538         font-size:10px;
 539         margin-right:10px!important;
 540         }
 541
 542 select option.InfoOption:before {
 543         content: none !important;
 544 }
 545
 546 /* Comments.. */
 547
 548 #Comments {
 549         margin:0;
 550         padding:0;
 551         list-style:none;
 552         height:1%;
 553         }
 554 #Comments li {
 555         margin:0;
 556         padding:10px 0;
 557         border-bottom:1px solid #ccc;
 558         }
 559 #Comments li.Hidden {
 560         background: url(hidden-tile.gif) top left repeat-x #fafafa;
 561         }
 562 #Comments .CommentHeader {
 563         padding-left: 8px;
 564         padding-right: 8px;
 565         text-align:right;
 566         line-height:32px;
 567         }
 568 #Comments .CommentHeader ul {
 569         float:left;
 570         margin:0;
 571         padding:0;
 572         list-style:none;
 573         }
 574 #Comments .CommentHeader li {
 575         margin:0;
 576         padding:0;
 577         display:inline;
 578         color:#aaa;
 579         font-size:11px;
 580         border-bottom:0;
 581         }
 582 #Comments .CommentHeader li div.CommentIcon {
 583         padding:9px 0 9px 30px;
 584         margin-right: 6px;
 585         background-repeat:no-repeat;
 586         display: inline;
 587         background: #fff center center no-repeat;
 588         }
 589 #Comments .CommentHeader li span {
 590         display:none;
 591         }
 592 #Comments .CommentHeader a.WhisperBack {
 593         padding-left: 10px;
 594         color: #aaa;
 595         text-decoration: underline;
 596         font-size: 11px;
 597         font-weight: normal;
 598         }
 599 #Comments .CommentHeader a.WhisperBack:hover {
 600         color: #333;
 601         }
 602 #Comments .CommentHeader em {
 603         color:#bbb;
 604         font-style:normal;
 605         }
 606 #Comments li.Hidden .CommentHeader i {
 607         padding-left: 8px;
 608         color:#c00;
 609         font-style:normal;
 610         }
 611 #Comments .CommentHeader a {
 612         text-decoration:none;
 613         font-weight:bold;
 614         font-size:14px;
 615         color:#3354aa;
 616         }
 617 #Comments .CommentHeader span {
 618         font-size:10px;
 619         font-weight: normal;
 620         color:#aaa;
 621 }
 622 #Comments .CommentHeader span a {
 623         font-size:10px;
 624         font-weight: normal;
 625         color:#aaa;
 626         margin-left:3px;
 627         padding-left:3px;
 628         cursor: pointer;
 629         text-decoration: underline;
 630         }
 631 #Comments .CommentHeader span a:hover {
 632         text-decoration: underline;
 633         color: #333;
 634         }
 635 #Comments .CommentNotice {
 636         padding: 6px;
 637         font-size:13px;
 638         text-align: center;
 639         border-top: 1px solid #D9999A;
 640         border-bottom: 1px solid #D9999A;
 641         background: #FEE1E1;
 642         color: #850406 !important;
 643         margin: 10px 0 10px 0;
 644         }
 645 #Comments .CommentBody {
 646         display:block;
 647         margin: 10px;
 648         color:#000;
 649         font-size: 13px;
 650         line-height: 150%;
 651         }
 652 #Comments .CommentBody ul li,
 653 #Comments .CommentBody ol li {
 654         border-bottom:none;
 655         padding:0;
 656         }
 657 #CommentsPage .ContentInfo.Middle .PageInfo {
 658         border-top: 0;
 659         margin:0;
 660         }
 661 #CommentsPage .ContentInfo.Bottom {
 662         margin-bottom: 20px;
 663         }
 664 #Comments code {
 665         border-left: 6px solid #FFFFAA;
 666         background: #FFE;
 667         padding: 8px;
 668         padding-left: 16px;
 669         display: block;
 670         white-space: pre;
 671         }
 672 /* Thanks to Bergamot */
 673 #Comments blockquote {
 674         padding:8px 16px;
 675         margin:0 0 8px;
 676         background-color: #E5EAF6;
 677         border-left: 6px solid #ACBEDF;
 678         color:#56568F;
 679         }
 680 #Comments blockquote blockquote {
 681         border-right: 1px solid #ACBEDF;
 682         border-top: 1px solid #ACBEDF;
 683         border-bottom: 1px solid #ACBEDF;
 684         }
 685 #Comments blockquote cite {
 686         font-weight:bold;
 687         display:block;
 688         margin-bottom:8px;
 689         padding-bottom:8px;
 690         border-bottom:1px solid #ACBEDF;
 691         color:#56568F;
 692         }
 693
 694 /* Search Page */
 695
 696 #Form.Search {
 697         width: 99% !important;
 698         padding: 0 !important;
 699         }
 700 html>body #Form.Search { /* ugly hack, but fixes display error in IE. */
 701         width: 100% !important;
 702         }
 703 #Form.Search fieldset legend {
 704         padding: 0 !important;
 705         margin-bottom: 6px;
 706         }
 707 #SearchSimple {
 708         margin: 0 !important;
 709         }
 710 #SearchSimple label {
 711         display: inline !important;
 712         width: 10px !important;
 713         }
 714 #MainSearchInput #txtKeywords {
 715         width: 60% !important;
 716         margin-left: 0 !important;
 717         }
 718 #MainSearchInput label {
 719         display: none !important;
 720         }
 721 #Form.Search .Submit input {
 722         margin: 0 !important;
 723         color: #000 !important;
 724         }
 725 .SearchInput,
 726 .SearchSelect,
 727 .SearchSelect option {
 728         color: #000 !important;
 729         }
 730 #SimpleSearchRadios input {
 731         width: auto !important;
 732         margin: 0 2px 0 12px;
 733         }
 734 #SimpleSearchRadios label {
 735         font-weight: normal !important;
 736         }
 737 .SearchSwitch {
 738         display: block;
 739         color: #f60 !important;
 740         position: relative;
 741         top: -20px;
 742         float: right;
 743         }
 744
 745 /* Advanced Search Form */
 746 #SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {
 747         display: none;
 748         }
 749 .AdvancedSearchInput {
 750         width: 60% !important;
 751         }
 752 .AdvancedUserInput,
 753 #DiscussionAutoCompleteResults,
 754 #CommentAutoCompleteResults {
 755         width: 160px !important;
 756         }
 757 #ddRoles, #ddOrder, #ddCommentCategories, #ddDiscussionCategories {
 758         width: auto !important;
 759         }
 760
 761 /* Search Results */
 762
 763 #SearchPage {
 764         margin-bottom: 20px;
 765         }
 766 #SearchPage .ContentInfo h1 {
 767         text-align: left !important;
 768         }
 769 #SearchPage .Bottom .PageInfo {
 770         margin-top: 0 !important;
 771         border-top: 0 !important;
 772         }
 773
 774 /* Comment Search Results */
 775
 776 #CommentResults {
 777         margin-top:-5px !important;
 778         }
 779 #CommentResults, #CommentResults * {
 780         margin:0;
 781         padding:0;
 782         list-style:none;
 783         }
 784 #CommentResults li li {
 785         height:auto;
 786         border:0;
 787         }
 788 #CommentResults li ul {
 789         padding: 6px 6px 7px 6px;
 790         color:#777;
 791         background-color:#fefecc;
 792         border-bottom:1px solid #ccc;
 793         min-width:0;
 794         }
 795 #CommentResults ul span, #CommentResults ul span a, #CommentResults ul a {
 796         color:#aaa;
 797         text-decoration:none;
 798         }
 799 #CommentResults ul span a:hover, #CommentResults ul a:hover {
 800         color:#f00;
 801         }
 802 #CommentResults ul a {
 803         color:#777;
 804         }
 805 #CommentResults .CommentResult ul {
 806         background-color:#fff !important;
 807         }
 808 #CommentResults .CommentText span {
 809         display: none;
 810         }
 811 #CommentResults .CommentText span.Highlight {
 812         display:inline;
 813         color: #f00;
 814         background: #ff9;
 815         }
 816 #CommentResults .CommentText {
 817         margin:6px 0 4px 0 !important;
 818         }
 819 #CommentResults .CommentText a {
 820         color:#000 !important;
 821         }
 822 #CommentResults .CommentText a:hover {
 823         background-color:#ffa;
 824         }
 825 .CommentAuthor, .CommentAdded {
 826         width: auto;
 827         display:inline;
 828         font-size:10px;
 829         margin-right:10px!important;
 830         }
 831 /*
 832   This is an IE kludge.
 833   For some reason IE was adding about 20px of padding to the top of this element
 834   and the only way to get rid of it was to add a 1px border to the top.
 835 */
 836 #CommentResults .SearchComment {
 837         border-top: 1px solid #fefecc;
 838         }
 839 #CommentResults .SearchComment ul {
 840         margin: 0 !important;
 841         }
 842
 843 /* User Search Results */
 844
 845 #UserResults {
 846         margin-top:-5px !important;
 847         }
 848 #UserResults, #UserResults * {
 849         margin:0;
 850         padding:0;
 851         list-style:none;
 852         }
 853 /*
 854   This is an IE kludge.
 855   For some reason IE was adding about 20px of padding to the top of this element
 856   and the only way to get rid of it was to add a 1px border to the top.
 857 */
 858 #UserResults li {
 859         border-top: 1px solid #fff;
 860         }
 861 #UserResults li ul {
 862         margin-top: 0 !important;
 863         border-bottom:1px solid #ccc;
 864         min-width:0;
 865         }
 866 #UserResults li li {
 867         height:auto;
 868         border:0;
 869         }
 870 #UserResults li ul {
 871         padding: 6px 6px 7px 6px;
 872         color:#777;
 873         }
 874 li.User {
 875         display:inline;
 876         font-size:10px;
 877         margin-right:10px !important;
 878         }
 879 li.User span {
 880         color: #aaa;
 881         }
 882 li.User.Name {
 883         display:block;
 884         font-size: 11px;
 885         overflow: visible;
 886         }
 887 li.User.Name .UserIcon {
 888         padding:9px 0 9px 30px !important;
 889         margin-right: 6px !important;
 890         background-repeat:no-repeat !important;
 891         display: inline !important;
 892         background: center center no-repeat;
 893         }
 894 li.User.Name a {
 895         font-size: 14px;
 896         }
 897 li.User.Name.WithIcon {
 898         line-height:32px;
 899         }
 900 li.User.Name a:hover {
 901         text-decoration: none !important;
 902         }
 903 li.User.Name span {
 904         display:none;
 905         }
 906
 907 /* Forms.. */
 908
 909 #Form * {
 910         margin:0;
 911         padding:0;
 912         list-style:none;
 913         }
 914 #Form {
 915         margin-bottom: 10px;
 916         }
 917 #Form fieldset {
 918         border:0;
 919         clear:none;
 920         margin-bottom: 20px;
 921         }
 922 #Form fieldset legend {
 923         padding: 4px 0 4px 0;
 924         margin: 0;
 925         font-size:14px;
 926         font-weight:bold;
 927         color:#000;
 928         }
 929 #Form form {
 930         margin: 0;
 931         padding:10px 10px 0 10px;
 932         border:1px solid #ffedae;
 933         border-left:0;
 934         border-right:0;
 935         background-color:#fef9e9;
 936         }
 937 #Form li {
 938         margin-bottom:10px;
 939         color:#834300;
 940         font-weight:bold;
 941         }
 942 #Form label a {
 943         margin-bottom:-3px;
 944         margin-right:15px;
 945         float:right;
 946         padding:3px 6px;
 947         color:#834300;
 948         text-decoration:none;
 949         font-weight:normal;
 950         border:1px solid #ffedae;
 951         background-color:#fff;
 952         }
 953 #WhisperUsername,
 954 #WhisperAutoCompleteResults {
 955         width: 200px;
 956         }
 957 #Form textarea,
 958 #Form input,
 959 #Form select {
 960         font-family:'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;
 961         font-size:13px;
 962         font-weight: normal;
 963         }
 964 #Form textarea {
 965         width:99.5%;
 966         height:150px;
 967         }
 968 #Form textarea.SmallCommentBox {
 969         height: 150px;
 970         }
 971 #Form textarea.LargeCommentBox {
 972         height: 400px;
 973         }
 974 #Form .Button {
 975         cursor: pointer;
 976         color: #000 !important;
 977         }
 978 #Form .Button.SubmitButton {
 979         margin-right:10px;
 980         }
 981
 982 /* Add Comment & Start Discussion Forms */
 983
 984 #Form.StartDiscussion legend {
 985         padding-top: 0;
 986         }
 987 #PostPage #Form.AddComments legend {
 988         padding-top: 0;
 989         }
 990 .AddComments {
 991         width: 99%;
 992         }
 993 #Form.AddComments {
 994         width: 100%;
 995         }
 996 #Form.AddComments fieldset {
 997         margin: 0;
 998         }
 999 #Form.AddComments form {
1000         margin-top: 0 !important;
1001         }
1002 #Form.StartDiscussion label,
1003 #Form.AddComments label {
1004         display:block;
1005         width:100%;
1006         color:#834300;
1007         font-weight:bold;
1008         }
1009 #Form.StartDiscussion label.Radio,
1010 #Form.AddComments label.Radio {
1011         display:inline !important;
1012         width:auto !important;
1013         }
1014 #Form.AddComments {
1015         margin: 0 0 4px 0;
1016         padding: 4px 0 0 0;
1017         }
1018 #PostPage #Form.AddComments {
1019         padding: 0;
1020         }
1021 .DiscussionBox {
1022         width: 400px;
1023         }
1024 #Form .Button {
1025         width: auto !important;
1026         }
1027 #Form.AddComments a,
1028 #Form.StartDiscussion a {
1029         font-weight: normal;
1030         }
1031 #CommentFormats input {
1032         margin: 0 2px 0 12px;
1033         }
1034 #Form.StartDiscussion #CommentFormats label,
1035 #Form.AddComments #CommentFormats label {
1036         font-weight: normal;
1037         }
1038 /* Pad fatal errors on post page */
1039 #PostPage #Content {
1040         padding-top: 20px !important;
1041         }
1042
1043 /* Account Section Forms.. */
1044
1045 .Account {
1046         width:450px;
1047         margin: 0 !important;
1048         }
1049 #Form.Account * {
1050         color:#84733d;
1051         }
1052 #Form.Account legend {
1053         color:#000;
1054         }
1055 #Form.Account h2 {
1056         font-size:14px;
1057         margin-bottom:10px;
1058         }
1059 #Form.Account p {
1060         padding-bottom: 10px;
1061         }
1062 #Form.Account ul p {
1063         padding: 0;
1064         }
1065 #Form.Account label {
1066         display:block;
1067         width:80%;
1068         line-height:18px;
1069         margin-bottom: 4px;
1070         }
1071 #Form.GlobalsForm label {
1072         float: left;
1073         }
1074 #Form.Extensions label {
1075         width: 100%;
1076         }
1077 #Form.Account .Description span label,
1078 #Form.Account label small {
1079         font-weight:normal;
1080         }
1081 #Form.Account input,
1082 #Form.Account select {
1083         color:#000;
1084         width:40%;
1085         }
1086 #Form.GlobalsForm input,
1087 #Form.GlobalsForm select {
1088         width: 59%;
1089         }
1090 .Description {
1091         margin:3px 0 !important;
1092         padding: 3px 0 5px 0 !important;
1093         font-weight:normal;
1094         }
1095 #Form.Account p span {
1096         display:block;
1097         margin-top:5px;
1098         }
1099 #Form.Account p span label {
1100         float:none;
1101         display:inline;
1102         margin-left:5px;
1103         font-weight:bold;
1104         line-height:20px;
1105         width:90%;
1106         }
1107 #Form.Account p span input {
1108         width:14px;
1109         }
1110 #Form.Preferences p span label {
1111         font-weight: normal;
1112         }
1113
1114 /* Globals Form */
1115
1116 #Form.GlobalsForm select.SmallSelect {
1117         font-size: 11px;
1118         width: 50px;
1119         }
1120 #Form.GlobalsForm #ForumOptions p span label {
1121         font-weight: normal !important;
1122         }
1123 #Form.GlobalsForm #ForumOptions {
1124         margin-bottom: 20px;
1125         }
1126 #Form.GlobalsForm p {
1127         margin-bottom: 10px;
1128         }
1129
1130 /* Update Check form */
1131 .UpdateOld .Name,
1132 .UpdateGood .Name,
1133 .UpdateUnknown .Name,
1134 .UpdateChecking .Name {
1135         padding: 0 0 4px 23px !important;
1136         }
1137 .UpdateOld .Details,
1138 .UpdateGood .Details,
1139 .UpdateUnknown .Details,
1140 .UpdateChecking .Details {
1141         font-weight: normal;
1142         }
1143 .UpdateOld,
1144 .UpdateUnknown {
1145         background: #FFC;
1146         }
1147 .UpdateGood {
1148         background: #FFFB97;
1149         }
1150 .UpdateChecking {
1151         background: #FFFEEC;
1152         }
1153 .UpdateOld .Name {
1154         background: url(ico.alert.gif) no-repeat top left;
1155 }
1156 .UpdateGood .Name {
1157         background: url(ico.check.gif) no-repeat top left;
1158 }
1159 .UpdateUnknown .Name {
1160         background: url(ico.unknown.gif) no-repeat top left;
1161 }
1162 .UpdateChecking .Name {
1163         background: url(progress.gif) no-repeat center left;
1164 }
1165
1166
1167 /* RoleEdit Form */
1168
1169 #Form.RoleEditForm li p span label {
1170         font-weight: normal !important;
1171         }
1172
1173 /* Category List */
1174 #Form.CategoryList .RoleBlocked {
1175         background: url(disabled-tile.gif) #F4F4C2;
1176         }
1177
1178 /* Category Form */
1179 #Form.CategoryForm li p span label {
1180         font-weight: normal !important;
1181         }
1182
1183 /* Custom form for extensions management screen */
1184
1185 #Form.Extensions {
1186         margin: 0 0 20px 0 !important;
1187         }
1188 div.Extensions ul {
1189         border:1px solid #ddd;
1190         border-bottom:0;
1191         margin: 10px 0 20px 0 !important;
1192         }
1193 div.Extensions ul {
1194         background-color:#fffeec;
1195         }
1196 div.Extensions ul li {
1197         border-bottom:1px solid #ddd;
1198         margin:0 !important;
1199         padding:10px !important;
1200         overflow: hidden;
1201         }
1202 div.Extensions ul li.Enabled {
1203         background: #FEFECB;
1204         }
1205 div.Extensions ul li.Disabled {
1206         background: url(disabled-tile.gif) #F4F4C2;
1207         }
1208 div.Extensions ul li.Processing {
1209         background: #FEFECB;
1210         }
1211 div.Extensions ul li.Processing label {
1212         background: url(progress.gif) no-repeat center left;
1213         }
1214 div.Extensions ul li.Processing input {
1215         display: none;
1216         }
1217 div.Extensions ul li.Processing * {
1218         color: #B9AB7E !important;
1219         }
1220 div.Extensions h3 {
1221         font-size:13px;
1222         color:#000 !important;
1223         }
1224 div.Extensions h3 label {
1225         display: inline !important;
1226         padding-left: 30px !important;
1227         }
1228 div.Extensions ul li input {
1229         width: auto !important;
1230         margin-top: 3px !important;
1231         left: 260px;
1232         position: absolute;
1233         }
1234 div.Extensions h3 a {
1235         color:#1EB136 !important;
1236         text-decoration: none;
1237         }
1238 div.Extensions h3 a:hover {
1239         text-decoration: underline;
1240         }
1241 div.Extensions ul li span,
1242 div.Extensions ul li span * {
1243         font-size: 12px;
1244         font-weight: normal;
1245         z-index: 1;
1246         }
1247 div.Extensions ul li span {
1248         margin-left: 10px !important;
1249         }
1250 div.Extensions .Version {
1251         font-weight: bold;
1252         margin-left: 5px !important;
1253         }
1254 div.Extensions ul li p {
1255         padding-left:30px !important;
1256         color:#000 !important;
1257         font-weight:normal;
1258         }
1259 div.Extensions ul li p a {
1260         color:#335eb7 !important;
1261         text-decoration: none;
1262         }
1263 div.Extensions ul li p a:hover {
1264         color:#062971 !important;
1265         text-decoration: underline;
1266         }
1267
1268 /* Custom form for applicant management screen */
1269 div.Applicants ul li.CheckController p {
1270         padding-left: 4px !important;
1271         }
1272 div.Applicants ul li.NoApplicants p {
1273         padding-left: 4px !important;
1274         color: #84733D !important;
1275         }
1276 div.Applicants .Approve {
1277         padding: 0 0 10px 0 !important;
1278         }
1279 div.Applicants .Approve input {
1280         font-size: 11px !important;
1281         }
1282 div.Applicants ul {
1283         margin: 10px 0 10px 0 !important;
1284         }
1285
1286 /* Custom form for sortable list */
1287
1288 .SortList {
1289         background-color: #ffc;
1290         border: 1px solid #ddd;
1291         border-top: 0;
1292         }
1293 .MovableSortListItem {
1294         cursor: move;
1295         }
1296 .SortListItem {
1297         border-top: 1px solid #ddd;
1298         padding: 6px !important;
1299         margin: 0 !important;
1300         position: relative;    /* set item to relative for IE6 */
1301         }
1302 .SortListOptions {
1303         float: right !important;       /* float for modern browsers - no need to clear this float */
1304         float: none;                   /* no float for IE6 */
1305         position: relative !important; /* realtive positioning for modern browsers */
1306         position: absolute;            /* absolute positioning for IE6 */
1307         right: auto !important;         /* no right positioning for modern browsers */
1308         right: 20px;                   /* right positioning for IE6 */
1309         }
1310 .SortEdit, .SortEdit:link, .SortEdit:active, .SortEdit:visited {
1311         color: #1eb136 !important;
1312         font-weight: normal !important;
1313         text-decoration: none !important;
1314         }
1315 .SortEdit:hover {
1316         color: #393;
1317         text-decoration: underline;
1318         }
1319 .SortRemove {
1320         background: url(btn.remove.gif) no-repeat center right;
1321         text-decoration: none;
1322         margin-left: 10px !important;
1323         padding-left: 15px !important;
1324         }
1325 .SortNoRemove {
1326         text-decoration: none;
1327         margin-left: 10px !important;
1328         padding-left: 15px !important;
1329         }
1330
1331 /* */
1332
1333 #CustomInfo li {
1334         width:50%;
1335         float:left;
1336         }
1337 #CustomInfo li input {
1338         width:80% !important;
1339         }
1340 .Submit {
1341         margin:20px 0 !important;
1342         text-align:right;
1343         }
1344 .Submit input {
1345         width: auto !important;
1346         float:left;
1347         cursor:pointer;
1348         }
1349 .Submit a {
1350         color: #f60 !important;
1351         }
1352
1353 /* Profile Page.. */
1354
1355 #AccountProfile #Success,
1356 #AccountProfile .ErrorContainer {
1357         margin-right: 18px;
1358         }
1359 #AccountProfile .ErrorContainer {
1360         margin-bottom: 10px;
1361         border-bottom: 1px solid #FFC2CA;
1362         }
1363 #AccountProfile {
1364         float:left;
1365         width:300px;
1366         border-right:1px solid #ccc;
1367         min-height: 250px;
1368         }
1369 #AccountProfile * {
1370         margin:0;
1371         padding:0;
1372         list-style:none;
1373         }
1374 #AccountProfile li {
1375         clear:both;
1376         margin-right:20px;
1377         line-height:18px;
1378         }
1379 #AccountProfile h3 {
1380         font-size:12px;
1381         width:44%;
1382         float:left;
1383         }
1384 #AccountProfile p {
1385         float:left;
1386         width:55%;
1387         }
1388 #AccountProfile h2 {
1389         font-size:14px;
1390         color:#000;
1391         width:60%;
1392         float:left;
1393         }
1394 #AccountProfile .ProfileTitle * {
1395         line-height:32px;
1396         }
1397 #AccountProfile .Tagline {
1398         padding: 6px;
1399         text-align: center;
1400         border-top: 1px solid #D9999A;
1401         border-bottom: 1px solid #D9999A;
1402         background: #FEE1E1;
1403         color: #850406 !important;
1404         margin: 0 20px 10px 0;
1405         }
1406 .ProfileTitleIcon {
1407         background-repeat:no-repeat;
1408         }
1409 .ProfileTitle h2 {
1410         width:48% !important;
1411         }
1412 .ProfileTitle.WithIcon h2 {
1413         padding-left:4px !important;
1414         width: auto;
1415         }
1416 .ProfileTitle.WithIcon .ProfileIcon {
1417         padding:9px 0 9px 30px;
1418         background: #fff no-repeat center center;
1419         margin-right: 6px;
1420         display: inline;
1421         float: left;
1422         width: 32px;
1423         }
1424 #AccountProfile .ProfileTitle p {
1425         width:auto;
1426         float: right;
1427         text-align:right;
1428         font-size:11px;
1429         color:#aaa;
1430         }
1431 #AccountProfile .ProfileTitle {
1432         line-height:20px;
1433         margin-bottom:10px;
1434         }
1435 #AccountProfile .Picture {
1436         width: 280px;
1437         height: 200px;
1438         overflow: hidden;
1439         background: center center no-repeat;
1440         margin-bottom: 6px;
1441         }
1442 #AccountHistory {
1443         margin-left:320px;
1444         min-height: 260px;
1445         }
1446 html>body #AccountHistory { /* ugly hack, but fixes display error in IE. */
1447         margin-left:300px !important;
1448         }
1449 #AccountHistory * {
1450         margin:0;
1451         padding:0;
1452         list-style:none;
1453         color:#999;
1454         }
1455 #AccountHistory ul, #AccountHistory h2 {
1456         margin:0 20px;
1457         }
1458 #AccountHistory ul {
1459         margin-bottom:20px;
1460         }
1461 #AccountHistory h2 {
1462         font-size:14px;
1463         color:#000;
1464         }
1465 #AccountHistory ul {
1466         border-top:1px solid #ccc;
1467         }
1468 #AccountHistory li {
1469         padding:5px;
1470         border-bottom:1px solid #ccc;
1471         }
1472 #AccountHistory h3,
1473 #AccountHistory h3 a {
1474         color:#666;
1475         font-size:12px;
1476         }
1477 #AccountHistory h3 small {
1478         font-size:11px;
1479         }
1480 #AccountHistory p {
1481         font-size:11px;
1482         }
1483 #AccountHistory p.Note {
1484         padding:3px;
1485         padding-bottom:0;
1486         font-style:italic;
1487         }
1488
1489 /* Settings Home */
1490
1491 #Form.Help form {
1492         width: 450px !important;
1493         margin: 0;
1494         padding: 0;
1495         }
1496 #SettingsPage #Form.Help p.Description {
1497         padding: 10px !important;
1498         color:#84733d !important;
1499         }
1500 #SettingsPage #Content dl * {
1501         margin:0;
1502         padding:0;
1503         color: #84733d;
1504         font-size:12px;
1505         }
1506 #SettingsPage #Content dl dt {
1507         margin: 10px 10px;
1508         font-weight:bold;
1509         font-size:14px;
1510         }
1511 #SettingsPage #Content dl dd {
1512         margin:10px;
1513         }
1514 .WhisperFrom {
1515         background-color:#fefceb;
1516         }
1517 .WhisperTo {
1518         background-color:#feebfa;
1519         }
1520 .left {
1521         float:left;
1522         }
1523 .hiLite {
1524         background-color:#ff9;
1525         font-style:normal;
1526         }
1527
1528 /* Autocomplete results */
1529
1530 .AutoCompleteContainer {
1531         margin: 0;
1532         padding: 0;
1533         border: 1px solid #888;
1534         border-top: 0;
1535         }
1536 .AutoCompleteContainer td {
1537         padding: 3px;
1538         cursor: pointer;
1539         }
1540 .AutoCompleteRow td {
1541         background: #fff;
1542         color: #000;
1543         }
1544 .AutoCompleteHoverRow td {
1545         background: #335EA8;
1546         color: #fff;
1547         }
1548
1549 /* Ajax progress */
1550 .HideProgress {
1551         background: url(hprogress.gif) center center no-repeat;
1552         text-decoration: none !important;
1553         padding-left: 15px;
1554         padding-right: 15px;
1555         }
1556 .Progress {
1557         background: url(hprogress.gif) left center no-repeat;
1558         padding-left: 22px !important;
1559         }
1560 .PreferenceProgress {
1561         background: url(hprogress.gif) left center no-repeat;
1562         padding-left: 16px !important;
1563         }
1564 .Complete,
1565 .PreferenceComplete {
1566         background: none;
1567         padding-left: 0;
1568         }
1569 .PreferenceProgress input {
1570         display: none;
1571         }
1572 .PreferenceComplete input {
1573         display: inline;
1574         }
1575
1576 /* IE Rendering Fixes */
1577
1578 #Body, #Form h2, #Form p, blockquote {height: 1%;}
1579
1580 /* Thank you positioniseverything.com*/
1581
1582 .clearfix:after {
1583         content:".";
1584         display:block;
1585         height:0;
1586         clear:both;
1587         visibility:hidden;
1588         }
1589 .clearfix {
1590         display:inline-table;
1591         }
1592
1593 /* Hides from IE-mac \*/
1594
1595 * html .clearfix {
1596         height:1%;
1597         }
1598 .clearfix {
1599         display:block;
1600         }
1601
1602 /* End hide from IE-mac */
1603
1604 /* IE 7 Fixes - thanks WallPhone */
1605
1606 #Content .ContentInfo.Bottom .PageInfo p {
1607         min-width: 20px;
1608         }
1609 html>body #Content .ContentInfo.Bottom .PageInfo {
1610         border-top: 1px solid #fff;
1611         }
1612 #MoveDiscussionDropdown {
1613         display:none;
1614         }
1615
1616
1617 /*      [-Stash-] 2010-04-08 09:50:06
1618  *      move the "Powered by Vanilla" from the Panel (or "side panel" if you like) to the Footer,
1619  *      or bottom of each page.
1620  *      http://vanillaforums.org/addon/544/vanilla-powered-footer
1621  */
1622
1623 #Panel #AboutVanilla {
1624         display:none;
1625         }
1626 #Content #AboutVanilla {
1627         width:auto!important;
1628         margin-right:0!important;
1629         }
1630
1631 /*      [-Stash-] 2010-04-08 10:03:57
1632  *      Get rid of the white space at the bottom of the page. It's no longer needed since the "Powered by Vanilla" message now ends the page quite nicely.
1633  *      This next rule is kinda lengthy to work with "Smooth Page Jump 1.0" - http://vanillaforums.org/addon/52/smooth-page-jump
1634  *      I could have just used "display:none;", which continued to work with the JQuery - http://vanillaforums.org/addon/231/jquery - SmoothPAgeScroll option
1635  *      But this is probably better in the long run for compatibility with other plugins...
1636  */
1637 #pgbottom {
1638         background:transparent;
1639         border:0;
1640         margin:0;
1641         padding:0;
1642         height:1px;
1643         width:1px;
1644         position:absolute;
1645         bottom:0;
1646         right:0;
1647         }
1648
1649 a img {
1650     border:0;
1651     vertical-align: middle;
1652 }
1653
1654 a#Logo {
1655         position:absolute;
1656         top:0px;
1657         left:0px;
1658         display: block;
1659         width: 105px;
1660         height: 80px;
1661         background-image: url(logo.png);
1662         margin: 0 auto;
1663 }
1664 a#Logo:hover {
1665         background-image: url(logo_hover.png);
1666 }
1667 a#Logo .alt { display: none; }