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