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         height : 20px;
 686         line-height : 20px;
 687
 688 /*      position : absolute;
 689         left : 0px;
 690         top : 0px;
 691         height : 25px;
 692         line-height : 25px;
 693         padding-left : 5px;
 694         padding-right : 5px;
 695         right : 0px; */
 696         background-color : white;
 697         font-size : 11px;
 698         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 699         color : gray;
 700 }
 701
 702 div.headlinesSubToolbar * {
 703         line-height : normal;
 704 }
 705
 706 div.headlinesSubToolbar div#subtoolbar_ftitle {
 707         float : right;
 708         line-height : 20px;
 709
 710 }
 711
 712 span.contentPreview {
 713         font-size : 12px;
 714         color : gray;
 715         font-weight : normal;
 716 }
 717
 718 span.contentPreview:hover {
 719         color : #4684ff;
 720 }
 721
 722 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 td.hlSelectRow, td.hlUpdPic {
 733         width : 25px;
 734         text-align : center;
 735 }
 736
 737 div.postHeader div.postDate {
 738         text-align : right;
 739         color : gray;
 740         float : right;
 741 }
 742
 743 div.postHeader div.postDateRTL {
 744         text-align : left;
 745         color : gray;
 746         float : right;
 747 }
 748
 749 div.postHeader div {
 750         padding-bottom : 3px;
 751         font-size : 12px;
 752         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 753 }
 754
 755 #feedUpdateErrors {
 756         display : none;
 757 }
 758
 759 #allEntryTags {
 760         font-size : 12px;
 761         border-width : 0px 0px 1px 0px;
 762         border-style : solid;
 763         border-color : #c0c0c0;
 764         padding-bottom : 5px;
 765         display : none;
 766 }
 767
 768 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 769         height : 1em;
 770 }
 771
 772 td.hlFeed {
 773         text-align : right;
 774 }
 775
 776 span.hlFeed, span.hlFeed a {
 777         font-size : 12px;
 778         color : gray;
 779 }
 780
 781 span.hlFeed a:hover {
 782         color : #4684ff;
 783 }
 784
 785 img.markedPic {
 786         cursor : pointer;
 787 }
 788
 789 a.warning {
 790         color : #f04040;
 791 }
 792
 793 img.closeButton {
 794         border-width : 0px;
 795         float : right;
 796 }
 797
 798 span.groupPrompt {
 799         font-size : 12px;
 800         color : #4684ff;
 801 }
 802
 803 div.tagCloudContainer {
 804         border : 1px solid gray;
 805         background-color : white;
 806         margin : 5px 0px 5px 0px;
 807         padding : 5px;
 808         text-align : center;
 809 }
 810
 811 div.errorExplained {
 812         border : 1px solid #99d67a;
 813         background-color : white;
 814         margin : 5px 0px 5px 0px;
 815         padding : 5px;
 816 }
 817
 818 ul.feedErrorsList {
 819         height : 300px;
 820         overflow : auto;
 821         list-style-type : none;
 822         border : 1px solid #99d67a;
 823         background-color : white;
 824         margin : 0px 0px 5px 0px;
 825         padding : 0px;
 826 }
 827
 828 ul.userFeedList {
 829         height : 300px;
 830         overflow : auto;
 831         list-style-type : none;
 832         border : 1px solid #99d67a;
 833         background-color : white;
 834         margin : 0px 0px 5px 0px;
 835         padding : 0px;
 836 }
 837
 838 ul.browseFeedList {
 839         height : 300px;
 840         overflow : auto;
 841         list-style-type : none;
 842         margin : 0px 0px 5px 0px;
 843         padding : 0px;
 844         border : 1px solid #99d67a;
 845         background-color : white;
 846 }
 847
 848 ul.browseFeedList li {
 849         margin : 0px;
 850         padding : 0px;
 851 }
 852
 853 span.subscribers {
 854         color : #808080;
 855 }
 856
 857 div.subscribers {
 858         color : #808080;
 859         font-size : 12px;
 860         float : right;
 861 }
 862
 863 input.feedBrowseCB {
 864         margin-right : 1em;
 865 }
 866
 867 div.browserDetails {
 868         margin : 5px 5px 5px 5px;
 869         padding : 5px;
 870 }
 871
 872 ul.compact {
 873         list-style-type : none;
 874         margin : 0px;
 875         padding : 0px;
 876 }
 877
 878 ul.compact li {
 879         margin : 0px;
 880         padding : 0px;
 881 }
 882
 883 div.browserFeedInfo {
 884         font-size : 12px;
 885 /*      border : 1px solid #88b0f0;
 886         background-color : #ecf4ff;
 887         -moz-border-radius : 5px; */
 888         padding : 5px;
 889 }
 890
 891 div.browserFeedInfo div.detailsPart {
 892         margin : 5px 0px 5px 5px;
 893 }
 894
 895 .noborder {
 896         border-width : 0px;
 897 }
 898
 899 #dialog_overlay {
 900         left : 0;
 901         top : 0;
 902         height : 100%;
 903         width : 100%;
 904         z-index : 4;
 905         position : absolute;
 906         background-image : url("images/shadow_white.png");
 907 }
 908
 909 #overlay {
 910         background : white;
 911         left : 0;
 912         top : 0;
 913         height : 100%;
 914         width : 100%;
 915         z-index : 100;
 916         position : absolute;
 917 }
 918
 919 #overlay_inner {
 920         font-weight : bold;
 921         margin : 10px;
 922 }
 923
 924 #noDaemonWarning {
 925         position : absolute;
 926         background-color : #ecf4ff;
 927         border : 1px solid #88b0f0;
 928         padding : 10px;
 929         margin : 5px;
 930         z-index : 2;
 931         display : none;
 932 }
 933
 934 #qafInput {
 935         width : 100%;
 936 }
 937
 938 form {
 939         margin : 0px;
 940         padding : 0px;
 941 }
 942
 943 #main_toolbar_form {
 944         margin : 0px;
 945         padding : 0px;
 946         display : inline;
 947 }
 948
 949 div.feedExtInfo {
 950         margin-left : 2em;
 951         font-size : 7pt;
 952         color : gray;
 953         font-weight : normal;
 954 }
 955
 956 span.debugTS {
 957         color : #4684ff;
 958 }
 959
 960 #backReqBox {
 961         display : none;
 962 }
 963
 964 /*.scriptWarn:before {
 965         content : "Disabled script:";
 966 }*/
 967
 968 .scriptWarn {
 969         color : white;
 970         background-color : #903030;
 971         border : 1px solid #601010;
 972         padding : 3px;
 973         font-weight : bold;
 974         display : none;
 975 }
 976
 977 .objectWarn {
 978         color : gray;
 979         font-style: italic;
 980         text-align : center;
 981 }
 982
 983 table.loginForm2 {
 984         padding : 1em;
 985 }
 986
 987 table.loginForm2 .loginTop {
 988         border-width : 0px 0px 1px 0px;
 989         border-color : #88b0f0;
 990         border-style : solid;
 991         padding : 0.5em;
 992 }
 993
 994 table.loginForm2 .loginMiddle {
 995         padding : 3em;
 996 }
 997
 998 table.loginForm2 .loginBottom {
 999         border-width : 1px 0px 0px 0px;
1000         border-color : #88b0f0;
1001         border-style : solid;
1002         font-size : 12px;
1003         text-align : center;
1004         color : #909090;
1005         padding : 0.5em;
1006 }
1007
1008 table.loginForm2 .loginBottom a {
1009         color : gray;
1010 }
1011
1012 table.loginForm2 .loginBottom a:hover {
1013         color : #4684ff;
1014 }
1015
1016 table.loginForm2 .loginError {
1017         color : red;
1018         margin : 0.5em;
1019 }
1020
1021 table.loginForm2 .innerLoginCell {
1022         padding-top : 0.5em;
1023 }
1024
1025 #milestoneDetails {
1026         display : none;
1027 }
1028
1029 div.loadingPrompt {
1030         padding : 1em;
1031         text-align : center;
1032         font-weight : bold;
1033 }
1034
1035 div.whiteBox {
1036         margin-left : 1px;
1037         text-align : center;
1038         padding : 1em;
1039 }
1040
1041 html, body, #main {
1042         width: 100%;
1043         height: 100%;
1044         border: 0;
1045         padding: 0;
1046         margin: 0;
1047 }
1048
1049 #toolbar div.actionChooser {
1050         margin-right : 5px;
1051         float : right;
1052 }
1053
1054 /* layout */
1055
1056 /* #header {
1057         position : absolute;
1058         white-space: nowrap;
1059         top : 5px;
1060         left : 15px;
1061         right : 5px;
1062         height : 35px;
1063         color : #4684ff;
1064         font-size : 12px;
1065 }
1066
1067 #feeds-holder {
1068         border-width : 1px 1px 0px 0px;
1069         border-style : solid solid;
1070         border-color : #C4D1E4 #88b0f0;
1071         top : 40px;
1072         left : 0px;
1073         position : absolute;
1074         width : 260px;
1075         overflow : auto;
1076         bottom : 0px;
1077         border-collapse : collapse;
1078 }
1079
1080 #toolbar div.actionChooser {
1081         margin-right : 5px;
1082         float : right;
1083 }
1084
1085 #toolbar {
1086         position : absolute;
1087         left : 261px;
1088         padding : 0px 0px 0px 10px;
1089         top : 40px;
1090         right : 0px;
1091         white-space: nowrap;
1092         height : 30px;
1093         background-image : url("images/toolbar.png");
1094         background-position : bottom left;
1095         background-repeat : repeat-x;
1096         font-size : 12px;
1097 }
1098
1099 #toolbar input {
1100         vertical-align : middle;
1101 }
1102
1103 div.headlines_normal {
1104         position : absolute;
1105         border-width : 1px 0px 0px 0px;
1106         border-style : solid;
1107         border-color : #88b0f0;
1108         left : 261px;
1109         height : 305px;
1110         top : 70px;
1111         right : 0px;
1112         overflow : hidden;
1113         font-size : 12px;
1114         border-collapse : collapse;
1115 }
1116
1117 div.headlines_cdm {
1118         position : absolute;
1119         border-width : 1px 0px 1px 0px;
1120         border-style : solid;
1121         border-color : #88b0f0;
1122         left : 261px;
1123         bottom : 40px;
1124         top : 70px;
1125         right : 0px;
1126         overflow : hidden;
1127         font-size : 12px;
1128         border-collapse : collapse;
1129 }
1130
1131 #content-frame {
1132         position : absolute;
1133         border-width : 1px 0px 0px 0px;
1134         border-style : solid;
1135         border-color : #88b0f0;
1136         overflow : auto;
1137         top : 390px;
1138         left : 261px;
1139         bottom : 40px;
1140         right : 0px;
1141         border-collapse : collapse;
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 }
1752
1753
1754 div.fatalError button {
1755         margin-top : 5px;
1756 }
1757
1758 div.fatalError textarea {
1759         width : 100%;
1760         height : 100px;
1761 }
1762
1763 #main {
1764         border-width : 0px;
1765 }
1766
1767 #feeds-holder {
1768         padding : 0px;
1769 }
1770
1771 #headlines-frame {
1772         padding : 0px;
1773 }
1774
1775 #toolbar {
1776         padding : 4px;
1777         border-width : 0px;
1778 }
1779
1780 #header {
1781         padding : 4px;
1782         border-width : 0px;
1783 }
1784
1785 #footer {
1786         text-align : center;
1787         color : gray;
1788         padding : 4px;
1789         border-width : 0px;
1790 }