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