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 td.feedEditCat {
 446         font-weight : bold;
 447         border-width : 0px 0px 1px 0px;
 448         border-style : solid;
 449         border-color : #88b0f0;
 450         padding-top : 0.5em;
 451 }
 452
 453 table.prefFilterList td.filterEditCat {
 454         font-weight : bold;
 455         border-width : 0px 0px 1px 0px;
 456         border-style : solid;
 457         border-color : #88b0f0;
 458         padding-top : 0.5em;
 459 }
 460
 461 /* oh for the love of... */
 462
 463 table.prefFilterList tr.even,
 464 table.prefFilterList tr.odd,
 465 table.prefFilterList tr.evenSelected,
 466 table.prefFilterList tr.oddSelected,
 467 table.prefLabelList tr.even,
 468 table.prefLabelList tr.odd,
 469 table.prefLabelList tr.evenSelected,
 470 table.prefLabelList tr.oddSelected,
 471 table.prefUserList tr.even,
 472 table.prefUserList tr.odd,
 473 table.prefUserList tr.evenSelected,
 474 table.prefUserList tr.oddSelected,
 475 table.prefFeedList tr.even,
 476 table.prefFeedList tr.odd,
 477 table.prefFeedList tr.evenSelected,
 478 table.prefFeedList tr.oddSelected
 479 {
 480         cursor : pointer;
 481 }
 482
 483 table.prefFilterList tr.even:hover td,
 484 table.prefFilterList tr.odd:hover td,
 485 table.prefFilterList tr.evenSelected:hover td,
 486 table.prefFilterList tr.oddSelected:hover td
 487 table.prefLabelList tr.even:hover td,
 488 table.prefLabelList tr.odd:hover td,
 489 table.prefLabelList tr.evenSelected:hover td,
 490 table.prefLabelList tr.oddSelected:hover td,
 491 table.prefUserList tr.even:hover td,
 492 table.prefUserList tr.odd:hover td,
 493 table.prefUserList tr.evenSelected:hover td,
 494 table.prefUserList tr.oddSelected:hover td,
 495 table.prefFeedList tr.even:hover td,
 496 table.prefFeedList tr.odd:hover td,
 497 table.prefFeedList tr.evenSelected:hover td,
 498 table.prefFeedList tr.oddSelected:hover td
 499 {
 500         color : #88b0f0;
 501 }
 502
 503 table.prefFeedList td.feedIcon {
 504         text-align : center;
 505 }
 506
 507 table.prefFeedList td.feedSelect {
 508         text-align : center;
 509 }
 510
 511 div.prefFeedCatHolder {
 512         height : 250px;
 513         overflow : auto;
 514         border : 1px solid #99d67a;
 515         margin : 5px 0px 5px 0px;
 516         background-color : white;
 517 }
 518
 519 a.helpLink {
 520         color : #808080;
 521 }
 522
 523 a.helpLink:hover {
 524         color : #4684ff;
 525 }
 526
 527 div.helpResponse {
 528         margin : 10px;
 529         background-image : url("images/vgrad_light_rev2.png");
 530         background-position : top left;
 531         background-repeat : repeat-x;
 532         padding : 10px 20px 10px 20px;
 533         border : 1px solid #f0f0f0;
 534 }
 535
 536 #infoBoxTitle {
 537         border-width : 1px 1px 1px 1px;
 538         border-style : solid;
 539         border-color : #99d67a;
 540         background-color : #99d67a;
 541         padding : 2px;
 542         color : white;
 543 }
 544
 545 #infoBox {
 546         border-width : 1px 1px 1px 1px;
 547         border-style : solid;
 548         border-color : #99d67a;
 549         position : relative;
 550         bottom : 2px;
 551         right : 2px;
 552         padding-bottom : 5px;
 553         background-color : #f8fcf5;
 554 }
 555
 556 /*
 557 #infoBoxTitle {
 558         border-width : 1px 1px 1px 1px;
 559         border-style : solid;
 560         border-color : #88b0f0;
 561         background-color : #88b0f0;
 562         padding : 2px;
 563         color : white;
 564 }
 565
 566 #infoBox {
 567         border-width : 1px 1px 1px 1px;
 568         border-style : solid;
 569         border-color : #88b0f0;
 570         position : relative;
 571         bottom : 2px;
 572         right : 2px;
 573         padding-bottom : 5px;
 574         background-color : #f7faff;
 575 } */
 576
 577 #infoBoxShadow {
 578         background-image : url("images/shadow.png");
 579         left : 25%;
 580         top : 30%;
 581         width : 50%;
 582         z-index : 3;
 583         position : absolute;
 584         display : none;
 585 }
 586
 587 div.infoBoxContents {
 588         padding : 10px;
 589         margin-bottom : 5px;
 590         font-size : 12px;
 591 }
 592
 593 div.infoBoxContents td {
 594         font-size : 12px;
 595 }
 596
 597 div.infoBoxContents a {
 598         color : #527040;
 599 }
 600
 601 div.infoBoxContents a:hover {
 602         color : black;
 603 }
 604
 605 div.helpResponse h1, div.infoBoxContents h1 {
 606 /*        border-width : 0px 0px 1px 0px;
 607         border-style : solid;
 608         border-color : #c0c0c0; */
 609         font-size : 18px;
 610 }
 611
 612 div.helpResponse h2, div.infoBoxContents h2 {
 613 /*        border-width : 0px 0px 0px 0px; */
 614         font-size : 16px;
 615 }
 616
 617 pre {
 618         margin : 5px;
 619 }
 620
 621 input.extSearch {
 622         width : 100%;
 623 }
 624
 625 div.firstTab {
 626         width : 10px;
 627         float : left;
 628 }
 629
 630 div.prefsTab:hover {
 631         cursor : pointer;
 632 }
 633
 634 div.prefsTabSelected:hover {
 635         cursor : pointer;
 636 }
 637
 638 div.prefsTab {
 639         float : left;
 640         border-width : 1px 1px 0px 1px;
 641         border-color : #88b0f0;
 642         border-style : solid;
 643         margin : 0px 0px 0px 5px;
 644         padding : 3px 5px 3px 5px;
 645         font-size : 12px;
 646         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 647         border-collapse : collapse;
 648         min-width : 100px;
 649         text-align : center;
 650         cursor : pointer;
 651 }
 652
 653 div.prefsTabSelected {
 654         float : left;
 655         border-width : 1px 1px 0px 1px;
 656         border-color : #88b0f0;
 657         border-style : solid;
 658         margin : 0px 0px 0px 5px;
 659         padding : 3px 5px 3px 5px;
 660         background-color : #ecf4ff;
 661         font-size : 12px;
 662         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 663         border-collapse : collapse;
 664         font-weight : bold;
 665         min-width : 100px;
 666         text-align : center;
 667         cursor : pointer;
 668 }
 669
 670 div.notice {
 671         background : #ffffff;
 672         border : 1px solid #88b0f0;
 673         width : 60%;
 674         padding : 5px;
 675         margin : 0px 0px 5px 0px;
 676         font-size : 12px;
 677 }
 678
 679 div.warning {
 680         background : #fff7d5;
 681         border : 1px solid #d7c47a;
 682         font-size : 12px;
 683         width : 60%;
 684         padding : 5px;
 685         margin : 0px 0px 5px 0px;
 686 }
 687
 688
 689 div.warning img, div.notice img, div.error img {
 690         vertical-align : middle;
 691         padding : 5px;
 692 }
 693
 694 div.error {
 695         border : 1px solid #ff0000;
 696         background : #ffcccc;
 697         padding : 5px;
 698         margin : 0px 0px 5px 0px;
 699         font-size : 12px;
 700 }
 701
 702 ul.nomarks {
 703         list-style-type : none;
 704         margin : 0px;
 705         padding : 10px;
 706 }
 707
 708 div.prefHelp, td.prefHelp {
 709         color : gray;
 710         padding : 5px;
 711 }
 712
 713 table.loginForm {
 714         background-color : #ecf4ff;
 715 }
 716
 717 table.innerLoginForm {
 718         border : 1px solid #88b0f0;
 719         padding : 50px;
 720         background-color : white;
 721 }
 722
 723 table.innerLoginForm td {
 724         padding : 3px 3px 5px 3px;
 725 }
 726
 727 span.feed_error {
 728         color : red;
 729 }
 730
 731 .insensitive {
 732         color : gray;
 733 }
 734
 735 .insensitive a {
 736         color : #4684ff;
 737 }
 738
 739 .insensitive a:hover {
 740         color : black;
 741 }
 742
 743 /* .prefGenericAddBox {
 744         font-size : 12px;
 745 } */
 746
 747 body.logoutBody {
 748         background-color : #f0f0f0;
 749         color : black;
 750 }
 751
 752 span.logoutWarning {
 753         color : red;
 754         font-weight : bold;
 755 }
 756
 757 div.logoutContent {
 758         width : 600px;
 759         border : 1px solid #c0c0c0;
 760         background-color : white;
 761         margin-left : auto;
 762         margin-right : auto;
 763         margin-top : 20px;
 764         padding : 10px;
 765 }
 766
 767 .small {
 768         font-size : 12px;
 769 }
 770
 771 table.innerFeedTable td {
 772         margin : 0px;
 773         padding : 0px;
 774 }
 775
 776 td.selectPrompt {
 777         font-size : 12px;
 778         color : gray;
 779 }
 780
 781 table.headlinesSubToolbar {
 782         border-width : 0px 0px 1px 0px;
 783         border-style : solid;
 784         border-color : #f0f0f0;
 785         position : absolute;
 786         left : 0px;
 787         top : 0px;
 788         height : 25px;
 789         right : 0px;
 790         background-color : white;
 791         font-size : 11px;
 792         font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
 793         color : gray;
 794 }
 795
 796 input#subtoolbar_search_box {
 797         height : 10px;
 798         font-size : 9px;
 799         vertical-align : middle;
 800 }
 801
 802 table.headlinesSubToolbar td.headlineActions {
 803         padding : 0px 5px 0px 5px;
 804 }
 805
 806 table.headlinesSubToolbar td.headlineActionsRTL {
 807         padding : 0px 5px 0px 5px;
 808 }
 809
 810 table.headlinesSubToolbar td.headlineTitle {
 811         padding : 0px 5px 0px 5px;
 812         text-align : right;
 813 }
 814
 815 table.headlinesSubToolbar td.headlineTitleRTL {
 816         padding : 0px 5px 0px 5px;
 817         text-align : left;
 818 }
 819
 820 span.contentPreview {
 821         font-size : 12px;
 822         color : gray;
 823         font-weight : normal;
 824 }
 825
 826 span.contentPreview:hover {
 827         color : #4684ff;
 828 }
 829
 830 table.headlinesList {
 831         width : 100%;
 832 }
 833
 834 table.headlinesList td.hlMarkedPic {
 835         width : 25px;
 836         text-align : center;
 837 }
 838
 839 table.headlinesList td.hlfeed {
 840         text-align : right;
 841 }
 842
 843 td.hlSelectRow, td.hlUpdPic {
 844         width : 25px;
 845         text-align : center;
 846 }
 847
 848 table.headlinesList td.hlUpdated {
 849         color : gray;
 850         text-align : right;
 851         width : 100px;
 852         cursor : pointer;
 853 }
 854
 855 table.headlinesList tr td {
 856         padding : 2px 0px 2px 0px;
 857 }
 858
 859 div.postHeader div.postDate {
 860         text-align : right;
 861         color : gray;
 862         float : right;
 863 }
 864
 865 div.postHeader div.postDateRTL {
 866         text-align : left;
 867         color : gray;
 868         float : right;
 869 }
 870
 871 div.postReply span.tagList {
 872         color : gray;
 873 }
 874
 875 div.postHeader div {
 876         padding-bottom : 3px;
 877         font-size : 12px;
 878         /* font-family : "Lucida Grande", Tahoma, sans-serif; */
 879 }
 880
 881 #feedUpdateErrors {
 882         display : none;
 883 }
 884
 885 #allEntryTags {
 886         font-size : 12px;
 887         border-width : 0px 0px 1px 0px;
 888         border-style : solid;
 889         border-color : #c0c0c0;
 890         padding-bottom : 5px;
 891         display : none;
 892 }
 893
 894 /*td.hlContent {
 895         overflow : hidden;
 896         height : 1em;
 897         display : block;
 898 } */
 899
 900 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
 901         height : 1em;
 902 }
 903
 904 td.hlFeed {
 905         text-align : right;
 906 }
 907
 908 span.hlFeed, span.hlFeed a {
 909         font-size : 12px;
 910         color : gray;
 911 }
 912
 913 span.hlFeed a:hover {
 914         color : #4684ff;
 915 }
 916
 917 /* div.cdmArticle:hover {
 918         background-color : white;
 919 } */
 920
 921 div.cdmAllTags {
 922         float : left;
 923         background-color : white;
 924         border : 1px solid #c0c0c0;
 925         display : none;
 926         z-index : 3;
 927         top : auto;
 928         left : auto;
 929         right : auto;
 930         position : absolute;
 931         padding : 10px;
 932 }
 933
 934 span.cdmAllTagsCtr:hover div {
 935         display : block;
 936 }
 937
 938 div.cdmArticle {
 939         border-color : #a0a0a0;
 940         border-width : 0px 0px 1px 0px;
 941         border-style : solid;
 942         background-color : #f9faff;
 943         margin : 0px;
 944         color : #505050;
 945         /* padding : 10px; */
 946         color : black;
 947
 948 }
 949
 950 /* div.cdmArticleUnread:hover {
 951         background-color : white;
 952 } */
 953
 954 div.cdmArticleUnread {
 955         border-color : #a0a0a0;
 956         border-width : 0px 0px 1px 0px;
 957         border-style : solid;
 958         background-color : white;
 959         margin : 0px;
 960         /* padding : 10px; */
 961         color : black;
 962 }
 963
 964 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
 965         margin : 0px;
 966         background-color : #fff7d5;
 967         border-color : #e7d796;
 968         border-width : 0px 0px 1px 0px;
 969         border-style : solid;
 970 }
 971
 972 div.cdmArticleUnread div.cdmHeader a.title,
 973 div.cdmArticleUnreadSelected div.cdmHeader a.title {
 974         font-weight : bold;
 975 }
 976
 977 div.cdmHeader {
 978         padding : 5px 5px 10px 5px;
 979 }
 980
 981 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
 982         color : black;
 983 }
 984
 985 div.cdmFooter {
 986         font-size : 12px;
 987         color : black;
 988         padding : 5px;
 989         color : gray;
 990 /*      background-color : white; */
 991         border-width : 1px 0px 0px 0px;
 992         border-color : #c0c0c0;
 993         border-style : dotted;
 994 }
 995
 996 /*div.cdmArticleSelected div.cdmFooter {
 997         background-color : transparent;
 998 }
 999
1000 div.cdmArticleUnreadSelected div.cdmFooter {
1001         background-color : transparent;
1002 }*/
1003
1004 div.cdmFooter span.s0 {
1005         border-width : 0px 1px 0px 0px;
1006         border-color : #c0c0c0;
1007         border-style : dotted;
1008         padding : 0px 5px 0px 0px;
1009 }
1010
1011 div.cdmFooter span.s1 {
1012         border-width : 0px 1px 0px 0px;
1013         border-color : #c0c0c0;
1014         border-style : dotted;
1015         padding : 0px 5px 0px 5px;
1016 }
1017
1018 div.cdmFooter span.s2 {
1019         padding : 0px 5px 0px 5px;
1020 }
1021
1022 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1023         width : 16px;
1024         height : 16px;
1025         vertical-align : middle;
1026 }
1027
1028 img.markedPic {
1029         cursor : pointer;
1030 }
1031
1032 div.cdmHeader div.articleUpdated {
1033         float : right;
1034 }
1035
1036 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1037         margin : 0px;
1038 }
1039
1040 div.cdmHeader, div.cdmHeader a {
1041         color : #505050;
1042         font-size : 12px;
1043 }
1044
1045 div.cdmHeader a:hover {
1046         color : #4684ff;
1047 }
1048
1049 div.cdmContent {
1050         margin : 0px 15px 5px 15px;
1051 }
1052
1053 div.cdmContent:hover {
1054         cursor : pointer;
1055 }
1056
1057 div.cdmExcerpt {
1058         margin : 0px 15px 5px 15px;
1059 }
1060
1061 div.cdmExcerpt:hover {
1062         cursor : pointer;
1063         color : #88b0f0;
1064 }
1065
1066 div.cdmEnclosures {
1067         margin-top : 1em;
1068         color : gray;
1069 }
1070
1071 a.warning {
1072         color : #f04040;
1073 }
1074
1075 img.closeButton {
1076         border-width : 0px;
1077         float : right;
1078 }
1079
1080 span.groupPrompt {
1081         font-size : 12px;
1082         color : #4684ff;
1083 }
1084
1085 div.tagCloudContainer {
1086 /*      height : 300px;
1087         overflow : auto; */
1088         border : 1px solid #99d67a;
1089         background-color : white;
1090         margin : 5px 0px 5px 0px;
1091         padding : 5px;
1092         text-align : center;
1093 }
1094
1095 ul.feedErrorsList {
1096         height : 300px;
1097         overflow : auto;
1098         list-style-type : none;
1099         border : 1px solid #99d67a;
1100         background-color : white;
1101         margin : 0px 0px 5px 0px;
1102         padding : 0px;
1103 }
1104
1105 ul.userFeedList {
1106         height : 300px;
1107         overflow : auto;
1108         list-style-type : none;
1109         border : 1px solid #99d67a;
1110         background-color : white;
1111         margin : 0px 0px 5px 0px;
1112         padding : 0px;
1113 }
1114
1115 /* #browseBigFeedList li.oddSelected {
1116         border : 1px solid #d0d0f6;
1117         background-color : #eaeaff;
1118         -moz-border-radius : 5px;
1119 } */
1120
1121 /*#browseBigFeedList li {
1122         padding :0px;
1123 }*/
1124
1125 div.labelTestError {
1126         margin : 5px 0px 5px 0px;
1127         color : #f04040;
1128 }
1129
1130 ul.labelTestResults {
1131         height : 100px;
1132         overflow : auto;
1133         list-style-type : none;
1134         margin : 0px 0px 5px 0px;
1135         padding : 0px;
1136         border : 1px solid #99d67a;
1137         background-color : white;
1138 }
1139
1140 ul.filterTestResults {
1141         height : 300px;
1142         overflow : auto;
1143         list-style-type : none;
1144         margin : 0px 0px 5px 0px;
1145         padding : 0px;
1146         border : 1px solid #99d67a;
1147         background-color : white;
1148 }
1149
1150 ul.browseFeedList {
1151         height : 300px;
1152         overflow : auto;
1153         list-style-type : none;
1154         margin : 0px 0px 5px 0px;
1155         padding : 0px;
1156         border : 1px solid #99d67a;
1157         background-color : white;
1158 }
1159
1160 ul.browseFeedList li {
1161         margin : 0px;
1162         padding : 0px;
1163 }
1164
1165 span.subscribers {
1166         color : #808080;
1167 }
1168
1169 div.subscribers {
1170         color : #808080;
1171         font-size : 12px;
1172         float : right;
1173 }
1174
1175 input.feedBrowseCB {
1176         margin-right : 1em;
1177 }
1178
1179 div.browserDetails {
1180         margin : 5px 5px 5px 5px;
1181         padding : 5px;
1182 }
1183
1184 ul.compact {
1185         list-style-type : none;
1186         margin : 0px;
1187         padding : 0px;
1188 }
1189
1190 ul.compact li {
1191         margin : 0px;
1192         padding : 0px;
1193 }
1194
1195 div.browserFeedInfo {
1196         font-size : 12px;
1197 /*      border : 1px solid #88b0f0;
1198         background-color : #ecf4ff;
1199         -moz-border-radius : 5px; */
1200         padding : 5px;
1201 }
1202
1203 div.browserFeedInfo div.detailsPart {
1204         margin : 5px 0px 5px 5px;
1205 }
1206
1207 div.cdmContent a {
1208         color : #4684ff;
1209 }
1210
1211 div.cdmContent a:hover {
1212         color : black;
1213 }
1214
1215 a.cdmToggleLink {
1216         color : #808080;
1217         font-size : 12px;
1218 }
1219
1220 a.cdmToggleLink:hover {
1221         color : #4684ff;
1222 }
1223
1224 .noborder {
1225         border-width : 0px;
1226 }
1227
1228 #debug_output {
1229         position : absolute;
1230         width : 400px;
1231         height : 200px;
1232         right : 20px;
1233         bottom : 20px;
1234         z-index : 999;
1235         background-color : white;
1236         border : 1px solid #c0c0c0;
1237         overflow : auto;
1238         margin : 0px;
1239         padding : 0px;
1240         list-style-type : none;
1241 }
1242
1243 #debug_output li {
1244         margin : 0px;
1245         padding : 0px;
1246         font-size : 11px;
1247 }
1248
1249 #dialog_overlay {
1250         left : 0;
1251         top : 0;
1252         height : 100%;
1253         width : 100%;
1254         z-index : 2;
1255         position : absolute;
1256         background-image : url("images/shadow_white.png");
1257 }
1258
1259 #overlay {
1260         background : white;
1261         left : 0;
1262         top : 0;
1263         height : 100%;
1264         width : 100%;
1265         z-index : 100;
1266         position : absolute;
1267 }
1268
1269 #overlay_inner {
1270         font-weight : bold;
1271         margin : 10px;
1272 }
1273
1274 #fatal_error {
1275         background : white;
1276         left : 0;
1277         top : 0;
1278         height : 100%;
1279         width : 100%;
1280         z-index : 200;
1281         display : none;
1282         position : absolute;
1283 }
1284
1285 #fatal_error_inner {
1286         font-weight : bold;
1287         margin : 10px;
1288         color : red;
1289 }
1290
1291 #fatal_error_msg {
1292         color : black;
1293         padding : 10px;
1294         font-weight : normal;
1295         background-color : #ffcccc;
1296         border : 1px solid #ff0000;
1297 }
1298
1299 #fatal_error_msg a {
1300         color : red;
1301 }
1302
1303 #fatal_error_msg a:hover {
1304         color : red;
1305         text-decoration : underline;
1306 }
1307
1308 #fatal_error_msg img {
1309         vertical-align : middle;
1310 }
1311
1312 #noDaemonWarning {
1313         position : absolute;
1314         background-color : #ecf4ff;
1315         border : 1px solid #88b0f0;
1316         padding : 10px;
1317         margin : 5px;
1318         z-index : 2;
1319         display : none;
1320 }
1321
1322 #qafInput {
1323         width : 100%;
1324 }
1325
1326 form {
1327         margin : 0px;
1328         padding : 0px;
1329 }
1330
1331 #main_toolbar_form {
1332         margin : 0px;
1333         padding : 0px;
1334         display : inline;
1335 }
1336
1337 div.feedExtInfo {
1338         margin-left : 2em;
1339         font-size : 7pt;
1340         color : gray;
1341         font-weight : normal;
1342 }
1343
1344 span.debugTS {
1345         color : #4684ff;
1346 }
1347
1348 #backReqBox {
1349         display : none;
1350 }
1351
1352 /*.scriptWarn:before {
1353         content : "Disabled script:";
1354 }*/
1355
1356 .scriptWarn {
1357         color : white;
1358         background-color : #903030;
1359         border : 1px solid #601010;
1360         padding : 3px;
1361         font-weight : bold;
1362         display : none;
1363 }
1364
1365 .objectWarn {
1366         color : gray;
1367         font-style: italic;
1368         text-align : center;
1369 }
1370
1371 table.loginForm2 {
1372         padding : 1em;
1373 }
1374
1375 table.loginForm2 .loginTop {
1376         border-width : 0px 0px 1px 0px;
1377         border-color : #88b0f0;
1378         border-style : solid;
1379         padding : 0.5em;
1380 }
1381
1382 table.loginForm2 .loginMiddle {
1383         padding : 3em;
1384 }
1385
1386 table.loginForm2 .loginBottom {
1387         border-width : 1px 0px 0px 0px;
1388         border-color : #88b0f0;
1389         border-style : solid;
1390         font-size : 12px;
1391         text-align : center;
1392         color : #909090;
1393         padding : 0.5em;
1394 }
1395
1396 table.loginForm2 .loginBottom a {
1397         color : gray;
1398 }
1399
1400 table.loginForm2 .loginBottom a:hover {
1401         color : #4684ff;
1402 }
1403
1404 table.loginForm2 .loginError {
1405         color : red;
1406         margin : 0.5em;
1407 }
1408
1409 table.loginForm2 .innerLoginCell {
1410         padding-top : 0.5em;
1411 }
1412
1413 #milestoneDetails {
1414         display : none;
1415 }
1416
1417 div.loadingPrompt {
1418         padding : 1em;
1419         text-align : center;
1420         font-weight : bold;
1421 }
1422
1423 div.whiteBox {
1424         background-color : white;
1425         margin-left : 1px;
1426         text-align : center;
1427         padding : 1em;
1428 }
1429
1430 /* layout */
1431
1432 #header {
1433         position : absolute;
1434         white-space: nowrap;
1435         top : 10px;
1436         left : 15px;
1437         right : 5px;
1438         height : 40px;
1439         color : #4684ff;
1440         font-size : 12px;
1441 }
1442
1443 #feeds-holder {
1444         border-width : 1px 1px 0px 0px;
1445         border-style : solid;
1446         border-color : #88b0f0;
1447         top : 50px;
1448         left : 0px;
1449         position : absolute;
1450         width : 260px;
1451         overflow : auto;
1452         bottom : 0px;
1453         border-collapse : collapse;
1454 }
1455
1456 #toolbar {
1457         position : absolute;
1458         left : 261px;
1459         padding : 5px 10px 5px 10px;
1460         top : 50px;
1461         right : 0px;
1462         white-space: nowrap;
1463         height : 30px;
1464         background-image : url("images/toolbar.png");
1465         background-position : bottom left;
1466         background-repeat : repeat-x;
1467         font-size : 12px;
1468 }
1469
1470 div.headlines_normal {
1471         position : absolute;
1472         border-width : 1px 0px 0px 0px;
1473         border-style : solid;
1474         border-color : #88b0f0;
1475         left : 261px;
1476         height : 305px;
1477         top : 85px;
1478         right : 0px;
1479         overflow : hidden;
1480         font-size : 12px;
1481         border-collapse : collapse;
1482 }
1483
1484 div.headlines_cdm {
1485         position : absolute;
1486         border-width : 1px 0px 1px 0px;
1487         border-style : solid;
1488         border-color : #88b0f0;
1489         left : 261px;
1490         bottom : 40px;
1491         top : 85px;
1492         right : 0px;
1493         overflow : hidden;
1494         font-size : 12px;
1495         border-collapse : collapse;
1496 }
1497
1498 #content-frame {
1499         position : absolute;
1500         border-width : 1px 0px 0px 0px;
1501         border-style : solid;
1502         border-color : #88b0f0;
1503         overflow : auto;
1504         top : 390px;
1505         left : 261px;
1506         bottom : 40px;
1507         right : 0px;
1508         border-collapse : collapse;
1509 }
1510
1511 /*#resize-grabber {
1512         position : absolute;
1513         border-width : 1px;
1514         border-style : dotted;
1515         border-color : #88b0f0;
1516         background-color : white;
1517         width : 8px;
1518         height : 8px;
1519         z-index : 20;
1520         right : 20px;
1521         top : 20px;
1522         display : none;
1523         cursor : move;
1524 }*/
1525
1526 #resize-grabber {
1527         height : 5px;
1528         border-width : 0px 0px 1px 0px;
1529         border-style : solid;
1530         border-color : #88b0f0;
1531         background : url("images/resize_horiz.png") top left;
1532         cursor : move;
1533         text-align : center;
1534 }
1535
1536 #footer, #prefFooter {
1537         position : absolute;
1538         bottom : 0px;
1539         height : 20px;
1540         text-align : center;
1541         color : gray;
1542         font-size : 12px;
1543         background-image : url("images/footer.png");
1544         background-position : top left;
1545         background-repeat : repeat-x;
1546         background-color : white;
1547         right : 0px;
1548         left : 261px;
1549         padding : 10px;
1550         border-collapse : collapse;
1551         border-width : 1px 0px 0px 0px;
1552         border-style : solid;
1553         border-color : #88b0f0;
1554
1555 }
1556
1557 #prefFooter {
1558         left : 0px;
1559 }
1560
1561 #footer a, #prefFooter a {
1562         color : gray;
1563 }
1564
1565 #footer a:hover, #prefFooter a:hover {
1566         color : black;
1567 }
1568
1569 #headlinesContainer {
1570         margin-left : 0px;
1571         background-color : white;
1572 }
1573
1574 #headlineActionsTop {
1575 /*      border-width : 0px 0px 1px 0px;
1576         border-style : solid;
1577         border-color : #c0c0c0;
1578         background-color : #fafafa; */
1579         font-size : 12px;
1580 }
1581
1582 #headlinesInnerContainer {
1583         overflow : auto;
1584         position : absolute;
1585         left : 0px;
1586         right : 0px;
1587         bottom : 0px;
1588         top : 25px;
1589 }
1590
1591 /* preferences layout */
1592
1593 #prefHeader {
1594         color : #4684ff;
1595         font-size : 12px;
1596         margin : 10px;
1597         height : 33px;
1598 }
1599
1600 div.return {
1601         float : right;
1602         font-size : 12px;
1603         margin-right : 10px;
1604 }
1605
1606 div.return a {
1607         color : #4684ff;
1608 }
1609
1610 div.return a:hover {
1611         color : black;
1612 }
1613
1614 #prefContent {
1615         clear : left;
1616         position : absolute;
1617         bottom : 40px;
1618         top : 75px;
1619         left : 0px;
1620         right : 0px;
1621         padding : 1em;
1622         overflow : auto;
1623         min-height : 300px;
1624         background-image : url("images/prefs-content.png");
1625         background-position : top left;
1626         background-repeat : repeat-x;
1627         border-width : 1px 0px 0px 0px;
1628         border-color : #88b0f0;
1629         border-style : solid;
1630         font-size : 12px;
1631 }
1632
1633 #userSwitch {
1634         position : absolute;
1635         bottom : 2px;
1636         right : 2px;
1637 }
1638
1639 a.feedUpdErrLink {
1640         color : #ff0000;
1641         display : block;
1642         margin-bottom : 0.5em;
1643 }
1644
1645 .catCtrHasUnread {
1646         font-weight : bold;
1647         color : #707070;
1648 }
1649
1650 .catCtrNoUnread {
1651         display : none;
1652 }
1653
1654 ul.headlineDropdownMenu {
1655         list-style-type : none;
1656         margin : 0px;
1657         padding : 0px;
1658 }
1659
1660 ul.headlineDropdownMenu li.top {
1661         float : left;
1662         width : 12em;
1663         background-image : url("images/down_arrow.png");
1664         background-position : center right;
1665         background-repeat : no-repeat;
1666         margin : 0px;
1667         cursor : pointer;
1668         border-width : 1px 1px 1px 1px;
1669         border-color : transparent;
1670         border-style : solid;
1671 }
1672
1673 ul.headlineDropdownMenu li.top2 {
1674         float : left;
1675 }
1676
1677 ul.headlineDropdownMenu li.top3 {
1678         float : left;
1679         margin : 0px;
1680         cursor : pointer;
1681         border-width : 1px 1px 1px 1px;
1682         border-color : transparent;
1683         border-style : solid;
1684 }
1685
1686 ul.headlineDropdownMenu li.vsep {
1687         float : left;
1688         margin : 0px 5px 0px 0px;
1689         border-width : 0px 1px 0px 0px;
1690         border-color : #c0c0c0;
1691         border-style : dotted;
1692         color : white;
1693 }
1694
1695 ul.headlineDropdownMenu li.top:hover {
1696         cursor : pointer;
1697         border-width : 1px 1px 1px 1px;
1698         border-color : #c0c0c0;
1699         border-style : solid;
1700 }
1701
1702 ul.headlineDropdownMenu li.top:hover ul {
1703         display : block;
1704 }
1705
1706 ul.headlineDropdownMenu ul {
1707         list-style-type : none;
1708         position : absolute;
1709         float : none;
1710         margin : 0px;
1711         padding : 0px;
1712         display : none;
1713         background-color : white;
1714         width : 12em;
1715         z-index : 3;
1716         top : auto;
1717         left : auto;
1718         border-width : 0px 1px 1px 1px;
1719         border-color : #c0c0c0;
1720         border-style : solid;
1721         margin-left : -1px;
1722 }
1723
1724 ul.headlineDropdownMenu ul li {
1725         float: none;
1726         padding : 2px 0px 2px 10px;
1727         color : black;
1728 }
1729
1730 ul.headlineDropdownMenu ul li:hover {
1731         color : #4684ff;
1732         background-color : #f0f0f0;
1733 }
1734
1735 #newVersionIcon {
1736         vertical-align : middle;
1737         cursor : pointer;
1738 }
1739
1740 a.helpLinkPic {
1741         float : right;
1742 }
1743
1744 a.helpLinkPic img {
1745         border-width : 0px;
1746 }
1747
1748 #fadd_login_container {
1749 }
1750
1751 li.feedCatHolder {
1752         display : inline;
1753 }
1754
1755 table.prefFeedCatList {
1756         background-color : white;
1757 }
1758
1759 a[target="_new"], a[target="_blank"] {
1760         border-width : 0px 0px 1px 0px;
1761         border-color : #778899;
1762         border-style : dotted;
1763 }
1764
1765 div.autocomplete {
1766         position : absolute;
1767         width : 250px;
1768         background-color : white;
1769         border :1px solid #778899;
1770         margin : 0px;
1771         padding : 0px;
1772 }
1773
1774 div.autocomplete ul {
1775         list-style-type : none;
1776         margin : 0px;
1777         padding : 0px;
1778 }
1779
1780 div.autocomplete ul li.selected {
1781         background-color : #fff7d5;
1782 }
1783
1784 div.autocomplete ul li {
1785         list-style-type : none;
1786         display : block;
1787         margin : 0;
1788         padding : 2px;
1789         height : 32px;
1790         cursor : pointer;
1791 }
1792
1793 #feedOpToolbar {
1794         float : right;
1795 }
1796
1797 div.topLinks {
1798         float : right;
1799         margin-right : 5px;
1800         color : gray;
1801 }
1802
1803 div.topLinks a {
1804         color : #4684ff;
1805 }
1806
1807 div.topLinks a:hover {
1808         color : black;
1809 }
1810
1811 div.topLinks a.feedback {
1812         color : #009900;
1813 }
1814
1815 div.dashboard {
1816         margin-left : 3px;
1817 }
1818
1819 a.visibleLink {
1820         color : #4684ff;
1821
1822 }
1823
1824 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1825         color : #4684ff;
1826 }
1827
1828 div.cdmFeedTitle {
1829         border-color : #a0a0a0;
1830         border-width : 0px 0px 1px 0px;
1831         border-style : solid;
1832         padding : 5px;
1833 }
1834
1835 table.headlinesList tr.feedTitle td {
1836 /*      text-align : right;
1837         margin-top : 10px; */
1838         padding-left : 5px;
1839 }
1840
1841 td.hlContent, td.hlContentL, td.hlContentH {
1842         cursor : pointer;
1843 }
1844
1845 td.hlContentH a, td.hlContentH span {
1846         color : #00cc00;
1847 }
1848
1849 td.hlContentL a, td.hlContentL span {
1850         color : #909090;
1851         text-decoration : line-through;
1852 }
1853
1854 span.titleWrapH, span.titleWrapH a {
1855         color : #00cc00;
1856 }
1857
1858 span.titleWrapL, span.titleWrapL a {
1859         color : #909090;
1860         text-decoration : line-through;
1861 }
1862
1863 img.hlScorePic {
1864         vertical-align : middle;
1865         width : 16px;
1866         height : 16px;
1867 }
1868
1869 div#hotkey_help_overlay {
1870         position : absolute;
1871         left : 30px;
1872         right : 30px;
1873         top : 30px;
1874         z-index : 999;
1875         color : white;
1876         font-size : 15px;
1877 }
1878
1879 div#hotkey_help_overlay h1 {
1880         text-align : center;
1881 }
1882
1883 div#hotkey_help_overlay ul {
1884         list-style-type : none;
1885         margin : 0px;
1886 }
1887
1888 div#hotkey_help_overlay li {
1889         margin : 0px;
1890 }
1891
1892 div#hotkey_help_overlay p {
1893         text-align : center;
1894 }
1895
1896 div#hotkey_help_overlay td.n {
1897         text-align : right;
1898         font-weight : bold;
1899         width : 6em;
1900         color : #a0ffa0;
1901         padding-right : 5px;
1902 }
1903
1904 div#hotkey_help_overlay td {
1905         vertical-align : top;
1906 }
1907
1908 div#hotkey_help_overlay h1 {
1909         margin : 0px;
1910 }
1911
1912 div#hotkey_help_overlay h2 {
1913         font-size : 16px;
1914         border-width : 0px;
1915         margin : 0.3em 0px 0.3em 0px;
1916         text-align : center;
1917         color : #88b0f0;
1918 }
1919
1920 div#hotkey_help_overlay table.hho td.c1 {
1921         height : 30px;
1922         width : 30px;
1923         background : url("images/c1.png");
1924         background-repeat : no-repeat;
1925
1926 }
1927
1928 div#hotkey_help_overlay table.hho td.c2 {
1929         height : 30px;
1930         width : 30px;
1931         background : url("images/c2.png");
1932         background-repeat : no-repeat;
1933 }
1934
1935 div#hotkey_help_overlay table.hho td.c3 {
1936         height : 30px;
1937         width : 30px;
1938         background : url("images/c3.png");
1939         background-repeat : no-repeat;
1940 }
1941
1942 div#hotkey_help_overlay table.hho td.c4 {
1943         height : 30px;
1944         width : 30px;
1945         background : url("images/c4.png");
1946         background-repeat : no-repeat;
1947 }
1948
1949 div#hotkey_help_overlay table.hho td.top,
1950 div#hotkey_help_overlay table.hho td.left,
1951 div#hotkey_help_overlay table.hho td.right,
1952 div#hotkey_help_overlay table.hho td.bottom,
1953 div#hotkey_help_overlay table.hho td.content {
1954         background : url("images/shadow_dark.png");
1955 }
1956
1957 div#hotkey_help_overlay table.hho td.top,
1958 div#hotkey_help_overlay table.hho td.bottom {
1959         text-align : center;
1960         font-size : 13px;
1961 }
1962
1963 div.prefKbdHelp {
1964         float : right;
1965         font-size : 12px;
1966         margin-right : 15px;
1967 }
1968
1969 div.prefKbdHelp img {
1970         vertical-align : middle;
1971 }
1972
1973 div#l_progress_o {
1974         width : 200px;
1975         border : 1px solid black;
1976         background-color : white;
1977         margin-top : 10px;
1978 }
1979
1980 div#l_progress_i {
1981         width : 10px;
1982         background-color : #88b0f0;
1983         height : 10px;
1984 }
1985
1986 #content-insert {
1987         background-color : white;
1988 }