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