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