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