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