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