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         color : #707070;
1638 }
1639
1640 .catCtrNoUnread {
1641         display : none;
1642 }
1643
1644 ul.headlineDropdownMenu {
1645         list-style-type : none;
1646         margin : 0px;
1647         padding : 0px;
1648 }
1649
1650 ul.headlineDropdownMenu li.top {
1651         float : left;
1652         width : 12em;
1653         background-image : url("images/down_arrow.png");
1654         background-position : center right;
1655         background-repeat : no-repeat;
1656         margin : 0px;
1657         cursor : pointer;
1658         border-width : 1px 1px 1px 1px;
1659         border-color : transparent;
1660         border-style : solid;
1661 }
1662
1663 ul.headlineDropdownMenu li.top2 {
1664         float : left;
1665 }
1666
1667 ul.headlineDropdownMenu li.top3 {
1668         float : left;
1669         margin : 0px;
1670         cursor : pointer;
1671         border-width : 1px 1px 1px 1px;
1672         border-color : transparent;
1673         border-style : solid;
1674 }
1675
1676 ul.headlineDropdownMenu li.vsep {
1677         float : left;
1678         margin : 0px 5px 0px 0px;
1679         border-width : 0px 1px 0px 0px;
1680         border-color : #c0c0c0;
1681         border-style : dotted;
1682         color : white;
1683 }
1684
1685 ul.headlineDropdownMenu li.top:hover {
1686         cursor : pointer;
1687         border-width : 1px 1px 1px 1px;
1688         border-color : #c0c0c0;
1689         border-style : solid;
1690 }
1691
1692 ul.headlineDropdownMenu li.top:hover ul {
1693         display : block;
1694 }
1695
1696 ul.headlineDropdownMenu ul {
1697         list-style-type : none;
1698         position : absolute;
1699         float : none;
1700         margin : 0px;
1701         padding : 0px;
1702         display : none;
1703         background-color : white;
1704         width : 12em;
1705         z-index : 3;
1706         top : auto;
1707         left : auto;
1708         border-width : 0px 1px 1px 1px;
1709         border-color : #c0c0c0;
1710         border-style : solid;
1711         margin-left : -1px;
1712 }
1713
1714 ul.headlineDropdownMenu ul li {
1715         float: none;
1716         padding : 2px 0px 2px 10px;
1717         color : black;
1718 }
1719
1720 ul.headlineDropdownMenu ul li:hover {
1721         color : #4684ff;
1722         background-color : #f0f0f0;
1723 }
1724
1725 #newVersionIcon {
1726         vertical-align : middle;
1727         cursor : pointer;
1728 }
1729
1730 a.helpLinkPic {
1731         float : right;
1732 }
1733
1734 a.helpLinkPic img {
1735         border-width : 0px;
1736 }
1737
1738 #fadd_login_container {
1739 }
1740
1741 li.feedCatHolder {
1742         display : inline;
1743 }
1744
1745 table.prefFeedCatList {
1746         background-color : white;
1747 }
1748
1749 a[target="_new"], a[target="_blank"] {
1750         border-width : 0px 0px 1px 0px;
1751         border-color : #778899;
1752         border-style : dotted;
1753 }
1754
1755 div.autocomplete {
1756         position : absolute;
1757         width : 250px;
1758         background-color : white;
1759         border :1px solid #778899;
1760         margin : 0px;
1761         padding : 0px;
1762 }
1763
1764 div.autocomplete ul {
1765         list-style-type : none;
1766         margin : 0px;
1767         padding : 0px;
1768 }
1769
1770 div.autocomplete ul li.selected {
1771         background-color : #fff7d5;
1772 }
1773
1774 div.autocomplete ul li {
1775         list-style-type : none;
1776         display : block;
1777         margin : 0;
1778         padding : 2px;
1779         height : 32px;
1780         cursor : pointer;
1781 }
1782
1783 #feedOpToolbar {
1784         float : right;
1785 }
1786
1787 div.topLinks {
1788         float : right;
1789         margin-right : 5px;
1790         color : gray;
1791 }
1792
1793 div.topLinks a {
1794         color : #4684ff;
1795 }
1796
1797 div.topLinks a:hover {
1798         color : black;
1799 }
1800
1801 div.topLinks a.feedback {
1802         color : #009900;
1803 }
1804
1805 div.dashboard {
1806         margin-left : 3px;
1807 }
1808
1809 a.visibleLink {
1810         color : #4684ff;
1811
1812 }
1813
1814 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1815         color : #4684ff;
1816 }
1817
1818 div.cdmFeedTitle {
1819         border-color : #a0a0a0;
1820         border-width : 0px 0px 1px 0px;
1821         border-style : solid;
1822         padding : 5px;
1823 }
1824
1825 table.headlinesList tr.feedTitle td {
1826 /*      text-align : right;
1827         margin-top : 10px; */
1828         padding-left : 5px;
1829 }
1830
1831 td.hlContent, td.hlContentL, td.hlContentH {
1832         cursor : pointer;
1833 }
1834
1835 td.hlContentH a, td.hlContentH span {
1836         color : #00cc00;
1837 }
1838
1839 td.hlContentL a, td.hlContentL span {
1840         color : #909090;
1841         text-decoration : line-through;
1842 }
1843
1844 span.titleWrapH, span.titleWrapH a {
1845         color : #00cc00;
1846 }
1847
1848 span.titleWrapL, span.titleWrapL a {
1849         color : #909090;
1850         text-decoration : line-through;
1851 }
1852
1853 img.hlScorePic {
1854         vertical-align : middle;
1855         width : 16px;
1856         height : 16px;
1857 }
1858
1859 div#hotkey_help_overlay {
1860         position : absolute;
1861         left : 30px;
1862         right : 30px;
1863         top : 30px;
1864         z-index : 999;
1865         color : white;
1866         font-size : 15px;
1867 }
1868
1869 div#hotkey_help_overlay h1 {
1870         text-align : center;
1871 }
1872
1873 div#hotkey_help_overlay ul {
1874         list-style-type : none;
1875         margin : 0px;
1876 }
1877
1878 div#hotkey_help_overlay li {
1879         margin : 0px;
1880 }
1881
1882 div#hotkey_help_overlay p {
1883         text-align : center;
1884 }
1885
1886 div#hotkey_help_overlay td.n {
1887         text-align : right;
1888         font-weight : bold;
1889         width : 6em;
1890         color : #a0ffa0;
1891         padding-right : 5px;
1892 }
1893
1894 div#hotkey_help_overlay td {
1895         vertical-align : top;
1896 }
1897
1898 div#hotkey_help_overlay h1 {
1899         margin : 0px;
1900 }
1901
1902 div#hotkey_help_overlay h2 {
1903         font-size : 16px;
1904         border-width : 0px;
1905         margin : 0.3em 0px 0.3em 0px;
1906         text-align : center;
1907         color : #88b0f0;
1908 }
1909
1910 div#hotkey_help_overlay table.hho td.c1 {
1911         height : 30px;
1912         width : 30px;
1913         background : url("images/c1.png");
1914         background-repeat : no-repeat;
1915
1916 }
1917
1918 div#hotkey_help_overlay table.hho td.c2 {
1919         height : 30px;
1920         width : 30px;
1921         background : url("images/c2.png");
1922         background-repeat : no-repeat;
1923 }
1924
1925 div#hotkey_help_overlay table.hho td.c3 {
1926         height : 30px;
1927         width : 30px;
1928         background : url("images/c3.png");
1929         background-repeat : no-repeat;
1930 }
1931
1932 div#hotkey_help_overlay table.hho td.c4 {
1933         height : 30px;
1934         width : 30px;
1935         background : url("images/c4.png");
1936         background-repeat : no-repeat;
1937 }
1938
1939 div#hotkey_help_overlay table.hho td.top,
1940 div#hotkey_help_overlay table.hho td.left,
1941 div#hotkey_help_overlay table.hho td.right,
1942 div#hotkey_help_overlay table.hho td.bottom,
1943 div#hotkey_help_overlay table.hho td.content {
1944         background : url("images/shadow_dark.png");
1945 }
1946
1947 div#hotkey_help_overlay table.hho td.top,
1948 div#hotkey_help_overlay table.hho td.bottom {
1949         text-align : center;
1950         font-size : 13px;
1951 }
1952
1953 div.prefKbdHelp {
1954         float : right;
1955         font-size : 12px;
1956         margin-right : 15px;
1957 }
1958
1959 div.prefKbdHelp img {
1960         vertical-align : middle;
1961 }
1962
1963 div#l_progress_o {
1964         width : 200px;
1965         border : 1px solid black;
1966         background-color : white;
1967         margin-top : 10px;
1968 }
1969
1970 div#l_progress_i {
1971         width : 10px;
1972         background-color : #88b0f0;
1973         height : 10px;
1974 }