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:hover {
 849         background-color : white;
 850 } */
 851
 852 div.cdmArticle {
 853         border-color : #a0a0a0;
 854         border-width : 0px 0px 1px 0px;
 855         border-style : solid;
 856         background-color : #fafafa;
 857         margin : 0px;
 858         /* padding : 10px; */
 859 }
 860
 861 /* div.cdmArticleUnread:hover {
 862         background-color : white;
 863 } */
 864
 865 div.cdmArticleUnread {
 866         border-color : #a0a0a0;
 867         border-width : 0px 0px 1px 0px;
 868         border-style : solid;
 869         background-color : #fafeff;
 870         margin : 0px;
 871         /* padding : 10px; */
 872 }
 873
 874 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 875         margin : 0px;
 876         padding : 10px;
 877         background-color : #fff7d5;
 878         border-color : #e7d796;
 879         border-width : 0px 0px 1px 0px;
 880         border-style : solid;
 881 }
 882
 883 div.cdmArticleUnread div.cdmHeader a.title,
 884 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 885         font-weight : bold;
 886 }
 887
 888 div.cdmHeader {
 889         padding : 5px 5px 10px 5px;
 890 }
 891
 892 div.cdmArticleUnread div.cdmHeader a {
 893         color : black;
 894 }
 895
 896 div.cdmFooter {
 897         font-size : 9pt;
 898         color : black;
 899         padding : 5px;
 900         color : gray;
 901         background-color : white;
 902         border-width : 1px 0px 0px 0px;
 903         border-color : #c0c0c0;
 904         border-style : dotted;
 905 }
 906
 907 div.cdmFooter span.s0 {
 908         border-width : 0px 1px 0px 0px;
 909         border-color : #c0c0c0;
 910         border-style : dotted;
 911         padding : 0px 10px 0px 0px;
 912 }
 913
 914 div.cdmFooter span.s1 {
 915         border-width : 0px 1px 0px 0px;
 916         border-color : #c0c0c0;
 917         border-style : dotted;
 918         padding : 0px 10px 0px 10px;
 919 }
 920
 921 div.cdmFooter span.s2 {
 922         padding : 0px 10px 0px 10px;
 923 }
 924
 925 div.cdmFooter img.markedPic {
 926         width : 16px;
 927         height : 16px;
 928         vertical-align : middle;
 929 }
 930
 931
 932 div.cdmHeader div.articleUpdated {
 933         float : right;
 934 }
 935
 936 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 937         margin : 0px;
 938 }
 939
 940 div.cdmHeader, div.cdmHeader a {
 941         color : gray;
 942         font-size : 9pt;
 943 }
 944
 945 div.cdmHeader a:hover {
 946         color : #4684ff;
 947 }
 948
 949 div.cdmContent {
 950         margin : 5px 15px 0px 15px;
 951
 952 }
 953
 954 a.warning {
 955         color : #f04040;
 956 }
 957
 958 img.closeButton {
 959         border-width : 0px;
 960         float : right;
 961 }
 962
 963 span.groupPrompt {
 964         font-size : 9pt;
 965         color : #4684ff;
 966 }
 967
 968 div.tagCloudContainer {
 969 /*      height : 300px;
 970         overflow : auto; */
 971         border : 1px solid #99d67a;
 972         background-color : white;
 973         margin : 5px 0px 5px 0px;
 974         padding : 5px;
 975         text-align : center;
 976 }
 977
 978 ul.feedErrorsList {
 979         height : 300px;
 980         overflow : auto;
 981         list-style-type : none;
 982         border : 1px solid #99d67a;
 983         background-color : white;
 984         margin : 0px 0px 5px 0px;
 985         padding : 0px;
 986 }
 987
 988 ul.userFeedList {
 989         height : 300px;
 990         overflow : auto;
 991         list-style-type : none;
 992         border : 1px solid #99d67a;
 993         background-color : white;
 994         margin : 0px 0px 5px 0px;
 995         padding : 0px;
 996 }
 997
 998 /* #browseBigFeedList li.oddSelected {
 999         border : 1px solid #d0d0f6;
1000         background-color : #eaeaff;
1001         -moz-border-radius : 5px;
1002 } */
1003
1004 ul.labelTestResults {
1005         height : 100px;
1006         overflow : auto;
1007         list-style-type : none;
1008         margin : 0px 0px 5px 0px;
1009         padding : 0px;
1010         border : 1px solid #99d67a;
1011         background-color : white;
1012 }
1013
1014 ul.filterTestResults {
1015         height : 300px;
1016         overflow : auto;
1017         list-style-type : none;
1018         margin : 0px 0px 5px 0px;
1019         padding : 0px;
1020         border : 1px solid #99d67a;
1021         background-color : white;
1022 }
1023
1024 ul.browseFeedList {
1025         height : 300px;
1026         overflow : auto;
1027         list-style-type : none;
1028         margin : 0px 0px 5px 0px;
1029         padding : 0px;
1030         border : 1px solid #99d67a;
1031         background-color : white;
1032 }
1033
1034 ul.browseFeedList li {
1035         margin : 0px;
1036         padding : 0px;
1037 }
1038
1039 span.subscribers {
1040         color : #808080;
1041 }
1042
1043 div.subscribers {
1044         color : #808080;
1045         font-size : 9pt;
1046         float : right;
1047 }
1048
1049 input.feedBrowseCB {
1050         margin-right : 1em;
1051 }
1052
1053 div.browserDetails {
1054         margin : 5px 5px 5px 5px;
1055         display : none;
1056         padding : 5px;
1057 }
1058
1059 ul.compact {
1060         list-style-type : none;
1061         margin : 0px;
1062         padding : 0px;
1063 }
1064
1065 ul.compact li {
1066         margin : 0px;
1067         padding : 0px;
1068 }
1069
1070 div.browserFeedInfo {
1071         font-size : 9pt;
1072 /*      border : 1px solid #88b0f0;
1073         background-color : #ecf4ff;
1074         -moz-border-radius : 5px; */
1075         padding : 5px;
1076 }
1077
1078 div.browserFeedInfo div.detailsPart {
1079         margin : 5px 0px 5px 5px;
1080 }
1081
1082 div.cdmContent a {
1083         color : #4684ff;
1084 }
1085
1086 div.cdmContent a:hover {
1087         color : black;
1088 }
1089
1090 a.cdmToggleLink {
1091         color : #808080;
1092         font-size : 9pt;
1093 }
1094
1095 a.cdmToggleLink:hover {
1096         color : #4684ff;
1097 }
1098
1099 .noborder {
1100         border-width : 0px;
1101 }
1102
1103 #debug_output {
1104         position : absolute;
1105         width : 400px;
1106         height : 200px;
1107         right : 20px;
1108         bottom : 20px;
1109         z-index : 999;
1110         background-color : white;
1111         display : none;
1112         border : 1px solid #c0c0c0;
1113         overflow : auto;
1114         margin : 0px;
1115         padding : 0px;
1116         list-style-type : none;
1117 }
1118
1119 #debug_output li {
1120         margin : 0px;
1121         padding : 0px;
1122         font-size : 8pt;
1123 }
1124
1125 #dialog_overlay {
1126         background : white;
1127         left : 0;
1128         top : 0;
1129         height : 100%;
1130         width : 100%;
1131         z-index : 2;
1132         opacity : 0.5;
1133         position : absolute;
1134         display : none;
1135 }
1136
1137 #overlay {
1138         background : white;
1139         left : 0;
1140         top : 0;
1141         height : 100%;
1142         width : 100%;
1143         z-index : 100;
1144         position : absolute;
1145 }
1146
1147 #overlay_inner {
1148         font-weight : bold;
1149         text-align : center;
1150         margin : 10px;
1151 }
1152
1153 #fatal_error {
1154         background : white;
1155         left : 0;
1156         top : 0;
1157         height : 100%;
1158         width : 100%;
1159         z-index : 200;
1160         display : none;
1161         position : absolute;
1162 }
1163
1164 #fatal_error_inner {
1165         font-weight : bold;
1166         margin : 10px;
1167         color : red;
1168 }
1169
1170 #fatal_error_msg {
1171         color : black;
1172         padding : 10px;
1173         font-weight : normal;
1174         background-color : #ffcccc;
1175         border : 1px solid #ff0000;
1176 }
1177
1178 #fatal_error_msg a {
1179         color : red;
1180 }
1181
1182 #fatal_error_msg a:hover {
1183         color : red;
1184         text-decoration : underline;
1185 }
1186
1187 #fatal_error_msg img {
1188         vertical-align : middle;
1189 }
1190
1191 #noDaemonWarning {
1192         position : absolute;
1193         background-color : #ecf4ff;
1194         border : 1px solid #88b0f0;
1195         padding : 10px;
1196         margin : 5px;
1197         z-index : 2;
1198         display : none;
1199 }
1200
1201 #qafInput {
1202         width : 100%;
1203 }
1204
1205 form {
1206         margin : 0px;
1207         padding : 0px;
1208 }
1209
1210 #main_toolbar_form {
1211         margin : 0px;
1212         padding : 0px;
1213         display : inline;
1214 }
1215
1216 div.feedExtInfo {
1217         margin-left : 2em;
1218         font-size : 7pt;
1219         color : gray;
1220         font-weight : normal;
1221 }
1222
1223 span.debugTS {
1224         color : #4684ff;
1225 }
1226
1227 #backReqBox {
1228         display : none;
1229 }
1230
1231 /*.scriptWarn:before {
1232         content : "Disabled script:";
1233 }*/
1234
1235 .scriptWarn {
1236         color : white;
1237         background-color : #903030;
1238         border : 1px solid #601010;
1239         padding : 3px;
1240         font-weight : bold;
1241         display : none;
1242 }
1243
1244 .objectWarn {
1245         color : gray;
1246         font-style: italic;
1247         text-align : center;
1248 }
1249
1250 table.loginForm2 {
1251         padding : 1em;
1252 }
1253
1254 table.loginForm2 .loginTop {
1255         border-width : 0px 0px 1px 0px;
1256         border-color : #88b0f0;
1257         border-style : solid;
1258         padding : 0.5em;
1259 }
1260
1261 table.loginForm2 .loginMiddle {
1262         padding : 3em;
1263 }
1264
1265 table.loginForm2 .loginBottom {
1266         border-width : 1px 0px 0px 0px;
1267         border-color : #88b0f0;
1268         border-style : solid;
1269         font-size : 9pt;
1270         text-align : center;
1271         color : #909090;
1272         padding : 0.5em;
1273 }
1274
1275 table.loginForm2 .loginBottom a {
1276         color : gray;
1277 }
1278
1279 table.loginForm2 .loginBottom a:hover {
1280         color : #4684ff;
1281 }
1282
1283 table.loginForm2 .loginError {
1284         color : red;
1285         margin : 0.5em;
1286 }
1287
1288 table.loginForm2 .innerLoginCell {
1289         padding-top : 0.5em;
1290 }
1291
1292 #milestoneDetails {
1293         display : none;
1294 }
1295
1296 div.loadingPrompt {
1297         padding : 1em;
1298         text-align : center;
1299         font-weight : bold;
1300 }
1301
1302 div.whiteBox {
1303         background-color : white;
1304         margin-left : 1px;
1305         text-align : center;
1306         padding : 1em;
1307 }
1308
1309 /* layout */
1310
1311 #header {
1312         position : absolute;
1313         white-space: nowrap;
1314         top : 10px;
1315         left : 15px;
1316         right : 5px;
1317         height : 40px;
1318         color : #4684ff;
1319         font-size : 9pt;
1320 }
1321
1322 #feeds-holder {
1323         border-width : 1px 1px 1px 0px;
1324         border-style : solid;
1325         border-color : #88b0f0;
1326         top : 50px;
1327         left : 0px;
1328         position : absolute;
1329         width : 260px;
1330         overflow : auto;
1331         bottom : 40px;
1332         border-collapse : collapse;
1333         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1334 }
1335
1336 #toolbar {
1337         position : absolute;
1338         left : 261px;
1339         padding : 5px 10px 5px 10px;
1340         top : 50px;
1341         right : 0px;
1342         white-space: nowrap;
1343         height : 30px;
1344         background-image : url("images/toolbar.png");
1345         background-position : bottom left;
1346         background-repeat : repeat-x;
1347         font-size : 9pt;
1348 }
1349
1350 div.headlines_normal {
1351         position : absolute;
1352         border-width : 1px 0px 0px 0px;
1353         border-style : solid;
1354         border-color : #88b0f0;
1355         left : 260px;
1356         height : 305px;
1357         top : 85px;
1358         right : 0px;
1359         overflow : hidden;
1360         font-size : 9pt;
1361         border-collapse : collapse;
1362         /* css hack for IE */
1363         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1364 }
1365
1366 div.headlines_cdm {
1367         position : absolute;
1368         border-width : 1px 0px 1px 0px;
1369         border-style : solid;
1370         border-color : #88b0f0;
1371         left : 260px;
1372         bottom : 40px;
1373         top : 85px;
1374         right : 0px;
1375         overflow : hidden;
1376         font-size : 9pt;
1377         border-collapse : collapse;
1378         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1379 }
1380
1381 #content-frame {
1382         position : absolute;
1383         border-width : 1px 0px 0px 0px;
1384         border-style : solid;
1385         border-color : #88b0f0;
1386         overflow : auto;
1387         top : 390px;
1388         left : 260px;
1389         bottom : 40px;
1390         right : 0px;
1391         border-collapse : collapse;
1392         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1393 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1394 }
1395
1396 #footer, #prefFooter {
1397         position : absolute;
1398         bottom : 0px;
1399         height : 20px;
1400         text-align : center;
1401         color : gray;
1402         font-size : 9pt;
1403         background-image : url("images/footer.png");
1404         background-position : top left;
1405         background-repeat : repeat-x;
1406         background-color : white;
1407         right : 0px;
1408         left : 0px;
1409         padding : 10px;
1410         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1411         border-collapse : collapse;
1412         border-width : 1px 0px 0px 0px;
1413         border-style : solid;
1414         border-color : #88b0f0;
1415
1416 }
1417
1418 #footer a, #prefFooter a {
1419         color : gray;
1420 }
1421
1422 #footer a:hover, #prefFooter a:hover {
1423         color : black;
1424 }
1425
1426 #headlinesContainer {
1427         margin-left : 1px;
1428         background-color : white;
1429 }
1430
1431 #headlineActionsTop {
1432 /*      border-width : 0px 0px 1px 0px;
1433         border-style : solid;
1434         border-color : #c0c0c0;
1435         background-color : #fafafa; */
1436         font-size : 9pt;
1437 }
1438
1439 #headlinesInnerContainer {
1440         overflow : auto;
1441         position : absolute;
1442         left : 1px;
1443         right : 0px;
1444         bottom : 0px;
1445         top : 25px;
1446 }
1447
1448 /* preferences layout */
1449
1450 #prefHeader {
1451         color : #4684ff;
1452         font-size : 9pt;
1453         margin : 10px;
1454         height : 33px;
1455 }
1456
1457 div.return {
1458         float : right;
1459         font-size : 9pt;
1460         margin-right : 10px;
1461 }
1462
1463 div.return a {
1464         color : #4684ff;
1465 }
1466
1467 div.return a:hover {
1468         color : black;
1469 }
1470
1471 #prefContent {
1472         clear : left;
1473         position : absolute;
1474         bottom : 40px;
1475         top : 75px;
1476         left : 0px;
1477         right : 0px;
1478         padding : 1em;
1479         overflow : auto;
1480         min-height : 300px;
1481         background-image : url("images/prefs-content.png");
1482         background-position : top left;
1483         background-repeat : repeat-x;
1484         border-width : 1px 0px 0px 0px;
1485         border-color : #88b0f0;
1486         border-style : solid;
1487         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1488         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1489         font-size : 10pt;
1490 }
1491
1492 #userSwitch {
1493         position : absolute;
1494         bottom : 2px;
1495         right : 2px;
1496 }
1497
1498 a.feedUpdErrLink {
1499         color : #ff0000;
1500         display : block;
1501         margin-bottom : 0.5em;
1502 }
1503
1504 .catCtrHasUnread {
1505         font-weight : bold;
1506 }
1507
1508 .catCtrNoUnread {
1509         display : none;
1510 }
1511
1512 ul.headlineDropdownMenu {
1513         list-style-type : none;
1514         margin : 0px;
1515         padding : 0px;
1516 }
1517
1518 ul.headlineDropdownMenu li.top {
1519         float : left;
1520         width : 9em;
1521         background-image : url("images/down_arrow.png");
1522         background-position : center right;
1523         background-repeat : no-repeat;
1524         margin : 0px;
1525         cursor : pointer;
1526         border-width : 1px 1px 1px 1px;
1527         border-color : transparent;
1528         border-style : solid;
1529 }
1530
1531 ul.headlineDropdownMenu li.top2 {
1532         float : left;
1533 }
1534
1535 ul.headlineDropdownMenu li.top3 {
1536         float : left;
1537         margin : 0px;
1538         cursor : pointer;
1539         border-width : 1px 1px 1px 1px;
1540         border-color : transparent;
1541         border-style : solid;
1542 }
1543
1544 ul.headlineDropdownMenu li.vsep {
1545         float : left;
1546         margin : 0px 5px 0px 0px;
1547         border-width : 0px 1px 0px 0px;
1548         border-color : #c0c0c0;
1549         border-style : dotted;
1550         color : white;
1551 }
1552
1553 ul.headlineDropdownMenu li.top:hover {
1554         cursor : pointer;
1555         border-width : 1px 1px 0px 1px;
1556         border-color : #c0c0c0;
1557         border-style : solid;
1558 }
1559
1560 ul.headlineDropdownMenu li.top:hover ul {
1561         display : block;
1562 }
1563
1564 ul.headlineDropdownMenu ul {
1565         list-style-type : none;
1566         position : absolute;
1567         float : none;
1568         margin : 0px;
1569         padding : 0px;
1570         display : none;
1571         background-color : white;
1572         width : 9em;
1573         z-index : 3;
1574         top : auto;
1575         left : auto;
1576         border-width : 0px 1px 1px 1px;
1577         border-color : #c0c0c0;
1578         border-style : solid;
1579         margin-left : -1px;
1580 }
1581
1582 ul.headlineDropdownMenu ul li {
1583         float: none;
1584         padding : 2px 0px 2px 10px;
1585         color : black;
1586 }
1587
1588 ul.headlineDropdownMenu ul li:hover {
1589         color : #4684ff;
1590         background-color : #f0f0f0;
1591 }
1592
1593 #newVersionIcon {
1594         vertical-align : middle;
1595         cursor : pointer;
1596         display : none;
1597 }
1598
1599 a.helpLinkPic {
1600         float : right;
1601 }
1602
1603 a.helpLinkPic img {
1604         border-width : 0px;
1605 }
1606
1607 #fadd_login_container {
1608         display : none;
1609 }
1610
1611 li.feedCatHolder {
1612         display : inline;
1613 }
1614
1615 table.prefFeedCatList {
1616         background-color : white;
1617 }