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 ul.labelTestResults {
1039         height : 100px;
1040         overflow : auto;
1041         list-style-type : none;
1042         margin : 0px 0px 5px 0px;
1043         padding : 0px;
1044         border : 1px solid #99d67a;
1045         background-color : white;
1046 }
1047
1048 ul.filterTestResults {
1049         height : 300px;
1050         overflow : auto;
1051         list-style-type : none;
1052         margin : 0px 0px 5px 0px;
1053         padding : 0px;
1054         border : 1px solid #99d67a;
1055         background-color : white;
1056 }
1057
1058 ul.browseFeedList {
1059         height : 300px;
1060         overflow : auto;
1061         list-style-type : none;
1062         margin : 0px 0px 5px 0px;
1063         padding : 0px;
1064         border : 1px solid #99d67a;
1065         background-color : white;
1066 }
1067
1068 ul.browseFeedList li {
1069         margin : 0px;
1070         padding : 0px;
1071 }
1072
1073 span.subscribers {
1074         color : #808080;
1075 }
1076
1077 div.subscribers {
1078         color : #808080;
1079         font-size : 9pt;
1080         float : right;
1081 }
1082
1083 input.feedBrowseCB {
1084         margin-right : 1em;
1085 }
1086
1087 div.browserDetails {
1088         margin : 5px 5px 5px 5px;
1089         display : none;
1090         padding : 5px;
1091 }
1092
1093 ul.compact {
1094         list-style-type : none;
1095         margin : 0px;
1096         padding : 0px;
1097 }
1098
1099 ul.compact li {
1100         margin : 0px;
1101         padding : 0px;
1102 }
1103
1104 div.browserFeedInfo {
1105         font-size : 9pt;
1106 /*      border : 1px solid #88b0f0;
1107         background-color : #ecf4ff;
1108         -moz-border-radius : 5px; */
1109         padding : 5px;
1110 }
1111
1112 div.browserFeedInfo div.detailsPart {
1113         margin : 5px 0px 5px 5px;
1114 }
1115
1116 div.cdmContent a {
1117         color : #4684ff;
1118 }
1119
1120 div.cdmContent a:hover {
1121         color : black;
1122 }
1123
1124 a.cdmToggleLink {
1125         color : #808080;
1126         font-size : 9pt;
1127 }
1128
1129 a.cdmToggleLink:hover {
1130         color : #4684ff;
1131 }
1132
1133 .noborder {
1134         border-width : 0px;
1135 }
1136
1137 #debug_output {
1138         position : absolute;
1139         width : 400px;
1140         height : 200px;
1141         right : 20px;
1142         bottom : 20px;
1143         z-index : 999;
1144         background-color : white;
1145         display : none;
1146         border : 1px solid #c0c0c0;
1147         overflow : auto;
1148         margin : 0px;
1149         padding : 0px;
1150         list-style-type : none;
1151 }
1152
1153 #debug_output li {
1154         margin : 0px;
1155         padding : 0px;
1156         font-size : 8pt;
1157 }
1158
1159 #dialog_overlay {
1160         background : white;
1161         left : 0;
1162         top : 0;
1163         height : 100%;
1164         width : 100%;
1165         z-index : 2;
1166         opacity : 0.5;
1167         position : absolute;
1168         display : none;
1169 }
1170
1171 #overlay {
1172         background : white;
1173         left : 0;
1174         top : 0;
1175         height : 100%;
1176         width : 100%;
1177         z-index : 100;
1178         position : absolute;
1179 }
1180
1181 #overlay_inner {
1182         font-weight : bold;
1183         text-align : center;
1184         margin : 10px;
1185 }
1186
1187 #fatal_error {
1188         background : white;
1189         left : 0;
1190         top : 0;
1191         height : 100%;
1192         width : 100%;
1193         z-index : 200;
1194         display : none;
1195         position : absolute;
1196 }
1197
1198 #fatal_error_inner {
1199         font-weight : bold;
1200         margin : 10px;
1201         color : red;
1202 }
1203
1204 #fatal_error_msg {
1205         color : black;
1206         padding : 10px;
1207         font-weight : normal;
1208         background-color : #ffcccc;
1209         border : 1px solid #ff0000;
1210 }
1211
1212 #fatal_error_msg a {
1213         color : red;
1214 }
1215
1216 #fatal_error_msg a:hover {
1217         color : red;
1218         text-decoration : underline;
1219 }
1220
1221 #fatal_error_msg img {
1222         vertical-align : middle;
1223 }
1224
1225 #noDaemonWarning {
1226         position : absolute;
1227         background-color : #ecf4ff;
1228         border : 1px solid #88b0f0;
1229         padding : 10px;
1230         margin : 5px;
1231         z-index : 2;
1232         display : none;
1233 }
1234
1235 #qafInput {
1236         width : 100%;
1237 }
1238
1239 form {
1240         margin : 0px;
1241         padding : 0px;
1242 }
1243
1244 #main_toolbar_form {
1245         margin : 0px;
1246         padding : 0px;
1247         display : inline;
1248 }
1249
1250 div.feedExtInfo {
1251         margin-left : 2em;
1252         font-size : 7pt;
1253         color : gray;
1254         font-weight : normal;
1255 }
1256
1257 span.debugTS {
1258         color : #4684ff;
1259 }
1260
1261 #backReqBox {
1262         display : none;
1263 }
1264
1265 /*.scriptWarn:before {
1266         content : "Disabled script:";
1267 }*/
1268
1269 .scriptWarn {
1270         color : white;
1271         background-color : #903030;
1272         border : 1px solid #601010;
1273         padding : 3px;
1274         font-weight : bold;
1275         display : none;
1276 }
1277
1278 .objectWarn {
1279         color : gray;
1280         font-style: italic;
1281         text-align : center;
1282 }
1283
1284 table.loginForm2 {
1285         padding : 1em;
1286 }
1287
1288 table.loginForm2 .loginTop {
1289         border-width : 0px 0px 1px 0px;
1290         border-color : #88b0f0;
1291         border-style : solid;
1292         padding : 0.5em;
1293 }
1294
1295 table.loginForm2 .loginMiddle {
1296         padding : 3em;
1297 }
1298
1299 table.loginForm2 .loginBottom {
1300         border-width : 1px 0px 0px 0px;
1301         border-color : #88b0f0;
1302         border-style : solid;
1303         font-size : 9pt;
1304         text-align : center;
1305         color : #909090;
1306         padding : 0.5em;
1307 }
1308
1309 table.loginForm2 .loginBottom a {
1310         color : gray;
1311 }
1312
1313 table.loginForm2 .loginBottom a:hover {
1314         color : #4684ff;
1315 }
1316
1317 table.loginForm2 .loginError {
1318         color : red;
1319         margin : 0.5em;
1320 }
1321
1322 table.loginForm2 .innerLoginCell {
1323         padding-top : 0.5em;
1324 }
1325
1326 #milestoneDetails {
1327         display : none;
1328 }
1329
1330 div.loadingPrompt {
1331         padding : 1em;
1332         text-align : center;
1333         font-weight : bold;
1334 }
1335
1336 div.whiteBox {
1337         background-color : white;
1338         margin-left : 1px;
1339         text-align : center;
1340         padding : 1em;
1341 }
1342
1343 /* layout */
1344
1345 #header {
1346         position : absolute;
1347         white-space: nowrap;
1348         top : 10px;
1349         left : 15px;
1350         right : 5px;
1351         height : 40px;
1352         color : #4684ff;
1353         font-size : 9pt;
1354 }
1355
1356 #feeds-holder {
1357         border-width : 1px 1px 1px 0px;
1358         border-style : solid;
1359         border-color : #88b0f0;
1360         top : 50px;
1361         left : 0px;
1362         position : absolute;
1363         width : 260px;
1364         overflow : auto;
1365         bottom : 40px;
1366         border-collapse : collapse;
1367         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1368 }
1369
1370 #toolbar {
1371         position : absolute;
1372         left : 261px;
1373         padding : 5px 10px 5px 10px;
1374         top : 50px;
1375         right : 0px;
1376         white-space: nowrap;
1377         height : 30px;
1378         background-image : url("images/toolbar.png");
1379         background-position : bottom left;
1380         background-repeat : repeat-x;
1381         font-size : 9pt;
1382 }
1383
1384 div.headlines_normal {
1385         position : absolute;
1386         border-width : 1px 0px 0px 0px;
1387         border-style : solid;
1388         border-color : #88b0f0;
1389         left : 260px;
1390         height : 305px;
1391         top : 85px;
1392         right : 0px;
1393         overflow : hidden;
1394         font-size : 9pt;
1395         border-collapse : collapse;
1396         /* css hack for IE */
1397         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1398 }
1399
1400 div.headlines_cdm {
1401         position : absolute;
1402         border-width : 1px 0px 1px 0px;
1403         border-style : solid;
1404         border-color : #88b0f0;
1405         left : 260px;
1406         bottom : 40px;
1407         top : 85px;
1408         right : 0px;
1409         overflow : hidden;
1410         font-size : 9pt;
1411         border-collapse : collapse;
1412         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1413 }
1414
1415 #content-frame {
1416         position : absolute;
1417         border-width : 1px 0px 0px 0px;
1418         border-style : solid;
1419         border-color : #88b0f0;
1420         overflow : auto;
1421         top : 390px;
1422         left : 260px;
1423         bottom : 40px;
1424         right : 0px;
1425         border-collapse : collapse;
1426         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1427 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1428 }
1429
1430 #footer, #prefFooter {
1431         position : absolute;
1432         bottom : 0px;
1433         height : 20px;
1434         text-align : center;
1435         color : gray;
1436         font-size : 9pt;
1437         background-image : url("images/footer.png");
1438         background-position : top left;
1439         background-repeat : repeat-x;
1440         background-color : white;
1441         right : 0px;
1442         left : 0px;
1443         padding : 10px;
1444         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1445         border-collapse : collapse;
1446         border-width : 1px 0px 0px 0px;
1447         border-style : solid;
1448         border-color : #88b0f0;
1449
1450 }
1451
1452 #footer a, #prefFooter a {
1453         color : gray;
1454 }
1455
1456 #footer a:hover, #prefFooter a:hover {
1457         color : black;
1458 }
1459
1460 #headlinesContainer {
1461         margin-left : 1px;
1462         background-color : white;
1463 }
1464
1465 #headlineActionsTop {
1466 /*      border-width : 0px 0px 1px 0px;
1467         border-style : solid;
1468         border-color : #c0c0c0;
1469         background-color : #fafafa; */
1470         font-size : 9pt;
1471 }
1472
1473 #headlinesInnerContainer {
1474         overflow : auto;
1475         position : absolute;
1476         left : 1px;
1477         right : 0px;
1478         bottom : 0px;
1479         top : 25px;
1480 }
1481
1482 /* preferences layout */
1483
1484 #prefHeader {
1485         color : #4684ff;
1486         font-size : 9pt;
1487         margin : 10px;
1488         height : 33px;
1489 }
1490
1491 div.return {
1492         float : right;
1493         font-size : 9pt;
1494         margin-right : 10px;
1495 }
1496
1497 div.return a {
1498         color : #4684ff;
1499 }
1500
1501 div.return a:hover {
1502         color : black;
1503 }
1504
1505 #prefContent {
1506         clear : left;
1507         position : absolute;
1508         bottom : 40px;
1509         top : 75px;
1510         left : 0px;
1511         right : 0px;
1512         padding : 1em;
1513         overflow : auto;
1514         min-height : 300px;
1515         background-image : url("images/prefs-content.png");
1516         background-position : top left;
1517         background-repeat : repeat-x;
1518         border-width : 1px 0px 0px 0px;
1519         border-color : #88b0f0;
1520         border-style : solid;
1521         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1522         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1523         font-size : 10pt;
1524 }
1525
1526 #userSwitch {
1527         position : absolute;
1528         bottom : 2px;
1529         right : 2px;
1530 }
1531
1532 a.feedUpdErrLink {
1533         color : #ff0000;
1534         display : block;
1535         margin-bottom : 0.5em;
1536 }
1537
1538 .catCtrHasUnread {
1539         font-weight : bold;
1540 }
1541
1542 .catCtrNoUnread {
1543         display : none;
1544 }
1545
1546 ul.headlineDropdownMenu {
1547         list-style-type : none;
1548         margin : 0px;
1549         padding : 0px;
1550 }
1551
1552 ul.headlineDropdownMenu li.top {
1553         float : left;
1554         width : 11em;
1555         background-image : url("images/down_arrow.png");
1556         background-position : center right;
1557         background-repeat : no-repeat;
1558         margin : 0px;
1559         cursor : pointer;
1560         border-width : 1px 1px 1px 1px;
1561         border-color : transparent;
1562         border-style : solid;
1563 }
1564
1565 ul.headlineDropdownMenu li.top2 {
1566         float : left;
1567 }
1568
1569 ul.headlineDropdownMenu li.top3 {
1570         float : left;
1571         margin : 0px;
1572         cursor : pointer;
1573         border-width : 1px 1px 1px 1px;
1574         border-color : transparent;
1575         border-style : solid;
1576 }
1577
1578 ul.headlineDropdownMenu li.vsep {
1579         float : left;
1580         margin : 0px 5px 0px 0px;
1581         border-width : 0px 1px 0px 0px;
1582         border-color : #c0c0c0;
1583         border-style : dotted;
1584         color : white;
1585 }
1586
1587 ul.headlineDropdownMenu li.top:hover {
1588         cursor : pointer;
1589         border-width : 1px 1px 0px 1px;
1590         border-color : #c0c0c0;
1591         border-style : solid;
1592 }
1593
1594 ul.headlineDropdownMenu li.top:hover ul {
1595         display : block;
1596 }
1597
1598 ul.headlineDropdownMenu ul {
1599         list-style-type : none;
1600         position : absolute;
1601         float : none;
1602         margin : 0px;
1603         padding : 0px;
1604         display : none;
1605         background-color : white;
1606         width : 11em;
1607         z-index : 3;
1608         top : auto;
1609         left : auto;
1610         border-width : 0px 1px 1px 1px;
1611         border-color : #c0c0c0;
1612         border-style : solid;
1613         margin-left : -1px;
1614 }
1615
1616 ul.headlineDropdownMenu ul li {
1617         float: none;
1618         padding : 2px 0px 2px 10px;
1619         color : black;
1620 }
1621
1622 ul.headlineDropdownMenu ul li:hover {
1623         color : #4684ff;
1624         background-color : #f0f0f0;
1625 }
1626
1627 #newVersionIcon {
1628         vertical-align : middle;
1629         cursor : pointer;
1630         display : none;
1631 }
1632
1633 a.helpLinkPic {
1634         float : right;
1635 }
1636
1637 a.helpLinkPic img {
1638         border-width : 0px;
1639 }
1640
1641 #fadd_login_container {
1642 }
1643
1644 li.feedCatHolder {
1645         display : inline;
1646 }
1647
1648 table.prefFeedCatList {
1649         background-color : white;
1650 }
1651
1652 a[target="_new"], a[target="_blank"] {
1653         border-width : 0px 0px 1px 0px;
1654         border-color : #778899;
1655         border-style : dotted;
1656 }
1657
1658 div.autocomplete {
1659         position : absolute;
1660         width : 250px;
1661         background-color : white;
1662         border :1px solid #778899;
1663         margin : 0px;
1664         padding : 0px;
1665 }
1666
1667 div.autocomplete ul {
1668         list-style-type : none;
1669         margin : 0px;
1670         padding : 0px;
1671 }
1672
1673 div.autocomplete ul li.selected {
1674         background-color : #fff7d5;
1675 }
1676
1677 div.autocomplete ul li {
1678         list-style-type : none;
1679         display : block;
1680         margin : 0;
1681         padding : 2px;
1682         height : 32px;
1683         cursor : pointer;
1684 }
1685