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.infoBoxContents a {
 493         color : #4684ff;
 494 }
 495
 496 div.infoBoxContents a:hover {
 497         color : black;
 498 }
 499
 500 div.helpResponse h1, div.infoBoxContents h1 {
 501 /*        border-width : 0px 0px 1px 0px;
 502         border-style : solid;
 503         border-color : #c0c0c0; */
 504         font-size : 16pt;
 505 }
 506
 507 div.helpResponse h2, div.infoBoxContents h2 {
 508 /*        border-width : 0px 0px 0px 0px; */
 509         font-size : 12pt;
 510 }
 511
 512 pre {
 513         margin : 5px;
 514 }
 515
 516 input.extSearch {
 517         width : 100%;
 518 }
 519
 520 div.firstTab {
 521         width : 10px;
 522         float : left;
 523 }
 524
 525 div.prefsTab:hover {
 526         cursor : pointer;
 527 }
 528
 529 div.prefsTabSelected:hover {
 530         cursor : pointer;
 531 }
 532
 533 div.prefsTab {
 534         float : left;
 535         border-width : 1px 1px 0px 1px;
 536         border-color : #88b0f0;
 537         border-style : solid;
 538         margin : 0px 0px 0px 5px;
 539         padding : 3px 5px 3px 5px;
 540         font-size : small;
 541         position : relative;
 542         bottom : -1px;
 543         border-collapse : collapse;
 544         -moz-border-radius : 3px;
 545         min-width : 100px;
 546         text-align : center;
 547 }
 548
 549 div.prefsTabSelected {
 550         float : left;
 551         border-width : 1px 1px 0px 1px;
 552         border-color : #88b0f0;
 553         border-style : solid;
 554         margin : 0px 0px 0px 5px;
 555         padding : 3px 5px 3px 5px;
 556         background-color : #ecf4ff;
 557         font-size : small;
 558         position : relative;
 559         bottom : -1px;
 560         border-collapse : collapse;
 561         -moz-border-radius : 3px;
 562         font-weight : bold;
 563         min-width : 100px;
 564         text-align : center;
 565 }
 566
 567 div.warning {
 568         background : #fff7d5;
 569         border : 1px solid #d7c47a;
 570         padding : 5px;
 571         margin : 0px 0px 5px 0px;
 572         font-size : small;
 573 }
 574
 575 div.notice {
 576         background : #ffffff;
 577         border : 1px solid #88b0f0;
 578         padding : 5px;
 579         margin : 0px 0px 5px 0px;
 580         font-size : small;
 581 }
 582
 583 div.error {
 584         border : 1px solid #ff0000;
 585         background : #ffcccc;
 586         padding : 5px;
 587         margin : 0px 0px 5px 0px;
 588         font-size : small;
 589 }
 590
 591 ul.nomarks {
 592         list-style-type : none;
 593         margin : 0px;
 594         padding : 10px;
 595 }
 596
 597 div.prefHelp, td.prefHelp {
 598         font-size : small;
 599         color : gray;
 600         padding : 5px;
 601 }
 602
 603 table.loginForm {
 604         background-color : #ecf4ff;
 605 }
 606
 607 table.innerLoginForm {
 608         border : 1px solid #88b0f0;
 609         padding : 50px;
 610         background-color : white;
 611 }
 612
 613 table.innerLoginForm td {
 614         padding : 3px 3px 5px 3px;
 615 }
 616
 617 span.insensitive, div.insensitive {
 618         color : gray;
 619 }
 620
 621 .prefGenericAddBox {
 622         font-size : small;
 623 }
 624
 625 body.logoutBody {
 626         background-color : #f0f0f0;
 627         color : black;
 628 }
 629
 630 span.logoutWarning {
 631         color : red;
 632         font-weight : bold;
 633 }
 634
 635 div.logoutContent {
 636         width : 600px;
 637         border : 1px solid #c0c0c0;
 638         background-color : white;
 639         margin-left : auto;
 640         margin-right : auto;
 641         margin-top : 20px;
 642         padding : 10px;
 643 }
 644
 645 .small {
 646         font-size : small;
 647 }
 648
 649 table.innerFeedTable td {
 650         margin : 0px;
 651         padding : 0px;
 652 }
 653
 654 td.selectPrompt {
 655         font-size : x-small;
 656         color : gray;
 657 }
 658
 659 table.headlinesSubToolbar {
 660         border-width : 0px 0px 1px 0px;
 661         border-style : solid;
 662         border-color : #f0f0f0;
 663         position : absolute;
 664         left : 1px;
 665         top : 0px;
 666         height : 25px;
 667         right : 0px;
 668         background-color : white;
 669 }
 670
 671 table.headlinesSubToolbar td.headlineActions {
 672         font-size : x-small;
 673         color : gray;
 674         padding : 0px 5px 0px 5px;
 675 }
 676
 677 table.headlinesSubToolbar td.headlineActionsRTL {
 678         font-size : x-small;
 679         color : gray;
 680         padding : 0px 5px 0px 5px;
 681 }
 682
 683 table.headlinesSubToolbar td.headlineTitle {
 684         font-size : x-small;
 685         color : gray;
 686         padding : 0px 5px 0px 5px;
 687         text-align : right;
 688 }
 689
 690 table.headlinesSubToolbar td.headlineTitleRTL {
 691         font-size : x-small;
 692         color : gray;
 693         padding : 0px 5px 0px 5px;
 694         text-align : left;
 695 }
 696
 697 span.contentPreview {
 698         font-size : x-small;
 699         color : gray;
 700         font-weight : normal;
 701 }
 702
 703 span.contentPreview:hover {
 704         color : #4684ff;
 705 }
 706
 707 table.headlinesList td.hlMarkedPic {
 708         width : 25px;
 709         text-align : center;
 710 }
 711
 712 table.headlinesList td.hlfeed {
 713         text-align : right;
 714         font-size : small;
 715 }
 716
 717 td.hlSelectRow, td.hlUpdatePic {
 718         width : 25px;
 719         text-align : center;
 720 }
 721
 722 table.headlinesList td.hlUpdated {
 723         font-size : small;
 724         color : gray;
 725         text-align : right;
 726         width : 100px;
 727 }
 728
 729 table.headlinesList tr td {
 730         padding : 2px 0px 2px 0px;
 731 }
 732
 733 div.postHeader div.postDate {
 734         font-size : x-small;
 735         text-align : right;
 736         color : gray;
 737         float : right;
 738 }
 739
 740 div.postHeader div.postDateRTL {
 741         font-size : x-small;
 742         text-align : left;
 743         color : gray;
 744         float : right;
 745 }
 746
 747 div.postReply span.tagList {
 748         color : gray;
 749         font-size : x-small;
 750 }
 751
 752 div.postHeader div {
 753         padding-bottom : 3px;
 754         font-size : x-small;
 755 }
 756
 757 #feedUpdateErrors {
 758         display : none;
 759 }
 760
 761 #allEntryTags {
 762         font-size : x-small;
 763         border-width : 0px 0px 1px 0px;
 764         border-style : solid;
 765         border-color : #c0c0c0;
 766         padding-bottom : 5px;
 767         display : none;
 768 }
 769
 770 /*td.hlContent {
 771         overflow : hidden;
 772         height : 1em;
 773         display : block;
 774 } */
 775
 776 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 777         height : 1em;
 778 }
 779
 780 td.hlFeed {
 781         text-align : right;
 782 }
 783
 784 div.cdmArticle {
 785         border-color : #c0c0c0;
 786         border-width : 0px 0px 1px 0px;
 787         border-style : solid;
 788         background-color : #fafafa;
 789         margin : 0px;
 790         padding : 10px;
 791 }
 792
 793 div.cdmArticleUnread {
 794         border-color : #c0c0c0;
 795         border-width : 0px 0px 1px 0px;
 796         border-style : solid;
 797         background-color : #fafeff;
 798         margin : 0px;
 799         padding : 10px;
 800 }
 801
 802 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 803         margin : 0px;
 804         padding : 10px;
 805         background-color : #fff7d5;
 806         border-color : #e7d796;
 807         border-width : 0px 0px 1px 0px;
 808         border-style : solid;
 809 }
 810
 811 div.cdmArticleUnread div.cdmHeader a.title,
 812 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 813         font-weight : bold;
 814 }
 815
 816 div.cdmHeader {
 817         padding-bottom : 5px;
 818 }
 819
 820 div.cdmFooter {
 821         font-size : x-small;
 822         color : gray;
 823         padding-top : 5px;
 824 }
 825
 826 div.cdmFooter img.markedPic {
 827         width : 16px;
 828         height : 16px;
 829         float : right;
 830 }
 831
 832 div.cdmHeader div.articleUpdated {
 833         float : right;
 834 }
 835
 836 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 837         margin : 0px;
 838 }
 839
 840 div.cdmHeader, div.cdmHeader a {
 841         color : gray;
 842         font-size : x-small;
 843 }
 844
 845 div.cdmHeader a:hover {
 846         color : #4684ff;
 847 }
 848
 849 div.cdmContent {
 850         margin-bottom : 5px;
 851 }
 852
 853 a.warning {
 854         color : #f04040;
 855 }
 856
 857 img.closeButton {
 858         border-width : 0px;
 859         float : right;
 860 }
 861
 862 span.groupPrompt {
 863         font-size : x-small;
 864         color : #4684ff;
 865 }
 866
 867 ul.feedErrorsList {
 868         height : 300px;
 869         overflow : auto;
 870         list-style-type : none;
 871         border : 1px solid #88b0f0;
 872         background-color : white;
 873         margin : 0px 0px 5px 0px;
 874         padding : 0px;
 875 }
 876
 877 ul.userFeedList {
 878         height : 300px;
 879         overflow : auto;
 880         list-style-type : none;
 881         border : 1px solid #88b0f0;
 882         background-color : white;
 883         margin : 0px 0px 5px 0px;
 884         padding : 0px;
 885 }
 886
 887 /* #browseBigFeedList li.oddSelected {
 888         border : 1px solid #d0d0f6;
 889         background-color : #eaeaff;
 890         -moz-border-radius : 5px;
 891 } */
 892
 893 ul.labelTestResults {
 894         height : 100px;
 895         overflow : auto;
 896         list-style-type : none;
 897         margin : 0px 0px 5px 0px;
 898         padding : 0px;
 899         border : 1px solid #88b0f0;
 900         background-color : white;
 901 }
 902
 903 ul.filterTestResults {
 904         height : 300px;
 905         overflow : auto;
 906         list-style-type : none;
 907         margin : 0px 0px 5px 0px;
 908         padding : 0px;
 909         border : 1px solid #88b0f0;
 910         background-color : white;
 911 }
 912
 913 ul.browseFeedList {
 914         height : 300px;
 915         overflow : auto;
 916         list-style-type : none;
 917         margin : 0px 0px 5px 0px;
 918         padding : 0px;
 919         border : 1px solid #88b0f0;
 920         background-color : white;
 921 }
 922
 923 ul.browseFeedList li {
 924         margin : 0px;
 925         padding : 0px;
 926 }
 927
 928 span.subscribers {
 929         color : #808080;
 930 }
 931
 932 div.subscribers {
 933         color : #808080;
 934         font-size : x-small;
 935         float : right;
 936 }
 937
 938 input.feedBrowseCB {
 939         margin-right : 1em;
 940 }
 941
 942 div.browserDetails {
 943         margin : 5px 5px 5px 5px;
 944         display : none;
 945         padding : 5px;
 946 }
 947
 948 ul.compact {
 949         list-style-type : none;
 950         margin : 0px;
 951         padding : 0px;
 952 }
 953
 954 ul.compact li {
 955         margin : 0px;
 956         padding : 0px;
 957 }
 958
 959 div.browserFeedInfo {
 960         font-size : x-small;
 961 /*      border : 1px solid #88b0f0;
 962         background-color : #ecf4ff;
 963         -moz-border-radius : 5px; */
 964         padding : 5px;
 965 }
 966
 967 div.browserFeedInfo div.detailsPart {
 968         margin : 5px 0px 5px 5px;
 969 }
 970
 971 div.cdmContent a {
 972         color : #4684ff;
 973 }
 974
 975 div.cdmContent a:hover {
 976         color : black;
 977 }
 978
 979 a.cdmToggleLink {
 980         color : #808080;
 981         font-size : x-small;
 982 }
 983
 984 a.cdmToggleLink:hover {
 985         color : #4684ff;
 986 }
 987
 988 .noborder {
 989         border-width : 0px;
 990 }
 991
 992 #debug_output {
 993         position : absolute;
 994         width : 400px;
 995         height : 200px;
 996         right : 20px;
 997         bottom : 20px;
 998         z-index : 999;
 999         background-color : white;
