tt-rss.css

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