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