tt-rss.css

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