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