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         position : relative;
 579         bottom : -2px;
 580 }
 581
 582 div.prefsTabSelected {
 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         background-color : #ecf4ff;
 590         font-size : 9pt;
 591         font-family : "Lucida Grande", Tahoma, sans-serif;
 592         border-collapse : collapse;
 593         -moz-border-radius : 3px;
 594         font-weight : bold;
 595         min-width : 100px;
 596         text-align : center;
 597         cursor : pointer;
 598         position : relative;
 599         bottom : -2px;
 600
 601 }
 602
 603 div.notice {
 604         background : #ffffff;
 605         border : 1px solid #88b0f0;
 606         width : 50%;
 607         padding : 5px;
 608         margin : 0px 0px 5px 0px;
 609         font-size : 9pt;
 610 }
 611
 612 div.warning {
 613         background : #fff7d5;
 614         border : 1px solid #d7c47a;
 615         font-size : 9pt;
 616         width : 50%;
 617         padding : 5px;
 618         margin : 0px 0px 5px 0px;
 619 }
 620
 621
 622 div.warning img, div.notice img, div.error img {
 623         vertical-align : middle;
 624         padding : 5px;
 625 }
 626
 627 div.error {
 628         border : 1px solid #ff0000;
 629         background : #ffcccc;
 630         padding : 5px;
 631         margin : 0px 0px 5px 0px;
 632         font-size : 9pt;
 633 }
 634
 635 ul.nomarks {
 636         list-style-type : none;
 637         margin : 0px;
 638         padding : 10px;
 639 }
 640
 641 div.prefHelp, td.prefHelp {
 642         color : gray;
 643         padding : 5px;
 644 }
 645
 646 table.loginForm {
 647         background-color : #ecf4ff;
 648 }
 649
 650 table.innerLoginForm {
 651         border : 1px solid #88b0f0;
 652         padding : 50px;
 653         background-color : white;
 654 }
 655
 656 table.innerLoginForm td {
 657         padding : 3px 3px 5px 3px;
 658 }
 659
 660 span.feed_error {
 661         color : red;
 662 }
 663
 664 span.insensitive, div.insensitive {
 665         color : gray;
 666 }
 667
 668 .insensitive a {
 669         color : #4684ff;
 670 }
 671
 672 .insensitive a:hover {
 673         color : black;
 674 }
 675
 676 /* .prefGenericAddBox {
 677         font-size : 9pt;
 678 } */
 679
 680 body.logoutBody {
 681         background-color : #f0f0f0;
 682         color : black;
 683 }
 684
 685 span.logoutWarning {
 686         color : red;
 687         font-weight : bold;
 688 }
 689
 690 div.logoutContent {
 691         width : 600px;
 692         border : 1px solid #c0c0c0;
 693         background-color : white;
 694         margin-left : auto;
 695         margin-right : auto;
 696         margin-top : 20px;
 697         padding : 10px;
 698 }
 699
 700 .small {
 701         font-size : 9pt;
 702 }
 703
 704 table.innerFeedTable td {
 705         margin : 0px;
 706         padding : 0px;
 707 }
 708
 709 td.selectPrompt {
 710         font-size : 9pt;
 711         color : gray;
 712 }
 713
 714 table.headlinesSubToolbar {
 715         border-width : 0px 0px 1px 0px;
 716         border-style : solid;
 717         border-color : #f0f0f0;
 718         position : absolute;
 719         left : 1px;
 720         top : 0px;
 721         height : 25px;
 722         right : 0px;
 723         background-color : white;
 724 }
 725
 726 table.headlinesSubToolbar td.headlineActions {
 727         font-size : 9pt;
 728         font-family : "Lucida Grande", Tahoma, sans-serif;
 729         color : gray;
 730         padding : 0px 5px 0px 5px;
 731 }
 732
 733 table.headlinesSubToolbar td.headlineActionsRTL {
 734         font-size : 9pt;
 735         font-family : "Lucida Grande", Tahoma, sans-serif;
 736         color : gray;
 737         padding : 0px 5px 0px 5px;
 738 }
 739
 740 table.headlinesSubToolbar td.headlineTitle {
 741         font-size : 9pt;
 742         font-family : "Lucida Grande", Tahoma, sans-serif;
 743         color : gray;
 744         padding : 0px 5px 0px 5px;
 745         text-align : right;
 746 }
 747
 748 table.headlinesSubToolbar td.headlineTitleRTL {
 749         font-size : 9pt;
 750         font-family : "Lucida Grande", Tahoma, sans-serif;
 751         color : gray;
 752         padding : 0px 5px 0px 5px;
 753         text-align : left;
 754 }
 755
 756 span.contentPreview {
 757         font-size : 9pt;
 758         color : gray;
 759         font-weight : normal;
 760 }
 761
 762 span.contentPreview:hover {
 763         color : #4684ff;
 764 }
 765
 766 table.headlinesList {
 767         width : 100%;
 768 }
 769
 770 table.headlinesList td.hlMarkedPic {
 771         width : 25px;
 772         text-align : center;
 773 }
 774
 775 table.headlinesList td.hlfeed {
 776         text-align : right;
 777 }
 778
 779 td.hlSelectRow, td.hlUpdPic {
 780         width : 25px;
 781         text-align : center;
 782 }
 783
 784 table.headlinesList td.hlUpdated {
 785         color : gray;
 786         text-align : right;
 787         width : 100px;
 788 }
 789
 790 table.headlinesList tr td {
 791         padding : 2px 0px 2px 0px;
 792 }
 793
 794 div.postHeader div.postDate {
 795         text-align : right;
 796         color : gray;
 797         float : right;
 798 }
 799
 800 div.postHeader div.postDateRTL {
 801         text-align : left;
 802         color : gray;
 803         float : right;
 804 }
 805
 806 div.postReply span.tagList {
 807         color : gray;
 808 }
 809
 810 div.postHeader div {
 811         padding-bottom : 3px;
 812         font-size : 10pt;
 813         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 814 }
 815
 816 #feedUpdateErrors {
 817         display : none;
 818 }
 819
 820 #allEntryTags {
 821         font-size : 9pt;
 822         border-width : 0px 0px 1px 0px;
 823         border-style : solid;
 824         border-color : #c0c0c0;
 825         padding-bottom : 5px;
 826         display : none;
 827 }
 828
 829 /*td.hlContent {
 830         overflow : hidden;
 831         height : 1em;
 832         display : block;
 833 } */
 834
 835 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 836         height : 1em;
 837 }
 838
 839 td.hlFeed {
 840         text-align : right;
 841 }
 842
 843 div.cdmArticle {
 844         border-color : #c0c0c0;
 845         border-width : 0px 0px 1px 0px;
 846         border-style : solid;
 847         background-color : #fafafa;
 848         margin : 0px;
 849         padding : 10px;
 850 }
 851
 852 div.cdmArticleUnread {
 853         border-color : #c0c0c0;
 854         border-width : 0px 0px 1px 0px;
 855         border-style : solid;
 856         background-color : #fafeff;
 857         margin : 0px;
 858         padding : 10px;
 859 }
 860
 861 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 862         margin : 0px;
 863         padding : 10px;
 864         background-color : #fff7d5;
 865         border-color : #e7d796;
 866         border-width : 0px 0px 1px 0px;
 867         border-style : solid;
 868 }
 869
 870 div.cdmArticleUnread div.cdmHeader a.title,
 871 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 872         font-weight : bold;
 873 }
 874
 875 div.cdmHeader {
 876         padding-bottom : 5px;
 877 }
 878
 879 div.cdmFooter {
 880         font-size : 9pt;
 881         color : gray;
 882         padding-top : 5px;
 883 }
 884
 885 div.cdmFooter img.markedPic {
 886         width : 16px;
 887         height : 16px;
 888         float : right;
 889 }
 890
 891 div.cdmHeader div.articleUpdated {
 892         float : right;
 893 }
 894
 895 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 896         margin : 0px;
 897 }
 898
 899 div.cdmHeader, div.cdmHeader a {
 900         color : gray;
 901         font-size : 9pt;
 902 }
 903
 904 div.cdmHeader a:hover {
 905         color : #4684ff;
 906 }
 907
 908 div.cdmContent {
 909         margin-bottom : 5px;
 910 }
 911
 912 a.warning {
 913         color : #f04040;
 914 }
 915
 916 img.closeButton {
 917         border-width : 0px;
 918         float : right;
 919 }
 920
 921 span.groupPrompt {
 922         font-size : 9pt;
 923         color : #4684ff;
 924 }
 925
 926 div.tagCloudContainer {
 927 /*      height : 300px;
 928         overflow : auto; */
 929         border : 1px solid #99d67a;
 930         background-color : white;
 931         margin : 5px 0px 5px 0px;
 932         padding : 10px;
 933         text-align : center;
 934 }
 935
 936 ul.feedErrorsList {
 937         height : 300px;
 938         overflow : auto;
 939         list-style-type : none;
 940         border : 1px solid #99d67a;
 941         background-color : white;
 942         margin : 0px 0px 5px 0px;
 943         padding : 0px;
 944 }
 945
 946 ul.userFeedList {
 947         height : 300px;
 948         overflow : auto;
 949         list-style-type : none;
 950         border : 1px solid #99d67a;
 951         background-color : white;
 952         margin : 0px 0px 5px 0px;
 953         padding : 0px;
 954 }
 955
 956 /* #browseBigFeedList li.oddSelected {
 957         border : 1px solid #d0d0f6;
 958         background-color : #eaeaff;
 959         -moz-border-radius : 5px;
 960 } */
 961
 962 ul.labelTestResults {
 963         height : 100px;
 964         overflow : auto;
 965         list-style-type : none;
 966         margin : 0px 0px 5px 0px;
 967         padding : 0px;
 968         border : 1px solid #99d67a;
 969         background-color : white;
 970 }
 971
 972 ul.filterTestResults {
 973         height : 300px;
 974         overflow : auto;
 975         list-style-type : none;
 976         margin : 0px 0px 5px 0px;
 977         padding : 0px;
 978         border : 1px solid #99d67a;
 979         background-color : white;
 980 }
 981
 982 ul.browseFeedList {
 983         height : 300px;
 984         overflow : auto;
 985         list-style-type : none;
 986         margin : 0px 0px 5px 0px;
 987         padding : 0px;
 988         border : 1px solid #99d67a;
 989         background-color : white;
 990 }
 991
 992 ul.browseFeedList li {
 993         margin : 0px;
 994         padding : 0px;
 995 }
 996
 997 span.subscribers {
 998         color : #808080;
 999 }