1000         display : none;
1001         border : 1px solid #c0c0c0;
1002         overflow : auto;
1003         margin : 0px;
1004         padding : 0px;
1005         list-style-type : none;
1006 }
1007
1008 #debug_output li {
1009         margin : 0px;
1010         padding : 0px;
1011         font-size : x-small;
1012 }
1013
1014 #overlay {
1015         background : white;
1016         left : 0;
1017         top : 0;
1018         height : 100%;
1019         width : 100%;
1020         z-index : 100;
1021         position : absolute;
1022 }
1023
1024 #overlay_inner {
1025         font-weight : bold;
1026         text-align : center;
1027         margin : 10px;
1028 }
1029
1030 #fatal_error {
1031         background : white;
1032         left : 0;
1033         top : 0;
1034         height : 100%;
1035         width : 100%;
1036         z-index : 200;
1037         display : none;
1038         position : absolute;
1039 }
1040
1041 #fatal_error_inner {
1042         font-weight : bold;
1043         margin : 10px;
1044         color : red;
1045 }
1046
1047 #fatal_error_msg {
1048         border : 1px solid #c0c0c0;
1049         background-color : #f0f0f0;
1050         color : black;
1051         padding : 10px;
1052         font-weight : normal;
1053 }
1054
1055 #noDaemonWarning {
1056         position : absolute;
1057         background-color : #ecf4ff;
1058         border : 1px solid #88b0f0;
1059         padding : 10px;
1060         margin : 5px;
1061         z-index : 2;
1062         display : none;
1063 }
1064
1065 #qafInput {
1066         width : 100%;
1067 }
1068
1069 form {
1070         margin : 0px;
1071         padding : 0px;
1072 }
1073
1074 #main_toolbar_form {
1075         float : left;
1076 }
1077
1078 div.feedExtInfo {
1079         margin-left : 2em;
1080         font-size : 7pt;
1081         color : gray;
1082         font-weight : normal;
1083 }
1084
1085 span.debugTS {
1086         color : #4684ff;
1087 }
1088
1089 #backReqBox {
1090         display : none;
1091 }
1092
1093 /*.scriptWarn:before {
1094         content : "Disabled script:";
1095 }*/
1096
1097 .scriptWarn {
1098         color : white;
1099         background-color : #903030;
1100         border : 1px solid #601010;
1101         padding : 3px;
1102         font-weight : bold;
1103 }
1104
1105 .objectWarn {
1106         color : gray;
1107         font-style: italic;
1108         text-align : center;
1109 }
1110
1111 table.loginForm2 {
1112         padding : 1em;
1113 }
1114
1115 table.loginForm2 .loginTop {
1116         border-width : 0px 0px 1px 0px;
1117         border-color : #88b0f0;
1118         border-style : solid;
1119         padding : 0.5em;
1120 }
1121
1122 table.loginForm2 .loginMiddle {
1123         padding : 3em;
1124 }
1125
1126 table.loginForm2 .loginBottom {
1127         border-width : 1px 0px 0px 0px;
1128         border-color : #88b0f0;
1129         border-style : solid;
1130         font-size : x-small;
1131         text-align : center;
1132         color : #909090;
1133         padding : 0.5em;
1134 }
1135
1136 table.loginForm2 .loginBottom a {
1137         color : gray;
1138 }
1139
1140 table.loginForm2 .loginBottom a:hover {
1141         color : #4684ff;
1142 }
1143
1144 table.loginForm2 .loginError {
1145         color : red;
1146         margin : 0.5em;
1147 }
1148
1149 table.loginForm2 .innerLoginCell {
1150         padding-top : 0.5em;
1151 }
1152
1153 #milestoneDetails {
1154         display : none;
1155 }
1156
1157 div.loadingPrompt {
1158         padding : 1em;
1159         text-align : center;
1160         font-weight : bold;
1161 }
1162
1163 div.whiteBox {
1164         background-color : white;
1165         margin-left : 1px;
1166         text-align : center;
1167         padding : 1em;
1168 }
1169
1170 /* layout */
1171
1172 #header {
1173         position : absolute;
1174         white-space: nowrap;
1175         top : 10px;
1176         left : 15px;
1177         right : 5px;
1178         height : 40px;
1179         color : #4684ff;
1180         font-size : small;
1181 }
1182
1183 #feeds-holder {
1184         border-width : 1px 1px 1px 0px;
1185         border-style : solid;
1186         border-color : #88b0f0;
1187         top : 50px;
1188         left : 0px;
1189         position : absolute;
1190         width : 260px;
1191         overflow : auto;
1192         bottom : 40px;
1193         border-collapse : collapse;
1194         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1195 }
1196
1197 #toolbar {
1198         position : absolute;
1199         left : 261px;
1200         padding : 5px 10px 5px 10px;
1201         top : 50px;
1202         right : 0px;
1203         white-space: nowrap;
1204         height : 30px;
1205         background-image : url("images/toolbar.png");
1206         background-position : bottom left;
1207         background-repeat : repeat-x;
1208 }
1209
1210 div.headlines_normal {
1211         position : absolute;
1212         border-width : 1px 0px 0px 0px;
1213         border-style : solid;
1214         border-color : #88b0f0;
1215         left : 260px;
1216         height : 305px;
1217         top : 85px;
1218         right : 0px;
1219         overflow : hidden;
1220         font-size : small;
1221         border-collapse : collapse;
1222         /* css hack for IE */
1223         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1224 }
1225
1226 div.headlines_cdm {
1227         position : absolute;
1228         border-width : 1px 0px 1px 0px;
1229         border-style : solid;
1230         border-color : #88b0f0;
1231         left : 260px;
1232         bottom : 40px;
1233         top : 85px;
1234         right : 0px;
1235         overflow : hidden;
1236         font-size : small;
1237         border-collapse : collapse;
1238         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1239 }
1240
1241 #content-frame {
1242         position : absolute;
1243         border-width : 1px 0px 1px 0px;
1244         border-style : solid;
1245         border-color : #88b0f0;
1246         overflow : auto;
1247         top : 390px;
1248         left : 260px;
1249         bottom : 40px;
1250         right : 0px;
1251         border-collapse : collapse;
1252         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1253         height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1254 }
1255
1256 #footer, #prefFooter {
1257         position : absolute;
1258         bottom : 0px;
1259         height : 20px;
1260         text-align : center;
1261         color : gray;
1262         font-size : x-small;
1263         background-image : url("images/footer.png");
1264         background-position : top left;
1265         background-repeat : repeat-x;
1266         background-color : white;
1267         right : 0px;
1268         left : 0px;
1269         padding : 10px;
1270         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1271         border-collapse : collapse;
1272         border-width : 1px 0px 0px 0px;
1273         border-style : solid;
1274         border-color : #88b0f0;
1275
1276 }
1277
1278 #footer a, #prefFooter a {
1279         color : gray;
1280 }
1281
1282 #footer a:hover, #prefFooter a:hover {
1283         color : black;
1284 }
1285
1286 #headlinesContainer {
1287         margin-left : 1px;
1288         background-color : white;
1289 }
1290
1291 #headlineActionsTop {
1292 /*      border-width : 0px 0px 1px 0px;
1293         border-style : solid;
1294         border-color : #c0c0c0;
1295         background-color : #fafafa; */
1296         font-size : x-small;
1297 }
1298
1299 #headlinesInnerContainer {
1300         overflow : auto;
1301         position : absolute;
1302         left : 1px;
1303         right : 0px;
1304         bottom : 0px;
1305         top : 25px;
1306 }
1307
1308 /* preferences layout */
1309
1310 #prefHeader {
1311         color : #4684ff;
1312         font-size : small;
1313         margin : 10px;
1314         height : 33px;
1315 }
1316
1317 div.return {
1318         float : right;
1319         font-size : small;
1320         margin-right : 10px;
1321 }
1322
1323 div.return a {
1324         color : #4684ff;
1325 }
1326
1327 div.return a:hover {
1328         color : black;
1329 }
1330
1331 #prefContent {
1332         clear : left;
1333         position : absolute;
1334         bottom : 40px;
1335         top : 75px;
1336         left : 0px;
1337         right : 0px;
1338         padding : 1em;
1339         overflow : auto;
1340         min-height : 300px;
1341         background-image : url("images/prefs-content.png");
1342         background-position : top left;
1343         background-repeat : repeat-x;
1344         font-size : small;
1345         border-width : 1px 0px 0px 0px;
1346         border-color : #88b0f0;
1347         border-style : solid;
1348         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1349         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1350
1351
1352 }
1353
1354 #userSwitch {
1355         position : absolute;
1356         bottom : 2px;
1357         right : 2px;
1358 }
1359
1360 a.feedUpdErrLink {
1361         color : #ff0000;
1362         display : block;
1363         margin-bottom : 0.5em;
1364 }
1365
1366 .catCtrHasUnread {
1367         font-weight : bold;
1368 }
1369
1370 .catCtrNoUnread {
1371         display : none;
1372 }
1373
1374 ul.headlineDropdownMenu {
1375         list-style-type : none;
1376         margin : 0px;
1377         padding : 0px;
1378 }
1379
1380 ul.headlineDropdownMenu li.top {
1381         float : left;
1382         width : 9em;
1383         background-image : url("images/down_arrow.png");
1384         background-position : center right;
1385         background-repeat : no-repeat;
1386         margin : 0px;
1387         cursor : pointer;
1388         border-width : 1px 1px 1px 1px;
1389         border-color : transparent;
1390         border-style : solid;
1391 }
1392
1393 ul.headlineDropdownMenu li.top2 {
1394         float : left;
1395 }
1396
1397 ul.headlineDropdownMenu li.vsep {
1398         float : left;
1399         margin : 0px 5px 0px 0px;
1400         border-width : 0px 1px 0px 0px;
1401         border-color : #c0c0c0;
1402         border-style : dotted;
1403         color : white;
1404 }
1405
1406 ul.headlineDropdownMenu li.top:hover {
1407         cursor : pointer;
1408         border-width : 1px 1px 0px 1px;
1409         border-color : #c0c0c0;
1410         border-style : solid;
1411 }
1412
1413 ul.headlineDropdownMenu li.top:hover ul {
1414         display : block;
1415 }
1416
1417 ul.headlineDropdownMenu ul {
1418         list-style-type : none;
1419         position : absolute;
1420         float : none;
1421         margin : 0px;
1422         padding : 0px;
1423         display : none;
1424         background-color : white;
1425         width : 9em;
1426         z-index : 3;
1427         top : auto;
1428         left : auto;
1429         border-width : 0px 1px 1px 1px;
1430         border-color : #c0c0c0;
1431         border-style : solid;
1432         margin-left : -1px;
1433 }
1434
1435 ul.headlineDropdownMenu ul li {
1436         float: none;
1437         padding : 2px 0px 2px 10px;
1438         color : black;
1439 }
1440
1441 ul.headlineDropdownMenu ul li:hover {
1442         color : #4684ff;
1443         background-color : #f0f0f0;
1444 }
1445
1446 #newVersionIcon {
1447         vertical-align : middle;
1448         cursor : pointer;
1449         display : none;
1450 }