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