1000
1001 div.subscribers {
1002         color : #808080;
1003         font-size : 9pt;
1004         float : right;
1005 }
1006
1007 input.feedBrowseCB {
1008         margin-right : 1em;
1009 }
1010
1011 div.browserDetails {
1012         margin : 5px 5px 5px 5px;
1013         display : none;
1014         padding : 5px;
1015 }
1016
1017 ul.compact {
1018         list-style-type : none;
1019         margin : 0px;
1020         padding : 0px;
1021 }
1022
1023 ul.compact li {
1024         margin : 0px;
1025         padding : 0px;
1026 }
1027
1028 div.browserFeedInfo {
1029         font-size : 9pt;
1030 /*      border : 1px solid #88b0f0;
1031         background-color : #ecf4ff;
1032         -moz-border-radius : 5px; */
1033         padding : 5px;
1034 }
1035
1036 div.browserFeedInfo div.detailsPart {
1037         margin : 5px 0px 5px 5px;
1038 }
1039
1040 div.cdmContent a {
1041         color : #4684ff;
1042 }
1043
1044 div.cdmContent a:hover {
1045         color : black;
1046 }
1047
1048 a.cdmToggleLink {
1049         color : #808080;
1050         font-size : 9pt;
1051 }
1052
1053 a.cdmToggleLink:hover {
1054         color : #4684ff;
1055 }
1056
1057 .noborder {
1058         border-width : 0px;
1059 }
1060
1061 #debug_output {
1062         position : absolute;
1063         width : 400px;
1064         height : 200px;
1065         right : 20px;
1066         bottom : 20px;
1067         z-index : 999;
1068         background-color : white;
1069         display : none;
1070         border : 1px solid #c0c0c0;
1071         overflow : auto;
1072         margin : 0px;
1073         padding : 0px;
1074         list-style-type : none;
1075 }
1076
1077 #debug_output li {
1078         margin : 0px;
1079         padding : 0px;
1080         font-size : 8pt;
1081 }
1082
1083 #dialog_overlay {
1084         background : white;
1085         left : 0;
1086         top : 0;
1087         height : 100%;
1088         width : 100%;
1089         z-index : 2;
1090         opacity : 0.5;
1091         position : absolute;
1092         display : none;
1093 }
1094
1095 #overlay {
1096         background : white;
1097         left : 0;
1098         top : 0;
1099         height : 100%;
1100         width : 100%;
1101         z-index : 100;
1102         position : absolute;
1103 }
1104
1105 #overlay_inner {
1106         font-weight : bold;
1107         text-align : center;
1108         margin : 10px;
1109 }
1110
1111 #fatal_error {
1112         background : white;
1113         left : 0;
1114         top : 0;
1115         height : 100%;
1116         width : 100%;
1117         z-index : 200;
1118         display : none;
1119         position : absolute;
1120 }
1121
1122 #fatal_error_inner {
1123         font-weight : bold;
1124         margin : 10px;
1125         color : red;
1126 }
1127
1128 #fatal_error_msg {
1129         color : black;
1130         padding : 10px;
1131         font-weight : normal;
1132         background-color : #ffcccc;
1133         border : 1px solid #ff0000;
1134 }
1135
1136 #fatal_error_msg a {
1137         color : red;
1138 }
1139
1140 #fatal_error_msg a:hover {
1141         color : red;
1142         text-decoration : underline;
1143 }
1144
1145 #fatal_error_msg img {
1146         vertical-align : middle;
1147 }
1148
1149 #noDaemonWarning {
1150         position : absolute;
1151         background-color : #ecf4ff;
1152         border : 1px solid #88b0f0;
1153         padding : 10px;
1154         margin : 5px;
1155         z-index : 2;
1156         display : none;
1157 }
1158
1159 #qafInput {
1160         width : 100%;
1161 }
1162
1163 form {
1164         margin : 0px;
1165         padding : 0px;
1166 }
1167
1168 #main_toolbar_form {
1169         margin : 0px;
1170         padding : 0px;
1171         display : inline;
1172 }
1173
1174 div.feedExtInfo {
1175         margin-left : 2em;
1176         font-size : 7pt;
1177         color : gray;
1178         font-weight : normal;
1179 }
1180
1181 span.debugTS {
1182         color : #4684ff;
1183 }
1184
1185 #backReqBox {
1186         display : none;
1187 }
1188
1189 /*.scriptWarn:before {
1190         content : "Disabled script:";
1191 }*/
1192
1193 .scriptWarn {
1194         color : white;
1195         background-color : #903030;
1196         border : 1px solid #601010;
1197         padding : 3px;
1198         font-weight : bold;
1199         display : none;
1200 }
1201
1202 .objectWarn {
1203         color : gray;
1204         font-style: italic;
1205         text-align : center;
1206 }
1207
1208 table.loginForm2 {
1209         padding : 1em;
1210 }
1211
1212 table.loginForm2 .loginTop {
1213         border-width : 0px 0px 1px 0px;
1214         border-color : #88b0f0;
1215         border-style : solid;
1216         padding : 0.5em;
1217 }
1218
1219 table.loginForm2 .loginMiddle {
1220         padding : 3em;
1221 }
1222
1223 table.loginForm2 .loginBottom {
1224         border-width : 1px 0px 0px 0px;
1225         border-color : #88b0f0;
1226         border-style : solid;
1227         font-size : 9pt;
1228         text-align : center;
1229         color : #909090;
1230         padding : 0.5em;
1231 }
1232
1233 table.loginForm2 .loginBottom a {
1234         color : gray;
1235 }
1236
1237 table.loginForm2 .loginBottom a:hover {
1238         color : #4684ff;
1239 }
1240
1241 table.loginForm2 .loginError {
1242         color : red;
1243         margin : 0.5em;
1244 }
1245
1246 table.loginForm2 .innerLoginCell {
1247         padding-top : 0.5em;
1248 }
1249
1250 #milestoneDetails {
1251         display : none;
1252 }
1253
1254 div.loadingPrompt {
1255         padding : 1em;
1256         text-align : center;
1257         font-weight : bold;
1258 }
1259
1260 div.whiteBox {
1261         background-color : white;
1262         margin-left : 1px;
1263         text-align : center;
1264         padding : 1em;
1265 }
1266
1267 /* layout */
1268
1269 #header {
1270         position : absolute;
1271         white-space: nowrap;
1272         top : 10px;
1273         left : 15px;
1274         right : 5px;
1275         height : 40px;
1276         color : #4684ff;
1277         font-size : 9pt;
1278 }
1279
1280 #feeds-holder {
1281         border-width : 1px 1px 1px 0px;
1282         border-style : solid;
1283         border-color : #88b0f0;
1284         top : 50px;
1285         left : 0px;
1286         position : absolute;
1287         width : 260px;
1288         overflow : auto;
1289         bottom : 40px;
1290         border-collapse : collapse;
1291         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1292 }
1293
1294 #toolbar {
1295         position : absolute;
1296         left : 261px;
1297         padding : 5px 10px 5px 10px;
1298         top : 50px;
1299         right : 0px;
1300         white-space: nowrap;
1301         height : 30px;
1302         background-image : url("images/toolbar.png");
1303         background-position : bottom left;
1304         background-repeat : repeat-x;
1305         font-size : 9pt;
1306 }
1307
1308 div.headlines_normal {
1309         position : absolute;
1310         border-width : 1px 0px 0px 0px;
1311         border-style : solid;
1312         border-color : #88b0f0;
1313         left : 260px;
1314         height : 305px;
1315         top : 85px;
1316         right : 0px;
1317         overflow : hidden;
1318         font-size : 9pt;
1319         border-collapse : collapse;
1320         /* css hack for IE */
1321         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1322 }
1323
1324 div.headlines_cdm {
1325         position : absolute;
1326         border-width : 1px 0px 1px 0px;
1327         border-style : solid;
1328         border-color : #88b0f0;
1329         left : 260px;
1330         bottom : 40px;
1331         top : 85px;
1332         right : 0px;
1333         overflow : hidden;
1334         font-size : 9pt;
1335         border-collapse : collapse;
1336         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1337 }
1338
1339 #content-frame {
1340         position : absolute;
1341         border-width : 1px 0px 0px 0px;
1342         border-style : solid;
1343         border-color : #88b0f0;
1344         overflow : auto;
1345         top : 390px;
1346         left : 260px;
1347         bottom : 40px;
1348         right : 0px;
1349         border-collapse : collapse;
1350         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1351 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1352 }
1353
1354 #footer, #prefFooter {
1355         position : absolute;
1356         bottom : 0px;
1357         height : 20px;
1358         text-align : center;
1359         color : gray;
1360         font-size : 9pt;
1361         background-image : url("images/footer.png");
1362         background-position : top left;
1363         background-repeat : repeat-x;
1364         background-color : white;
1365         right : 0px;
1366         left : 0px;
1367         padding : 10px;
1368         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1369         border-collapse : collapse;
1370         border-width : 1px 0px 0px 0px;
1371         border-style : solid;
1372         border-color : #88b0f0;
1373
1374 }
1375
1376 #footer a, #prefFooter a {
1377         color : gray;
1378 }
1379
1380 #footer a:hover, #prefFooter a:hover {
1381         color : black;
1382 }
1383
1384 #headlinesContainer {
1385         margin-left : 1px;
1386         background-color : white;
1387 }
1388
1389 #headlineActionsTop {
1390 /*      border-width : 0px 0px 1px 0px;
1391         border-style : solid;
1392         border-color : #c0c0c0;
1393         background-color : #fafafa; */
1394         font-size : 9pt;
1395 }
1396
1397 #headlinesInnerContainer {
1398         overflow : auto;
1399         position : absolute;
1400         left : 1px;
1401         right : 0px;
1402         bottom : 0px;
1403         top : 25px;
1404 }
1405
1406 /* preferences layout */
1407
1408 #prefHeader {
1409         color : #4684ff;
1410         font-size : 9pt;
1411         margin : 10px;
1412         height : 33px;
1413 }
1414
1415 div.return {
1416         float : right;
1417         font-size : 9pt;
1418         margin-right : 10px;
1419 }
1420
1421 div.return a {
1422         color : #4684ff;
1423 }
1424
1425 div.return a:hover {
1426         color : black;
1427 }
1428
1429 #prefContent {
1430         clear : left;
1431         position : absolute;
1432         bottom : 40px;
1433         top : 75px;
1434         left : 0px;
1435         right : 0px;
1436         padding : 1em;
1437         overflow : auto;
1438         min-height : 300px;
1439         background-image : url("images/prefs-content.png");
1440         background-position : top left;
1441         background-repeat : repeat-x;
1442         border-width : 1px 0px 0px 0px;
1443         border-color : #88b0f0;
1444         border-style : solid;
1445         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1446         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1447         font-size : 10pt;
1448 }
1449
1450 #userSwitch {
1451         position : absolute;
1452         bottom : 2px;
1453         right : 2px;
1454 }
1455
1456 a.feedUpdErrLink {
1457         color : #ff0000;
1458         display : block;
1459         margin-bottom : 0.5em;
1460 }
1461
1462 .catCtrHasUnread {
1463         font-weight : bold;
1464 }
1465
1466 .catCtrNoUnread {
1467         display : none;
1468 }
1469
1470 ul.headlineDropdownMenu {
1471         list-style-type : none;
1472         margin : 0px;
1473         padding : 0px;
1474 }
1475
1476 ul.headlineDropdownMenu li.top {
1477         float : left;
1478         width : 9em;
1479         background-image : url("images/down_arrow.png");
1480         background-position : center right;
1481         background-repeat : no-repeat;
1482         margin : 0px;
1483         cursor : pointer;
1484         border-width : 1px 1px 1px 1px;
1485         border-color : transparent;
1486         border-style : solid;
1487 }
1488
1489 ul.headlineDropdownMenu li.top2 {
1490         float : left;
1491 }
1492
1493 ul.headlineDropdownMenu li.top3 {
1494         float : left;
1495         margin : 0px;
1496         cursor : pointer;
1497         border-width : 1px 1px 1px 1px;
1498         border-color : transparent;
1499         border-style : solid;
1500 }
1501
1502 ul.headlineDropdownMenu li.vsep {
1503         float : left;
1504         margin : 0px 5px 0px 0px;
1505         border-width : 0px 1px 0px 0px;
1506         border-color : #c0c0c0;
1507         border-style : dotted;
1508         color : white;
1509 }
1510
1511 ul.headlineDropdownMenu li.top:hover {
1512         cursor : pointer;
1513         border-width : 1px 1px 0px 1px;
1514         border-color : #c0c0c0;
1515         border-style : solid;
1516 }
1517
1518 ul.headlineDropdownMenu li.top:hover ul {
1519         display : block;
1520 }
1521
1522 ul.headlineDropdownMenu ul {
1523         list-style-type : none;
1524         position : absolute;
1525         float : none;
1526         margin : 0px;
1527         padding : 0px;
1528         display : none;
1529         background-color : white;
1530         width : 9em;
1531         z-index : 3;
1532         top : auto;
1533         left : auto;
1534         border-width : 0px 1px 1px 1px;
1535         border-color : #c0c0c0;
1536         border-style : solid;
1537         margin-left : -1px;
1538 }
1539
1540 ul.headlineDropdownMenu ul li {
1541         float: none;
1542         padding : 2px 0px 2px 10px;
1543         color : black;
1544 }
1545
1546 ul.headlineDropdownMenu ul li:hover {
1547         color : #4684ff;
1548         background-color : #f0f0f0;
1549 }
1550
1551 #newVersionIcon {
1552         vertical-align : middle;
1553         cursor : pointer;
1554         display : none;
1555 }
1556
1557 a.helpLinkPic {
1558         float : right;
1559 }
1560
1561 a.helpLinkPic img {
1562         border-width : 0px;
1563 }
1564
1565 #fadd_login_container {
1566         display : none;
1567 }
1568
1569 li.feedCatHolder {
1570         display : inline;
1571 }