tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7 }
   8
   9 blockquote {
  10         margin : 5px;
  11         border-width : 0px 0px 0px 4px;
  12         border-color : #f0f0f0;
  13         border-style : solid;
  14         padding : 2px 0px 2px 5px;
  15 }
  16
  17 div.postReply {
  18         padding : 10px;
  19         font-size : medium;
  20 }
  21
  22 div.postReply a {
  23         color : #4684ff;
  24 }
  25
  26 div.postReply a:hover {
  27         color : black;
  28 }
  29
  30 div.postReply div.postHeader {
  31         background : #ecf4ff;
  32         border : 1px solid #88b0f0;
  33 }
  34
  35 div.postReply > div.postHeader {
  36         padding : 5px;
  37 }
  38
  39 div.postReply div.postContent {
  40         padding : 10px;
  41 }
  42
  43 div.postReply div.postIcon {
  44         float : right;
  45         border : 0px;
  46         margin : 10px 0px 10px 10px;
  47 }
  48
  49 ul.feedList {
  50         list-style-type : none;
  51         margin : 5px;
  52         padding : 0px 0px 0px 5px;
  53         font-size : small;
  54         white-space : nowrap;
  55 }
  56
  57 ul.feedList li.feedCat {
  58         margin : 0px;
  59         padding : 3px 0px 3px 0px;
  60         color : #707070;
  61         font-size : small;
  62 }
  63
  64 ul.feedList li.feedCat a {
  65         color : #707070;
  66 }
  67
  68 ul.feedList li.feedCat a:hover {
  69         color : #4684ff;
  70 }
  71
  72 ul.feedCatList {
  73         list-style-type : none;
  74         margin : 0px 0px 0px 15px;
  75         padding : 0px;
  76 }
  77
  78 ul.feedCatList li {
  79         margin : 0px;
  80         padding : 0px 0px 0px 0px;
  81         color : black;
  82 }
  83
  84 ul.feedList li {
  85         margin : 0px;
  86 }
  87
  88 li.feedUnread,
  89 li.errorUnread,
  90 li.labelUnread,
  91 li.virtUnread,
  92 li.tagUnread {
  93         font-weight : bold;
  94 }
  95
  96 li.errorSelected a,
  97 li.error a,
  98 li.errorUnread a,
  99 li.errorUnreadSelected a {
 100         color : #f04040;
 101 }
 102
 103 li.feedSelected a,
 104 li.labelSelected a,
 105 li.virtSelected a,
 106 li.tagSelected a {
 107         color : #4684ff;
 108 }
 109
 110 li.feedUnreadSelected a,
 111 li.labelUnreadSelected a,
 112 li.virtUnreadSelected a,
 113 li.tagUnreadSelected a {
 114         color : #4684ff;
 115 }
 116
 117 li.feedUnreadSelected,
 118 li.errorUnreadSelected,
 119 li.labelUnreadSelected,
 120 li.virtUnreadSelected,
 121 li.tagUnreadSelected {
 122         font-weight : bold;
 123 }
 124
 125 li.feed {
 126         display : block;
 127 }
 128
 129 ul.feedList img, img.tinyFeedIcon {
 130         margin : 0px 3px 0px 0px;
 131         width : 16px;
 132         height : 16px;
 133         border-width : 0px;
 134 }
 135
 136 h1 {
 137         font-size : 16pt;
 138 }
 139
 140 h2 {
 141         font-size : 14pt;
 142         font-weight : bold;
 143         border-width : 0px 0px 1px 0px;
 144         border-style : solid;
 145         border-color : #ecf4ff;
 146 }
 147
 148 h3 {
 149         font-size : 12pt;
 150         font-weight : bold;
 151         border-width : 0px 0px 1px 0px;
 152         border-style : solid;
 153         border-color : #ecf4ff;
 154 }
 155
 156 hr {
 157         border-width : 0px 0px 1px 0px;
 158         border-style : dashed;
 159         border-color : #e0e0e0;
 160 }
 161
 162 a {
 163         color : black;
 164         text-decoration : none;
 165 }
 166
 167 a:hover {
 168         color : #4684ff;
 169 }
 170
 171 #piggie {
 172         width : 400;
 173         height : 400;
 174         right : 0;
 175         top : -400;
 176         background-color : white;
 177         display : none;
 178         z-index : 999;
 179         background-image : url("images/piggie.png");
 180         background-position : center center;
 181         background-repeat : no-repeat;
 182         position : absolute;
 183         border : 1px solid pink;
 184         margin-left : auto;
 185         margin-right : auto;
 186         -moz-border-radius : 10px;
 187         opacity : 0.8;
 188 }
 189
 190 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 191 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 192 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 193 #iedit_parent_feed {
 194         width : 100%;
 195         padding-left : 2px;
 196         background-color : #f0fff0;
 197 }
 198
 199 textarea.iedit {
 200         width : 100%;
 201 }
 202
 203 input.iedit {
 204         width : 100%;
 205         padding-left : 2px;
 206 }
 207
 208 select.iedit {
 209         width : 100%;
 210 }
 211
 212 input.editbox {
 213         width : 200px;
 214         padding-left : 2px;
 215 }
 216
 217 #notify {
 218         border-width : 1px;
 219         border-style : solid;
 220         top : 10px;
 221         right : 35%;
 222         min-width : 30%;
 223         position : absolute;
 224         display : none;
 225         float : right;
 226         font-size : small;
 227         text-align : center;
 228         z-index : 999;
 229         -moz-border-radius : 2px;
 230         padding : 5px 5px 5px 5px;
 231 }
 232
 233 .notify {
 234         border-color : #d7c47a;
 235         background-color : #fff7d5;
 236         color : black;
 237 }
 238
 239 .notifyError {
 240         background-color : #ffcccc;
 241         border-color : #ff0000;
 242         color : black;
 243 }
 244
 245 #dispSwitch {
 246         font-size : x-small;
 247         text-align : right;
 248         float : right;
 249         margin : 5px 5px 0px 0px;
 250 }
 251
 252 #dispSwitch a {
 253         color : gray;
 254 }
 255
 256 #dispSwitch a:hover {
 257         color : #4684ff;
 258 }
 259
 260 div.expPane {
 261         margin : 15px;
 262 }
 263
 264 iframe {
 265         border : 0px solid white;
 266 }
 267
 268 iframe.feedsFrameWithActions {
 269         width : 100%;
 270         height : 90%;
 271         margin : 0px;
 272         padding : 0px;
 273 }
 274
 275 iframe.feedsFrame {
 276         width : 100%;
 277         height : 100%;
 278         margin : 0px;
 279         padding : 0px;
 280 }
 281
 282 iframe.contentFrame, iframe.headlinesFrame {
 283         width : 100%;
 284         padding : 0px;
 285         margin : 0px;
 286         height : 100%;
 287 }
 288
 289 /*.button {
 290         border : 1px solid #d0d0d0;
 291         background-image : url("images/button.png");
 292         background-position : top;
 293         background-repeat : repeat-x;
 294         background-color : white;
 295         color : black;
 296 }
 297
 298 .button:hover {
 299         background : white;
 300         text-decoration : none;
 301         color : black;
 302 }
 303
 304 .disabledButton {
 305         border : 1px solid #c0c0c0;
 306         background-color : white;
 307         color : gray;
 308 }
 309
 310 a.button {
 311         padding : 2px 5px 2px 5px;
 312         font-size : small;
 313 } */
 314
 315 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 316         .evenSelectedUnread td {
 317         background-color : #fff7d5;
 318         font-weight : bold;
 319                   border-width : 1px 0px 1px 0px;
 320                   border-style : solid;
 321                   border-color : #e7d796;
 322 }
 323
 324 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 325         .oddSelectedUnread td {
 326         background-color : #fff7d5;
 327         font-weight : bold;
 328 }
 329
 330 .evenSelected, .evenSelected td {
 331         background-color : #fff7d5;
 332                   border-width : 1px 0px 1px 0px;
 333                   border-style : solid;
 334                   border-color : #e7d796;
 335 }
 336
 337 .oddSelected, .evenSelected td {
 338         background-color : #fff7d5;
 339 }
 340
 341 .evenGrayed, .evenGrayed td {
 342         background-color : #f0f0f0;
 343         color : #909090;
 344                   border-width : 1px 0px 1px 0px;
 345                   border-style : solid;
 346                   border-color : #c0c0c0;
 347 }
 348
 349 .oddGrayed {
 350         color : #909090;
 351 }
 352
 353 .even, .even td {
 354                   border-width : 1px 0px 1px 0px;
 355                   border-style : solid;
 356                   border-color : #c0c0c0;
 357         background-color : #f0f0f0;
 358 }
 359
 360 .evenUnread, .evenUnread td {
 361         background-color : #f0f0f0;
 362         font-weight : bold;
 363                   border-width : 1px 0px 1px 0px;
 364                   border-style : solid;
 365                   border-color : #c0c0c0;
 366 }
 367
 368 .oddUnread, .oddUnread td {
 369         font-weight : bold;
 370 }
 371
 372 .invisible {
 373         display : none;
 374 }
 375
 376 /* preferences */
 377
 378 tr.title td {
 379         border-width : 0px 0px 1px 0px;
 380         border-color : #ecf4ff;
 381         border-style : solid;
 382         font-size : small;
 383         color : #4684ff;
 384 }
 385
 386 tr.title td a {
 387         color : #4684ff;
 388 }
 389
 390 tr.title td a:hover {
 391         color : black;
 392 }
 393
 394 div.feedEditSearch {
 395         float : right;
 396 }
 397
 398 table.prefFeedList td.feedEditCat {
 399         font-weight : bold;
 400         border-width : 0px 0px 1px 0px;
 401         border-style : solid;
 402         border-color : #88b0f0;
 403         padding-top : 0.5em;
 404 }
 405
 406 table.prefFeedList td.feedIcon {
 407         text-align : center;
 408 }
 409
 410 table.prefFeedList td.feedSelect {
 411         text-align : center;
 412 }
 413
 414 a.helpLink {
 415         color : #808080;
 416 }
 417
 418 a.helpLink:hover {
 419         color : #4684ff;
 420 }
 421
 422 div.helpResponse {
 423         margin : 10px;
 424         background-image : url("images/vgrad_light_rev2.png");
 425         background-position : top left;
 426         background-repeat : repeat-x;
 427         padding : 10px 20px 10px 20px;
 428         border : 1px solid #f0f0f0;
 429 }
 430
 431 #infoBoxTitle {
 432         border-width : 1px 1px 1px 1px;
 433         border-style : solid;
 434         border-color : #88b0f0;
 435         background-color : #88b0f0;
 436         padding : 2px;
 437         color : white;
 438 }
 439
 440
 441 #infoBox {
 442         border-width : 1px 1px 1px 1px;
 443         border-style : solid;
 444         border-color : #88b0f0;
 445         font-size : small;
 446         position : relative;
 447         bottom : 2px;
 448         right : 2px;
 449         padding-bottom : 5px;
 450         background-image : url("images/prefs-content.png");
 451         background-position : top left;
 452         background-repeat : repeat-x;
 453         background-color : white;
 454 }
 455
 456 #infoBoxShadow {
 457         background-image : url("images/shadow.png");
 458         left : 30%;
 459         top : 30%;
 460         width : 30%;
 461         z-index : 3;
 462         position : absolute;
 463         display : none;
 464 }
 465
 466 div.infoBoxContents {
 467         padding : 5px;
 468         margin-bottom : 5px;
 469 }
 470
 471 div.infoBoxContents td {
 472         font-size : small;
 473 }
 474
 475 div.helpResponse h1, div.infoBoxContents h1 {
 476 /*        border-width : 0px 0px 1px 0px;
 477         border-style : solid;
 478         border-color : #c0c0c0; */
 479         font-size : 16pt;
 480 }
 481
 482 div.helpResponse h2, div.infoBoxContents h2 {
 483 /*        border-width : 0px 0px 0px 0px; */
 484         font-size : 12pt;
 485 }
 486
 487 pre {
 488         margin : 5px;
 489 }
 490
 491 input.extSearch {
 492         width : 100%;
 493 }
 494
 495 div.firstTab {
 496         width : 10px;
 497         float : left;
 498 }
 499
 500 div.prefsTab:hover {
 501         cursor : pointer;
 502 }
 503
 504 div.prefsTab {
 505         float : left;
 506         border-width : 1px 1px 0px 1px;
 507         border-color : #88b0f0;
 508         border-style : solid;
 509         margin : 0px 0px 0px 5px;
 510         padding : 3px 5px 3px 5px;
 511         font-size : small;
 512         position : relative;
 513         border-collapse : collapse;
 514         -moz-border-radius : 3px;
 515         min-width : 100px;
 516         text-align : center;
 517 }
 518
 519 div.prefsTabSelected {
 520         float : left;
 521         border-width : 1px 1px 0px 1px;
 522         border-color : #88b0f0;
 523         border-style : solid;
 524         margin : 0px 0px 0px 5px;
 525         padding : 3px 5px 3px 5px;
 526         background-color : #ecf4ff;
 527         font-size : small;
 528         position : relative;
 529         border-collapse : collapse;
 530         -moz-border-radius : 3px;
 531         font-weight : bold;
 532         min-width : 100px;
 533         text-align : center;
 534 }
 535
 536 div.warning {
 537         background : #fff7d5;
 538         border : 1px solid #d7c47a;
 539         padding : 5px;
 540         margin : 5px;
 541         font-size : small;
 542 }
 543
 544 div.notice {
 545         background : #ffffff;
 546         border : 1px solid #88b0f0;
 547         padding : 5px;
 548         margin : 5px;
 549         font-size : small;
 550 }
 551
 552 ul.nomarks {
 553         list-style-type : none;
 554         margin : 0px;
 555         padding : 10px;
 556 }
 557
 558 div.bigErrorMsg {
 559         border : 1px solid #c0c0c0;
 560         background : #fff0f0;
 561         padding : 30px;
 562         margin : 20px;
 563 }
 564
 565 div.prefHelp, td.prefHelp {
 566         font-size : small;
 567         color : gray;
 568         padding : 5px;
 569 }
 570
 571 table.loginForm {
 572         background-color : #ecf4ff;
 573 }
 574
 575 table.innerLoginForm {
 576         border : 1px solid #88b0f0;
 577         padding : 50px;
 578         background-color : white;
 579 }
 580
 581 table.innerLoginForm td {
 582         padding : 3px 3px 5px 3px;
 583 }
 584
 585 span.insensitive {
 586         color : gray;
 587 }
 588
 589 .prefGenericAddBox {
 590         font-size : small;
 591 }
 592
 593 body.logoutBody {
 594         background-color : #f0f0f0;
 595         color : black;
 596 }
 597
 598 span.logoutWarning {
 599         color : red;
 600         font-weight : bold;
 601 }
 602
 603 div.logoutContent {
 604         width : 600px;
 605         border : 1px solid #c0c0c0;
 606         background-color : white;
 607         margin-left : auto;
 608         margin-right : auto;
 609         margin-top : 20px;
 610         padding : 10px;
 611 }
 612
 613 .small {
 614         font-size : small;
 615 }
 616
 617 table.innerFeedTable td {
 618         margin : 0px;
 619         padding : 0px;
 620 }
 621
 622 td.selectPrompt {
 623         font-size : x-small;
 624         color : gray;
 625 }
 626
 627 table.headlinesSubToolbar {
 628         border-width : 0px 0px 1px 0px;
 629         border-style : solid;
 630         border-color : #f0f0f0;
 631 }
 632
 633 table.headlinesSubToolbar td.headlineActions {
 634         font-size : x-small;
 635         color : gray;
 636         padding : 5px 0px 5px 5px;
 637 }
 638
 639 table.headlinesSubToolbar td.headlineActionsRTL {
 640         font-size : x-small;
 641         color : gray;
 642         padding : 5px 5px 5px 0px;
 643 }
 644
 645 table.headlinesSubToolbar td.headlineTitle {
 646         font-size : x-small;
 647         color : gray;
 648         padding : 5px 5px 5px 0px;
 649         text-align : right;
 650 }
 651
 652 table.headlinesSubToolbar td.headlineTitleRTL {
 653         font-size : x-small;
 654         color : gray;
 655         padding : 5px 0px 5px 5px;
 656         text-align : left;
 657 }
 658
 659 span.contentPreview {
 660         font-size : x-small;
 661         color : gray;
 662         font-weight : normal;
 663 }
 664
 665 span.contentPreview:hover {
 666         color : #4684ff;
 667 }
 668
 669 table.headlinesList td.hlMarkedPic {
 670         width : 25px;
 671         text-align : center;
 672 }
 673
 674 table.headlinesList td.hlfeed {
 675         text-align : right;
 676         font-size : small;
 677 }
 678
 679 td.hlSelectRow, td.hlUpdatePic {
 680         width : 25px;
 681         text-align : center;
 682 }
 683
 684 table.headlinesList td.hlUpdated {
 685         font-size : small;
 686         color : gray;
 687         text-align : right;
 688         width : 100px;
 689 }
 690
 691 table.headlinesList tr td {
 692         padding : 2px 0px 2px 0px;
 693 }
 694
 695 div.postHeader td.postDate {
 696         font-size : x-small;
 697         text-align : right;
 698         color : gray;
 699 }
 700
 701 div.postHeader td.postDateRTL {
 702         font-size : x-small;
 703         text-align : left;
 704         color : gray;
 705 }
 706
 707 #feedUpdateErrors {
 708         display : none;
 709 }
 710
 711 #allEntryTags {
 712         font-size : x-small;
 713         border-width : 0px 0px 1px 0px;
 714         border-style : solid;
 715         border-color : #c0c0c0;
 716         padding-bottom : 5px;
 717         display : none;
 718 }
 719
 720 /*td.hlContent {
 721         overflow : hidden;
 722         height : 1em;
 723         display : block;
 724 } */
 725
 726 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 727         height : 1em;
 728 }
 729
 730 td.hlFeed {
 731         text-align : right;
 732 }
 733
 734 div.cdmArticle {
 735         border : 1px solid #f0f0f0;
 736         background-color : #fafafa;
 737         -moz-border-radius : 5px;
 738         margin : 10px 10px 0px 10px;
 739         padding : 10px;
 740 }
 741
 742 div.cdmArticleUnread {
 743         border : 1px solid #d5f1f4;
 744         background-color : #fafeff;
 745         -moz-border-radius : 5px;
 746         margin : 10px 10px 0px 10px;
 747         padding : 10px;
 748 }
 749
 750 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 751           -moz-border-radius : 5px;
 752         margin : 10px 10px 0px 10px;
 753         padding : 10px;
 754         background-color : #fff7d5;
 755                   border : 1px solid #e7d796;
 756 }
 757
 758 div.cdmArticleUnread div.cdmHeader a.title,
 759 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 760         font-weight : bold;
 761 }
 762
 763 div.cdmHeader {
 764         padding-bottom : 5px;
 765 }
 766
 767 div.cdmFooter {
 768         font-size : x-small;
 769         color : gray;
 770         padding-top : 5px;
 771 }
 772
 773 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 774         margin : 0px;
 775 }
 776
 777 div.cdmHeader, div.cdmHeader a {
 778         color : gray;
 779         font-size : x-small;
 780 }
 781
 782 div.cdmHeader a:hover {
 783         color : #4684ff;
 784 }
 785
 786 div.cdmContent {
 787         margin-bottom : 5px;
 788 }
 789
 790 a.warning {
 791         color : #f04040;
 792 }
 793
 794 img.closeButton {
 795         border-width : 0px;
 796         float : right;
 797 }
 798
 799 span.groupPrompt {
 800         font-size : x-small;
 801         color : #4684ff;
 802 }
 803
 804 ul.userFeedList {
 805         height : 300px;
 806         overflow : auto;
 807         list-style-type : none;
 808         border : 1px solid #88b0f0;
 809         background-color : white;
 810         margin : 0px 0px 5px 0px;
 811         padding : 0px;
 812 }
 813
 814 /* #browseBigFeedList li.oddSelected {
 815         border : 1px solid #d0d0f6;
 816         background-color : #eaeaff;
 817         -moz-border-radius : 5px;
 818 } */
 819
 820 ul.labelTestResults {
 821         height : 100px;
 822         overflow : auto;
 823         list-style-type : none;
 824         margin : 0px 0px 5px 0px;
 825         padding : 0px;
 826         border : 1px solid #88b0f0;
 827         background-color : white;
 828 }
 829
 830 ul.filterTestResults {
 831         height : 300px;
 832         overflow : auto;
 833         list-style-type : none;
 834         margin : 0px 0px 5px 0px;
 835         padding : 0px;
 836         border : 1px solid #88b0f0;
 837         background-color : white;
 838 }
 839
 840 ul.browseFeedList {
 841         height : 300px;
 842         overflow : auto;
 843         list-style-type : none;
 844         margin : 0px 0px 5px 0px;
 845         padding : 0px;
 846         border : 1px solid #88b0f0;
 847         background-color : white;
 848 }
 849
 850 ul.browseFeedList li {
 851         margin : 0px;
 852         padding : 0px;
 853 }
 854
 855 span.subscribers {
 856         color : #808080;
 857 }
 858
 859 div.subscribers {
 860         color : #808080;
 861         font-size : x-small;
 862         float : right;
 863 }
 864
 865 input.feedBrowseCB {
 866         margin-right : 1em;
 867 }
 868
 869 div.browserDetails {
 870         margin : 5px 5px 5px 5px;
 871         display : none;
 872         padding : 5px;
 873 }
 874
 875 ul.compact {
 876         list-style-type : none;
 877         margin : 0px;
 878         padding : 0px;
 879 }
 880
 881 ul.compact li {
 882         margin : 0px;
 883         padding : 0px;
 884 }
 885
 886 div.browserFeedInfo {
 887         font-size : x-small;
 888 /*      border : 1px solid #88b0f0;
 889         background-color : #ecf4ff;
 890         -moz-border-radius : 5px; */
 891         padding : 5px;
 892 }
 893
 894 div.browserFeedInfo div.detailsPart {
 895         margin : 5px 0px 5px 5px;
 896 }
 897
 898 div.cdmContent a {
 899         color : #4684ff;
 900 }
 901
 902 div.cdmContent a:hover {
 903         color : black;
 904 }
 905
 906 a.cdmToggleLink {
 907         color : #808080;
 908         font-size : x-small;
 909 }
 910
 911 a.cdmToggleLink:hover {
 912         color : #4684ff;
 913 }
 914
 915 .noborder {
 916         border-width : 0px;
 917 }
 918
 919 #debug_output {
 920         position : absolute;
 921         width : 400px;
 922         height : 200px;
 923         right : 20px;
 924         bottom : 20px;
 925         z-index : 999;
 926         background-color : white;
 927         display : none;
 928         border : 1px solid #c0c0c0;
 929         overflow : auto;
 930         margin : 0px;
 931         padding : 0px;
 932         list-style-type : none;
 933 }
 934
 935 #debug_output li {
 936         margin : 0px;
 937         padding : 0px;
 938         font-size : x-small;
 939 }
 940
 941 #overlay {
 942         background : white;
 943         left : 0;
 944         top : 0;
 945         height : 100%;
 946         width : 100%;
 947         z-index : 100;
 948         position : absolute;
 949 }
 950
 951 #overlay_inner {
 952         font-weight : bold;
 953         text-align : center;
 954         margin : 10px;
 955 }
 956
 957 #fatal_error {
 958         background : white;
 959         left : 0;
 960         top : 0;
 961         height : 100%;
 962         width : 100%;
 963         z-index : 200;
 964         display : none;
 965         position : absolute;
 966 }
 967
 968 #fatal_error_inner {
 969         font-weight : bold;
 970         margin : 10px;
 971         color : red;
 972 }
 973
 974 #fatal_error_msg {
 975         border : 1px solid #c0c0c0;
 976         background-color : #f0f0f0;
 977         color : black;
 978         padding : 10px;
 979         font-weight : normal;
 980 }
 981
 982 #noDaemonWarning {
 983         position : absolute;
 984         background-color : #ecf4ff;
 985         border : 1px solid #88b0f0;
 986         padding : 10px;
 987         margin : 5px;
 988         z-index : 2;
 989         display : none;
 990 }
 991
 992 #qafInput {
 993         width : 100%;
 994 }
 995
 996 form {
 997         margin : 0px;
 998         padding : 0px;
 999 }
