tt-rss.css

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