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