1000
1001 #main_toolbar_form {
1002         display : inline;
1003 }
1004
1005 div.feedExtInfo {
1006         margin-left : 2em;
1007         font-size : 7pt;
1008         color : gray;
1009         font-weight : normal;
1010 }
1011
1012 span.debugTS {
1013         color : #4684ff;
1014 }
1015
1016 #backReqBox {
1017         display : none;
1018 }
1019
1020 /*.scriptWarn:before {
1021         content : "Disabled script:";
1022 }*/
1023
1024 .scriptWarn {
1025         color : white;
1026         background-color : #903030;
1027         border : 1px solid #601010;
1028         padding : 3px;
1029         font-weight : bold;
1030 }
1031
1032 .objectWarn {
1033         color : gray;
1034         font-style: italic;
1035         text-align : center;
1036 }
1037
1038 table.loginForm2 {
1039         padding : 1em;
1040 }
1041
1042 table.loginForm2 .loginTop {
1043         border-width : 0px 0px 1px 0px;
1044         border-color : #88b0f0;
1045         border-style : solid;
1046         padding : 0.5em;
1047 }
1048
1049 table.loginForm2 .loginMiddle {
1050         padding : 3em;
1051 }
1052
1053 table.loginForm2 .loginBottom {
1054         border-width : 1px 0px 0px 0px;
1055         border-color : #88b0f0;
1056         border-style : solid;
1057         font-size : x-small;
1058         text-align : center;
1059         color : #909090;
1060         padding : 0.5em;
1061 }
1062
1063 table.loginForm2 .loginBottom a {
1064         color : gray;
1065 }
1066
1067 table.loginForm2 .loginBottom a:hover {
1068         color : #4684ff;
1069 }
1070
1071 table.loginForm2 .loginError {
1072         color : red;
1073         margin : 0.5em;
1074 }
1075
1076 table.loginForm2 .innerLoginCell {
1077         padding-top : 0.5em;
1078 }
1079
1080 #milestoneDetails {
1081         display : none;
1082 }
1083
1084 div.loadingPrompt {
1085         padding : 1em;
1086         text-align : center;
1087         font-weight : bold;
1088 }
1089
1090 div.whiteBox {
1091         background-color : white;
1092         margin-left : 1px;
1093         text-align : center;
1094         padding : 1em;
1095 }
1096
1097 /* layout */
1098
1099 #header {
1100         position : absolute;
1101         white-space: nowrap;
1102         top : 10px;
1103         left : 15px;
1104         right : 5px;
1105         height : 40px;
1106         color : #4684ff;
1107         font-size : small;
1108 }
1109
1110 #feeds-holder {
1111         border-width : 1px 1px 1px 0px;
1112         border-style : solid;
1113         border-color : #88b0f0;
1114         top : 50px;
1115         left : 0px;
1116         position : absolute;
1117         width : 260px;
1118         overflow : auto;
1119         bottom : 40px;
1120         border-collapse : collapse;
1121         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1122 }
1123
1124 #toolbar {
1125         position : absolute;
1126         left : 261px;
1127         padding : 5px 10px 5px 10px;
1128         top : 50px;
1129         right : 0px;
1130         white-space: nowrap;
1131         height : 30px;
1132         background-image : url("images/toolbar.png");
1133         background-position : bottom left;
1134         background-repeat : repeat-x;
1135 }
1136
1137 div.headlines_normal {
1138         position : absolute;
1139         border-width : 1px 0px 0px 0px;
1140         border-style : solid;
1141         border-color : #88b0f0;
1142         left : 260px;
1143         height : 305px;
1144         top : 85px;
1145         right : 0px;
1146         overflow : hidden;
1147         font-size : small;
1148         border-collapse : collapse;
1149         /* css hack for IE */
1150         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1151 }
1152
1153 div.headlines_cdm {
1154         position : absolute;
1155         border-width : 1px 0px 1px 0px;
1156         border-style : solid;
1157         border-color : #88b0f0;
1158         left : 260px;
1159         bottom : 40px;
1160         top : 85px;
1161         right : 0px;
1162         overflow : auto;
1163         font-size : small;
1164         border-collapse : collapse;
1165         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1166 }
1167
1168 #content-frame {
1169         position : absolute;
1170         border-width : 1px 0px 1px 0px;
1171         border-style : solid;
1172         border-color : #88b0f0;
1173         overflow : auto;
1174         top : 390px;
1175         left : 260px;
1176         bottom : 40px;
1177         right : 0px;
1178         border-collapse : collapse;
1179         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1180         height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1181 }
1182
1183 #footer, #prefFooter {
1184         position : absolute;
1185         bottom : 0px;
1186         height : 20px;
1187         text-align : center;
1188         color : gray;
1189         font-size : x-small;
1190         background-image : url("images/footer.png");
1191         background-position : top left;
1192         background-repeat : repeat-x;
1193         background-color : white;
1194         right : 0px;
1195         left : 0px;
1196         padding : 10px;
1197         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1198         border-collapse : collapse;
1199         border-width : 1px 0px 0px 0px;
1200         border-style : solid;
1201         border-color : #88b0f0;
1202
1203 }
1204
1205 #footer a, #prefFooter a {
1206         color : gray;
1207 }
1208
1209 #footer a:hover, #prefFooter a:hover {
1210         color : black;
1211 }
1212
1213 #headlinesContainer {
1214         margin-left : 1px;
1215         background-color : white;
1216 }
1217
1218 #headlineActionsTop {
1219 /*      border-width : 0px 0px 1px 0px;
1220         border-style : solid;
1221         border-color : #c0c0c0;
1222         background-color : #fafafa; */
1223         font-size : x-small;
1224 }
1225
1226 #headlinesInnerContainer {
1227         height : 280px;
1228         overflow : auto;
1229 }
1230
1231 /* preferences layout */
1232
1233 #prefHeader {
1234         color : #4684ff;
1235         font-size : small;
1236         margin : 10px;
1237         height : 33px;
1238 }
1239
1240 div.return {
1241         float : right;
1242         font-size : small;
1243         margin-right : 10px;
1244 }
1245
1246 div.return a {
1247         color : #4684ff;
1248 }
1249
1250 div.return a:hover {
1251         color : black;
1252 }
1253
1254 #prefContent {
1255         clear : left;
1256         position : absolute;
1257         bottom : 40px;
1258         top : 75px;
1259         left : 0px;
1260         right : 0px;
1261         padding : 1em;
1262         overflow : auto;
1263         min-height : 300px;
1264         background-image : url("images/prefs-content.png");
1265         background-position : top left;
1266         background-repeat : repeat-x;
1267         font-size : small;
1268         border-width : 1px 0px 0px 0px;
1269         border-color : #88b0f0;
1270         border-style : solid;
1271
1272 }
1273
1274 #userSwitch {
1275         position : absolute;
1276         bottom : 2px;
1277         right : 2px;
1278 }