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         line-height : 200%;
1263 }
1264
1265 div.dlgButtons {
1266         text-align : right;
1267         clear : both;
1268 }
1269
1270 pre, code {
1271         font-size : 12px;
1272         font-family : monospace;
1273 }
1274
1275 span.prefsLabelEntry {
1276         padding : 2px;
1277 }
1278
1279 span.labelColorIndicator {
1280         height : 14px;
1281         width : 14px;
1282         line-height : 14px;
1283         font-height : 9px;
1284         display : inline-block;
1285         border : 1px solid black;
1286         background-color : #fff7d5;
1287         color : #063064;
1288         text-align : center;
1289         margin-right : 2px;
1290 }
1291
1292 span.labelColorIndicator2 {
1293         height : 14px;
1294         width : 14px;
1295         font-height : 9px;
1296         display : inline-block;
1297         border : 1px solid black;
1298         background-color : #fff7d5;
1299         color : #063064;
1300         text-align : center;
1301         margin-right : 2px;
1302         vertical-align : bottom;
1303 }
1304
1305
1306 div.labelColorIndicator {
1307         height : 14px;
1308         width : 14px;
1309         line-height : 14px;
1310         font-height : 9px;
1311         text-align : center;
1312         border : 1px solid black;
1313         float : left;
1314         background-color : #fff7d5;
1315         color : #063064;
1316         margin-right : 10px;
1317 }
1318
1319 div.colorPicker div.colorPickerEntry:hover {
1320         border : 1px solid #88b0f0;
1321 }
1322
1323 div.colorPicker div.ccPrompt:hover {
1324         color : black;
1325 }
1326
1327 div.colorPicker div.colorPickerEntry {
1328         height : 15px;
1329         width : 15px;
1330         line-height : 13px;
1331         font-height : 9px;
1332         text-align : center;
1333         border : 1px solid black;
1334         margin : 5px 5px 0px 0px;
1335         float : left;
1336 }
1337
1338 div.colorPicker {
1339         border : 1px solid #cccccc;
1340         background : #f0f0f0;
1341         width : 110px;
1342         padding : 0px 0px 5px 5px;
1343         position : absolute;
1344         left : auto;
1345         top : auto;
1346         z-index : 3;
1347         color : #909090;
1348 }
1349
1350 optgroup {
1351         color : #4684ff;
1352         font-style : normal;
1353 }
1354
1355 option {
1356         color : black;
1357 }
1358
1359 div#cmdline {
1360         position : absolute;
1361         left : 5px;
1362         bottom : 5px;
1363         font-size : 11px;
1364         color : gray;
1365         font-weight : bold;
1366         background-color : white;
1367         border : 1px solid #88b0f0;
1368         padding : 3px 5px 3px 5px;
1369         z-index : 5;
1370 }
1371
1372 #feed_browser_spinner {
1373         vertical-align : middle;
1374         height : 18px;
1375         width : 18px;
1376 }
1377
1378 div#auxDlg {
1379         position : absolute;
1380         z-index : 3;
1381         bottom : 5px;
1382         right : 25px;
1383         padding : 5px;
1384         border-width : 1px;
1385         border-style : solid;
1386         border-color : #d7c47a;
1387         background-color : #fff7d5;
1388         color : black;
1389         text-align : center;
1390         font-size : 13px;
1391 }
1392
1393 div#auxDlg a {
1394         color : #4684ff;
1395 }
1396
1397 div.hlTitle {
1398         display : table-cell;
1399         cursor : pointer;
1400         width : 100%;
1401         vertical-align : middle;
1402         padding-top : 4px;
1403         padding-bottom : 4px;
1404 }
1405
1406 div.hlLeft {
1407         display : table-cell;
1408         vertical-align : middle;
1409         white-space: nowrap;
1410 }
1411
1412 div.hlRight {
1413         display : table-cell;
1414         white-space: nowrap;
1415         text-align : right;
1416         vertical-align : middle;
1417 }
1418
1419 div.hlRight img {
1420         max-width : 16px;
1421         max-height : 16px;
1422 }
1423
1424 span.hlUpdated {
1425         color : gray;
1426         font-weight : medium;
1427         width : 100px;
1428         display : inline-block;
1429 }
1430
1431 div.hlLeft input {
1432         margin-left : 4px;
1433         margin-right : 4px;
1434 }
1435
1436 div.hlLeft img, div.hlRight img {
1437         margin : 0px 4px 0px 4px;
1438
1439 }
1440
1441 div.hlUpdPic {
1442         display : table-cell;
1443         padding-right : 4px;
1444         padding-left : 4px;
1445         text-align : center;
1446         vertical-align : middle;
1447 }
1448
1449 div.hlUpdPic img {
1450         max-width : 16px;
1451 }
1452
1453
1454 div.fatalError button {
1455         margin-top : 5px;
1456 }
1457
1458 div.fatalError textarea {
1459         width : 100%;
1460         height : 100px;
1461 }
1462
1463 #main {
1464         border-width : 0px;
1465         margin : 0px;
1466         padding : 0px;
1467 }
1468
1469 #content-wrap {
1470         padding : 0px;
1471         border-width : 0px;
1472         margin : 0px;
1473 }
1474
1475 #feeds-holder {
1476         padding : 0px;
1477         border-color : #88b0f0;
1478         border-left-width : 0px;
1479         border-bottom-width : 0px;
1480 }
1481
1482 #headlines-wrap-inner {
1483         padding : 0px;
1484         margin : 0px;
1485         border-width : 0px;
1486 }
1487
1488 #headlines-frame {
1489         padding : 0px;
1490         border-color : #88b0f0;
1491         border-left-width : 0px;
1492         border-right-width : 0px;
1493         margin-top : 0px;
1494         border-top-width : 0px;
1495 }
1496
1497 #headlines-toolbar_splitter {
1498         display : none;
1499 }
1500
1501 #content-tabs {
1502         margin : 0px;
1503         padding : 0px;
1504         border-width : 0px;
1505 }
1506
1507 #content-tabs .dijitTab {
1508         margin-top : 0px;
1509         padding-top : 0px;
1510 }
1511
1512 #toolbar {
1513         padding : 0px;
1514         margin : 0px;
1515         border-width : 0px;
1516         white-space: nowrap;
1517         font-size : 12px;
1518 }
1519
1520 #header {
1521         padding : 4px 8px 0px 8px;
1522         border-width : 0px;
1523 }
1524
1525 #footer {
1526         text-align : center;
1527         color : gray;
1528         padding : 4px 4px 8px 4px;
1529         border-width : 0px;
1530 }
1531
1532 #content-insert {
1533         padding : 0px;
1534         border-color : #88b0f0;
1535         border-bottom-width : 0px;
1536         border-right-width : 0px;
1537         border-left-width : 0px;
1538 }
1539
1540 .dijitTreeLabel.Unread {
1541         font-weight : bold;
1542 }
1543
1544 .dijitTreeLabel.Disabled, .labelParam.Disabled {
1545         color : gray;
1546 }
1547
1548 .dijitTreeRow.Error {
1549         color : red;
1550 }
1551
1552 .dijitTreeRow.Hidden {
1553         display : none;
1554 }
1555
1556 img.feedIcon, img.tinyFeedIcon {
1557         width : 16px;
1558         height : 16px;
1559 }
1560
1561 div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
1562         text-align : center;
1563         padding : 5px;
1564         color : gray;
1565 }
1566
1567 div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
1568         margin-right : 5px;
1569 }
1570
1571 div#pref-tabs .dijitContentPane {
1572         font-size : 12px;
1573 }
1574
1575 div#pref-tabs {
1576         margin : 0px 5px 0px 5px;
1577 }
1578
1579 div#pref-tabs .dijitContentPane h3 {
1580         font-size : 14px;
1581         font-weight : bold;
1582 }
1583
1584 /* div#feedTree {
1585         font-size : 11px;
1586         font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
1587 } */
1588
1589
1590 #pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1591 #pref-label-wrap, #pref-label-header, #pref-label-content,
1592 #pref-user-wrap, #pref-user-header, #pref-user-content {
1593         margin : 0px;
1594         padding : 0px;
1595         border-width : 0px;
1596 }
1597
1598 #errorButton {
1599         color : red;
1600 }
1601
1602 span.labelFixedLength {
1603         display : inline-block;
1604         width : 70%;
1605 }