tt-rss.css

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