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 : 0px;
 559         background-color : white;
 560         font-size : 11px;
 561         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 562         color : gray;
 563         padding : 0px;
 564         margin : 0px;
 565         overflow : hidden;
 566         height : 21px;
 567 }
 568
 569 div#headlines-toolbar .dijitSelect {
 570         font-size : 11px;
 571 }
 572
 573 div#headlines-toolbar div#subtoolbar_main {
 574         display : table-cell;
 575         width : 100%;
 576         white-space : nowrap;
 577         vertical-align : middle;
 578 }
 579
 580 div#headlines-toolbar div#subtoolbar_ftitle {
 581         display : table-cell;
 582         text-align : right;
 583         vertical-align : middle;
 584         white-space : nowrap;
 585         padding-right : 5px;
 586 }
 587
 588 span.contentPreview {
 589         font-size : 12px;
 590         color : gray;
 591         font-weight : normal;
 592 }
 593
 594 span.contentPreview:hover {
 595         color : #4684ff;
 596 }
 597
 598 span.hlLabelRef {
 599         background-color : #fff7d5;
 600         font-height : 8px;
 601         color : #063064;
 602         font-weight : normal;
 603         margin : 0px 3px 0px 3px;
 604         padding : 0px 4px 0px 4px;
 605         white-space: nowrap;
 606 }
 607
 608 td.hlSelectRow, td.hlUpdPic {
 609         width : 25px;
 610         text-align : center;
 611 }
 612
 613 div.postHeader div.postDate {
 614         text-align : right;
 615         color : gray;
 616         float : right;
 617 }
 618
 619 div.postHeader div.postDateRTL {
 620         text-align : left;
 621         color : gray;
 622         float : right;
 623 }
 624
 625 div.postHeader div {
 626         padding-bottom : 3px;
 627         font-size : 12px;
 628         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 629 }
 630
 631 #feedUpdateErrors {
 632         display : none;
 633 }
 634
 635 #allEntryTags {
 636         font-size : 12px;
 637         border-width : 0px 0px 1px 0px;
 638         border-style : solid;
 639         border-color : #c0c0c0;
 640         padding-bottom : 5px;
 641         display : none;
 642 }
 643
 644 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 645         height : 1em;
 646 }
 647
 648 td.hlFeed {
 649         text-align : right;
 650 }
 651
 652 span.hlFeed, span.hlFeed a {
 653         font-size : 12px;
 654         color : gray;
 655 }
 656
 657 span.hlFeed a:hover {
 658         color : #4684ff;
 659 }
 660
 661 img.markedPic {
 662         cursor : pointer;
 663 }
 664
 665 a.warning {
 666         color : #f04040;
 667 }
 668
 669 img.closeButton {
 670         border-width : 0px;
 671         float : right;
 672 }
 673
 674 span.groupPrompt {
 675         font-size : 12px;
 676         color : #4684ff;
 677 }
 678
 679 div.tagCloudContainer {
 680         border : 1px solid gray;
 681         background-color : white;
 682         margin : 5px 0px 5px 0px;
 683         padding : 5px;
 684         text-align : center;
 685 }
 686
 687 div.errorExplained {
 688         border : 1px solid #99d67a;
 689         background-color : white;
 690         margin : 5px 0px 5px 0px;
 691         padding : 5px;
 692 }
 693
 694 ul.feedErrorsList {
 695         height : 300px;
 696         overflow : auto;
 697         list-style-type : none;
 698         border : 1px solid #99d67a;
 699         background-color : white;
 700         margin : 0px 0px 5px 0px;
 701         padding : 0px;
 702 }
 703
 704 ul.userFeedList {
 705         height : 300px;
 706         overflow : auto;
 707         list-style-type : none;
 708         border : 1px solid #99d67a;
 709         background-color : white;
 710         margin : 0px 0px 5px 0px;
 711         padding : 0px;
 712 }
 713
 714 ul.browseFeedList {
 715         height : 300px;
 716         overflow : auto;
 717         list-style-type : none;
 718         margin : 0px 0px 5px 0px;
 719         padding : 0px;
 720         border : 1px solid #99d67a;
 721         background-color : white;
 722 }
 723
 724 ul.browseFeedList li {
 725         margin : 0px;
 726         padding : 0px;
 727 }
 728
 729 span.subscribers {
 730         color : #808080;
 731 }
 732
 733 div.subscribers {
 734         color : #808080;
 735         font-size : 12px;
 736         float : right;
 737 }
 738
 739 input.feedBrowseCB {
 740         margin-right : 1em;
 741 }
 742
 743 div.browserDetails {
 744         margin : 5px 5px 5px 5px;
 745         padding : 5px;
 746 }
 747
 748 ul.compact {
 749         list-style-type : none;
 750         margin : 0px;
 751         padding : 0px;
 752 }
 753
 754 ul.compact li {
 755         margin : 0px;
 756         padding : 0px;
 757 }
 758
 759 div.browserFeedInfo {
 760         font-size : 12px;
 761 /*      border : 1px solid #88b0f0;
 762         background-color : #ecf4ff;
 763         -moz-border-radius : 5px; */
 764         padding : 5px;
 765 }
 766
 767 div.browserFeedInfo div.detailsPart {
 768         margin : 5px 0px 5px 5px;
 769 }
 770
 771 .noborder {
 772         border-width : 0px;
 773 }
 774
 775 #dialog_overlay {
 776         left : 0;
 777         top : 0;
 778         height : 100%;
 779         width : 100%;
 780         z-index : 4;
 781         position : absolute;
 782         background-image : url("images/shadow_white.png");
 783 }
 784
 785 #overlay {
 786         background : white;
 787         left : 0;
 788         top : 0;
 789         height : 100%;
 790         width : 100%;
 791         z-index : 100;
 792         position : absolute;
 793 }
 794
 795 #overlay_inner {
 796         font-weight : bold;
 797         margin : 10px;
 798 }
 799
 800 #noDaemonWarning {
 801         position : absolute;
 802         background-color : #ecf4ff;
 803         border : 1px solid #88b0f0;
 804         padding : 10px;
 805         margin : 5px;
 806         z-index : 2;
 807         display : none;
 808 }
 809
 810 #qafInput {
 811         width : 100%;
 812 }
 813
 814 form {
 815         margin : 0px;
 816         padding : 0px;
 817 }
 818
 819 #main_toolbar_form {
 820         margin : 0px;
 821         padding : 0px;
 822         display : table-cell;
 823         white-space : nowrap;
 824         width : 100%;
 825 }
 826
 827 div.feedExtInfo {
 828         margin-left : 2em;
 829         font-size : 7pt;
 830         color : gray;
 831         font-weight : normal;
 832 }
 833
 834 span.debugTS {
 835         color : #4684ff;
 836 }
 837
 838 #backReqBox {
 839         display : none;
 840 }
 841
 842 /*.scriptWarn:before {
 843         content : "Disabled script:";
 844 }*/
 845
 846 .scriptWarn {
 847         color : white;
 848         background-color : #903030;
 849         border : 1px solid #601010;
 850         padding : 3px;
 851         font-weight : bold;
 852         display : none;
 853 }
 854
 855 .objectWarn {
 856         color : gray;
 857         font-style: italic;
 858         text-align : center;
 859 }
 860
 861 table.loginForm2 {
 862         padding : 1em;
 863 }
 864
 865 table.loginForm2 .loginTop {
 866         border-width : 0px 0px 1px 0px;
 867         border-color : #88b0f0;
 868         border-style : solid;
 869         padding : 0.5em;
 870 }
 871
 872 table.loginForm2 .loginMiddle {
 873         padding : 3em;
 874 }
 875
 876 table.loginForm2 .loginBottom {
 877         border-width : 1px 0px 0px 0px;
 878         border-color : #88b0f0;
 879         border-style : solid;
 880         font-size : 12px;
 881         text-align : center;
 882         color : #909090;
 883         padding : 0.5em;
 884 }
 885
 886 table.loginForm2 .loginBottom a {
 887         color : gray;
 888 }
 889
 890 table.loginForm2 .loginBottom a:hover {
 891         color : #4684ff;
 892 }
 893
 894 table.loginForm2 .loginError {
 895         color : red;
 896         margin : 0.5em;
 897 }
 898
 899 table.loginForm2 .innerLoginCell {
 900         padding-top : 0.5em;
 901 }
 902
 903 #milestoneDetails {
 904         display : none;
 905 }
 906
 907 div.loadingPrompt {
 908         padding : 1em;
 909         text-align : center;
 910         font-weight : bold;
 911 }
 912
 913 div.whiteBox {
 914         margin-left : 1px;
 915         text-align : center;
 916         padding : 1em;
 917 }
 918
 919 html, body#ttrssMain, #main {
 920         width: 100%;
 921         height: 100%;
 922         border: 0;
 923         padding: 0;
 924         margin: 0;
 925 }
 926
 927 #toolbar div.actionChooser {
 928         display : table-cell;
 929         text-align : right;
 930         padding-right : 5px;
 931 }
 932
 933 /* preferences layout */
 934
 935 #prefFooter {
 936         position : absolute;
 937         bottom : 0px;
 938         height : 20px;
 939         text-align : center;
 940         color : gray;
 941         font-size : 12px;
 942         background-image : url("images/footer.png");
 943         background-position : top left;
 944         background-repeat : repeat-x;
 945         background-color : white;
 946         right : 0px;
 947         left : 261px;
 948         padding : 10px;
 949         border-collapse : collapse;
 950         border-width : 1px 0px 0px 0px;
 951         border-style : solid;
 952         border-color : #88b0f0;
 953
 954 }
 955
 956 #prefFooter {
 957         left : 0px;
 958 }
 959
 960 #footer a, #prefFooter a {
 961         color : gray;
 962 }
 963
 964 #footer a:hover, #prefFooter a:hover {
 965         color : black;
 966 }
 967
 968 #prefHeader {
 969         color : #4684ff;
 970         font-size : 12px;
 971         margin : 10px;
 972         height : 33px;
 973 }
 974
 975 div.return {
 976         float : right;
 977         font-size : 12px;
 978         margin-right : 10px;
 979 }
 980
 981 div.return a {
 982         color : #4684ff;
 983 }
 984
 985 div.return a:hover {
 986         color : black;
 987 }
 988
 989 #prefContentOuter {
 990         clear : left;
 991         position : absolute;
 992         bottom : 41px;
 993         top : 75px;
 994         left : 0px;
 995         right : 0px;
 996         min-height : 300px;
 997         border-width : 1px 0px 0px 0px;
 998         border-color : #88b0f0;
 999         border-style : solid;
