tt-rss.css

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