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