tt-rss.css

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