tt-rss.css

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