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