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