tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : "Lucida Grande", Arial, sans-serif;
   7 }
   8
   9 blockquote {
  10         margin : 5px 5px 5px 5px;
  11         border-width : 0px 0px 0px 4px;
  12         border-color : #e0e0e0;
  13         border-style : solid;
  14         padding : 5px;
  15         background-color : #f0f0f0;
  16 }
  17
  18 div.postReply {
  19         padding : 0px;
  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         border-width : 0px 0px 1px 0px;
  34         border-style : dotted;
  35         border-color : #88b0f0;
  36         margin : 0px 1px 0px 0px;
  37         padding : 5px;
  38         cursor : move;
  39 }
  40
  41 /* div.postReply > div.postHeader {
  42         padding : 5px;
  43 } */
  44
  45 div.postReply div.postContent {
  46         padding : 10px;
  47         font-size : 14px;
  48 }
  49
  50 div.postReply div.postContent img {
  51         border-width : 0px;
  52 }
  53
  54 div.postReply div.postIcon {
  55         float : right;
  56         border : 0px;
  57         margin : 10px 0px 10px 10px;
  58 }
  59
  60 div.postReply div.postEnclosures {
  61         margin-top : 1em;
  62         color : gray;
  63 }
  64
  65 div.postReply img.tagsPic {
  66         width : 16px;
  67         height : 16px;
  68         vertical-align : middle;
  69 }
  70
  71 div.postReply span.author {
  72         font-size : 12px;
  73 }
  74
  75 ul.feedList {
  76         list-style-type : none;
  77         margin : 5px;
  78         padding : 0px 0px 0px 5px;
  79         font-size : 12px;
  80         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
  81 }
  82
  83 ul.feedList li.feedCat {
  84         margin : 0px;
  85         padding : 3px 0px 3px 0px;
  86         color : #707070;
  87         font-size : 12px;
  88 }
  89
  90 ul.feedList li.feedCat a {
  91         color : #707070;
  92 }
  93
  94 ul.feedList li.feedCat a:hover {
  95         color : #4684ff;
  96 }
  97
  98 ul.feedList li.feedCatSelected {
  99         margin : 0px;
 100         padding : 3px 0px 3px 0px;
 101         color : #4684ff;
 102         font-size : 12px;
 103 }
 104
 105 ul.feedList li.feedCatSelected a {
 106         color : #4684ff;
 107 }
 108
 109 ul.feedCatList {
 110         list-style-type : none;
 111         margin : 0px 0px 0px 15px;
 112         padding : 0px;
 113 }
 114
 115 ul.feedCatList li {
 116         margin : 0px;
 117         padding : 0px 0px 2px 0px;
 118         color : black;
 119 }
 120
 121 ul.feedList > li {
 122         padding : 0px 0px 2px 0px;
 123 }
 124
 125 ul.feedCatList img, ul.feedList img {
 126         vertical-align : bottom;
 127 }
 128
 129 li.feedUnread,
 130 li.errorUnread,
 131 li.labelUnread,
 132 li.virtUnread,
 133 li.tagUnread {
 134         font-weight : bold;
 135 }
 136
 137 li.errorSelected a,
 138 li.error a,
 139 li.errorUnread a,
 140 li.errorUnreadSelected a {
 141         color : #f04040;
 142 }
 143
 144 li.feedSelected a,
 145 li.labelSelected a,
 146 li.virtSelected a,
 147 li.tagSelected a {
 148         color : #4684ff;
 149 }
 150
 151 li.feedUnreadSelected a,
 152 li.labelUnreadSelected a,
 153 li.virtUnreadSelected a,
 154 li.tagUnreadSelected a {
 155         color : #4684ff;
 156 }
 157
 158 li.feedUnreadSelected,
 159 li.errorUnreadSelected,
 160 li.labelUnreadSelected,
 161 li.virtUnreadSelected,
 162 li.tagUnreadSelected {
 163         font-weight : bold;
 164 }
 165
 166 li.feed {
 167         display : block;
 168 }
 169
 170 ul.feedList img, img.tinyFeedIcon {
 171         margin : 0px 3px 0px 0px;
 172         width : 16px;
 173         height : 16px;
 174         border-width : 0px;
 175 }
 176
 177 h1 {
 178         font-size : 18px;
 179 }
 180
 181 h2 {
 182         font-size : 16px;
 183         font-weight : bold;
 184         border-width : 0px 0px 1px 0px;
 185         border-style : solid;
 186         border-color : #ecf4ff;
 187 }
 188
 189 h3 {
 190         font-size : 14px;
 191         font-weight : bold;
 192         border-width : 0px 0px 1px 0px;
 193         border-style : solid;
 194         border-color : #ecf4ff;
 195 }
 196
 197 hr {
 198         border-width : 0px 0px 1px 0px;
 199         border-style : dashed;
 200         border-color : #e0e0e0;
 201 }
 202
 203 a {
 204         color : black;
 205         text-decoration : none;
 206 }
 207
 208 a:hover {
 209         color : #4684ff;
 210 }
 211
 212 #piggie {
 213         z-index : 999;
 214         position : absolute;
 215 }
 216
 217 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 218 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 219 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
 220 #iedit_parent_feed {
 221         width : 100%;
 222         padding-left : 2px;
 223         background-color : #f0fff0;
 224 }
 225
 226 textarea.iedit {
 227         width : 100%;
 228 }
 229
 230 input.iedit {
 231         width : 100%;
 232         padding-left : 2px;
 233 }
 234
 235 select.iedit {
 236         width : 100%;
 237 }
 238
 239 input.editbox {
 240         width : 200px;
 241         padding-left : 2px;
 242 }
 243
 244 #notify {
 245         border-width : 1px;
 246         border-style : solid;
 247         top : 10px;
 248         right : 35%;
 249         min-width : 30%;
 250         position : absolute;
 251         display : none;
 252         float : right;
 253         font-size : 12px;
 254         z-index : 998;
 255         -moz-border-radius : 2px;
 256         padding : 5px 5px 5px 5px;
 257 }
 258
 259 #notify img {
 260         vertical-align : middle;
 261 }
 262
 263 .notifyProgress {
 264         border-color : #d7c47a;
 265         background-color : #fff7d5;
 266         color : black;
 267 }
 268
 269 .notifyInfo {
 270         border-color : #7AD78E;
 271         background-color : #D5FFDB;
 272         color : black;
 273 }
 274
 275 .notify {
 276         border-color : #d7c47a;
 277         background-color : #fff7d5;
 278         color : black;
 279 }
 280
 281 .notifyError {
 282         background-color : #ffcccc;
 283         border-color : #ff0000;
 284         color : black;
 285 }
 286
 287 .notifyError span:hover {
 288         color : red;
 289         cursor : pointer;
 290 }
 291
 292 #dispSwitch {
 293         font-size : 12px;
 294         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 295         text-align : right;
 296         float : right;
 297         margin : 5px 5px 0px 0px;
 298 }
 299
 300 #dispSwitch a {
 301         color : gray;
 302 }
 303
 304 #dispSwitch a:hover {
 305         color : #4684ff;
 306 }
 307
 308 div.expPane {
 309         margin : 15px;
 310 }
 311
 312 iframe {
 313         border : 0px solid white;
 314 }
 315
 316 iframe.feedsFrameWithActions {
 317         width : 100%;
 318         height : 90%;
 319         margin : 0px;
 320         padding : 0px;
 321 }
 322
 323 iframe.feedsFrame {
 324         width : 100%;
 325         height : 100%;
 326         margin : 0px;
 327         padding : 0px;
 328 }
 329
 330 iframe.contentFrame, iframe.headlinesFrame {
 331         width : 100%;
 332         padding : 0px;
 333         margin : 0px;
 334         height : 100%;
 335 }
 336
 337 /*.button {
 338         border : 1px solid #d0d0d0;
 339         background-image : url("images/button.png");
 340         background-position : top;
 341         background-repeat : repeat-x;
 342         background-color : white;
 343         color : black;
 344 }
 345
 346 .button:hover {
 347         background : white;
 348         text-decoration : none;
 349         color : black;
 350 }
 351
 352 .disabledButton {
 353         border : 1px solid #c0c0c0;
 354         background-color : white;
 355         color : gray;
 356 }
 357
 358 a.button {
 359         padding : 2px 5px 2px 5px;
 360         font-size : small;
 361 } */
 362
 363 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
 364         .evenSelectedUnread td {
 365         background-color : #fff7d5;
 366         font-weight : bold;
 367                   border-width : 1px 0px 1px 0px;
 368                   border-style : solid;
 369                   border-color : #e7d796;
 370 }
 371
 372 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 373         .oddSelectedUnread td {
 374         background-color : #fff7d5;
 375         font-weight : bold;
 376 }
 377
 378 .evenSelected, .evenSelected td {
 379         background-color : #fff7d5;
 380                   border-width : 1px 0px 1px 0px;
 381                   border-style : solid;
 382                   border-color : #e7d796;
 383 }
 384
 385 .oddSelected, .evenSelected td {
 386         background-color : #fff7d5;
 387 }
 388
 389 .evenGrayed, .evenGrayed td {
 390         background-color : #f0f0f0;
 391         color : #909090;
 392                   border-width : 1px 0px 1px 0px;
 393                   border-style : solid;
 394                   border-color : #c0c0c0;
 395 }
 396
 397 .oddGrayed {
 398         color : #909090;
 399 }
 400
 401 .even, .even td {
 402                   border-width : 1px 0px 1px 0px;
 403                   border-style : solid;
 404                   border-color : #c0c0c0;
 405         background-color : #f0f0f0;
 406 }
 407
 408 .evenUnread, .evenUnread td {
 409         background-color : #f0f0f0;
 410         font-weight : bold;
 411                   border-width : 1px 0px 1px 0px;
 412                   border-style : solid;
 413                   border-color : #c0c0c0;
 414 }
 415
 416 .oddUnread, .oddUnread td {
 417         font-weight : bold;
 418 }
 419
 420 .invisible {
 421         display : none;
 422 }
 423
 424 /* preferences */
 425
 426 tr.title td {
 427         border-width : 0px 0px 1px 0px;
 428         border-color : #ecf4ff;
 429         border-style : solid;
 430         color : #4684ff;
 431 }
 432
 433 tr.title td a {
 434         color : #4684ff;
 435 }
 436
 437 tr.title td a:hover {
 438         color : black;
 439 }
 440
 441 div.feedEditSearch {
 442         float : right;
 443 }
 444
 445 table.prefFeedList span.feedOps {
 446         display : none;
 447         margin-right : 1em;
 448 }
 449
 450 table.prefFeedList tr:hover span.feedOps {
 451         display : inline;
 452 }
 453
 454 table.prefFeedList td.feedEditCat {
 455         font-weight : bold;
 456         border-width : 0px 0px 1px 0px;
 457         border-style : solid;
 458         border-color : #88b0f0;
 459         padding-top : 0.5em;
 460 }
 461
 462 table.prefFilterList td.filterEditCat {
 463         font-weight : bold;
 464         border-width : 0px 0px 1px 0px;
 465         border-style : solid;
 466         border-color : #88b0f0;
 467         padding-top : 0.5em;
 468 }
 469
 470 /* oh for the love of... */
 471
 472 table.prefFilterList tr.even,
 473 table.prefFilterList tr.odd,
 474 table.prefFilterList tr.evenSelected,
 475 table.prefFilterList tr.oddSelected,
 476 table.prefLabelList tr.even,
 477 table.prefLabelList tr.odd,
 478 table.prefLabelList tr.evenSelected,
 479 table.prefLabelList tr.oddSelected,
 480 table.prefUserList tr.even,
 481 table.prefUserList tr.odd,
 482 table.prefUserList tr.evenSelected,
 483 table.prefUserList tr.oddSelected,
 484 table.prefFeedList tr.even,
 485 table.prefFeedList tr.odd,
 486 table.prefFeedList tr.evenSelected,
 487 table.prefFeedList tr.oddSelected
 488 {
 489         cursor : pointer;
 490 }
 491
 492 table.prefFilterList tr.even:hover td,
 493 table.prefFilterList tr.odd:hover td,
 494 table.prefFilterList tr.evenSelected:hover td,
 495 table.prefFilterList tr.oddSelected:hover td
 496 table.prefLabelList tr.even:hover td,
 497 table.prefLabelList tr.odd:hover td,
 498 table.prefLabelList tr.evenSelected:hover td,
 499 table.prefLabelList tr.oddSelected:hover td,
 500 table.prefUserList tr.even:hover td,
 501 table.prefUserList tr.odd:hover td,
 502 table.prefUserList tr.evenSelected:hover td,
 503 table.prefUserList tr.oddSelected:hover td,
 504 table.prefFeedList tr.even:hover td,
 505 table.prefFeedList tr.odd:hover td,
 506 table.prefFeedList tr.evenSelected:hover td,
 507 table.prefFeedList tr.oddSelected:hover td
 508 {
 509         color : #88b0f0;
 510 }
 511
 512 table.prefFeedList td.feedIcon {
 513         text-align : center;
 514 }
 515
 516 table.prefFeedList td.feedSelect {
 517         text-align : center;
 518 }
 519
 520 div.prefFeedCatHolder {
 521         height : 250px;
 522         overflow : auto;
 523         border : 1px solid #99d67a;
 524         margin : 5px 0px 5px 0px;
 525         background-color : white;
 526 }
 527
 528 a.helpLink {
 529         color : #808080;
 530 }
 531
 532 a.helpLink:hover {
 533         color : #4684ff;
 534 }
 535
 536 div.helpResponse {
 537         margin : 10px;
 538         background-image : url("images/vgrad_light_rev2.png");
 539         background-position : top left;
 540         background-repeat : repeat-x;
 541         padding : 10px 20px 10px 20px;
 542         border : 1px solid #f0f0f0;
 543 }
 544
 545 #infoBoxTitle {
 546         border-width : 1px 1px 1px 1px;
 547         border-style : solid;
 548         border-color : #99d67a;
 549         background-color : #99d67a;
 550         padding : 2px;
 551         color : white;
 552 }
 553
 554 #infoBox {
 555         border-width : 1px 1px 1px 1px;
 556         border-style : solid;
 557         border-color : #99d67a;
 558         position : relative;
 559         bottom : 2px;
 560         right : 2px;
 561         padding-bottom : 5px;
 562         background-color : #f8fcf5;
 563 }
 564
 565 /*
 566 #infoBoxTitle {
 567         border-width : 1px 1px 1px 1px;
 568         border-style : solid;
 569         border-color : #88b0f0;
 570         background-color : #88b0f0;
 571         padding : 2px;
 572         color : white;
 573 }
 574
 575 #infoBox {
 576         border-width : 1px 1px 1px 1px;
 577         border-style : solid;
 578         border-color : #88b0f0;
 579         position : relative;
 580         bottom : 2px;
 581         right : 2px;
 582         padding-bottom : 5px;
 583         background-color : #f7faff;
 584 } */
 585
 586 #infoBoxShadow {
 587         background-image : url("images/shadow.png");
 588         left : 25%;
 589         top : 30%;
 590         width : 50%;
 591         z-index : 3;
 592         position : absolute;
 593         display : none;
 594 }
 595
 596 div.infoBoxContents {
 597         padding : 10px;
 598         margin-bottom : 5px;
 599         font-size : 12px;
 600 }
 601
 602 div.infoBoxContents td {
 603         font-size : 12px;
 604 }
 605
 606 div.infoBoxContents a {
 607         color : #527040;
 608 }
 609
 610 div.infoBoxContents a:hover {
 611         color : black;
 612 }
 613
 614 div.helpResponse h1, div.infoBoxContents h1 {
 615 /*        border-width : 0px 0px 1px 0px;
 616         border-style : solid;
 617         border-color : #c0c0c0; */
 618         font-size : 18px;
 619 }
 620
 621 div.helpResponse h2, div.infoBoxContents h2 {
 622 /*        border-width : 0px 0px 0px 0px; */
 623         font-size : 16px;
 624 }
 625
 626 pre {
 627         margin : 5px;
 628 }
 629
 630 input.extSearch {
 631         width : 100%;
 632 }
 633
 634 div.firstTab {
 635         width : 10px;
 636         float : left;
 637 }
 638
 639 div.prefsTab:hover {
 640         cursor : pointer;
 641 }
 642
 643 div.prefsTabSelected:hover {
 644         cursor : pointer;
 645 }
 646
 647 div.prefsTab {
 648         float : left;
 649         border-width : 1px 1px 0px 1px;
 650         border-color : #88b0f0;
 651         border-style : solid;
 652         margin : 0px 0px 0px 5px;
 653         padding : 3px 5px 3px 5px;
 654         font-size : 12px;
 655         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 656         border-collapse : collapse;
 657         min-width : 100px;
 658         text-align : center;
 659         cursor : pointer;
 660 }
 661
 662 div.prefsTabSelected {
 663         float : left;
 664         border-width : 1px 1px 0px 1px;
 665         border-color : #88b0f0;
 666         border-style : solid;
 667         margin : 0px 0px 0px 5px;
 668         padding : 3px 5px 3px 5px;
 669         background-color : #ecf4ff;
 670         font-size : 12px;
 671         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 672         border-collapse : collapse;
 673         font-weight : bold;
 674         min-width : 100px;
 675         text-align : center;
 676         cursor : pointer;
 677 }
 678
 679 div.notice {
 680         background : #ffffff;
 681         border : 1px solid #88b0f0;
 682         width : 60%;
 683         padding : 5px;
 684         margin : 0px 0px 5px 0px;
 685         font-size : 12px;
 686 }
 687
 688 div.warning {
 689         background : #fff7d5;
 690         border : 1px solid #d7c47a;
 691         font-size : 12px;
 692         width : 60%;
 693         padding : 5px;
 694         margin : 0px 0px 5px 0px;
 695 }
 696
 697
 698 div.warning img, div.notice img, div.error img {
 699         vertical-align : middle;
 700         padding : 5px;
 701 }
 702
 703 div.error {
 704         border : 1px solid #ff0000;
 705         background : #ffcccc;
 706         padding : 5px;
 707         margin : 0px 0px 5px 0px;
 708         font-size : 12px;
 709 }
 710
 711 ul.nomarks {
 712         list-style-type : none;
 713         margin : 0px;
 714         padding : 10px;
 715 }
 716
 717 div.prefHelp, td.prefHelp {
 718         color : gray;
 719         padding : 5px;
 720 }
 721
 722 table.loginForm {
 723         background-color : #ecf4ff;
 724 }
 725
 726 table.innerLoginForm {
 727         border : 1px solid #88b0f0;
 728         padding : 50px;
 729         background-color : white;
 730 }
 731
 732 table.innerLoginForm td {
 733         padding : 3px 3px 5px 3px;
 734 }
 735
 736 span.feed_error {
 737         color : red;
 738 }
 739
 740 .insensitive {
 741         color : gray;
 742 }
 743
 744 .insensitive a {
 745         color : #4684ff;
 746 }
 747
 748 .insensitive a:hover {
 749         color : black;
 750 }
 751
 752 /* .prefGenericAddBox {
 753         font-size : 12px;
 754 } */
 755
 756 body.logoutBody {
 757         background-color : #f0f0f0;
 758         color : black;
 759 }
 760
 761 span.logoutWarning {
 762         color : red;
 763         font-weight : bold;
 764 }
 765
 766 div.logoutContent {
 767         width : 600px;
 768         border : 1px solid #c0c0c0;
 769         background-color : white;
 770         margin-left : auto;
 771         margin-right : auto;
 772         margin-top : 20px;
 773         padding : 10px;
 774 }
 775
 776 .small {
 777         font-size : 12px;
 778 }
 779
 780 table.innerFeedTable td {
 781         margin : 0px;
 782         padding : 0px;
 783 }
 784
 785 td.selectPrompt {
 786         font-size : 12px;
 787         color : gray;
 788 }
 789
 790 table.headlinesSubToolbar {
 791         border-width : 0px 0px 1px 0px;
 792         border-style : solid;
 793         border-color : #f0f0f0;
 794         position : absolute;
 795         left : 0px;
 796         top : 0px;
 797         height : 25px;
 798         right : 0px;
 799         background-color : white;
 800         font-size : 11px;
 801         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 802         color : gray;
 803 }
 804
 805 input#subtoolbar_search_box {
 806         height : 10px;
 807         font-size : 9px;
 808         vertical-align : middle;
 809 }
 810
 811 table.headlinesSubToolbar td.headlineActions {
 812         padding : 0px 5px 0px 5px;
 813 }
 814
 815 table.headlinesSubToolbar td.headlineActionsRTL {
 816         padding : 0px 5px 0px 5px;
 817 }
 818
 819 table.headlinesSubToolbar td.headlineTitle {
 820         padding : 0px 5px 0px 5px;
 821         text-align : right;
 822 }
 823
 824 table.headlinesSubToolbar td.headlineTitleRTL {
 825         padding : 0px 5px 0px 5px;
 826         text-align : left;
 827 }
 828
 829 span.contentPreview {
 830         font-size : 12px;
 831         color : gray;
 832         font-weight : normal;
 833 }
 834
 835 span.contentPreview:hover {
 836         color : #4684ff;
 837 }
 838
 839 table.headlinesList {
 840         width : 100%;
 841 }
 842
 843 table.headlinesList td.hlMarkedPic {
 844         width : 25px;
 845         text-align : center;
 846 }
 847
 848 table.headlinesList td.hlfeed {
 849         text-align : right;
 850 }
 851
 852 td.hlSelectRow, td.hlUpdPic {
 853         width : 25px;
 854         text-align : center;
 855 }
 856
 857 table.headlinesList td.hlUpdated {
 858         color : gray;
 859         text-align : right;
 860         width : 100px;
 861         cursor : pointer;
 862 }
 863
 864 table.headlinesList tr td {
 865         padding : 2px 0px 2px 0px;
 866 }
 867
 868 div.postHeader div.postDate {
 869         text-align : right;
 870         color : gray;
 871         float : right;
 872 }
 873
 874 div.postHeader div.postDateRTL {
 875         text-align : left;
 876         color : gray;
 877         float : right;
 878 }
 879
 880 div.postReply span.tagList {
 881         color : gray;
 882 }
 883
 884 div.postHeader div {
 885         padding-bottom : 3px;
 886         font-size : 12px;
 887         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 888 }
 889
 890 #feedUpdateErrors {
 891         display : none;
 892 }
 893
 894 #allEntryTags {
 895         font-size : 12px;
 896         border-width : 0px 0px 1px 0px;
 897         border-style : solid;
 898         border-color : #c0c0c0;
 899         padding-bottom : 5px;
 900         display : none;
 901 }
 902
 903 /*td.hlContent {
 904         overflow : hidden;
 905         height : 1em;
 906         display : block;
 907 } */
 908
 909 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 910         height : 1em;
 911 }
 912
 913 td.hlFeed {
 914         text-align : right;
 915 }
 916
 917 span.hlFeed, span.hlFeed a {
 918         font-size : 12px;
 919         color : gray;
 920 }
 921
 922 span.hlFeed a:hover {
 923         color : #4684ff;
 924 }
 925
 926 /* div.cdmArticle:hover {
 927         background-color : white;
 928 } */
 929
 930 div.cdmAllTags {
 931         float : left;
 932         background-color : white;
 933         border : 1px solid #c0c0c0;
 934         display : none;
 935         z-index : 3;
 936         top : auto;
 937         left : auto;
 938         right : auto;
 939         position : absolute;
 940         padding : 10px;
 941 }
 942
 943 span.cdmAllTagsCtr:hover div {
 944         display : block;
 945 }
 946
 947 div.cdmArticle {
 948         border-color : #a0a0a0;
 949         border-width : 0px 0px 1px 0px;
 950         border-style : solid;
 951         background-color : #f9faff;
 952         margin : 0px;
 953         color : #505050;
 954         /* padding : 10px; */
 955         color : black;
 956
 957 }
 958
 959 /* div.cdmArticleUnread:hover {
 960         background-color : white;
 961 } */
 962
 963 div.cdmArticleUnread {
 964         border-color : #a0a0a0;
 965         border-width : 0px 0px 1px 0px;
 966         border-style : solid;
 967         background-color : white;
 968         margin : 0px;
 969         /* padding : 10px; */
 970         color : black;
 971 }
 972
 973 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 974         margin : 0px;
 975         background-color : #fff7d5;
 976         border-color : #e7d796;
 977         border-width : 0px 0px 1px 0px;
 978         border-style : solid;
 979 }
 980
 981 div.cdmArticleUnread div.cdmHeader a.title,
 982 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 983         font-weight : bold;
 984 }
 985
 986 div.cdmHeader {
 987         padding : 5px 5px 10px 5px;
 988 }
 989
 990 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
 991         color : black;
 992 }
 993
 994 div.cdmFooter {
 995         font-size : 12px;
 996         color : black;
 997         padding : 5px;
 998         color : gray;
 999 /*      background-color : white; */
1000         border-width : 1px 0px 0px 0px;
1001         border-color : #c0c0c0;
1002         border-style : dotted;
1003 }
1004
1005 /*div.cdmArticleSelected div.cdmFooter {
1006         background-color : transparent;
1007 }
1008
1009 div.cdmArticleUnreadSelected div.cdmFooter {
1010         background-color : transparent;
1011 }*/
1012
1013 div.cdmFooter span.s0 {
1014         border-width : 0px 1px 0px 0px;
1015         border-color : #c0c0c0;
1016         border-style : dotted;
1017         padding : 0px 5px 0px 0px;
1018 }
1019
1020 div.cdmFooter span.s1 {
1021         border-width : 0px 1px 0px 0px;
1022         border-color : #c0c0c0;
1023         border-style : dotted;
1024         padding : 0px 5px 0px 5px;
1025 }
1026
1027 div.cdmFooter span.s2 {
1028         padding : 0px 5px 0px 5px;
1029 }
1030
1031 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1032         width : 16px;
1033         height : 16px;
1034         vertical-align : middle;
1035 }
1036
1037 img.markedPic {
1038         cursor : pointer;
1039 }
1040
1041 div.cdmHeader div.articleUpdated {
1042         float : right;
1043 }
1044
1045 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1046         margin : 0px;
1047 }
1048
1049 div.cdmHeader, div.cdmHeader a {
1050         color : #505050;
1051         font-size : 12px;
1052 }
1053
1054 div.cdmHeader a:hover {
1055         color : #4684ff;
1056 }
1057
1058 div.cdmContent {
1059         margin : 0px 15px 5px 15px;
1060 }
1061
1062 div.cdmContent:hover {
1063         cursor : pointer;
1064 }
1065
1066 div.cdmExcerpt {
1067         margin : 0px 15px 5px 15px;
1068 }
1069
1070 div.cdmExcerpt:hover {
1071         cursor : pointer;
1072         color : #88b0f0;
1073 }
1074
1075 div.cdmEnclosures {
1076         margin-top : 1em;
1077         color : gray;
1078 }
1079
1080 a.warning {
1081         color : #f04040;
1082 }
1083
1084 img.closeButton {
1085         border-width : 0px;
1086         float : right;
1087 }
1088
1089 span.groupPrompt {
1090         font-size : 12px;
1091         color : #4684ff;
1092 }
1093
1094 div.tagCloudContainer {
1095 /*      height : 300px;
1096         overflow : auto; */
1097         border : 1px solid #99d67a;
1098         background-color : white;
1099         margin : 5px 0px 5px 0px;
1100         padding : 5px;
1101         text-align : center;
1102 }
1103
1104 ul.feedErrorsList {
1105         height : 300px;
1106         overflow : auto;
1107         list-style-type : none;
1108         border : 1px solid #99d67a;
1109         background-color : white;
1110         margin : 0px 0px 5px 0px;
1111         padding : 0px;
1112 }
1113
1114 ul.userFeedList {
1115         height : 300px;
1116         overflow : auto;
1117         list-style-type : none;
1118         border : 1px solid #99d67a;
1119         background-color : white;
1120         margin : 0px 0px 5px 0px;
1121         padding : 0px;
1122 }
1123
1124 /* #browseBigFeedList li.oddSelected {
1125         border : 1px solid #d0d0f6;
1126         background-color : #eaeaff;
1127         -moz-border-radius : 5px;
1128 } */
1129
1130 /*#browseBigFeedList li {
1131         padding :0px;
1132 }*/
1133
1134 div.labelTestError {
1135         margin : 5px 0px 5px 0px;
1136         color : #f04040;
1137 }
1138
1139 ul.labelTestResults {
1140         height : 100px;
1141         overflow : auto;
1142         list-style-type : none;
1143         margin : 0px 0px 5px 0px;
1144         padding : 0px;
1145         border : 1px solid #99d67a;
1146         background-color : white;
1147 }
1148
1149 ul.filterTestResults {
1150         height : 300px;
1151         overflow : auto;
1152         list-style-type : none;
1153         margin : 0px 0px 5px 0px;
1154         padding : 0px;
1155         border : 1px solid #99d67a;
1156         background-color : white;
1157 }
1158
1159 ul.browseFeedList {
1160         height : 300px;
1161         overflow : auto;
1162         list-style-type : none;
1163         margin : 0px 0px 5px 0px;
1164         padding : 0px;
1165         border : 1px solid #99d67a;
1166         background-color : white;
1167 }
1168
1169 ul.browseFeedList li {
1170         margin : 0px;
1171         padding : 0px;
1172 }
1173
1174 span.subscribers {
1175         color : #808080;
1176 }
1177
1178 div.subscribers {
1179         color : #808080;
1180         font-size : 12px;
1181         float : right;
1182 }
1183
1184 input.feedBrowseCB {
1185         margin-right : 1em;
1186 }
1187
1188 div.browserDetails {
1189         margin : 5px 5px 5px 5px;
1190         padding : 5px;
1191 }
1192
1193 ul.compact {
1194         list-style-type : none;
1195         margin : 0px;
1196         padding : 0px;
1197 }
1198
1199 ul.compact li {
1200         margin : 0px;
1201         padding : 0px;
1202 }
1203
1204 div.browserFeedInfo {
1205         font-size : 12px;
1206 /*      border : 1px solid #88b0f0;
1207         background-color : #ecf4ff;
1208         -moz-border-radius : 5px; */
1209         padding : 5px;
1210 }
1211
1212 div.browserFeedInfo div.detailsPart {
1213         margin : 5px 0px 5px 5px;
1214 }
1215
1216 div.cdmContent a {
1217         color : #4684ff;
1218 }
1219
1220 div.cdmContent a:hover {
1221         color : black;
1222 }
1223
1224 a.cdmToggleLink {
1225         color : #808080;
1226         font-size : 12px;
1227 }
1228
1229 a.cdmToggleLink:hover {
1230         color : #4684ff;
1231 }
1232
1233 .noborder {
1234         border-width : 0px;
1235 }
1236
1237 #debug_output {
1238         position : absolute;
1239         width : 400px;
1240         height : 200px;
1241         right : 20px;
1242         bottom : 20px;
1243         z-index : 999;
1244         background-color : white;
1245         border : 1px solid #c0c0c0;
1246         overflow : auto;
1247         margin : 0px;
1248         padding : 0px;
1249         list-style-type : none;
1250 }
1251
1252 #debug_output li {
1253         margin : 0px;
1254         padding : 0px;
1255         font-size : 11px;
1256 }
1257
1258 #dialog_overlay {
1259         left : 0;
1260         top : 0;
1261         height : 100%;
1262         width : 100%;
1263         z-index : 2;
1264         position : absolute;
1265         background-image : url("images/shadow_white.png");
1266 }
1267
1268 #overlay {
1269         background : white;
1270         left : 0;
1271         top : 0;
1272         height : 100%;
1273         width : 100%;
1274         z-index : 100;
1275         position : absolute;
1276 }
1277
1278 #overlay_inner {
1279         font-weight : bold;
1280         margin : 10px;
1281 }
1282
1283 #fatal_error {
1284         background : white;
1285         left : 0;
1286         top : 0;
1287         height : 100%;
1288         width : 100%;
1289         z-index : 200;
1290         display : none;
1291         position : absolute;
1292 }
1293
1294 #fatal_error_inner {
1295         font-weight : bold;
1296         margin : 10px;
1297         color : red;
1298 }
1299
1300 #fatal_error_msg {
1301         color : black;
1302         padding : 10px;
1303         font-weight : normal;
1304         background-color : #ffcccc;
1305         border : 1px solid #ff0000;
1306 }
1307
1308 #fatal_error_msg a {
1309         color : red;
1310 }
1311
1312 #fatal_error_msg a:hover {
1313         color : red;
1314         text-decoration : underline;
1315 }
1316
1317 #fatal_error_msg img {
1318         vertical-align : middle;
1319 }
1320
1321 #noDaemonWarning {
1322         position : absolute;
1323         background-color : #ecf4ff;
1324         border : 1px solid #88b0f0;
1325         padding : 10px;
1326         margin : 5px;
1327         z-index : 2;
1328         display : none;
1329 }
1330
1331 #qafInput {
1332         width : 100%;
1333 }
1334
1335 form {
1336         margin : 0px;
1337         padding : 0px;
1338 }
1339
1340 #main_toolbar_form {
1341         margin : 0px;
1342         padding : 0px;
1343         display : inline;
1344 }
1345
1346 div.feedExtInfo {
1347         margin-left : 2em;
1348         font-size : 7pt;
1349         color : gray;
1350         font-weight : normal;
1351 }
1352
1353 span.debugTS {
1354         color : #4684ff;
1355 }
1356
1357 #backReqBox {
1358         display : none;
1359 }
1360
1361 /*.scriptWarn:before {
1362         content : "Disabled script:";
1363 }*/
1364
1365 .scriptWarn {
1366         color : white;
1367         background-color : #903030;
1368         border : 1px solid #601010;
1369         padding : 3px;
1370         font-weight : bold;
1371         display : none;
1372 }
1373
1374 .objectWarn {
1375         color : gray;
1376         font-style: italic;
1377         text-align : center;
1378 }
1379
1380 table.loginForm2 {
1381         padding : 1em;
1382 }
1383
1384 table.loginForm2 .loginTop {
1385         border-width : 0px 0px 1px 0px;
1386         border-color : #88b0f0;
1387         border-style : solid;
1388         padding : 0.5em;
1389 }
1390
1391 table.loginForm2 .loginMiddle {
1392         padding : 3em;
1393 }
1394
1395 table.loginForm2 .loginBottom {
1396         border-width : 1px 0px 0px 0px;
1397         border-color : #88b0f0;
1398         border-style : solid;
1399         font-size : 12px;
1400         text-align : center;
1401         color : #909090;
1402         padding : 0.5em;
1403 }
1404
1405 table.loginForm2 .loginBottom a {
1406         color : gray;
1407 }
1408
1409 table.loginForm2 .loginBottom a:hover {
1410         color : #4684ff;
1411 }
1412
1413 table.loginForm2 .loginError {
1414         color : red;
1415         margin : 0.5em;
1416 }
1417
1418 table.loginForm2 .innerLoginCell {
1419         padding-top : 0.5em;
1420 }
1421
1422 #milestoneDetails {
1423         display : none;
1424 }
1425
1426 div.loadingPrompt {
1427         padding : 1em;
1428         text-align : center;
1429         font-weight : bold;
1430 }
1431
1432 div.whiteBox {
1433         background-color : white;
1434         margin-left : 1px;
1435         text-align : center;
1436         padding : 1em;
1437 }
1438
1439 /* layout */
1440
1441 #header {
1442         position : absolute;
1443         white-space: nowrap;
1444         top : 10px;
1445         left : 15px;
1446         right : 5px;
1447         height : 40px;
1448         color : #4684ff;
1449         font-size : 12px;
1450 }
1451
1452 #feeds-holder {
1453         border-width : 1px 1px 0px 0px;
1454         border-style : solid;
1455         border-color : #88b0f0;
1456         top : 50px;
1457         left : 0px;
1458         position : absolute;
1459         width : 260px;
1460         overflow : auto;
1461         bottom : 0px;
1462         border-collapse : collapse;
1463 }
1464
1465 #toolbar {
1466         position : absolute;
1467         left : 261px;
1468         padding : 5px 10px 5px 10px;
1469         top : 50px;
1470         right : 0px;
1471         white-space: nowrap;
1472         height : 30px;
1473         background-image : url("images/toolbar.png");
1474         background-position : bottom left;
1475         background-repeat : repeat-x;
1476         font-size : 12px;
1477 }
1478
1479 div.headlines_normal {
1480         position : absolute;
1481         border-width : 1px 0px 0px 0px;
1482         border-style : solid;
1483         border-color : #88b0f0;
1484         left : 261px;
1485         height : 305px;
1486         top : 85px;
1487         right : 0px;
1488         overflow : hidden;
1489         font-size : 12px;
1490         border-collapse : collapse;
1491 }
1492
1493 div.headlines_cdm {
1494         position : absolute;
1495         border-width : 1px 0px 1px 0px;
1496         border-style : solid;
1497         border-color : #88b0f0;
1498         left : 261px;
1499         bottom : 40px;
1500         top : 85px;
1501         right : 0px;
1502         overflow : hidden;
1503         font-size : 12px;
1504         border-collapse : collapse;
1505 }
1506
1507 #content-frame {
1508         position : absolute;
1509         border-width : 1px 0px 0px 0px;
1510         border-style : solid;
1511         border-color : #88b0f0;
1512         overflow : auto;
1513         top : 390px;
1514         left : 261px;
1515         bottom : 40px;
1516         right : 0px;
1517         border-collapse : collapse;
1518 }
1519
1520 /*#resize-grabber {
1521         position : absolute;
1522         border-width : 1px;
1523         border-style : dotted;
1524         border-color : #88b0f0;
1525         background-color : white;
1526         width : 8px;
1527         height : 8px;
1528         z-index : 20;
1529         right : 20px;
1530         top : 20px;
1531         display : none;
1532         cursor : move;
1533 }*/
1534
1535 #resize-grabber {
1536         height : 5px;
1537         border-width : 0px 0px 1px 0px;
1538         border-style : solid;
1539         border-color : #88b0f0;
1540         background : url("images/resize_horiz.png") top left;
1541         cursor : move;
1542         text-align : center;
1543 }
1544
1545 #footer, #prefFooter {
1546         position : absolute;
1547         bottom : 0px;
1548         height : 20px;
1549         text-align : center;
1550         color : gray;
1551         font-size : 12px;
1552         background-image : url("images/footer.png");
1553         background-position : top left;
1554         background-repeat : repeat-x;
1555         background-color : white;
1556         right : 0px;
1557         left : 261px;
1558         padding : 10px;
1559         border-collapse : collapse;
1560         border-width : 1px 0px 0px 0px;
1561         border-style : solid;
1562         border-color : #88b0f0;
1563
1564 }
1565
1566 #prefFooter {
1567         left : 0px;
1568 }
1569
1570 #footer a, #prefFooter a {
1571         color : gray;
1572 }
1573
1574 #footer a:hover, #prefFooter a:hover {
1575         color : black;
1576 }
1577
1578 #headlinesContainer {
1579         margin-left : 0px;
1580         background-color : white;
1581 }
1582
1583 #headlineActionsTop {
1584 /*      border-width : 0px 0px 1px 0px;
1585         border-style : solid;
1586         border-color : #c0c0c0;
1587         background-color : #fafafa; */
1588         font-size : 12px;
1589 }
1590
1591 #headlinesInnerContainer {
1592         overflow : auto;
1593         position : absolute;
1594         left : 0px;
1595         right : 0px;
1596         bottom : 0px;
1597         top : 25px;
1598 }
1599
1600 /* preferences layout */
1601
1602 #prefHeader {
1603         color : #4684ff;
1604         font-size : 12px;
1605         margin : 10px;
1606         height : 33px;
1607 }
1608
1609 div.return {
1610         float : right;
1611         font-size : 12px;
1612         margin-right : 10px;
1613 }
1614
1615 div.return a {
1616         color : #4684ff;
1617 }
1618
1619 div.return a:hover {
1620         color : black;
1621 }
1622
1623 #prefContent {
1624         clear : left;
1625         position : absolute;
1626         bottom : 40px;
1627         top : 75px;
1628         left : 0px;
1629         right : 0px;
1630         padding : 1em;
1631         overflow : auto;
1632         min-height : 300px;
1633         background-image : url("images/prefs-content.png");
1634         background-position : top left;
1635         background-repeat : repeat-x;
1636         border-width : 1px 0px 0px 0px;
1637         border-color : #88b0f0;
1638         border-style : solid;
1639         font-size : 12px;
1640 }
1641
1642 #userSwitch {
1643         position : absolute;
1644         bottom : 2px;
1645         right : 2px;
1646 }
1647
1648 a.feedUpdErrLink {
1649         color : #ff0000;
1650         display : block;
1651         margin-bottom : 0.5em;
1652 }
1653
1654 .catCtrHasUnread {
1655         font-weight : bold;
1656         color : #707070;
1657 }
1658
1659 .catCtrNoUnread {
1660         display : none;
1661 }
1662
1663 ul.headlineDropdownMenu {
1664         list-style-type : none;
1665         margin : 0px;
1666         padding : 0px;
1667 }
1668
1669 ul.headlineDropdownMenu li.top {
1670         float : left;
1671         width : 12em;
1672         background-image : url("images/down_arrow.png");
1673         background-position : center right;
1674         background-repeat : no-repeat;
1675         margin : 0px;
1676         cursor : pointer;
1677         border-width : 1px 1px 1px 1px;
1678         border-color : transparent;
1679         border-style : solid;
1680 }
1681
1682 ul.headlineDropdownMenu li.top2 {
1683         float : left;
1684 }
1685
1686 ul.headlineDropdownMenu li.top3 {
1687         float : left;
1688         margin : 0px;
1689         cursor : pointer;
1690         border-width : 1px 1px 1px 1px;
1691         border-color : transparent;
1692         border-style : solid;
1693 }
1694
1695 ul.headlineDropdownMenu li.vsep {
1696         float : left;
1697         margin : 0px 5px 0px 0px;
1698         border-width : 0px 1px 0px 0px;
1699         border-color : #c0c0c0;
1700         border-style : dotted;
1701         color : white;
1702 }
1703
1704 ul.headlineDropdownMenu li.top:hover {
1705         cursor : pointer;
1706         border-width : 1px 1px 1px 1px;
1707         border-color : #c0c0c0;
1708         border-style : solid;
1709 }
1710
1711 ul.headlineDropdownMenu li.top:hover ul {
1712         display : block;
1713 }
1714
1715 ul.headlineDropdownMenu ul {
1716         list-style-type : none;
1717         position : absolute;
1718         float : none;
1719         margin : 0px;
1720         padding : 0px;
1721         display : none;
1722         background-color : white;
1723         width : 12em;
1724         z-index : 3;
1725         top : auto;
1726         left : auto;
1727         border-width : 0px 1px 1px 1px;
1728         border-color : #c0c0c0;
1729         border-style : solid;
1730         margin-left : -1px;
1731 }
1732
1733 ul.headlineDropdownMenu ul li {
1734         float: none;
1735         padding : 2px 0px 2px 10px;
1736         color : black;
1737 }
1738
1739 ul.headlineDropdownMenu ul li:hover {
1740         color : #4684ff;
1741         background-color : #f0f0f0;
1742 }
1743
1744 #newVersionIcon {
1745         vertical-align : middle;
1746         cursor : pointer;
1747 }
1748
1749 a.helpLinkPic {
1750         float : right;
1751 }
1752
1753 a.helpLinkPic img {
1754         border-width : 0px;
1755 }
1756
1757 #fadd_login_container {
1758 }
1759
1760 li.feedCatHolder {
1761         display : inline;
1762 }
1763
1764 table.prefFeedCatList {
1765         background-color : white;
1766 }
1767
1768 a[target="_new"], a[target="_blank"] {
1769         border-width : 0px 0px 1px 0px;
1770         border-color : #778899;
1771         border-style : dotted;
1772 }
1773
1774 div.autocomplete {
1775         position : absolute;
1776         width : 250px;
1777         background-color : white;
1778         border :1px solid #778899;
1779         margin : 0px;
1780         padding : 0px;
1781 }
1782
1783 div.autocomplete ul {
1784         list-style-type : none;
1785         margin : 0px;
1786         padding : 0px;
1787 }
1788
1789 div.autocomplete ul li.selected {
1790         background-color : #fff7d5;
1791 }
1792
1793 div.autocomplete ul li {
1794         list-style-type : none;
1795         display : block;
1796         margin : 0;
1797         padding : 2px;
1798         height : 32px;
1799         cursor : pointer;
1800 }
1801
1802 #feedOpToolbar {
1803         float : right;
1804 }
1805
1806 div.topLinks {
1807         float : right;
1808         margin-right : 5px;
1809         color : gray;
1810 }
1811
1812 div.topLinks a {
1813         color : #4684ff;
1814 }
1815
1816 div.topLinks a:hover {
1817         color : black;
1818 }
1819
1820 div.topLinks a.feedback {
1821         color : #009900;
1822 }
1823
1824 div.dashboard {
1825         margin-left : 3px;
1826 }
1827
1828 a.visibleLink {
1829         color : #4684ff;
1830
1831 }
1832
1833 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1834         color : #4684ff;
1835 }
1836
1837 div.cdmFeedTitle {
1838         border-color : #a0a0a0;
1839         border-width : 0px 0px 1px 0px;
1840         border-style : solid;
1841         padding : 5px;
1842 }
1843
1844 table.headlinesList tr.feedTitle td {
1845 /*      text-align : right;
1846         margin-top : 10px; */
1847         padding-left : 5px;
1848 }
1849
1850 td.hlContent, td.hlContentL, td.hlContentH {
1851         cursor : pointer;
1852 }
1853
1854 td.hlContentH a, td.hlContentH span {
1855         color : #00cc00;
1856 }
1857
1858 td.hlContentL a, td.hlContentL span {
1859         color : #909090;
1860         text-decoration : line-through;
1861 }
1862
1863 span.titleWrapH, span.titleWrapH a {
1864         color : #00cc00;
1865 }
1866
1867 span.titleWrapL, span.titleWrapL a {
1868         color : #909090;
1869         text-decoration : line-through;
1870 }
1871
1872 img.hlScorePic {
1873         vertical-align : middle;
1874         width : 16px;
1875         height : 16px;
1876 }
1877
1878 div#hotkey_help_overlay {
1879         position : absolute;
1880         left : 30px;
1881         right : 30px;
1882         top : 30px;
1883         z-index : 999;
1884         color : white;
1885         font-size : 15px;
1886 }
1887
1888 div#hotkey_help_overlay h1 {
1889         text-align : center;
1890 }
1891
1892 div#hotkey_help_overlay ul {
1893         list-style-type : none;
1894         margin : 0px;
1895 }
1896
1897 div#hotkey_help_overlay li {
1898         margin : 0px;
1899 }
1900
1901 div#hotkey_help_overlay p {
1902         text-align : center;
1903 }
1904
1905 div#hotkey_help_overlay td.n {
1906         text-align : right;
1907         font-weight : bold;
1908         width : 6em;
1909         color : #a0ffa0;
1910         padding-right : 5px;
1911 }
1912
1913 div#hotkey_help_overlay td {
1914         vertical-align : top;
1915 }
1916
1917 div#hotkey_help_overlay h1 {
1918         margin : 0px;
1919 }
1920
1921 div#hotkey_help_overlay h2 {
1922         font-size : 16px;
1923         border-width : 0px;
1924         margin : 0.3em 0px 0.3em 0px;
1925         text-align : center;
1926         color : #88b0f0;
1927 }
1928
1929 div#hotkey_help_overlay table.hho td.c1 {
1930         height : 30px;
1931         width : 30px;
1932         background : url("images/c1.png");
1933         background-repeat : no-repeat;
1934
1935 }
1936
1937 div#hotkey_help_overlay table.hho td.c2 {
1938         height : 30px;
1939         width : 30px;
1940         background : url("images/c2.png");
1941         background-repeat : no-repeat;
1942 }
1943
1944 div#hotkey_help_overlay table.hho td.c3 {
1945         height : 30px;
1946         width : 30px;
1947         background : url("images/c3.png");
1948         background-repeat : no-repeat;
1949 }
1950
1951 div#hotkey_help_overlay table.hho td.c4 {
1952         height : 30px;
1953         width : 30px;
1954         background : url("images/c4.png");
1955         background-repeat : no-repeat;
1956 }
1957
1958 div#hotkey_help_overlay table.hho td.top,
1959 div#hotkey_help_overlay table.hho td.left,
1960 div#hotkey_help_overlay table.hho td.right,
1961 div#hotkey_help_overlay table.hho td.bottom,
1962 div#hotkey_help_overlay table.hho td.content {
1963         background : url("images/shadow_dark.png");
1964 }
1965
1966 div#hotkey_help_overlay table.hho td.top,
1967 div#hotkey_help_overlay table.hho td.bottom {
1968         text-align : center;
1969         font-size : 13px;
1970 }
1971
1972 div.prefKbdHelp {
1973         float : right;
1974         font-size : 12px;
1975         margin-right : 15px;
1976 }
1977
1978 div.prefKbdHelp img {
1979         vertical-align : middle;
1980 }
1981
1982 div#l_progress_o {
1983         width : 200px;
1984         border : 1px solid black;
1985         background-color : white;
1986         margin-top : 10px;
1987 }
1988
1989 div#l_progress_i {
1990         width : 10px;
1991         background-color : #88b0f0;
1992         height : 10px;
1993 }
1994
1995 #content-insert {
1996         background-color : white;
1997         overflow : auto;
1998         position : absolute;
1999         left : 0px;
2000         right : 0px;
2001         bottom : 0px;
2002         top : 6px;
2003 }