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