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