1000         font-size : 12px;
1001 }
1002
1003 #prefContent {
1004         z-index : 4;
1005         background-image : url("images/prefs-content.png");
1006         background-position : top left;
1007         background-repeat : repeat-x;
1008         position : absolute;
1009         bottom : 0px;
1010         top : 0px;
1011         left : 0px;
1012         right : 0px;
1013         padding : 1em;
1014         overflow : auto;
1015
1016 }
1017
1018 div.topLinks img {
1019         vertical-align : middle;
1020         cursor : pointer;
1021 }
1022
1023 a.helpLinkPic img {
1024         border-width : 0px;
1025         vertical-align : middle;
1026 }
1027
1028 table.prefFeedCatList {
1029         background-color : white;
1030 }
1031
1032 div.autocomplete {
1033         position : absolute;
1034         width : 250px;
1035         background-color : white;
1036         border :1px solid #778899;
1037         margin : 0px;
1038         padding : 0px;
1039 }
1040
1041 div.autocomplete ul {
1042         list-style-type : none;
1043         margin : 0px;
1044         padding : 0px;
1045 }
1046
1047 div.autocomplete ul li.selected {
1048         background-color : #fff7d5;
1049 }
1050
1051 div.autocomplete ul li {
1052         list-style-type : none;
1053         display : block;
1054         margin : 0;
1055         padding : 2px;
1056         height : 32px;
1057         cursor : pointer;
1058 }
1059
1060 #feedOpToolbar {
1061         float : right;
1062 }
1063
1064 div.topLinks {
1065         float : right;
1066         color : gray;
1067         font-size : 12px;
1068 }
1069
1070 div.topLinks a {
1071         color : #4684ff;
1072 }
1073
1074 div.topLinks a:hover {
1075         color : black;
1076 }
1077
1078 div.topLinks a.feedback {
1079         color : #009900;
1080 }
1081
1082 a.visibleLink {
1083         color : #4684ff;
1084 }
1085
1086 a.visibleLinkB {
1087         color : #4684ff;
1088         border : 1px solid #4684ff;
1089         padding : 2px;
1090 }
1091
1092 a.visibleLinkB:hover {
1093         background-color : #ecf4ff;
1094 }
1095
1096 .hlContentH a, .hlContentH span {
1097         color : #00cc00;
1098 }
1099
1100 .hlContentL a, .hlContentL span {
1101         color : #909090;
1102         text-decoration : line-through;
1103 }
1104
1105 span.titleWrapH, span.titleWrapH a {
1106         color : #00cc00;
1107 }
1108
1109 span.titleWrapL, span.titleWrapL a {
1110         color : #909090;
1111         text-decoration : line-through;
1112 }
1113
1114 img.hlScorePic {
1115         vertical-align : middle;
1116         width : 16px;
1117         height : 16px;
1118 }
1119
1120 div#hotkey_help_overlay {
1121         position : absolute;
1122         left : 30px;
1123         right : 30px;
1124         top : 30px;
1125         z-index : 999;
1126         color : white;
1127         font-size : 15px;
1128 }
1129
1130 div#hotkey_help_overlay h1 {
1131         text-align : center;
1132 }
1133
1134 div#hotkey_help_overlay ul {
1135         list-style-type : none;
1136         margin : 0px;
1137 }
1138
1139 div#hotkey_help_overlay li {
1140         margin : 0px;
1141 }
1142
1143 div#hotkey_help_overlay p {
1144         text-align : center;
1145 }
1146
1147 div#hotkey_help_overlay td.n {
1148         text-align : right;
1149         font-weight : bold;
1150         width : 6em;
1151         color : #a0ffa0;
1152         padding-right : 5px;
1153 }
1154
1155 div#hotkey_help_overlay td {
1156         vertical-align : top;
1157 }
1158
1159 div#hotkey_help_overlay h1 {
1160         margin : 0px;
1161 }
1162
1163 div#hotkey_help_overlay h2 {
1164         font-size : 16px;
1165         border-width : 0px;
1166         margin : 0.3em 0px 0.3em 0px;
1167         text-align : center;
1168         color : #88b0f0;
1169 }
1170
1171 div#hotkey_help_overlay table.hho td.c1 {
1172         height : 30px;
1173         width : 30px;
1174         background : url("images/c1.png");
1175         background-repeat : no-repeat;
1176
1177 }
1178
1179 div#hotkey_help_overlay table.hho td.c2 {
1180         height : 30px;
1181         width : 30px;
1182         background : url("images/c2.png");
1183         background-repeat : no-repeat;
1184 }
1185
1186 div#hotkey_help_overlay table.hho td.c3 {
1187         height : 30px;
1188         width : 30px;
1189         background : url("images/c3.png");
1190         background-repeat : no-repeat;
1191 }
1192
1193 div#hotkey_help_overlay table.hho td.c4 {
1194         height : 30px;
1195         width : 30px;
1196         background : url("images/c4.png");
1197         background-repeat : no-repeat;
1198 }
1199
1200 div#hotkey_help_overlay table.hho td.top,
1201 div#hotkey_help_overlay table.hho td.left,
1202 div#hotkey_help_overlay table.hho td.right,
1203 div#hotkey_help_overlay table.hho td.bottom,
1204 div#hotkey_help_overlay table.hho td.content {
1205         background : url("images/shadow_dark.png");
1206 }
1207
1208 div#hotkey_help_overlay table.hho td.top,
1209 div#hotkey_help_overlay table.hho td.bottom {
1210         text-align : center;
1211         font-size : 11px;
1212 }
1213
1214 div.prefKbdHelp {
1215         float : right;
1216         font-size : 12px;
1217         margin-right : 15px;
1218 }
1219
1220 div.prefKbdHelp img {
1221         vertical-align : middle;
1222 }
1223
1224 div#l_progress_o {
1225         width : 200px;
1226         border : 1px solid black;
1227         background-color : white;
1228         margin-top : 10px;
1229 }
1230
1231 div#l_progress_i {
1232         width : 10px;
1233         background-color : #88b0f0;
1234         height : 10px;
1235 }
1236
1237 /* #content-insert {
1238         background-color : white;
1239         overflow : auto;
1240         position : absolute;
1241         left : 0px;
1242         right : 0px;
1243         bottom : 0px;
1244         top : 6px;
1245 } */
1246
1247 div.dlgSec {
1248         font-size : 12px;
1249         color : gray;
1250         font-weight : bold;
1251         clear : both;
1252         height : 20px;
1253 }
1254
1255 div.dlgSecCont {
1256         position : relative;
1257         left : 150px;
1258         top : -20px;
1259         float : left;
1260         font-size : 12px;
1261         font-weight : normal;
1262         line-height : 200%;
1263 }
1264
1265 div.dlgButtons {
1266         text-align : right;
1267         clear : both;
1268 }
1269
1270 pre, code {
1271         font-size : 12px;
1272         font-family : monospace;
1273 }
1274
1275 span.prefsLabelEntry {
1276         padding : 2px;
1277 }
1278
1279 div.labelColorIndicator {
1280         height : 14px;
1281         width : 14px;
1282         line-height : 14px;
1283         font-height : 9px;
1284         text-align : center;
1285         border : 1px solid black;
1286         float : left;
1287         background-color : #fff7d5;
1288         color : #063064;
1289         margin-right : 10px;
1290 }
1291
1292 div.colorPicker div.colorPickerEntry:hover {
1293         border : 1px solid #88b0f0;
1294 }
1295
1296 div.colorPicker div.ccPrompt:hover {
1297         color : black;
1298 }
1299
1300 div.colorPicker div.colorPickerEntry {
1301         height : 15px;
1302         width : 15px;
1303         line-height : 13px;
1304         font-height : 9px;
1305         text-align : center;
1306         border : 1px solid black;
1307         margin : 5px 5px 0px 0px;
1308         float : left;
1309 }
1310
1311 div.colorPicker {
1312         border : 1px solid #cccccc;
1313         background : #f0f0f0;
1314         width : 110px;
1315         padding : 0px 0px 5px 5px;
1316         position : absolute;
1317         left : auto;
1318         top : auto;
1319         z-index : 3;
1320         color : #909090;
1321 }
1322
1323 optgroup {
1324         color : #4684ff;
1325         font-style : normal;
1326 }
1327
1328 option {
1329         color : black;
1330 }
1331
1332 div#cmdline {
1333         position : absolute;
1334         left : 5px;
1335         bottom : 5px;
1336         font-size : 11px;
1337         color : gray;
1338         font-weight : bold;
1339         background-color : white;
1340         border : 1px solid #88b0f0;
1341         padding : 3px 5px 3px 5px;
1342         z-index : 5;
1343 }
1344
1345 #feed_browser_spinner {
1346         vertical-align : middle;
1347         height : 18px;
1348         width : 18px;
1349 }
1350
1351 div#auxDlg {
1352         position : absolute;
1353         z-index : 3;
1354         bottom : 5px;
1355         right : 25px;
1356         padding : 5px;
1357         border-width : 1px;
1358         border-style : solid;
1359         border-color : #d7c47a;
1360         background-color : #fff7d5;
1361         color : black;
1362         text-align : center;
1363         font-size : 13px;
1364 }
1365
1366 div#auxDlg a {
1367         color : #4684ff;
1368 }
1369
1370 div.hlTitle {
1371         display : table-cell;
1372         cursor : pointer;
1373         width : 100%;
1374         vertical-align : middle;
1375         padding-top : 4px;
1376         padding-bottom : 4px;
1377 }
1378
1379 div.hlLeft {
1380         display : table-cell;
1381         vertical-align : middle;
1382         white-space: nowrap;
1383 }
1384
1385 div.hlRight {
1386         display : table-cell;
1387         white-space: nowrap;
1388         text-align : right;
1389         vertical-align : middle;
1390 }
1391
1392 div.hlRight img {
1393         max-width : 16px;
1394         max-height : 16px;
1395 }
1396
1397 span.hlUpdated {
1398         color : gray;
1399         font-weight : medium;
1400         width : 100px;
1401         display : inline-block;
1402 }
1403
1404 div.hlLeft input {
1405         margin-left : 4px;
1406         margin-right : 4px;
1407 }
1408
1409 div.hlLeft img, div.hlRight img {
1410         margin : 0px 4px 0px 4px;
1411
1412 }
1413
1414 div.hlUpdPic {
1415         display : table-cell;
1416         padding-right : 4px;
1417         padding-left : 4px;
1418         text-align : center;
1419         vertical-align : middle;
1420 }
1421
1422 div.hlUpdPic img {
1423         max-width : 16px;
1424 }
1425
1426
1427 div.fatalError button {
1428         margin-top : 5px;
1429 }
1430
1431 div.fatalError textarea {
1432         width : 100%;
1433         height : 100px;
1434 }
1435
1436 #main {
1437         border-width : 0px;
1438         margin : 0px;
1439         padding : 0px;
1440 }
1441
1442 #content-wrap {
1443         padding : 0px;
1444         border-width : 0px;
1445         margin : 0px;
1446 }
1447
1448 #feeds-holder {
1449         padding : 0px;
1450         border-color : #88b0f0;
1451         border-left-width : 0px;
1452         border-bottom-width : 0px;
1453 }
1454
1455 #headlines-wrap-inner {
1456         padding : 0px;
1457         margin : 0px;
1458         border-width : 0px;
1459 }
1460
1461 #headlines-frame {
1462         padding : 0px;
1463         border-color : #88b0f0;
1464         border-right-width : 0px;
1465 }
1466
1467 #headlinesInnerContainer {
1468         font-size : 12px;
1469 }
1470
1471 #toolbar {
1472         padding : 0px;
1473         margin : 0px;
1474         border-width : 0px;
1475         white-space: nowrap;
1476         font-size : 12px;
1477 }
1478
1479 #header {
1480         padding : 4px;
1481         border-width : 0px;
1482 }
1483
1484 #footer {
1485         text-align : center;
1486         color : gray;
1487         padding : 4px;
1488         border-width : 0px;
1489 }
1490
1491 #content-insert {
1492         padding : 0px;
1493         border-color : #88b0f0;
1494         border-bottom-width : 0px;
1495         border-right-width : 0px;
1496 }
1497
1498 .dijitTreeLabel.Unread {
1499         font-weight : bold;
1500 }
1501
1502 .dijitTreeRow.Error {
1503         color : red;
1504 }
1505
1506 .dijitTreeRow.Hidden {
1507         display : none;
1508 }