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 #footer, #prefFooter {
1527         position : absolute;
1528         bottom : 0px;
1529         height : 20px;
1530         text-align : center;
1531         color : gray;
1532         font-size : 12px;
1533         background-image : url("images/footer.png");
1534         background-position : top left;
1535         background-repeat : repeat-x;
1536         background-color : white;
1537         right : 0px;
1538         left : 261px;
1539         padding : 10px;
1540         border-collapse : collapse;
1541         border-width : 1px 0px 0px 0px;
1542         border-style : solid;
1543         border-color : #88b0f0;
1544
1545 }
1546
1547 #prefFooter {
1548         left : 0px;
1549 }
1550
1551 #footer a, #prefFooter a {
1552         color : gray;
1553 }
1554
1555 #footer a:hover, #prefFooter a:hover {
1556         color : black;
1557 }
1558
1559 #headlinesContainer {
1560         margin-left : 0px;
1561         background-color : white;
1562 }
1563
1564 #headlineActionsTop {
1565 /*      border-width : 0px 0px 1px 0px;
1566         border-style : solid;
1567         border-color : #c0c0c0;
1568         background-color : #fafafa; */
1569         font-size : 12px;
1570 }
1571
1572 #headlinesInnerContainer {
1573         overflow : auto;
1574         position : absolute;
1575         left : 0px;
1576         right : 0px;
1577         bottom : 0px;
1578         top : 25px;
1579 }
1580
1581 /* preferences layout */
1582
1583 #prefHeader {
1584         color : #4684ff;
1585         font-size : 12px;
1586         margin : 10px;
1587         height : 33px;
1588 }
1589
1590 div.return {
1591         float : right;
1592         font-size : 12px;
1593         margin-right : 10px;
1594 }
1595
1596 div.return a {
1597         color : #4684ff;
1598 }
1599
1600 div.return a:hover {
1601         color : black;
1602 }
1603
1604 #prefContent {
1605         clear : left;
1606         position : absolute;
1607         bottom : 40px;
1608         top : 75px;
1609         left : 0px;
1610         right : 0px;
1611         padding : 1em;
1612         overflow : auto;
1613         min-height : 300px;
1614         background-image : url("images/prefs-content.png");
1615         background-position : top left;
1616         background-repeat : repeat-x;
1617         border-width : 1px 0px 0px 0px;
1618         border-color : #88b0f0;
1619         border-style : solid;
1620         font-size : 12px;
1621 }
1622
1623 #userSwitch {
1624         position : absolute;
1625         bottom : 2px;
1626         right : 2px;
1627 }
1628
1629 a.feedUpdErrLink {
1630         color : #ff0000;
1631         display : block;
1632         margin-bottom : 0.5em;
1633 }
1634
1635 .catCtrHasUnread {
1636         font-weight : bold;
1637 }
1638
1639 .catCtrNoUnread {
1640         display : none;
1641 }
1642
1643 ul.headlineDropdownMenu {
1644         list-style-type : none;
1645         margin : 0px;
1646         padding : 0px;
1647 }
1648
1649 ul.headlineDropdownMenu li.top {
1650         float : left;
1651         width : 12em;
1652         background-image : url("images/down_arrow.png");
1653         background-position : center right;
1654         background-repeat : no-repeat;
1655         margin : 0px;
1656         cursor : pointer;
1657         border-width : 1px 1px 1px 1px;
1658         border-color : transparent;
1659         border-style : solid;
1660 }
1661
1662 ul.headlineDropdownMenu li.top2 {
1663         float : left;
1664 }
1665
1666 ul.headlineDropdownMenu li.top3 {
1667         float : left;
1668         margin : 0px;
1669         cursor : pointer;
1670         border-width : 1px 1px 1px 1px;
1671         border-color : transparent;
1672         border-style : solid;
1673 }
1674
1675 ul.headlineDropdownMenu li.vsep {
1676         float : left;
1677         margin : 0px 5px 0px 0px;
1678         border-width : 0px 1px 0px 0px;
1679         border-color : #c0c0c0;
1680         border-style : dotted;
1681         color : white;
1682 }
1683
1684 ul.headlineDropdownMenu li.top:hover {
1685         cursor : pointer;
1686         border-width : 1px 1px 1px 1px;
1687         border-color : #c0c0c0;
1688         border-style : solid;
1689 }
1690
1691 ul.headlineDropdownMenu li.top:hover ul {
1692         display : block;
1693 }
1694
1695 ul.headlineDropdownMenu ul {
1696         list-style-type : none;
1697         position : absolute;
1698         float : none;
1699         margin : 0px;
1700         padding : 0px;
1701         display : none;
1702         background-color : white;
1703         width : 12em;
1704         z-index : 3;
1705         top : auto;
1706         left : auto;
1707         border-width : 0px 1px 1px 1px;
1708         border-color : #c0c0c0;
1709         border-style : solid;
1710         margin-left : -1px;
1711 }
1712
1713 ul.headlineDropdownMenu ul li {
1714         float: none;
1715         padding : 2px 0px 2px 10px;
1716         color : black;
1717 }
1718
1719 ul.headlineDropdownMenu ul li:hover {
1720         color : #4684ff;
1721         background-color : #f0f0f0;
1722 }
1723
1724 #newVersionIcon {
1725         vertical-align : middle;
1726         cursor : pointer;
1727 }
1728
1729 a.helpLinkPic {
1730         float : right;
1731 }
1732
1733 a.helpLinkPic img {
1734         border-width : 0px;
1735 }
1736
1737 #fadd_login_container {
1738 }
1739
1740 li.feedCatHolder {
1741         display : inline;
1742 }
1743
1744 table.prefFeedCatList {
1745         background-color : white;
1746 }
1747
1748 a[target="_new"], a[target="_blank"] {
1749         border-width : 0px 0px 1px 0px;
1750         border-color : #778899;
1751         border-style : dotted;
1752 }
1753
1754 div.autocomplete {
1755         position : absolute;
1756         width : 250px;
1757         background-color : white;
1758         border :1px solid #778899;
1759         margin : 0px;
1760         padding : 0px;
1761 }
1762
1763 div.autocomplete ul {
1764         list-style-type : none;
1765         margin : 0px;
1766         padding : 0px;
1767 }
1768
1769 div.autocomplete ul li.selected {
1770         background-color : #fff7d5;
1771 }
1772
1773 div.autocomplete ul li {
1774         list-style-type : none;
1775         display : block;
1776         margin : 0;
1777         padding : 2px;
1778         height : 32px;
1779         cursor : pointer;
1780 }
1781
1782 #feedOpToolbar {
1783         float : right;
1784 }
1785
1786 div.topLinks {
1787         float : right;
1788         margin-right : 5px;
1789         color : gray;
1790 }
1791
1792 div.topLinks a {
1793         color : #4684ff;
1794 }
1795
1796 div.topLinks a:hover {
1797         color : black;
1798 }
1799
1800 div.topLinks a.feedback {
1801         color : #009900;
1802 }
1803
1804 div.dashboard {
1805         margin-left : 3px;
1806 }
1807
1808 a.visibleLink {
1809         color : #4684ff;
1810
1811 }
1812
1813 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1814         color : #4684ff;
1815 }
1816
1817 div.cdmFeedTitle {
1818         border-color : #a0a0a0;
1819         border-width : 0px 0px 1px 0px;
1820         border-style : solid;
1821         padding : 5px;
1822 }
1823
1824 table.headlinesList tr.feedTitle td {
1825 /*      text-align : right;
1826         margin-top : 10px; */
1827         padding-left : 5px;
1828 }
1829
1830 td.hlContent, td.hlContentL, td.hlContentH {
1831         cursor : pointer;
1832 }
1833
1834 td.hlContentH a, td.hlContentH span {
1835         color : #00cc00;
1836 }
1837
1838 td.hlContentL a, td.hlContentL span {
1839         color : #909090;
1840         text-decoration : line-through;
1841 }
1842
1843 span.titleWrapH, span.titleWrapH a {
1844         color : #00cc00;
1845 }
1846
1847 span.titleWrapL, span.titleWrapL a {
1848         color : #909090;
1849         text-decoration : line-through;
1850 }
1851
1852 img.hlScorePic {
1853         vertical-align : middle;
1854         width : 16px;
1855         height : 16px;
1856 }
1857
1858 div#hotkey_help_overlay {
1859         position : absolute;
1860         left : 30px;
1861         right : 30px;
1862         top : 30px;
1863         z-index : 999;
1864         color : white;
1865         font-size : 15px;
1866 }
1867
1868 div#hotkey_help_overlay h1 {
1869         text-align : center;
1870 }
1871
1872 div#hotkey_help_overlay ul {
1873         list-style-type : none;
1874         margin : 0px;
1875 }
1876
1877 div#hotkey_help_overlay li {
1878         margin : 0px;
1879 }
1880
1881 div#hotkey_help_overlay p {
1882         text-align : center;
1883 }
1884
1885 div#hotkey_help_overlay td.n {
1886         text-align : right;
1887         font-weight : bold;
1888         width : 6em;
1889         color : #a0ffa0;
1890         padding-right : 5px;
1891 }
1892
1893 div#hotkey_help_overlay td {
1894         vertical-align : top;
1895 }
1896
1897 div#hotkey_help_overlay h1 {
1898         margin : 0px;
1899 }
1900
1901 div#hotkey_help_overlay h2 {
1902         font-size : 16px;
1903         border-width : 0px;
1904         margin : 0.3em 0px 0.3em 0px;
1905         text-align : center;
1906         color : #88b0f0;
1907 }
1908
1909 div#hotkey_help_overlay table.hho td.c1 {
1910         height : 30px;
1911         width : 30px;
1912         background : url("images/c1.png");
1913         background-repeat : no-repeat;
1914
1915 }
1916
1917 div#hotkey_help_overlay table.hho td.c2 {
1918         height : 30px;
1919         width : 30px;
1920         background : url("images/c2.png");
1921         background-repeat : no-repeat;
1922 }
1923
1924 div#hotkey_help_overlay table.hho td.c3 {
1925         height : 30px;
1926         width : 30px;
1927         background : url("images/c3.png");
1928         background-repeat : no-repeat;
1929 }
1930
1931 div#hotkey_help_overlay table.hho td.c4 {
1932         height : 30px;
1933         width : 30px;
1934         background : url("images/c4.png");
1935         background-repeat : no-repeat;
1936 }
1937
1938 div#hotkey_help_overlay table.hho td.top,
1939 div#hotkey_help_overlay table.hho td.left,
1940 div#hotkey_help_overlay table.hho td.right,
1941 div#hotkey_help_overlay table.hho td.bottom,
1942 div#hotkey_help_overlay table.hho td.content {
1943         background : url("images/shadow_dark.png");
1944 }
1945
1946 div#hotkey_help_overlay table.hho td.top,
1947 div#hotkey_help_overlay table.hho td.bottom {
1948         text-align : center;
1949         font-size : 13px;
1950 }
1951
1952 div.prefKbdHelp {
1953         float : right;
1954         font-size : 12px;
1955         margin-right : 15px;
1956 }
1957
1958 div.prefKbdHelp img {
1959         vertical-align : middle;
1960 }
1961
1962 div#l_progress_o {
1963         width : 200px;
1964         border : 1px solid black;
1965         background-color : white;
1966         margin-top : 10px;
1967 }
1968
1969 div#l_progress_i {
1970         width : 10px;
1971         background-color : #88b0f0;
1972         height : 10px;
1973 }