tt-rss.css

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