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         margin : 0px;
 106 }
 107
 108 ul.feedCatList 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         width : 400;
 197         height : 400;
 198         right : 0;
 199         top : -400;
 200         background-color : white;
 201         display : none;
 202         z-index : 999;
 203         background-image : url("images/piggie.png");
 204         background-position : center center;
 205         background-repeat : no-repeat;
 206         position : absolute;
 207         border : 1px solid pink;
 208         margin-left : auto;
 209         margin-right : auto;
 210         -moz-border-radius : 10px;
 211         opacity : 0.8;
 212 }
 213
 214 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 215 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 216 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 217 #iedit_parent_feed {
 218         width : 100%;
 219         padding-left : 2px;
 220         background-color : #f0fff0;
 221 }
 222
 223 textarea.iedit {
 224         width : 100%;
 225 }
 226
 227 input.iedit {
 228         width : 100%;
 229         padding-left : 2px;
 230 }
 231
 232 select.iedit {
 233         width : 100%;
 234 }
 235
 236 input.editbox {
 237         width : 200px;
 238         padding-left : 2px;
 239 }
 240
 241 #notify {
 242         border-width : 1px;
 243         border-style : solid;
 244         top : 10px;
 245         right : 35%;
 246         min-width : 30%;
 247         position : absolute;
 248         display : none;
 249         float : right;
 250         font-size : 9pt;
 251         z-index : 999;
 252         -moz-border-radius : 2px;
 253         padding : 5px 5px 5px 5px;
 254 }
 255
 256 #notify img {
 257         vertical-align : middle;
 258 }
 259
 260 .notifyProgress {
 261         border-color : #d7c47a;
 262         background-color : #fff7d5;
 263         color : black;
 264 }
 265
 266 .notifyInfo {
 267         border-color : #7AD78E;
 268         background-color : #D5FFDB;
 269         color : black;
 270 }
 271
 272 .notify {
 273         border-color : #d7c47a;
 274         background-color : #fff7d5;
 275         color : black;
 276 }
 277
 278 .notifyError {
 279         background-color : #ffcccc;
 280         border-color : #ff0000;
 281         color : black;
 282 }
 283
 284 .notifyError span:hover {
 285         color : red;
 286         cursor : pointer;
 287 }
 288
 289 #dispSwitch {
 290         font-size : 8pt;
 291         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 292         text-align : right;
 293         float : right;
 294         margin : 5px 5px 0px 0px;
 295 }
 296
 297 #dispSwitch a {
 298         color : gray;
 299 }
 300
 301 #dispSwitch a:hover {
 302         color : #4684ff;
 303 }
 304
 305 div.expPane {
 306         margin : 15px;
 307 }
 308
 309 iframe {
 310         border : 0px solid white;
 311 }
 312
 313 iframe.feedsFrameWithActions {
 314         width : 100%;
 315         height : 90%;
 316         margin : 0px;
 317         padding : 0px;
 318 }
 319
 320 iframe.feedsFrame {
 321         width : 100%;
 322         height : 100%;
 323         margin : 0px;
 324         padding : 0px;
 325 }
 326
 327 iframe.contentFrame, iframe.headlinesFrame {
 328         width : 100%;
 329         padding : 0px;
 330         margin : 0px;
 331         height : 100%;
 332 }
 333
 334 /*.button {
 335         border : 1px solid #d0d0d0;
 336         background-image : url("images/button.png");
 337         background-position : top;
 338         background-repeat : repeat-x;
 339         background-color : white;
 340         color : black;
 341 }
 342
 343 .button:hover {
 344         background : white;
 345         text-decoration : none;
 346         color : black;
 347 }
 348
 349 .disabledButton {
 350         border : 1px solid #c0c0c0;
 351         background-color : white;
 352         color : gray;
 353 }
 354
 355 a.button {
 356         padding : 2px 5px 2px 5px;
 357         font-size : small;
 358 } */
 359
 360 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 361         .evenSelectedUnread td {
 362         background-color : #fff7d5;
 363         font-weight : bold;
 364                   border-width : 1px 0px 1px 0px;
 365                   border-style : solid;
 366                   border-color : #e7d796;
 367 }
 368
 369 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 370         .oddSelectedUnread td {
 371         background-color : #fff7d5;
 372         font-weight : bold;
 373 }
 374
 375 .evenSelected, .evenSelected td {
 376         background-color : #fff7d5;
 377                   border-width : 1px 0px 1px 0px;
 378                   border-style : solid;
 379                   border-color : #e7d796;
 380 }
 381
 382 .oddSelected, .evenSelected td {
 383         background-color : #fff7d5;
 384 }
 385
 386 .evenGrayed, .evenGrayed td {
 387         background-color : #f0f0f0;
 388         color : #909090;
 389                   border-width : 1px 0px 1px 0px;
 390                   border-style : solid;
 391                   border-color : #c0c0c0;
 392 }
 393
 394 .oddGrayed {
 395         color : #909090;
 396 }
 397
 398 .even, .even td {
 399                   border-width : 1px 0px 1px 0px;
 400                   border-style : solid;
 401                   border-color : #c0c0c0;
 402         background-color : #f0f0f0;
 403 }
 404
 405 .evenUnread, .evenUnread td {
 406         background-color : #f0f0f0;
 407         font-weight : bold;
 408                   border-width : 1px 0px 1px 0px;
 409                   border-style : solid;
 410                   border-color : #c0c0c0;
 411 }
 412
 413 .oddUnread, .oddUnread td {
 414         font-weight : bold;
 415 }
 416
 417 .invisible {
 418         display : none;
 419 }
 420
 421 /* preferences */
 422
 423 tr.title td {
 424         border-width : 0px 0px 1px 0px;
 425         border-color : #ecf4ff;
 426         border-style : solid;
 427         color : #4684ff;
 428 }
 429
 430 tr.title td a {
 431         color : #4684ff;
 432 }
 433
 434 tr.title td a:hover {
 435         color : black;
 436 }
 437
 438 div.feedEditSearch {
 439         float : right;
 440 }
 441
 442 table.prefFeedList td.feedEditCat {
 443         font-weight : bold;
 444         border-width : 0px 0px 1px 0px;
 445         border-style : solid;
 446         border-color : #88b0f0;
 447         padding-top : 0.5em;
 448 }
 449
 450 table.prefFeedList td.feedIcon {
 451         text-align : center;
 452 }
 453
 454 table.prefFeedList td.feedSelect {
 455         text-align : center;
 456 }
 457
 458 div.prefFeedCatHolder {
 459         height : 250px;
 460         overflow : auto;
 461         border : 1px solid #99d67a;
 462         margin : 5px 0px 5px 0px;
 463         background-color : white;
 464 }
 465
 466 a.helpLink {
 467         color : #808080;
 468 }
 469
 470 a.helpLink:hover {
 471         color : #4684ff;
 472 }
 473
 474 div.helpResponse {
 475         margin : 10px;
 476         background-image : url("images/vgrad_light_rev2.png");
 477         background-position : top left;
 478         background-repeat : repeat-x;
 479         padding : 10px 20px 10px 20px;
 480         border : 1px solid #f0f0f0;
 481 }
 482
 483 #infoBoxTitle {
 484         border-width : 1px 1px 1px 1px;
 485         border-style : solid;
 486         border-color : #99d67a;
 487         background-color : #99d67a;
 488         padding : 2px;
 489         color : white;
 490 }
 491
 492 #infoBox {
 493         border-width : 1px 1px 1px 1px;
 494         border-style : solid;
 495         border-color : #99d67a;
 496         position : relative;
 497         bottom : 2px;
 498         right : 2px;
 499         padding-bottom : 5px;
 500         background-color : #f8fcf5;
 501 }
 502
 503 /*
 504 #infoBoxTitle {
 505         border-width : 1px 1px 1px 1px;
 506         border-style : solid;
 507         border-color : #88b0f0;
 508         background-color : #88b0f0;
 509         padding : 2px;
 510         color : white;
 511 }
 512
 513 #infoBox {
 514         border-width : 1px 1px 1px 1px;
 515         border-style : solid;
 516         border-color : #88b0f0;
 517         position : relative;
 518         bottom : 2px;
 519         right : 2px;
 520         padding-bottom : 5px;
 521         background-color : #f7faff;
 522 } */
 523
 524 #infoBoxShadow {
 525         background-image : url("images/shadow.png");
 526         left : 25%;
 527         top : 30%;
 528         width : 50%;
 529         z-index : 3;
 530         position : absolute;
 531         display : none;
 532 }
 533
 534 div.infoBoxContents {
 535         padding : 10px;
 536         margin-bottom : 5px;
 537         font-size : 9pt;
 538 }
 539
 540 div.infoBoxContents td {
 541         font-size : 9pt;
 542 }
 543
 544 div.infoBoxContents a {
 545         color : #527040;
 546 }
 547
 548 div.infoBoxContents a:hover {
 549         color : black;
 550 }
 551
 552 div.helpResponse h1, div.infoBoxContents h1 {
 553 /*        border-width : 0px 0px 1px 0px;
 554         border-style : solid;
 555         border-color : #c0c0c0; */
 556         font-size : 16pt;
 557 }
 558
 559 div.helpResponse h2, div.infoBoxContents h2 {
 560 /*        border-width : 0px 0px 0px 0px; */
 561         font-size : 12pt;
 562 }
 563
 564 pre {
 565         margin : 5px;
 566 }
 567
 568 input.extSearch {
 569         width : 100%;
 570 }
 571
 572 div.firstTab {
 573         width : 10px;
 574         float : left;
 575 }
 576
 577 div.prefsTab:hover {
 578         cursor : pointer;
 579 }
 580
 581 div.prefsTabSelected:hover {
 582         cursor : pointer;
 583 }
 584
 585 div.prefsTab {
 586         float : left;
 587         border-width : 1px 1px 0px 1px;
 588         border-color : #88b0f0;
 589         border-style : solid;
 590         margin : 0px 0px 0px 5px;
 591         padding : 3px 5px 3px 5px;
 592         font-size : 9pt;
 593         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 594         border-collapse : collapse;
 595         -moz-border-radius : 3px;
 596         min-width : 100px;
 597         text-align : center;
 598         cursor : pointer;
 599         position : relative;
 600         bottom : -2px;
 601 }
 602
 603 div.prefsTabSelected {
 604         float : left;
 605         border-width : 1px 1px 0px 1px;
 606         border-color : #88b0f0;
 607         border-style : solid;
 608         margin : 0px 0px 0px 5px;
 609         padding : 3px 5px 3px 5px;
 610         background-color : #ecf4ff;
 611         font-size : 9pt;
 612         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 613         border-collapse : collapse;
 614         -moz-border-radius : 3px;
 615         font-weight : bold;
 616         min-width : 100px;
 617         text-align : center;
 618         cursor : pointer;
 619         position : relative;
 620         bottom : -2px;
 621
 622 }
 623
 624 div.notice {
 625         background : #ffffff;
 626         border : 1px solid #88b0f0;
 627         width : 50%;
 628         padding : 5px;
 629         margin : 0px 0px 5px 0px;
 630         font-size : 9pt;
 631 }
 632
 633 div.warning {
 634         background : #fff7d5;
 635         border : 1px solid #d7c47a;
 636         font-size : 9pt;
 637         width : 50%;
 638         padding : 5px;
 639         margin : 0px 0px 5px 0px;
 640 }
 641
 642
 643 div.warning img, div.notice img, div.error img {
 644         vertical-align : middle;
 645         padding : 5px;
 646 }
 647
 648 div.error {
 649         border : 1px solid #ff0000;
 650         background : #ffcccc;
 651         padding : 5px;
 652         margin : 0px 0px 5px 0px;
 653         font-size : 9pt;
 654 }
 655
 656 ul.nomarks {
 657         list-style-type : none;
 658         margin : 0px;
 659         padding : 10px;
 660 }
 661
 662 div.prefHelp, td.prefHelp {
 663         color : gray;
 664         padding : 5px;
 665 }
 666
 667 table.loginForm {
 668         background-color : #ecf4ff;
 669 }
 670
 671 table.innerLoginForm {
 672         border : 1px solid #88b0f0;
 673         padding : 50px;
 674         background-color : white;
 675 }
 676
 677 table.innerLoginForm td {
 678         padding : 3px 3px 5px 3px;
 679 }
 680
 681 span.feed_error {
 682         color : red;
 683 }
 684
 685 span.insensitive, div.insensitive {
 686         color : gray;
 687 }
 688
 689 .insensitive a {
 690         color : #4684ff;
 691 }
 692
 693 .insensitive a:hover {
 694         color : black;
 695 }
 696
 697 /* .prefGenericAddBox {
 698         font-size : 9pt;
 699 } */
 700
 701 body.logoutBody {
 702         background-color : #f0f0f0;
 703         color : black;
 704 }
 705
 706 span.logoutWarning {
 707         color : red;
 708         font-weight : bold;
 709 }
 710
 711 div.logoutContent {
 712         width : 600px;
 713         border : 1px solid #c0c0c0;
 714         background-color : white;
 715         margin-left : auto;
 716         margin-right : auto;
 717         margin-top : 20px;
 718         padding : 10px;
 719 }
 720
 721 .small {
 722         font-size : 9pt;
 723 }
 724
 725 table.innerFeedTable td {
 726         margin : 0px;
 727         padding : 0px;
 728 }
 729
 730 td.selectPrompt {
 731         font-size : 9pt;
 732         color : gray;
 733 }
 734
 735 table.headlinesSubToolbar {
 736         border-width : 0px 0px 1px 0px;
 737         border-style : solid;
 738         border-color : #f0f0f0;
 739         position : absolute;
 740         left : 1px;
 741         top : 0px;
 742         height : 25px;
 743         right : 0px;
 744         background-color : white;
 745 }
 746
 747 table.headlinesSubToolbar td.headlineActions {
 748         font-size : 9pt;
 749         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 750         color : gray;
 751         padding : 0px 5px 0px 5px;
 752 }
 753
 754 table.headlinesSubToolbar td.headlineActionsRTL {
 755         font-size : 9pt;
 756         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 757         color : gray;
 758         padding : 0px 5px 0px 5px;
 759 }
 760
 761 table.headlinesSubToolbar td.headlineTitle {
 762         font-size : 9pt;
 763         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 764         color : gray;
 765         padding : 0px 5px 0px 5px;
 766         text-align : right;
 767 }
 768
 769 table.headlinesSubToolbar td.headlineTitleRTL {
 770         font-size : 9pt;
 771         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 772         color : gray;
 773         padding : 0px 5px 0px 5px;
 774         text-align : left;
 775 }
 776
 777 span.contentPreview {
 778         font-size : 9pt;
 779         color : gray;
 780         font-weight : normal;
 781 }
 782
 783 span.contentPreview:hover {
 784         color : #4684ff;
 785 }
 786
 787 table.headlinesList {
 788         width : 100%;
 789 }
 790
 791 table.headlinesList td.hlMarkedPic {
 792         width : 25px;
 793         text-align : center;
 794 }
 795
 796 table.headlinesList td.hlfeed {
 797         text-align : right;
 798 }
 799
 800 td.hlSelectRow, td.hlUpdPic {
 801         width : 25px;
 802         text-align : center;
 803 }
 804
 805 table.headlinesList td.hlUpdated {
 806         color : gray;
 807         text-align : right;
 808         width : 100px;
 809 }
 810
 811 table.headlinesList tr td {
 812         padding : 2px 0px 2px 0px;
 813 }
 814
 815 div.postHeader div.postDate {
 816         text-align : right;
 817         color : gray;
 818         float : right;
 819 }
 820
 821 div.postHeader div.postDateRTL {
 822         text-align : left;
 823         color : gray;
 824         float : right;
 825 }
 826
 827 div.postReply span.tagList {
 828         color : gray;
 829 }
 830
 831 div.postHeader div {
 832         padding-bottom : 3px;
 833         font-size : 10pt;
 834         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 835 }
 836
 837 #feedUpdateErrors {
 838         display : none;
 839 }
 840
 841 #allEntryTags {
 842         font-size : 9pt;
 843         border-width : 0px 0px 1px 0px;
 844         border-style : solid;
 845         border-color : #c0c0c0;
 846         padding-bottom : 5px;
 847         display : none;
 848 }
 849
 850 /*td.hlContent {
 851         overflow : hidden;
 852         height : 1em;
 853         display : block;
 854 } */
 855
 856 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 857         height : 1em;
 858 }
 859
 860 td.hlFeed {
 861         text-align : right;
 862 }
 863
 864 /* div.cdmArticle:hover {
 865         background-color : white;
 866 } */
 867
 868 div.cdmAllTags {
 869         float : left;
 870         background-color : white;
 871         border : 1px solid #c0c0c0;
 872         display : none;
 873         z-index : 3;
 874         top : auto;
 875         left : auto;
 876         right : auto;
 877         position : absolute;
 878         padding : 10px;
 879 }
 880
 881 span.cdmAllTagsCtr:hover div {
 882         display : block;
 883 }
 884
 885 div.cdmArticle {
 886         border-color : #a0a0a0;
 887         border-width : 0px 0px 1px 0px;
 888         border-style : solid;
 889         /* background-color : #fafafa; */
 890         margin : 0px;
 891         color : #505050;
 892         /* padding : 10px; */
 893 }
 894
 895 /* div.cdmArticleUnread:hover {
 896         background-color : white;
 897 } */
 898
 899 div.cdmArticleUnread {
 900         border-color : #a0a0a0;
 901         border-width : 0px 0px 1px 0px;
 902         border-style : solid;
 903         background-color : white;
 904         margin : 0px;
 905         /* padding : 10px; */
 906         color : black;
 907 }
 908
 909 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 910         margin : 0px;
 911         background-color : #fff7d5;
 912         border-color : #e7d796;
 913         border-width : 0px 0px 1px 0px;
 914         border-style : solid;
 915 }
 916
 917 div.cdmArticleUnread div.cdmHeader a.title,
 918 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 919         font-weight : bold;
 920 }
 921
 922 div.cdmHeader {
 923         padding : 5px 5px 10px 5px;
 924 }
 925
 926 div.cdmArticleUnread div.cdmHeader a {
 927         color : black;
 928 }
 929
 930 div.cdmFooter {
 931         font-size : 9pt;
 932         color : black;
 933         padding : 5px;
 934         color : gray;
 935         background-color : white;
 936         border-width : 1px 0px 0px 0px;
 937         border-color : #c0c0c0;
 938         border-style : dotted;
 939 }
 940
 941 div.cdmArticleSelected div.cdmFooter {
 942         background-color : transparent;
 943 }
 944
 945 div.cdmFooter span.s0 {
 946         border-width : 0px 1px 0px 0px;
 947         border-color : #c0c0c0;
 948         border-style : dotted;
 949         padding : 0px 5px 0px 0px;
 950 }
 951
 952 div.cdmFooter span.s1 {
 953         border-width : 0px 1px 0px 0px;
 954         border-color : #c0c0c0;
 955         border-style : dotted;
 956         padding : 0px 5px 0px 5px;
 957 }
 958
 959 div.cdmFooter span.s2 {
 960         padding : 0px 5px 0px 5px;
 961 }
 962
 963 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
 964         width : 16px;
 965         height : 16px;
 966         vertical-align : middle;
 967 }
 968
 969 img.markedPic {
 970         cursor : pointer;
 971 }
 972
 973 div.cdmHeader div.articleUpdated {
 974         float : right;
 975 }
 976
 977 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 978         margin : 0px;
 979 }
 980
 981 div.cdmHeader, div.cdmHeader a {
 982         color : #505050;
 983         font-size : 9pt;
 984 }
 985
 986 div.cdmHeader a:hover {
 987         color : #4684ff;
 988 }
 989
 990 div.cdmContent {
 991         margin : 5px 15px 0px 15px;
 992
 993 }
 994
 995 a.warning {
 996         color : #f04040;
 997 }
 998
 999 img.closeButton {
1000         border-width : 0px;
1001         float : right;
1002 }
1003
1004 span.groupPrompt {
1005         font-size : 9pt;
1006         color : #4684ff;
1007 }
1008
1009 div.tagCloudContainer {
1010 /*      height : 300px;
1011         overflow : auto; */
1012         border : 1px solid #99d67a;
1013         background-color : white;
1014         margin : 5px 0px 5px 0px;
1015         padding : 5px;
1016         text-align : center;
1017 }
1018
1019 ul.feedErrorsList {
1020         height : 300px;
1021         overflow : auto;
1022         list-style-type : none;
1023         border : 1px solid #99d67a;
1024         background-color : white;
1025         margin : 0px 0px 5px 0px;
1026         padding : 0px;
1027 }
1028
1029 ul.userFeedList {
1030         height : 300px;
1031         overflow : auto;
1032         list-style-type : none;
1033         border : 1px solid #99d67a;
1034         background-color : white;
1035         margin : 0px 0px 5px 0px;
1036         padding : 0px;
1037 }
1038
1039 /* #browseBigFeedList li.oddSelected {
1040         border : 1px solid #d0d0f6;
1041         background-color : #eaeaff;
1042         -moz-border-radius : 5px;
1043 } */
1044
1045 /*#browseBigFeedList li {
1046         padding :0px;
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 : 11em;
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 : 11em;
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         display : none;
1641 }
1642
1643 a.helpLinkPic {
1644         float : right;
1645 }
1646
1647 a.helpLinkPic img {
1648         border-width : 0px;
1649 }
1650
1651 #fadd_login_container {
1652 }
1653
1654 li.feedCatHolder {
1655         display : inline;
1656 }
1657
1658 table.prefFeedCatList {
1659         background-color : white;
1660 }
1661
1662 a[target="_new"], a[target="_blank"] {
1663         border-width : 0px 0px 1px 0px;
1664         border-color : #778899;
1665         border-style : dotted;
1666 }
1667
1668 div.autocomplete {
1669         position : absolute;
1670         width : 250px;
1671         background-color : white;
1672         border :1px solid #778899;
1673         margin : 0px;
1674         padding : 0px;
1675 }
1676
1677 div.autocomplete ul {
1678         list-style-type : none;
1679         margin : 0px;
1680         padding : 0px;
1681 }
1682
1683 div.autocomplete ul li.selected {
1684         background-color : #fff7d5;
1685 }
1686
1687 div.autocomplete ul li {
1688         list-style-type : none;
1689         display : block;
1690         margin : 0;
1691         padding : 2px;
1692         height : 32px;
1693         cursor : pointer;
1694 }
1695