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