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 0px;
  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 : 998;
 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.prefFilterList td.filterEditCat {
 442         font-weight : bold;
 443         border-width : 0px 0px 1px 0px;
 444         border-style : solid;
 445         border-color : #88b0f0;
 446         padding-top : 0.5em;
 447 }
 448
 449 table.prefFeedList td.feedIcon {
 450         text-align : center;
 451 }
 452
 453 table.prefFeedList td.feedSelect {
 454         text-align : center;
 455 }
 456
 457 div.prefFeedCatHolder {
 458         height : 250px;
 459         overflow : auto;
 460         border : 1px solid #99d67a;
 461         margin : 5px 0px 5px 0px;
 462         background-color : white;
 463 }
 464
 465 a.helpLink {
 466         color : #808080;
 467 }
 468
 469 a.helpLink:hover {
 470         color : #4684ff;
 471 }
 472
 473 div.helpResponse {
 474         margin : 10px;
 475         background-image : url("images/vgrad_light_rev2.png");
 476         background-position : top left;
 477         background-repeat : repeat-x;
 478         padding : 10px 20px 10px 20px;
 479         border : 1px solid #f0f0f0;
 480 }
 481
 482 #infoBoxTitle {
 483         border-width : 1px 1px 1px 1px;
 484         border-style : solid;
 485         border-color : #99d67a;
 486         background-color : #99d67a;
 487         padding : 2px;
 488         color : white;
 489 }
 490
 491 #infoBox {
 492         border-width : 1px 1px 1px 1px;
 493         border-style : solid;
 494         border-color : #99d67a;
 495         position : relative;
 496         bottom : 2px;
 497         right : 2px;
 498         padding-bottom : 5px;
 499         background-color : #f8fcf5;
 500 }
 501
 502 /*
 503 #infoBoxTitle {
 504         border-width : 1px 1px 1px 1px;
 505         border-style : solid;
 506         border-color : #88b0f0;
 507         background-color : #88b0f0;
 508         padding : 2px;
 509         color : white;
 510 }
 511
 512 #infoBox {
 513         border-width : 1px 1px 1px 1px;
 514         border-style : solid;
 515         border-color : #88b0f0;
 516         position : relative;
 517         bottom : 2px;
 518         right : 2px;
 519         padding-bottom : 5px;
 520         background-color : #f7faff;
 521 } */
 522
 523 #infoBoxShadow {
 524         background-image : url("images/shadow.png");
 525         left : 25%;
 526         top : 30%;
 527         width : 50%;
 528         z-index : 3;
 529         position : absolute;
 530         display : none;
 531 }
 532
 533 div.infoBoxContents {
 534         padding : 10px;
 535         margin-bottom : 5px;
 536         font-size : 9pt;
 537 }
 538
 539 div.infoBoxContents td {
 540         font-size : 9pt;
 541 }
 542
 543 div.infoBoxContents a {
 544         color : #527040;
 545 }
 546
 547 div.infoBoxContents a:hover {
 548         color : black;
 549 }
 550
 551 div.helpResponse h1, div.infoBoxContents h1 {
 552 /*        border-width : 0px 0px 1px 0px;
 553         border-style : solid;
 554         border-color : #c0c0c0; */
 555         font-size : 16pt;
 556 }
 557
 558 div.helpResponse h2, div.infoBoxContents h2 {
 559 /*        border-width : 0px 0px 0px 0px; */
 560         font-size : 12pt;
 561 }
 562
 563 pre {
 564         margin : 5px;
 565 }
 566
 567 input.extSearch {
 568         width : 100%;
 569 }
 570
 571 div.firstTab {
 572         width : 10px;
 573         float : left;
 574 }
 575
 576 div.prefsTab:hover {
 577         cursor : pointer;
 578 }
 579
 580 div.prefsTabSelected:hover {
 581         cursor : pointer;
 582 }
 583
 584 div.prefsTab {
 585         float : left;
 586         border-width : 1px 1px 0px 1px;
 587         border-color : #88b0f0;
 588         border-style : solid;
 589         margin : 0px 0px 0px 5px;
 590         padding : 3px 5px 3px 5px;
 591         font-size : 9pt;
 592         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 593         border-collapse : collapse;
 594         min-width : 100px;
 595         text-align : center;
 596         cursor : pointer;
 597 }
 598
 599 div.prefsTabSelected {
 600         float : left;
 601         border-width : 1px 1px 0px 1px;
 602         border-color : #88b0f0;
 603         border-style : solid;
 604         margin : 0px 0px 0px 5px;
 605         padding : 3px 5px 3px 5px;
 606         background-color : #ecf4ff;
 607         font-size : 9pt;
 608         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 609         border-collapse : collapse;
 610         font-weight : bold;
 611         min-width : 100px;
 612         text-align : center;
 613         cursor : pointer;
 614 }
 615
 616 div.notice {
 617         background : #ffffff;
 618         border : 1px solid #88b0f0;
 619         width : 60%;
 620         padding : 5px;
 621         margin : 0px 0px 5px 0px;
 622         font-size : 9pt;
 623 }
 624
 625 div.warning {
 626         background : #fff7d5;
 627         border : 1px solid #d7c47a;
 628         font-size : 9pt;
 629         width : 60%;
 630         padding : 5px;
 631         margin : 0px 0px 5px 0px;
 632 }
 633
 634
 635 div.warning img, div.notice img, div.error img {
 636         vertical-align : middle;
 637         padding : 5px;
 638 }
 639
 640 div.error {
 641         border : 1px solid #ff0000;
 642         background : #ffcccc;
 643         padding : 5px;
 644         margin : 0px 0px 5px 0px;
 645         font-size : 9pt;
 646 }
 647
 648 ul.nomarks {
 649         list-style-type : none;
 650         margin : 0px;
 651         padding : 10px;
 652 }
 653
 654 div.prefHelp, td.prefHelp {
 655         color : gray;
 656         padding : 5px;
 657 }
 658
 659 table.loginForm {
 660         background-color : #ecf4ff;
 661 }
 662
 663 table.innerLoginForm {
 664         border : 1px solid #88b0f0;
 665         padding : 50px;
 666         background-color : white;
 667 }
 668
 669 table.innerLoginForm td {
 670         padding : 3px 3px 5px 3px;
 671 }
 672
 673 span.feed_error {
 674         color : red;
 675 }
 676
 677 span.insensitive, div.insensitive, li.insensitive, label.insensitive, td.insensitive {
 678         color : gray;
 679 }
 680
 681 .insensitive a {
 682         color : #4684ff;
 683 }
 684
 685 .insensitive a:hover {
 686         color : black;
 687 }
 688
 689 /* .prefGenericAddBox {
 690         font-size : 9pt;
 691 } */
 692
 693 body.logoutBody {
 694         background-color : #f0f0f0;
 695         color : black;
 696 }
 697
 698 span.logoutWarning {
 699         color : red;
 700         font-weight : bold;
 701 }
 702
 703 div.logoutContent {
 704         width : 600px;
 705         border : 1px solid #c0c0c0;
 706         background-color : white;
 707         margin-left : auto;
 708         margin-right : auto;
 709         margin-top : 20px;
 710         padding : 10px;
 711 }
 712
 713 .small {
 714         font-size : 9pt;
 715 }
 716
 717 table.innerFeedTable td {
 718         margin : 0px;
 719         padding : 0px;
 720 }
 721
 722 td.selectPrompt {
 723         font-size : 9pt;
 724         color : gray;
 725 }
 726
 727 table.headlinesSubToolbar {
 728         border-width : 0px 0px 1px 0px;
 729         border-style : solid;
 730         border-color : #f0f0f0;
 731         position : absolute;
 732         left : 0px;
 733         top : 0px;
 734         height : 25px;
 735         right : 0px;
 736         background-color : white;
 737 }
 738
 739 input#subtoolbar_search_box {
 740         height : 10px;
 741         font-size : 7pt;
 742         vertical-align : middle;
 743 }
 744
 745 table.headlinesSubToolbar td.headlineActions {
 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.headlineActionsRTL {
 753         font-size : 9pt;
 754         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 755         color : gray;
 756         padding : 0px 5px 0px 5px;
 757 }
 758
 759 table.headlinesSubToolbar td.headlineTitle {
 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 : right;
 765 }
 766
 767 table.headlinesSubToolbar td.headlineTitleRTL {
 768         font-size : 9pt;
 769         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 770         color : gray;
 771         padding : 0px 5px 0px 5px;
 772         text-align : left;
 773 }
 774
 775 span.contentPreview {
 776         font-size : 9pt;
 777         color : gray;
 778         font-weight : normal;
 779 }
 780
 781 span.contentPreview:hover {
 782         color : #4684ff;
 783 }
 784
 785 table.headlinesList {
 786         width : 100%;
 787 }
 788
 789 table.headlinesList td.hlMarkedPic {
 790         width : 25px;
 791         text-align : center;
 792 }
 793
 794 table.headlinesList td.hlfeed {
 795         text-align : right;
 796 }
 797
 798 td.hlSelectRow, td.hlUpdPic {
 799         width : 25px;
 800         text-align : center;
 801 }
 802
 803 table.headlinesList td.hlUpdated {
 804         color : gray;
 805         text-align : right;
 806         width : 100px;
 807 }
 808
 809 table.headlinesList tr td {
 810         padding : 2px 0px 2px 0px;
 811 }
 812
 813 div.postHeader div.postDate {
 814         text-align : right;
 815         color : gray;
 816         float : right;
 817 }
 818
 819 div.postHeader div.postDateRTL {
 820         text-align : left;
 821         color : gray;
 822         float : right;
 823 }
 824
 825 div.postReply span.tagList {
 826         color : gray;
 827 }
 828
 829 div.postHeader div {
 830         padding-bottom : 3px;
 831         font-size : 10pt;
 832         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 833 }
 834
 835 #feedUpdateErrors {
 836         display : none;
 837 }
 838
 839 #allEntryTags {
 840         font-size : 9pt;
 841         border-width : 0px 0px 1px 0px;
 842         border-style : solid;
 843         border-color : #c0c0c0;
 844         padding-bottom : 5px;
 845         display : none;
 846 }
 847
 848 /*td.hlContent {
 849         overflow : hidden;
 850         height : 1em;
 851         display : block;
 852 } */
 853
 854 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 855         height : 1em;
 856 }
 857
 858 td.hlFeed {
 859         text-align : right;
 860 }
 861
 862 span.hlFeed, span.hlFeed a {
 863         font-size : 9pt;
 864         color : gray;
 865 }
 866
 867 span.hlFeed a:hover {
 868         color : #4684ff;
 869 }
 870
 871 /* div.cdmArticle:hover {
 872         background-color : white;
 873 } */
 874
 875 div.cdmAllTags {
 876         float : left;
 877         background-color : white;
 878         border : 1px solid #c0c0c0;
 879         display : none;
 880         z-index : 3;
 881         top : auto;
 882         left : auto;
 883         right : auto;
 884         position : absolute;
 885         padding : 10px;
 886 }
 887
 888 span.cdmAllTagsCtr:hover div {
 889         display : block;
 890 }
 891
 892 div.cdmArticle {
 893         border-color : #a0a0a0;
 894         border-width : 0px 0px 1px 0px;
 895         border-style : solid;
 896         background-color : #f9faff;
 897         margin : 0px;
 898         color : #505050;
 899         /* padding : 10px; */
 900         color : black;
 901
 902 }
 903
 904 /* div.cdmArticleUnread:hover {
 905         background-color : white;
 906 } */
 907
 908 div.cdmArticleUnread {
 909         border-color : #a0a0a0;
 910         border-width : 0px 0px 1px 0px;
 911         border-style : solid;
 912         background-color : white;
 913         margin : 0px;
 914         /* padding : 10px; */
 915         color : black;
 916 }
 917
 918 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 919         margin : 0px;
 920         background-color : #fff7d5;
 921         border-color : #e7d796;
 922         border-width : 0px 0px 1px 0px;
 923         border-style : solid;
 924 }
 925
 926 div.cdmArticleUnread div.cdmHeader a.title,
 927 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 928         font-weight : bold;
 929 }
 930
 931 div.cdmHeader {
 932         padding : 5px 5px 10px 5px;
 933 }
 934
 935 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
 936         color : black;
 937 }
 938
 939 div.cdmFooter {
 940         font-size : 9pt;
 941         color : black;
 942         padding : 5px;
 943         color : gray;
 944 /*      background-color : white; */
 945         border-width : 1px 0px 0px 0px;
 946         border-color : #c0c0c0;
 947         border-style : dotted;
 948 }
 949
 950 /*div.cdmArticleSelected div.cdmFooter {
 951         background-color : transparent;
 952 }
 953
 954 div.cdmArticleUnreadSelected div.cdmFooter {
 955         background-color : transparent;
 956 }*/
 957
 958 div.cdmFooter span.s0 {
 959         border-width : 0px 1px 0px 0px;
 960         border-color : #c0c0c0;
 961         border-style : dotted;
 962         padding : 0px 5px 0px 0px;
 963 }
 964
 965 div.cdmFooter span.s1 {
 966         border-width : 0px 1px 0px 0px;
 967         border-color : #c0c0c0;
 968         border-style : dotted;
 969         padding : 0px 5px 0px 5px;
 970 }
 971
 972 div.cdmFooter span.s2 {
 973         padding : 0px 5px 0px 5px;
 974 }
 975
 976 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
 977         width : 16px;
 978         height : 16px;
 979         vertical-align : middle;
 980 }
 981
 982 img.markedPic {
 983         cursor : pointer;
 984 }
 985
 986 div.cdmHeader div.articleUpdated {
 987         float : right;
 988 }
 989
 990 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 991         margin : 0px;
 992 }
 993
 994 div.cdmHeader, div.cdmHeader a {
 995         color : #505050;
 996         font-size : 9pt;
 997 }
 998
 999 div.cdmHeader a:hover {
1000         color : #4684ff;
1001 }
1002
1003 div.cdmContent {
1004         margin : 5px 15px 0px 15px;
1005 }
1006
1007 div.cdmEnclosures {
1008         margin-top : 1em;
1009         color : gray;
1010 }
1011
1012 a.warning {
1013         color : #f04040;
1014 }
1015
1016 img.closeButton {
1017         border-width : 0px;
1018         float : right;
1019 }
1020
1021 span.groupPrompt {
1022         font-size : 9pt;
1023         color : #4684ff;
1024 }
1025
1026 div.tagCloudContainer {
1027 /*      height : 300px;
1028         overflow : auto; */
1029         border : 1px solid #99d67a;
1030         background-color : white;
1031         margin : 5px 0px 5px 0px;
1032         padding : 5px;
1033         text-align : center;
1034 }
1035
1036 ul.feedErrorsList {
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 ul.userFeedList {
1047         height : 300px;
1048         overflow : auto;
1049         list-style-type : none;
1050         border : 1px solid #99d67a;
1051         background-color : white;
1052         margin : 0px 0px 5px 0px;
1053         padding : 0px;
1054 }
1055
1056 /* #browseBigFeedList li.oddSelected {
1057         border : 1px solid #d0d0f6;
1058         background-color : #eaeaff;
1059         -moz-border-radius : 5px;
1060 } */
1061
1062 /*#browseBigFeedList li {
1063         padding :0px;
1064 }*/
1065
1066 div.labelTestError {
1067         margin : 5px 0px 5px 0px;
1068         color : #f04040;
1069 }
1070
1071 ul.labelTestResults {
1072         height : 100px;
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.filterTestResults {
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 {
1092         height : 300px;
1093         overflow : auto;
1094         list-style-type : none;
1095         margin : 0px 0px 5px 0px;
1096         padding : 0px;
1097         border : 1px solid #99d67a;
1098         background-color : white;
1099 }
1100
1101 ul.browseFeedList li {
1102         margin : 0px;
1103         padding : 0px;
1104 }
1105
1106 span.subscribers {
1107         color : #808080;
1108 }
1109
1110 div.subscribers {
1111         color : #808080;
1112         font-size : 9pt;
1113         float : right;
1114 }
1115
1116 input.feedBrowseCB {
1117         margin-right : 1em;
1118 }
1119
1120 div.browserDetails {
1121         margin : 5px 5px 5px 5px;
1122         padding : 5px;
1123 }
1124
1125 ul.compact {
1126         list-style-type : none;
1127         margin : 0px;
1128         padding : 0px;
1129 }
1130
1131 ul.compact li {
1132         margin : 0px;
1133         padding : 0px;
1134 }
1135
1136 div.browserFeedInfo {
1137         font-size : 9pt;
1138 /*      border : 1px solid #88b0f0;
1139         background-color : #ecf4ff;
1140         -moz-border-radius : 5px; */
1141         padding : 5px;
1142 }
1143
1144 div.browserFeedInfo div.detailsPart {
1145         margin : 5px 0px 5px 5px;
1146 }
1147
1148 div.cdmContent a {
1149         color : #4684ff;
1150 }
1151
1152 div.cdmContent a:hover {
1153         color : black;
1154 }
1155
1156 a.cdmToggleLink {
1157         color : #808080;
1158         font-size : 9pt;
1159 }
1160
1161 a.cdmToggleLink:hover {
1162         color : #4684ff;
1163 }
1164
1165 .noborder {
1166         border-width : 0px;
1167 }
1168
1169 #debug_output {
1170         position : absolute;
1171         width : 400px;
1172         height : 200px;
1173         right : 20px;
1174         bottom : 20px;
1175         z-index : 999;
1176         background-color : white;
1177         display : none;
1178         border : 1px solid #c0c0c0;
1179         overflow : auto;
1180         margin : 0px;
1181         padding : 0px;
1182         list-style-type : none;
1183 }
1184
1185 #debug_output li {
1186         margin : 0px;
1187         padding : 0px;
1188         font-size : 8pt;
1189 }
1190
1191 #dialog_overlay {
1192         background : white;
1193         left : 0;
1194         top : 0;
1195         height : 100%;
1196         width : 100%;
1197         z-index : 2;
1198         opacity : 0.5;
1199         position : absolute;
1200         display : none;
1201 }
1202
1203 #overlay {
1204         background : white;
1205         left : 0;
1206         top : 0;
1207         height : 100%;
1208         width : 100%;
1209         z-index : 100;
1210         position : absolute;
1211 }
1212
1213 #overlay_inner {
1214         font-weight : bold;
1215         text-align : center;
1216         margin : 10px;
1217 }
1218
1219 #fatal_error {
1220         background : white;
1221         left : 0;
1222         top : 0;
1223         height : 100%;
1224         width : 100%;
1225         z-index : 200;
1226         display : none;
1227         position : absolute;
1228 }
1229
1230 #fatal_error_inner {
1231         font-weight : bold;
1232         margin : 10px;
1233         color : red;
1234 }
1235
1236 #fatal_error_msg {
1237         color : black;
1238         padding : 10px;
1239         font-weight : normal;
1240         background-color : #ffcccc;
1241         border : 1px solid #ff0000;
1242 }
1243
1244 #fatal_error_msg a {
1245         color : red;
1246 }
1247
1248 #fatal_error_msg a:hover {
1249         color : red;
1250         text-decoration : underline;
1251 }
1252
1253 #fatal_error_msg img {
1254         vertical-align : middle;
1255 }
1256
1257 #noDaemonWarning {
1258         position : absolute;
1259         background-color : #ecf4ff;
1260         border : 1px solid #88b0f0;
1261         padding : 10px;
1262         margin : 5px;
1263         z-index : 2;
1264         display : none;
1265 }
1266
1267 #qafInput {
1268         width : 100%;
1269 }
1270
1271 form {
1272         margin : 0px;
1273         padding : 0px;
1274 }
1275
1276 #main_toolbar_form {
1277         margin : 0px;
1278         padding : 0px;
1279         display : inline;
1280 }
1281
1282 div.feedExtInfo {
1283         margin-left : 2em;
1284         font-size : 7pt;
1285         color : gray;
1286         font-weight : normal;
1287 }
1288
1289 span.debugTS {
1290         color : #4684ff;
1291 }
1292
1293 #backReqBox {
1294         display : none;
1295 }
1296
1297 /*.scriptWarn:before {
1298         content : "Disabled script:";
1299 }*/
1300
1301 .scriptWarn {
1302         color : white;
1303         background-color : #903030;
1304         border : 1px solid #601010;
1305         padding : 3px;
1306         font-weight : bold;
1307         display : none;
1308 }
1309
1310 .objectWarn {
1311         color : gray;
1312         font-style: italic;
1313         text-align : center;
1314 }
1315
1316 table.loginForm2 {
1317         padding : 1em;
1318 }
1319
1320 table.loginForm2 .loginTop {
1321         border-width : 0px 0px 1px 0px;
1322         border-color : #88b0f0;
1323         border-style : solid;
1324         padding : 0.5em;
1325 }
1326
1327 table.loginForm2 .loginMiddle {
1328         padding : 3em;
1329 }
1330
1331 table.loginForm2 .loginBottom {
1332         border-width : 1px 0px 0px 0px;
1333         border-color : #88b0f0;
1334         border-style : solid;
1335         font-size : 9pt;
1336         text-align : center;
1337         color : #909090;
1338         padding : 0.5em;
1339 }
1340
1341 table.loginForm2 .loginBottom a {
1342         color : gray;
1343 }
1344
1345 table.loginForm2 .loginBottom a:hover {
1346         color : #4684ff;
1347 }
1348
1349 table.loginForm2 .loginError {
1350         color : red;
1351         margin : 0.5em;
1352 }
1353
1354 table.loginForm2 .innerLoginCell {
1355         padding-top : 0.5em;
1356 }
1357
1358 #milestoneDetails {
1359         display : none;
1360 }
1361
1362 div.loadingPrompt {
1363         padding : 1em;
1364         text-align : center;
1365         font-weight : bold;
1366 }
1367
1368 div.whiteBox {
1369         background-color : white;
1370         margin-left : 1px;
1371         text-align : center;
1372         padding : 1em;
1373 }
1374
1375 /* layout */
1376
1377 #header {
1378         position : absolute;
1379         white-space: nowrap;
1380         top : 10px;
1381         left : 15px;
1382         right : 5px;
1383         height : 40px;
1384         color : #4684ff;
1385         font-size : 9pt;
1386 }
1387
1388 #feeds-holder {
1389         border-width : 1px 1px 0px 0px;
1390         border-style : solid;
1391         border-color : #88b0f0;
1392         top : 50px;
1393         left : 0px;
1394         position : absolute;
1395         width : 260px;
1396         overflow : auto;
1397         bottom : 0px;
1398         border-collapse : collapse;
1399         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1400 }
1401
1402 #toolbar {
1403         position : absolute;
1404         left : 261px;
1405         padding : 5px 10px 5px 10px;
1406         top : 50px;
1407         right : 0px;
1408         white-space: nowrap;
1409         height : 30px;
1410         background-image : url("images/toolbar.png");
1411         background-position : bottom left;
1412         background-repeat : repeat-x;
1413         font-size : 9pt;
1414 }
1415
1416 div.headlines_normal {
1417         position : absolute;
1418         border-width : 1px 0px 0px 0px;
1419         border-style : solid;
1420         border-color : #88b0f0;
1421         left : 261px;
1422         height : 305px;
1423         top : 85px;
1424         right : 0px;
1425         overflow : hidden;
1426         font-size : 9pt;
1427         border-collapse : collapse;
1428         /* css hack for IE */
1429         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1430 }
1431
1432 div.headlines_cdm {
1433         position : absolute;
1434         border-width : 1px 0px 1px 0px;
1435         border-style : solid;
1436         border-color : #88b0f0;
1437         left : 261px;
1438         bottom : 40px;
1439         top : 85px;
1440         right : 0px;
1441         overflow : hidden;
1442         font-size : 9pt;
1443         border-collapse : collapse;
1444         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1445 }
1446
1447 #content-frame {
1448         position : absolute;
1449         border-width : 1px 0px 0px 0px;
1450         border-style : solid;
1451         border-color : #88b0f0;
1452         overflow : auto;
1453         top : 390px;
1454         left : 261px;
1455         bottom : 40px;
1456         right : 0px;
1457         border-collapse : collapse;
1458         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1459 /*      height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1460 }
1461
1462 #footer, #prefFooter {
1463         position : absolute;
1464         bottom : 0px;
1465         height : 20px;
1466         text-align : center;
1467         color : gray;
1468         font-size : 9pt;
1469         background-image : url("images/footer.png");
1470         background-position : top left;
1471         background-repeat : repeat-x;
1472         background-color : white;
1473         right : 0px;
1474         left : 261px;
1475         padding : 10px;
1476         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1477         border-collapse : collapse;
1478         border-width : 1px 0px 0px 1px;
1479         border-style : solid;
1480         border-color : #88b0f0;
1481
1482 }
1483
1484 #prefFooter {
1485         left : 0px;
1486 }
1487
1488 #footer a, #prefFooter a {
1489         color : gray;
1490 }
1491
1492 #footer a:hover, #prefFooter a:hover {
1493         color : black;
1494 }
1495
1496 #headlinesContainer {
1497         margin-left : 0px;
1498         background-color : white;
1499 }
1500
1501 #headlineActionsTop {
1502 /*      border-width : 0px 0px 1px 0px;
1503         border-style : solid;
1504         border-color : #c0c0c0;
1505         background-color : #fafafa; */
1506         font-size : 9pt;
1507 }
1508
1509 #headlinesInnerContainer {
1510         overflow : auto;
1511         position : absolute;
1512         left : 0px;
1513         right : 0px;
1514         bottom : 0px;
1515         top : 25px;
1516 }
1517
1518 /* preferences layout */
1519
1520 #prefHeader {
1521         color : #4684ff;
1522         font-size : 9pt;
1523         margin : 10px;
1524         height : 33px;
1525 }
1526
1527 div.return {
1528         float : right;
1529         font-size : 9pt;
1530         margin-right : 10px;
1531 }
1532
1533 div.return a {
1534         color : #4684ff;
1535 }
1536
1537 div.return a:hover {
1538         color : black;
1539 }
1540
1541 #prefContent {
1542         clear : left;
1543         position : absolute;
1544         bottom : 40px;
1545         top : 75px;
1546         left : 0px;
1547         right : 0px;
1548         padding : 1em;
1549         overflow : auto;
1550         min-height : 300px;
1551         background-image : url("images/prefs-content.png");
1552         background-position : top left;
1553         background-repeat : repeat-x;
1554         border-width : 1px 0px 0px 0px;
1555         border-color : #88b0f0;
1556         border-style : solid;
1557         height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1558         width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1559         font-size : 10pt;
1560 }
1561
1562 #userSwitch {
1563         position : absolute;
1564         bottom : 2px;
1565         right : 2px;
1566 }
1567
1568 a.feedUpdErrLink {
1569         color : #ff0000;
1570         display : block;
1571         margin-bottom : 0.5em;
1572 }
1573
1574 .catCtrHasUnread {
1575         font-weight : bold;
1576 }
1577
1578 .catCtrNoUnread {
1579         display : none;
1580 }
1581
1582 ul.headlineDropdownMenu {
1583         list-style-type : none;
1584         margin : 0px;
1585         padding : 0px;
1586 }
1587
1588 ul.headlineDropdownMenu li.top {
1589         float : left;
1590         width : 12em;
1591         background-image : url("images/down_arrow.png");
1592         background-position : center right;
1593         background-repeat : no-repeat;
1594         margin : 0px;
1595         cursor : pointer;
1596         border-width : 1px 1px 1px 1px;
1597         border-color : transparent;
1598         border-style : solid;
1599 }
1600
1601 ul.headlineDropdownMenu li.top2 {
1602         float : left;
1603 }
1604
1605 ul.headlineDropdownMenu li.top3 {
1606         float : left;
1607         margin : 0px;
1608         cursor : pointer;
1609         border-width : 1px 1px 1px 1px;
1610         border-color : transparent;
1611         border-style : solid;
1612 }
1613
1614 ul.headlineDropdownMenu li.vsep {
1615         float : left;
1616         margin : 0px 5px 0px 0px;
1617         border-width : 0px 1px 0px 0px;
1618         border-color : #c0c0c0;
1619         border-style : dotted;
1620         color : white;
1621 }
1622
1623 ul.headlineDropdownMenu li.top:hover {
1624         cursor : pointer;
1625         border-width : 1px 1px 1px 1px;
1626         border-color : #c0c0c0;
1627         border-style : solid;
1628 }
1629
1630 ul.headlineDropdownMenu li.top:hover ul {
1631         display : block;
1632 }
1633
1634 ul.headlineDropdownMenu ul {
1635         list-style-type : none;
1636         position : absolute;
1637         float : none;
1638         margin : 0px;
1639         padding : 0px;
1640         display : none;
1641         background-color : white;
1642         width : 12em;
1643         z-index : 3;
1644         top : auto;
1645         left : auto;
1646         border-width : 0px 1px 1px 1px;
1647         border-color : #c0c0c0;
1648         border-style : solid;
1649         margin-left : -1px;
1650 }
1651
1652 ul.headlineDropdownMenu ul li {
1653         float: none;
1654         padding : 2px 0px 2px 10px;
1655         color : black;
1656 }
1657
1658 ul.headlineDropdownMenu ul li:hover {
1659         color : #4684ff;
1660         background-color : #f0f0f0;
1661 }
1662
1663 #newVersionIcon {
1664         vertical-align : middle;
1665         cursor : pointer;
1666 }
1667
1668 a.helpLinkPic {
1669         float : right;
1670 }
1671
1672 a.helpLinkPic img {
1673         border-width : 0px;
1674 }
1675
1676 #fadd_login_container {
1677 }
1678
1679 li.feedCatHolder {
1680         display : inline;
1681 }
1682
1683 table.prefFeedCatList {
1684         background-color : white;
1685 }
1686
1687 a[target="_new"], a[target="_blank"] {
1688         border-width : 0px 0px 1px 0px;
1689         border-color : #778899;
1690         border-style : dotted;
1691 }
1692
1693 div.autocomplete {
1694         position : absolute;
1695         width : 250px;
1696         background-color : white;
1697         border :1px solid #778899;
1698         margin : 0px;
1699         padding : 0px;
1700 }
1701
1702 div.autocomplete ul {
1703         list-style-type : none;
1704         margin : 0px;
1705         padding : 0px;
1706 }
1707
1708 div.autocomplete ul li.selected {
1709         background-color : #fff7d5;
1710 }
1711
1712 div.autocomplete ul li {
1713         list-style-type : none;
1714         display : block;
1715         margin : 0;
1716         padding : 2px;
1717         height : 32px;
1718         cursor : pointer;
1719 }
1720
1721 #feedOpToolbar {
1722         float : right;
1723 }
1724
1725 div.topLinks {
1726         float : right;
1727         margin-right : 5px;
1728         color : gray;
1729 }
1730
1731 div.topLinks a {
1732         color : #4684ff;
1733 }
1734
1735 div.topLinks a:hover {
1736         color : black;
1737 }
1738
1739 div.topLinks a.feedback {
1740         color : #009900;
1741 }
1742
1743 div.dashboard {
1744         margin-left : 3px;
1745 }
1746
1747 a.visibleLink {
1748         color : #4684ff;
1749
1750 }
1751
1752 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1753         color : #4684ff;
1754 }
1755
1756 div.cdmFeedTitle {
1757         border-color : #a0a0a0;
1758         border-width : 0px 0px 1px 0px;
1759         border-style : solid;
1760         padding : 5px;
1761 }
1762
1763 table.headlinesList tr.feedTitle td {
1764 /*      text-align : right;
1765         margin-top : 10px; */
1766         padding-left : 5px;
1767 }
1768
1769 td.hlContentH a, td.hlContentH span {
1770         color : #00cc00;
1771 }
1772
1773 td.hlContentL a, td.hlContentL span {
1774         color : #909090;
1775         text-decoration : line-through;
1776 }
1777
1778 span.titleWrapH, span.titleWrapH a {
1779         color : #00cc00;
1780 }
1781
1782 span.titleWrapL, span.titleWrapL a {
1783         color : #909090;
1784         text-decoration : line-through;
1785 }
1786
1787 img.hlScorePic {
1788         vertical-align : middle;
1789         width : 16px;
1790         height : 16px;
1791 }
1792
1793 div#hotkey_help_overlay {
1794         position : absolute;
1795         left : 15%;
1796         right : 15%;
1797         top : 15%;
1798         z-index : 999;
1799         padding : 1em;
1800         background : url("images/shadow_dark.png");
1801         color : white;
1802         border : 1px solid black;
1803         font-size : 12pt;
1804 }
1805
1806 div#hotkey_help_overlay h1 {
1807         text-align : center;
1808 }
1809
1810 div#hotkey_help_overlay ul {
1811         list-style-type : none;
1812         margin : 0px;
1813 }
1814
1815 div#hotkey_help_overlay li {
1816         margin : 0px;
1817 }
1818
1819 div#hotkey_help_overlay p {
1820         text-align : center;
1821 }
1822
1823 div#hotkey_help_overlay td.n {
1824         text-align : right;
1825         font-weight : bold;
1826         width : 6em;
1827         color : #a0ffa0;
1828         padding-right : 5px;
1829 }
1830
1831 div#hotkey_help_overlay h1 {
1832         margin : 0px 0px 0.5em 0px;
1833 }
1834
1835 div#hotkey_help_overlay h2 {
1836         font-size : 13pt;
1837         border-width : 0px;
1838         margin : 0.7em 0px 0.5em 0px;
1839         text-align : center;
1840         color : #88b0f0;
1841 }