tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7 }
   8
   9 div.postReply {
  10         padding : 10px;
  11         font-size : medium;
  12 }
  13
  14 div.postReply a {
  15         color : #4684ff;
  16 }
  17
  18 div.postReply a:hover {
  19         color : black;
  20 }
  21
  22 div.postReply div.postHeader {
  23         background : #ecf4ff;
  24         border : 1px solid #88b0f0;
  25 }
  26
  27 div.postReply > div.postHeader {
  28         padding : 5px;
  29 }
  30
  31 div.postReply div.postContent {
  32         padding : 10px;
  33 }
  34
  35 div.postReply div.postIcon {
  36         float : right;
  37         border : 0px;
  38         margin : 10px 0px 10px 10px;
  39 }
  40
  41 ul.feedList {
  42         list-style-type : none;
  43         margin : 5px;
  44         padding : 0px 0px 0px 5px;
  45         font-size : small;
  46 }
  47
  48 ul.feedList li.feedCat {
  49         margin : 0px;
  50         padding : 3px 0px 3px 0px;
  51         color : #707070;
  52         font-size : small;
  53 }
  54
  55 ul.feedList li.feedCat a {
  56         color : #707070;
  57 }
  58
  59 ul.feedList li.feedCat a:hover {
  60         color : #4684ff;
  61 }
  62
  63 ul.feedCatList {
  64         list-style-type : none;
  65         margin : 0px 0px 0px 15px;
  66         padding : 0px;
  67 }
  68
  69 ul.feedCatList li {
  70         margin : 0px;
  71         padding : 0px 0px 0px 0px;
  72         color : black;
  73 }
  74
  75 ul.feedList li {
  76         margin : 0px;
  77 }
  78
  79 li.feedUnread,
  80 li.errorUnread,
  81 li.labelUnread,
  82 li.virtUnread,
  83 li.tagUnread {
  84         font-weight : bold;
  85 }
  86
  87 li.errorSelected a,
  88 li.error a,
  89 li.errorUnread a,
  90 li.errorUnreadSelected a {
  91         color : #f04040;
  92 }
  93
  94 li.feedSelected a,
  95 li.labelSelected a,
  96 li.virtSelected a,
  97 li.tagSelected a {
  98         color : #4684ff;
  99 }
 100
 101 li.feedUnreadSelected a,
 102 li.labelUnreadSelected a,
 103 li.virtUnreadSelected a,
 104 li.tagUnreadSelected a {
 105         color : #4684ff;
 106 }
 107
 108 li.feedUnreadSelected,
 109 li.errorUnreadSelected,
 110 li.labelUnreadSelected,
 111 li.virtUnreadSelected,
 112 li.tagUnreadSelected {
 113         font-weight : bold;
 114 }
 115
 116 li.feed {
 117         display : block;
 118 }
 119
 120 ul.feedList img, img.tinyFeedIcon {
 121         margin : 0px 3px 0px 0px;
 122         width : 16px;
 123         height : 16px;
 124         border-width : 0px;
 125 }
 126
 127 h1 {
 128         font-size : 16pt;
 129 }
 130
 131 h2 {
 132         font-size : 14pt;
 133         font-weight : bold;
 134         border-width : 0px 0px 1px 0px;
 135         border-style : solid;
 136         border-color : #ecf4ff;
 137 }
 138
 139 h3 {
 140         font-size : 12pt;
 141         font-weight : bold;
 142         border-width : 0px 0px 1px 0px;
 143         border-style : solid;
 144         border-color : #ecf4ff;
 145 }
 146
 147 hr {
 148         border-width : 0px 0px 1px 0px;
 149         border-style : dashed;
 150         border-color : #e0e0e0;
 151 }
 152
 153 a {
 154         color : black;
 155         text-decoration : none;
 156 }
 157
 158 a:hover {
 159         color : #4684ff;
 160 }
 161
 162 #piggie {
 163         width : 400;
 164         height : 400;
 165         right : 0;
 166         top : -400;
 167         background-color : white;
 168         display : none;
 169         z-index : 999;
 170         background-image : url("images/piggie.png");
 171         background-position : center center;
 172         background-repeat : no-repeat;
 173         position : absolute;
 174         border : 1px solid pink;
 175         margin-left : auto;
 176         margin-right : auto;
 177         -moz-border-radius : 10px;
 178         opacity : 0.8;
 179 }
 180
 181 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 182 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 183 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 184 #iedit_parent_feed {
 185         width : 100%;
 186         padding-left : 2px;
 187         background-color : #f0fff0;
 188 }
 189
 190 textarea.iedit {
 191         width : 100%;
 192 }
 193
 194 input.iedit {
 195         width : 100%;
 196         padding-left : 2px;
 197 }
 198
 199 select.iedit {
 200         width : 100%;
 201 }
 202
 203 input.editbox {
 204         width : 200px;
 205         padding-left : 2px;
 206 }
 207
 208 .notify {
 209         background : #fff7d5;
 210         border : 1px solid #d7c47a;
 211         top : 10px;
 212         right : 35%;
 213         min-width : 30%;
 214         position : absolute;
 215         display : none;
 216         float : right;
 217         font-size : small;
 218         text-align : center;
 219         z-index : 999;
 220         -moz-border-radius : 2px;
 221         padding : 5px 5px 5px 5px;
 222 }
 223
 224 #dispSwitch {
 225         font-size : x-small;
 226         text-align : right;
 227         float : right;
 228         margin : 5px 5px 0px 0px;
 229 }
 230
 231 #dispSwitch a {
 232         color : gray;
 233 }
 234
 235 #dispSwitch a:hover {
 236         color : #4684ff;
 237 }
 238
 239 div.expPane {
 240         margin : 15px;
 241 }
 242
 243 iframe {
 244         border : 0px solid white;
 245 }
 246
 247 iframe.feedsFrameWithActions {
 248         width : 100%;
 249         height : 90%;
 250         margin : 0px;
 251         padding : 0px;
 252 }
 253
 254 iframe.feedsFrame {
 255         width : 100%;
 256         height : 100%;
 257         margin : 0px;
 258         padding : 0px;
 259 }
 260
 261 iframe.contentFrame, iframe.headlinesFrame {
 262         width : 100%;
 263         padding : 0px;
 264         margin : 0px;
 265         height : 100%;
 266 }
 267
 268 /*.button {
 269         border : 1px solid #d0d0d0;
 270         background-image : url("images/button.png");
 271         background-position : top;
 272         background-repeat : repeat-x;
 273         background-color : white;
 274         color : black;
 275 }
 276
 277 .button:hover {
 278         background : white;
 279         text-decoration : none;
 280         color : black;
 281 }
 282
 283 .disabledButton {
 284         border : 1px solid #c0c0c0;
 285         background-color : white;
 286         color : gray;
 287 }
 288
 289 a.button {
 290         padding : 2px 5px 2px 5px;
 291         font-size : small;
 292 } */
 293
 294 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 295         .evenSelectedUnread td {
 296         background-color : #fff7d5;
 297         font-weight : bold;
 298                   border-width : 1px 0px 1px 0px;
 299                   border-style : solid;
 300                   border-color : #e7d796;
 301 }
 302
 303 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 304         .oddSelectedUnread td {
 305         background-color : #fff7d5;
 306         font-weight : bold;
 307 }
 308
 309 .evenSelected, .evenSelected td {
 310         background-color : #fff7d5;
 311                   border-width : 1px 0px 1px 0px;
 312                   border-style : solid;
 313                   border-color : #e7d796;
 314 }
 315
 316 .oddSelected, .evenSelected td {
 317         background-color : #fff7d5;
 318 }
 319
 320 /*
 321 .feedUnreadSelected, .feedSelectedUnread,
 322 .virtUnreadSelected, .virtSelectedUnread,
 323 .labelUnreadSelected, .labelSelectedUnread {
 324         background-color : #e0e0ff;
 325         font-weight : bold;
 326 } */
 327
 328
 329 .evenGrayed, .evenGrayed td {
 330         background-color : #f0f0f0;
 331         color : #909090;
 332                   border-width : 1px 0px 1px 0px;
 333                   border-style : solid;
 334                   border-color : #c0c0c0;
 335 }
 336
 337 .oddGrayed {
 338         color : #909090;
 339 }
 340
 341 .even, .even td {
 342                   border-width : 1px 0px 1px 0px;
 343                   border-style : solid;
 344                   border-color : #c0c0c0;
 345         background-color : #f0f0f0;
 346 }
 347
 348 .evenUnread, .evenUnread td {
 349         background-color : #f0f0f0;
 350         font-weight : bold;
 351                   border-width : 1px 0px 1px 0px;
 352                   border-style : solid;
 353                   border-color : #c0c0c0;
 354 }
 355
 356 .oddUnread, .oddUnread td {
 357         font-weight : bold;
 358 }
 359
 360 .invisible {
 361         display : none;
 362 }
 363
 364 /*
 365 td > input, div > input {
 366         border : 1px solid #a0a0a0;
 367 } */
 368
 369 /* preferences */
 370
 371 tr.title td {
 372         border-width : 0px 0px 1px 0px;
 373         border-color : #ecf4ff;
 374         border-style : solid;
 375         font-size : small;
 376         color : #4684ff;
 377 }
 378
 379 tr.title td a {
 380         color : #4684ff;
 381 }
 382
 383 tr.title td a:hover {
 384         color : black;
 385 }
 386
 387 table.prefFeedList td.feedEditCat {
 388         font-weight : bold;
 389         border-width : 0px 0px 1px 0px;
 390         border-style : solid;
 391         border-color : #88b0f0;
 392         padding-top : 0.5em;
 393 }
 394
 395 table.prefFeedList td.feedIcon {
 396         text-align : center;
 397 }
 398
 399 table.prefFeedList td.feedSelect {
 400         text-align : center;
 401 }
 402
 403 a.helpLink {
 404         color : #808080;
 405 }
 406
 407 a.helpLink:hover {
 408         color : #4684ff;
 409 }
 410
 411 div.helpResponse {
 412         margin : 10px;
 413         background-image : url("images/vgrad_light_rev2.png");
 414         background-position : top left;
 415         background-repeat : repeat-x;
 416         padding : 10px 20px 10px 20px;
 417         border : 1px solid #f0f0f0;
 418 }
 419
 420 #infoBoxTitle {
 421         border-width : 1px 1px 1px 1px;
 422         border-style : solid;
 423         border-color : #88b0f0;
 424         background-color : #88b0f0;
 425         padding : 2px;
 426         color : white;
 427 }
 428
 429
 430 #infoBox {
 431         border-width : 1px 1px 1px 1px;
 432         border-style : solid;
 433         border-color : #88b0f0;
 434         font-size : small;
 435         position : relative;
 436         bottom : 2px;
 437         right : 2px;
 438         padding-bottom : 5px;
 439         background-image : url("images/prefs-content.png");
 440         background-position : top left;
 441         background-repeat : repeat-x;
 442         background-color : white;
 443 }
 444
 445 #infoBoxShadow {
 446         background-image : url("images/shadow.png");
 447         left : 30%;
 448         top : 30%;
 449         width : 30%;
 450         z-index : 3;
 451         position : absolute;
 452         display : none;
 453 }
 454
 455 div.infoBoxContents {
 456         padding : 5px;
 457         margin-bottom : 5px;
 458 }
 459
 460 div.infoBoxContents td {
 461         font-size : small;
 462 }
 463
 464 div.helpResponse h1, div.infoBoxContents h1 {
 465 /*        border-width : 0px 0px 1px 0px;
 466         border-style : solid;
 467         border-color : #c0c0c0; */
 468         font-size : 16pt;
 469 }
 470
 471 div.helpResponse h2, div.infoBoxContents h2 {
 472 /*        border-width : 0px 0px 0px 0px; */
 473         font-size : 12pt;
 474 }
 475
 476 pre {
 477         margin : 5px;
 478 }
 479
 480 input.extSearch {
 481         width : 100%;
 482 }
 483
 484 div.prefsTab:hover {
 485         cursor : pointer;
 486 }
 487
 488 div.firstTab {
 489         float : left;
 490         width : 10px;
 491 }
 492
 493 div.prefsTab {
 494         float : left;
 495         border-width : 1px 1px 0px 1px;
 496         border-color : #88b0f0;
 497         border-style : solid;
 498         margin : 0px 0px 0px 5px;
 499         padding : 3px 5px 3px 5px;
 500         font-size : small;
 501         position : relative;
 502         bottom : -1px;
 503         border-collapse : collapse;
 504         -moz-border-radius : 3px;
 505         min-width : 100px;
 506         text-align : center;
 507 }
 508
 509 div.prefsTabSelected {
 510         float : left;
 511         border-width : 1px 1px 0px 1px;
 512         border-color : #88b0f0;
 513         border-style : solid;
 514         margin : 0px 0px 0px 5px;
 515         padding : 3px 5px 3px 5px;
 516         background-color : #ecf4ff;
 517         font-size : small;
 518         position : relative;
 519         bottom : -1px;
 520         border-collapse : collapse;
 521         -moz-border-radius : 3px;
 522         font-weight : bold;
 523         min-width : 100px;
 524         text-align : center;
 525 }
 526
 527 div.warning {
 528         background : #fff7d5;
 529         border : 1px solid #d7c47a;
 530         padding : 5px;
 531         margin : 5px;
 532         font-size : small;
 533 }
 534
 535 div.notice {
 536         background : #ffffff;
 537         border : 1px solid #88b0f0;
 538         padding : 5px;
 539         margin : 5px;
 540         font-size : small;
 541 }
 542
 543 ul.nomarks {
 544         list-style-type : none;
 545         margin : 0px;
 546         padding : 10px;
 547 }
 548
 549 div.bigErrorMsg {
 550         border : 1px solid #c0c0c0;
 551         background : #fff0f0;
 552         padding : 30px;
 553         margin : 20px;
 554 }
 555
 556 div.prefHelp, td.prefHelp {
 557         font-size : small;
 558         color : gray;
 559         padding : 5px;
 560 }
 561
 562 table.loginForm {
 563         background-color : #ecf4ff;
 564 }
 565
 566 table.innerLoginForm {
 567         border : 1px solid #88b0f0;
 568         padding : 50px;
 569         background-color : white;
 570 }
 571
 572 table.innerLoginForm td {
 573         padding : 3px 3px 5px 3px;
 574 }
 575
 576 span.insensitive {
 577         color : gray;
 578 }
 579
 580 .prefGenericAddBox {
 581         margin : 5px;
 582         font-size : small;
 583 }
 584
 585 .prefGenericAddBox td {
 586         font-size : small;
 587 }
 588
 589 body.logoutBody {
 590         background-color : #f0f0f0;
 591         color : black;
 592 }
 593
 594 span.logoutWarning {
 595         color : red;
 596         font-weight : bold;
 597 }
 598
 599 div.logoutContent {
 600         width : 600px;
 601         border : 1px solid #c0c0c0;
 602         background-color : white;
 603         margin-left : auto;
 604         margin-right : auto;
 605         margin-top : 20px;
 606         padding : 10px;
 607 }
 608
 609 .small {
 610         font-size : small;
 611 }
 612
 613 table.innerFeedTable td {
 614         margin : 0px;
 615         padding : 0px;
 616 }
 617
 618 td.selectPrompt {
 619         font-size : x-small;
 620         color : gray;
 621 }
 622
 623 table.headlinesSubToolbar td.headlineActions {
 624         font-size : x-small;
 625         color : gray;
 626         padding : 5px 0px 5px 5px;
 627 }
 628
 629 table.headlinesSubToolbar td.headlineActionsRTL {
 630         font-size : x-small;
 631         color : gray;
 632         padding : 5px 5px 5px 0px;
 633 }
 634
 635 table.headlinesSubToolbar td.headlineTitle {
 636         font-size : x-small;
 637         color : gray;
 638         padding : 5px 5px 5px 0px;
 639         text-align : right;
 640 }
 641
 642 table.headlinesSubToolbar td.headlineTitleRTL {
 643         font-size : x-small;
 644         color : gray;
 645         padding : 5px 0px 5px 5px;
 646         text-align : left;
 647 }
 648
 649 span.contentPreview {
 650         font-size : x-small;
 651         color : gray;
 652         font-weight : normal;
 653 }
 654
 655 span.contentPreview:hover {
 656         color : #4684ff;
 657 }
 658
 659 table.headlinesList td.hlMarkedPic {
 660         width : 25px;
 661         text-align : center;
 662 }
 663
 664 table.headlinesList td.hlfeed {
 665         text-align : right;
 666         font-size : small;
 667 }
 668
 669 td.hlSelectRow, td.hlUpdatePic {
 670         width : 25px;
 671         text-align : center;
 672 }
 673
 674 table.headlinesList td.hlUpdated {
 675         font-size : small;
 676         color : gray;
 677         text-align : right;
 678         width : 100px;
 679 }
 680
 681 table.headlinesList tr td {
 682         padding : 2px 0px 2px 0px;
 683 }
 684
 685 div.postHeader td.postDate {
 686         font-size : x-small;
 687         text-align : right;
 688         color : gray;
 689 }
 690
 691 div.postHeader td.postDateRTL {
 692         font-size : x-small;
 693         text-align : left;
 694         color : gray;
 695 }
 696
 697 #feedUpdateErrors {
 698         display : none;
 699 }
 700
 701 #allEntryTags {
 702         font-size : x-small;
 703         border-width : 0px 0px 1px 0px;
 704         border-style : solid;
 705         border-color : #c0c0c0;
 706         padding-bottom : 5px;
 707         display : none;
 708 }
 709
 710 /*td.hlContent {
 711         overflow : hidden;
 712         height : 1em;
 713         display : block;
 714 } */
 715
 716 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 717         height : 1em;
 718 }
 719
 720 td.hlFeed {
 721         text-align : right;
 722 }
 723
 724 div.cdmArticle {
 725         border : 1px solid #f0f0f0;
 726         background-color : #fafafa;
 727         -moz-border-radius : 5px;
 728         margin : 10px 10px 0px 10px;
 729         padding : 10px;
 730 }
 731
 732 div.cdmArticleUnread {
 733         border : 1px solid #d5f1f4;
 734         background-color : #fafeff;
 735         -moz-border-radius : 5px;
 736         margin : 10px 10px 0px 10px;
 737         padding : 10px;
 738 }
 739
 740 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 741           -moz-border-radius : 5px;
 742         margin : 10px 10px 0px 10px;
 743         padding : 10px;
 744         background-color : #fff7d5;
 745                   border : 1px solid #e7d796;
 746 }
 747
 748 div.cdmArticleUnread div.cdmHeader a.title,
 749 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 750         font-weight : bold;
 751 }
 752
 753 div.cdmHeader {
 754         padding-bottom : 5px;
 755 }
 756
 757 div.cdmFooter {
 758         font-size : x-small;
 759         color : gray;
 760         padding-top : 5px;
 761 }
 762
 763 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
 764         margin : 0px;
 765 }
 766
 767 div.cdmHeader, div.cdmHeader a {
 768         color : gray;
 769         font-size : x-small;
 770 }
 771
 772 div.cdmHeader a:hover {
 773         color : #4684ff;
 774 }
 775
 776 div.cdmContent {
 777         margin-bottom : 5px;
 778 }
 779
 780 a.warning {
 781         color : #f04040;
 782 }
 783
 784 img.closeButton {
 785         border-width : 0px;
 786         float : right;
 787 }
 788
 789 span.groupPrompt {
 790         font-size : x-small;
 791         color : #4684ff;
 792 }
 793
 794 ul.userFeedList {
 795         height : 300px;
 796         overflow : auto;
 797         list-style-type : none;
 798         border : 1px solid #88b0f0;
 799         background-color : white;
 800         margin : 0px 0px 5px 0px;
 801         padding : 0px;
 802 }
 803
 804 /* #browseBigFeedList li.oddSelected {
 805         border : 1px solid #d0d0f6;
 806         background-color : #eaeaff;
 807         -moz-border-radius : 5px;
 808 } */
 809
 810 ul.labelTestResults {
 811         height : 100px;
 812         overflow : auto;
 813         list-style-type : none;
 814         margin : 0px 0px 5px 0px;
 815         padding : 0px;
 816         border : 1px solid #88b0f0;
 817         background-color : white;
 818 }
 819
 820 ul.filterTestResults {
 821         height : 300px;
 822         overflow : auto;
 823         list-style-type : none;
 824         margin : 0px 0px 5px 0px;
 825         padding : 0px;
 826         border : 1px solid #88b0f0;
 827         background-color : white;
 828 }
 829
 830 ul.browseFeedList {
 831         height : 300px;
 832         overflow : auto;
 833         list-style-type : none;
 834         margin : 0px 0px 5px 0px;
 835         padding : 0px;
 836         border : 1px solid #88b0f0;
 837         background-color : white;
 838 }
 839
 840 ul.browseFeedList li {
 841         margin : 0px;
 842         padding : 0px;
 843 }
 844
 845 span.subscribers {
 846         color : #808080;
 847 }
 848
 849 div.subscribers {
 850         color : #808080;
 851         font-size : x-small;
 852         float : right;
 853 }
 854
 855 input.feedBrowseCB {
 856         margin-right : 1em;
 857 }
 858
 859 div.browserDetails {
 860         margin : 5px 5px 5px 5px;
 861         display : none;
 862         padding : 5px;
 863 }
 864
 865 ul.compact {
 866         list-style-type : none;
 867         margin : 0px;
 868         padding : 0px;
 869 }
 870
 871 ul.compact li {
 872         margin : 0px;
 873         padding : 0px;
 874 }
 875
 876 div.browserFeedInfo {
 877         font-size : x-small;
 878 /*      border : 1px solid #88b0f0;
 879         background-color : #ecf4ff;
 880         -moz-border-radius : 5px; */
 881         padding : 5px;
 882 }
 883
 884 div.browserFeedInfo div.detailsPart {
 885         margin : 5px 0px 5px 5px;
 886 }
 887
 888 div.cdmContent a {
 889         color : #4684ff;
 890 }
 891
 892 div.cdmContent a:hover {
 893         color : black;
 894 }
 895
 896 a.cdmToggleLink {
 897         color : #808080;
 898         font-size : x-small;
 899 }
 900
 901 a.cdmToggleLink:hover {
 902         color : #4684ff;
 903 }
 904
 905 .noborder {
 906         border-width : 0px;
 907 }
 908
 909 #debug_output {
 910         position : absolute;
 911         width : 400px;
 912         height : 200px;
 913         right : 20px;
 914         bottom : 20px;
 915         z-index : 999;
 916         background-color : white;
 917         display : none;
 918         border : 1px solid #c0c0c0;
 919         overflow : auto;
 920         margin : 0px;
 921         padding : 0px;
 922         list-style-type : none;
 923 }
 924
 925 #debug_output li {
 926         margin : 0px;
 927         padding : 0px;
 928         font-size : x-small;
 929 }
 930
 931 #overlay {
 932         background : white;
 933         left : 0;
 934         top : 0;
 935         height : 100%;
 936         width : 100%;
 937         z-index : 100;
 938         position : absolute;
 939 }
 940
 941 #overlay_inner {
 942         font-weight : bold;
 943         text-align : center;
 944         margin : 10px;
 945 }
 946
 947 #fatal_error {
 948         background : white;
 949         left : 0;
 950         top : 0;
 951         height : 100%;
 952         width : 100%;
 953         z-index : 200;
 954         display : none;
 955         position : absolute;
 956 }
 957
 958 #fatal_error_inner {
 959         font-weight : bold;
 960         margin : 10px;
 961         color : red;
 962 }
 963
 964 #fatal_error_msg {
 965         border : 1px solid #c0c0c0;
 966         background-color : #f0f0f0;
 967         color : black;
 968         padding : 10px;
 969         font-weight : normal;
 970 }
 971
 972 #noDaemonWarning {
 973         position : absolute;
 974         background-color : #ecf4ff;
 975         border : 1px solid #88b0f0;
 976         padding : 10px;
 977         margin : 5px;
 978         z-index : 2;
 979         display : none;
 980 }
 981
 982 #qafInput {
 983         width : 100%;
 984 }
 985
 986 form {
 987         margin : 0px;
 988         padding : 0px;
 989 }
 990
 991 #main_toolbar_form {
 992         display : inline;
 993 }
 994
 995 div.feedExtInfo {
 996         margin-left : 2em;
 997         font-size : 7pt;
 998         color : gray;
 999         font-weight : normal;
1000 }
1001
1002 span.debugTS {
1003         color : #4684ff;
1004 }
1005
1006 #backReqBox {
1007         display : none;
1008 }
1009
1010 /*.scriptWarn:before {
1011         content : "Disabled script:";
1012 }*/
1013
1014 .scriptWarn {
1015         color : white;
1016         background-color : #903030;
1017         border : 1px solid #601010;
1018         padding : 3px;
1019         font-weight : bold;
1020 }
1021
1022 .objectWarn {
1023         color : gray;
1024         font-style: italic;
1025         text-align : center;
1026 }
1027
1028 table.loginForm2 {
1029         padding : 1em;
1030 }
1031
1032 table.loginForm2 .loginTop {
1033         border-width : 0px 0px 1px 0px;
1034         border-color : #88b0f0;
1035         border-style : solid;
1036         padding : 0.5em;
1037 }
1038
1039 table.loginForm2 .loginMiddle {
1040         padding : 3em;
1041 }
1042
1043 table.loginForm2 .loginBottom {
1044         border-width : 1px 0px 0px 0px;
1045         border-color : #88b0f0;
1046         border-style : solid;
1047         font-size : x-small;
1048         text-align : center;
1049         color : #909090;
1050         padding : 0.5em;
1051 }
1052
1053 table.loginForm2 .loginBottom a {
1054         color : gray;
1055 }
1056
1057 table.loginForm2 .loginBottom a:hover {
1058         color : #4684ff;
1059 }
1060
1061 table.loginForm2 .loginError {
1062         color : red;
1063         margin : 0.5em;
1064 }
1065
1066 table.loginForm2 .innerLoginCell {
1067         padding-top : 0.5em;
1068 }
1069
1070 #milestoneDetails {
1071         display : none;
1072 }
1073
1074 div.loadingPrompt {
1075         padding : 1em;
1076         text-align : center;
1077         font-weight : bold;
1078 }
1079
1080 div.whiteBox {
1081         background-color : white;
1082         margin-left : 1px;
1083         text-align : center;
1084         padding : 1em;
1085 }
1086
1087 /* layout */
1088
1089 #header {
1090         position : absolute;
1091         white-space: nowrap;
1092         top : 10px;
1093         left : 15px;
1094         right : 5px;
1095         height : 40px;
1096         color : #4684ff;
1097         font-size : small;
1098 }
1099
1100 #feeds-holder {
1101         border-width : 1px 1px 1px 0px;
1102         border-style : solid;
1103         border-color : #88b0f0;
1104         top : 50px;
1105         left : 0px;
1106         position : absolute;
1107         width : 260px;
1108         overflow : auto;
1109         bottom : 40px;
1110         border-collapse : collapse;
1111         height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1112 }
1113
1114 #toolbar {
1115         position : absolute;
1116         left : 261px;
1117         padding : 5px 10px 5px 10px;
1118         top : 50px;
1119         right : 0px;
1120         white-space: nowrap;
1121         height : 30px;
1122         background-image : url("images/toolbar.png");
1123         background-position : bottom left;
1124         background-repeat : repeat-x;
1125 }
1126
1127 div.headlines_normal {
1128         position : absolute;
1129         border-width : 1px 0px 0px 0px;
1130         border-style : solid;
1131         border-color : #88b0f0;
1132         left : 260px;
1133         height : 305px;
1134         top : 85px;
1135         right : 0px;
1136         overflow : hidden;
1137         font-size : small;
1138         border-collapse : collapse;
1139         /* css hack for IE */
1140         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1141 }
1142
1143 div.headlines_cdm {
1144         position : absolute;
1145         border-width : 1px 0px 1px 0px;
1146         border-style : solid;
1147         border-color : #88b0f0;
1148         left : 260px;
1149         bottom : 40px;
1150         top : 85px;
1151         right : 0px;
1152         overflow : auto;
1153         font-size : small;
1154         border-collapse : collapse;
1155         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1156 }
1157
1158 #content-frame {
1159         position : absolute;
1160         border-width : 1px 0px 1px 0px;
1161         border-style : solid;
1162         border-color : #88b0f0;
1163         overflow : auto;
1164         top : 390px;
1165         left : 260px;
1166         bottom : 40px;
1167         right : 0px;
1168         border-collapse : collapse;
1169         width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1170         height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1171 }
1172
1173 #footer {
1174         position : absolute;
1175         bottom : 0px;
1176         height : 20px;
1177         text-align : center;
1178         color : gray;
1179         font-size : x-small;
1180         background-image : url("images/footer.png");
1181         background-position : top left;
1182         background-repeat : repeat-x;
1183         background-color : white;
1184         right : 0px;
1185         left : 0px;
1186         padding : 10px;
1187         width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1188         border-collapse : collapse;
1189         border-width : 1px 0px 0px 0px;
1190         border-style : solid;
1191         border-color : #88b0f0;
1192
1193 }
1194
1195 #footer a {
1196         color : gray;
1197 }
1198
1199 #headlinesContainer {
1200         margin-left : 1px;
1201         background-color : white;
1202 }
1203
1204 #headlineActionsTop {
1205 /*      border-width : 0px 0px 1px 0px;
1206         border-style : solid;
1207         border-color : #c0c0c0;
1208         background-color : #fafafa; */
1209         font-size : x-small;
1210 }
1211
1212 #headlinesInnerContainer {
1213         height : 280px;
1214         overflow : auto;
1215 }
1216
1217 /* preferences layout */
1218
1219 #prefHeader {
1220         margin : 10px;
1221         color : #4684ff;
1222         font-size : small;
1223 }
1224
1225 div.return {
1226         float : right;
1227         font-size : small;
1228         margin-right : 10px;
1229 }
1230
1231 div.return a {
1232         color : #4684ff;
1233 }
1234
1235 div.return a:hover {
1236         color : black;
1237 }
1238
1239 #prefContent {
1240         clear : left;
1241         bottom : 20px;
1242         padding : 1em;
1243         min-height : 300px;
1244         background-image : url("images/prefs-content.png");
1245         background-position : top left;
1246         background-repeat : repeat-x;
1247         font-size : small;
1248         border-width : 1px 0px 0px 0px;
1249         border-color : #88b0f0;
1250         border-style : solid;
1251
1252 }