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 #noDaemonWarning {
1065         position : absolute;
1066         background-color : #ecf4ff;
1067         border : 1px solid #88b0f0;
1068         padding : 10px;
1069         margin : 5px;
1070         z-index : 2;
1071         display : none;
1072 }
1073
1074 #qafInput {
1075         width : 100%;
1076 }
1077
1078 form {
1079         margin : 0px;
1080         padding : 0px;
1081 }
1082
1083 #main_toolbar_form {
1084         float : left;
1085 }
1086
1087 div.feedExtInfo {
1088         margin-left : 2em;
1089         font-size : 7pt;
1090         color : gray;
1091         font-weight : normal;
1092 }
1093
1094 span.debugTS {
1095         color : #4684ff;
1096 }
1097
1098 #backReqBox {
1099         display : none;
1100 }
1101
1102 /*.scriptWarn:before {
1103         content : "Disabled script:";
1104 }*/
1105
1106 .scriptWarn {
1107         color : white;
1108         background-color : #903030;
1109         border : 1px solid #601010;
1110         padding : 3px;
1111         font-weight : bold;
1112 }
1113
1114 .objectWarn {
1115         color : gray;
1116         font-style: italic;
1117         text-align : center;
1118 }
1119
1120 table.loginForm2 {
1121         padding : 1em;
1122 }
1123
1124 table.loginForm2 .loginTop {
1125         border-width : 0px 0px 1px 0px;
1126         border-color : #88b0f0;
1127         border-style : solid;
1128         padding : 0.5em;
1129 }
1130
1131 table.loginForm2 .loginMiddle {
1132         padding : 3em;
1133 }
1134
1135 table.loginForm2 .loginBottom {
1136         border-width : 1px 0px 0px 0px;
1137         border-color : #88b0f0;
1138         border-style : solid;
1139         font-size : 9pt;
1140         text-align : center;
1141         color : #909090;
1142         padding : 0.5em;
1143 }
1144
1145 table.loginForm2 .loginBottom a {
1146         color : gray;
1147 }
1148
1149 table.loginForm2 .loginBottom a:hover {
1150         color : #4684ff;
1151 }
1152
1153 table.loginForm2 .loginError {
1154         color : red;
1155         margin : 0.5em;
1156 }
1157
1158 table.loginForm2 .innerLoginCell {
1159         padding-top : 0.5em;
1160 }
1161
1162 #milestoneDetails {
1163         display : none;
1164 }
1165
1166 div.loadingPrompt {
1167         padding : 1em;
1168         text-align : center;
1169         font-weight : bold;
1170 }
1171
1172 div.whiteBox {
1173         background-color : white;
1174         margin-left : 1px;
1175         text-align : center;
1176         padding : 1em;
1177 }
1178
1179 /* layout */
1180
1181 #header {
1182         position : absolute;
1183         white-space: nowrap;
1184         top : 10px;
1185         left : 15px;
1186         right : 5px;
1187         height : 40px;
1188         color : #4684ff;
1189         font-size : 9pt;
1190 }
1191
1192 #feeds-holder {
1193         border-width : 1px 1px 1px 0px;
1194         border-style : solid;
1195         border-color : #88b0f0;
1196         top : 50px;
1197         left : 0px;
1198         position : absolute;
1199         width : 260px;
1200         overflow : auto;
1201         bottom : 40px;
1202         border-collapse : collapse;
1203         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1204 }
1205
1206 #toolbar {
1207         position : absolute;
1208         left : 261px;
1209         padding : 5px 10px 5px 10px;
1210         top : 50px;
1211         right : 0px;
1212         white-space: nowrap;
1213         height : 30px;
1214         background-image : url("images/toolbar.png");
1215         background-position : bottom left;
1216         background-repeat : repeat-x;
1217         font-size : 9pt;
1218 }
1219
1220 div.headlines_normal {
1221         position : absolute;
1222         border-width : 1px 0px 0px 0px;
1223         border-style : solid;
1224         border-color : #88b0f0;
1225         left : 260px;
1226         height : 305px;
1227         top : 85px;
1228         right : 0px;
1229         overflow : hidden;
1230         font-size : 9pt;
1231         border-collapse : collapse;
1232         /* css hack for IE */
1233         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1234 }
1235
1236 div.headlines_cdm {
1237         position : absolute;
1238         border-width : 1px 0px 1px 0px;
1239         border-style : solid;
1240         border-color : #88b0f0;
1241         left : 260px;
1242         bottom : 40px;
1243         top : 85px;
1244         right : 0px;
1245         overflow : hidden;
1246         font-size : 9pt;
1247         border-collapse : collapse;
1248         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1249 }
1250
1251 #content-frame {
1252         position : absolute;
1253         border-width : 1px 0px 1px 0px;
1254         border-style : solid;
1255         border-color : #88b0f0;
1256         overflow : auto;
1257         top : 390px;
1258         left : 260px;
1259         bottom : 40px;
1260         right : 0px;
1261         border-collapse : collapse;
1262         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1263         height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1264 }
1265
1266 #footer, #prefFooter {
1267         position : absolute;
1268         bottom : 0px;
1269         height : 20px;
1270         text-align : center;
1271         color : gray;
1272         font-size : 9pt;
1273         background-image : url("images/footer.png");
1274         background-position : top left;
1275         background-repeat : repeat-x;
1276         background-color : white;
1277         right : 0px;
1278         left : 0px;
1279         padding : 10px;
1280         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1281         border-collapse : collapse;
1282         border-width : 1px 0px 0px 0px;
1283         border-style : solid;
1284         border-color : #88b0f0;
1285
1286 }
1287
1288 #footer a, #prefFooter a {
1289         color : gray;
1290 }
1291
1292 #footer a:hover, #prefFooter a:hover {
1293         color : black;
1294 }
1295
1296 #headlinesContainer {
1297         margin-left : 1px;
1298         background-color : white;
1299 }
1300
1301 #headlineActionsTop {
1302 /*      border-width : 0px 0px 1px 0px;
1303         border-style : solid;
1304         border-color : #c0c0c0;
1305         background-color : #fafafa; */
1306         font-size : 9pt;
1307 }
1308
1309 #headlinesInnerContainer {
1310         overflow : auto;
1311         position : absolute;
1312         left : 1px;
1313         right : 0px;
1314         bottom : 0px;
1315         top : 25px;
1316 }
1317
1318 /* preferences layout */
1319
1320 #prefHeader {
1321         color : #4684ff;
1322         font-size : 9pt;
1323         margin : 10px;
1324         height : 33px;
1325 }
1326
1327 div.return {
1328         float : right;
1329         font-size : 9pt;
1330         margin-right : 10px;
1331 }
1332
1333 div.return a {
1334         color : #4684ff;
1335 }
1336
1337 div.return a:hover {
1338         color : black;
1339 }
1340
1341 #prefContent {
1342         clear : left;
1343         position : absolute;
1344         bottom : 40px;
1345         top : 75px;
1346         left : 0px;
1347         right : 0px;
1348         padding : 1em;
1349         overflow : auto;
1350         min-height : 300px;
1351         background-image : url("images/prefs-content.png");
1352         background-position : top left;
1353         background-repeat : repeat-x;
1354         border-width : 1px 0px 0px 0px;
1355         border-color : #88b0f0;
1356         border-style : solid;
1357         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1358         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1359         font-size : 10pt;
1360 }
1361
1362 #userSwitch {
1363         position : absolute;
1364         bottom : 2px;
1365         right : 2px;
1366 }
1367
1368 a.feedUpdErrLink {
1369         color : #ff0000;
1370         display : block;
1371         margin-bottom : 0.5em;
1372 }
1373
1374 .catCtrHasUnread {
1375         font-weight : bold;
1376 }
1377
1378 .catCtrNoUnread {
1379         display : none;
1380 }
1381
1382 ul.headlineDropdownMenu {
1383         list-style-type : none;
1384         margin : 0px;
1385         padding : 0px;
1386 }
1387
1388 ul.headlineDropdownMenu li.top {
1389         float : left;
1390         width : 9em;
1391         background-image : url("images/down_arrow.png");
1392         background-position : center right;
1393         background-repeat : no-repeat;
1394         margin : 0px;
1395         cursor : pointer;
1396         border-width : 1px 1px 1px 1px;
1397         border-color : transparent;
1398         border-style : solid;
1399 }
1400
1401 ul.headlineDropdownMenu li.top2 {
1402         float : left;
1403 }
1404
1405 ul.headlineDropdownMenu li.vsep {
1406         float : left;
1407         margin : 0px 5px 0px 0px;
1408         border-width : 0px 1px 0px 0px;
1409         border-color : #c0c0c0;
1410         border-style : dotted;
1411         color : white;
1412 }
1413
1414 ul.headlineDropdownMenu li.top:hover {
1415         cursor : pointer;
1416         border-width : 1px 1px 0px 1px;
1417         border-color : #c0c0c0;
1418         border-style : solid;
1419 }
1420
1421 ul.headlineDropdownMenu li.top:hover ul {
1422         display : block;
1423 }
1424
1425 ul.headlineDropdownMenu ul {
1426         list-style-type : none;
1427         position : absolute;
1428         float : none;
1429         margin : 0px;
1430         padding : 0px;
1431         display : none;
1432         background-color : white;
1433         width : 9em;
1434         z-index : 3;
1435         top : auto;
1436         left : auto;
1437         border-width : 0px 1px 1px 1px;
1438         border-color : #c0c0c0;
1439         border-style : solid;
1440         margin-left : -1px;
1441 }
1442
1443 ul.headlineDropdownMenu ul li {
1444         float: none;
1445         padding : 2px 0px 2px 10px;
1446         color : black;
1447 }
1448
1449 ul.headlineDropdownMenu ul li:hover {
1450         color : #4684ff;
1451         background-color : #f0f0f0;
1452 }
1453
1454 #newVersionIcon {
1455         vertical-align : middle;
1456         cursor : pointer;
1457         display : none;
1458 }