tt-rss.css

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