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