interface/themes/style_pdf.css

   1 a {
   2   color: #0000cc;
   3   text-decoration: none;
   4 }
   5
   6 a:visited {
   7   color: #0000cc;
   8 }
   9
  10 a:hover {
  11   color: #ff5555;
  12 }
  13
  14 .menu {
  15     font-style: italic;
  16     font-size: 11pt;
  17     color: #0000cc;
  18     text-decoration: none;
  19     text-align: left;
  20 }
  21
  22 .menu_selected {
  23     font-style: italic;
  24     font-size: 11pt;
  25     color: #000000;
  26     text-decoration: none;
  27     text-align: left;
  28 }
  29
  30 .logout {
  31     font-style: italic;
  32     font-size: 11pt;
  33     color: #000000;
  34     text-decoration: none;
  35     text-align: right;
  36 }
  37
  38 .text {
  39     text-decoration: none;
  40     color: #000000;
  41     font-size: 9pt;
  42 }
  43
  44 .required {
  45     text-decoration: none;
  46     font-size: 10pt;
  47     color: #880000;
  48     font-weight: bold;
  49 }
  50
  51 .bold {
  52     text-decoration: none;
  53     font-size: 9pt;
  54     color: #000000;
  55     font-weight: bold;
  56 }
  57
  58 .alert {
  59     font-size: 70%;
  60     color: #FF0000;
  61     text-decoration: none;
  62 }
  63
  64 .small {
  65     text-decoration: none;
  66     color: #000000;
  67     font-size: 80%;
  68 }
  69
  70 .link {
  71     text-decoration: none;
  72     color: #0000cc;
  73     font-size: 70%;
  74 }
  75
  76 .more {
  77     text-decoration: none;
  78     font-size: 70%;
  79 }
  80
  81 .back {
  82     text-decoration: none;
  83     font-size: 70%;
  84 }
  85
  86 .link_selected {
  87     text-decoration: none;
  88     color: #0000FF;
  89     font-size: 70%;
  90 }
  91
  92 .link_selected:visited {
  93     text-decoration: none;
  94     color: #0000FF;
  95     font-size: 70%;
  96 }
  97
  98 .link_submit {
  99     text-decoration: none;
 100     color: #000077;
 101     font-size: 10pt;
 102 }
 103
 104 .link_submit a:visited {
 105   color: #000077;
 106 }
 107
 108 .link_submit a:hover {
 109   color: #ff5555;
 110 }
 111
 112 .items {
 113     font-size: 6pt;
 114 }
 115
 116 .title {
 117     font-size: 12pt;
 118     font-weight: bold;
 119     text-decoration: none;
 120 }
 121
 122 /* see .titlebar below */
 123 .title_bar {
 124     font-size: 12pt;
 125     font-weight: bold;
 126     text-decoration: none;
 127     color: #000000;
 128 }
 129
 130 .title_bar_top {
 131     font-size: 13px;
 132     font-weight: bold;
 133     text-decoration: none;
 134     color: #000000;
 135 }
 136
 137 .body_top { background-color: #fefdcf; margin: 8px }    /* $top_bg_line */
 138 .bgcolor2 { background-color: #fefdcf; }    /* $GLOBALS['style']['BGCOLOR2'] */
 139 .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px }  /* $bottom_bg_line */
 140 .body_title { background-color: #fedf98; }  /* $title_bg_line */
 141 .body_nav { background-color: #fefdcf; }    /* $nav_bg_line */
 142 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
 143 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
 144 .table_bg { background-color: #ccc; }           /* $table_bg */
 145 .bgcolor1 { background-color: #ccc; }       /* $GLOBALS['style']['BGCOLOR1'] */
 146 .textcolor11 { background-color: #222; }    /* $GLOBALS['style']['TEXTCOLOR11'] */
 147 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 148 .bottom_line { background: url('../pic/aquabg.gif') repeat; }    /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 149 .logobar { background-color: #24262c; height: 110px; }                 /* $GLOBALS['logoBarHeight'] */
 150 .navbar { height: 22px; }                   /* $GLOBALS['navBarHeight'] */
 151 .titlebar { height: 20px; }                 /* $GLOBALS['titleBarHeight'] */
 152
 153 #addressbook_list td {
 154 padding-left: 4px;
 155 padding-right: 4px;
 156 }
 157 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 158 color:#0000cc;
 159 }
 160 #addressbook_list tr.search {
 161 font-size:9pt;
 162 font-weight:bold;
 163 }
 164 #addressbook_list tr.head {
 165 font-size:10pt;
 166 background-color:#cccccc;
 167 font-weight:bold;
 168 }
 169 #addressbook_list tr.detail {
 170 font-size:10pt;
 171 }
 172 #addressbook_list .inputtext {
 173 font-size:9pt;
 174 font-weight:normal;
 175 border-style:solid;
 176 border-width:1px;
 177 border-color: #000000;
 178 background-color:transparent;
 179 }
 180 #addressbook_list .button {
 181 font-size:8pt;
 182 font-weight:bold;
 183 }
 184
 185 /* styles taken out of templates/report/general_default.html */
 186 #reports_list td {
 187 font-size:8pt;
 188 }
 189 #reports_list a {
 190 font-size:8pt;
 191 }
 192
 193 /* styles taken out of templates/documents/general_list.html */
 194 #documents_list td {
 195 font-size:8pt;
 196 }
 197 #documents_list a {
 198 font-size:8pt;
 199 }
 200 #documents_list .treeMenuDefault {
 201 font-style: italic;
 202 }
 203 #documents_list .treeMenuBold {
 204 font-style: italic;
 205 font-weight: bold;
 206 }
 207 #documents_list {
 208     width: 29%;
 209     height: 95%;
 210     overflow: auto;
 211     float: left;
 212     border-right: dashed 1px;
 213 }
 214 #documents_actions {
 215     padding-top: 10px;
 216     width: 70%;
 217     height: 95%;
 218     float: right;
 219     overflow: auto;
 220 }
 221 #documents_actions iframe {
 222     display: inline;
 223     border:none;
 224     width:100%;
 225     height:600px;
 226     overflow: auto;
 227 }
 228 #documents_actions form {
 229     margin: 0px; padding: 0px;
 230 }
 231 #documents_actions table {
 232     width: 100%;
 233     height: 95%;
 234 }
 235
 236 /*=============================================================
 237  * This section relates to the custom layouts that can be made
 238  * using the OEMR tool in the Admin section. For example, the
 239  * Patient Demographics are a custom layout.
 240  *============================================================*/
 241 #DEM .groupname {
 242     font-weight: bold;
 243     color: #080;
 244     font-size: 9pt;
 245     padding-right: 5px;
 246     vertical-align: top;
 247     width: 12%;
 248 }
 249 #DEM .label {
 250     font-weight: bold;
 251     font-size: 9pt;
 252     vertical-align: top;
 253     text-align: right;
 254     width: 22%;
 255 }
 256 #DEM .data {
 257     font-size: 9pt;
 258     vertical-align: top;
 259     text-align: left;
 260     padding-right: 6px;/*30px - ie 6 fix*/
 261     width: 22%;
 262 }
 263
 264 /* Patient History */
 265
 266 #HIS .groupname {
 267     font-weight: bold;
 268     color: #080;
 269     font-size: 9pt;
 270     padding-right: 1px;
 271     vertical-align: top;
 272     height: 2em;
 273     width: 12%;
 274 }
 275 #HIS .label {
 276     font-weight: bold;
 277     font-size: 9pt;
 278     vertical-align: top;
 279     width: 22%;
 280 }
 281 #HIS .data {
 282     font-size: 9pt;
 283     vertical-align: top;
 284     text-align: left;
 285     padding-right: 10px;
 286     width: 22%;
 287 }
 288
 289
 290 /*=============================================================
 291  * Patient Notes
 292  * seen in the patient summary and notes screens
 293  *============================================================*/
 294 #pnotes .billing {
 295     background-color: #dfd;
 296 }
 297
 298 #pnotes .highlight {
 299     background-color: #fff;
 300 }
 301
 302 #pnotes table {
 303     border-collapse:collapse;
 304 }
 305
 306 #pnotes .noterow {
 307     cursor: pointer;
 308 }
 309
 310 #pnotes .noterow td {
 311     border-bottom:1px dashed black;
 312     vertical-align: top;
 313     padding: 5px;
 314     margin: 5px;
 315 }
 316
 317
 318 /*=============================================================
 319  * Patient Stats
 320  * seen in the patient stats screens
 321  *============================================================*/
 322 #patient_stats {
 323     padding: 10px;
 324 }
 325
 326 #patient_stats table {
 327     width: 100%;
 328     border-collapse: collapse;
 329 }
 330 #patient_stats td {
 331     padding: 3px;
 332 }
 333 #patient_stats .statrow {
 334     cursor: pointer;
 335 }
 336
 337 #patient_stats .head {
 338     font-size:10pt;
 339     background-color:#cccccc;
 340     text-align:center;
 341 }
 342
 343 #patient_stats .detail {
 344     font-size:10pt;
 345     vertical-align: top;
 346 }
 347
 348 #patient_stats .btn {
 349     background-color:transparent;
 350 }
 351
 352 #patient_stats .bg1 {
 353     background-color: #ddddff;
 354 }
 355 #patient_stats .bg2 {
 356     background-color: #ffdddd;
 357 }
 358
 359 #patient_stats .center {
 360     text-align: center;
 361 }
 362
 363
 364 /*=============================================================
 365  * Patient Stats Summary
 366  * seen in the patient summary screen
 367  *============================================================*/
 368 #patient_stats_summary table {
 369     border-collapse: collapse;
 370 }
 371 #patient_stats_summary .noend_noreturn {
 372     color: #ee0000;
 373 }
 374 #patient_stats_summary .noend {
 375     color: #dd5500;
 376 }
 377 #patient_stats_summary .noreturn {
 378     color: #0000ff;
 379 }
 380 #patient_stats_summary .title {
 381     font-size: 1.1em;
 382 }
 383 #patient_stats_issues {
 384     width: 100%;
 385 }
 386 #patient_stats_spreadsheets {
 387     width: 100%;
 388 }
 389 #patient_stats_imm {
 390     width: 100%;
 391 }
 392 #patient_stats_prescriptions {
 393     width: 100%;
 394 }
 395
 396 /*=============================================================
 397  * Patient Past Encounters and Documents
 398  * seen in the patient encounter screen
 399  *============================================================*/
 400 #patient_pastenc {
 401     width:100%;
 402 }
 403
 404 #patient_pastenc .billing_note {
 405     width: 25%;
 406 }
 407 #patient_pastenc .billing_note_text {
 408     padding: 5px;
 409     border: 2px outset black;
 410     background-color: lightgrey;
 411 }
 412 #patient_pastenc .billing_note_text_highlight {
 413     background-color:#f7f5d1;
 414 }
 415 #patient_pastenc table {
 416     border-collapse: collapse;
 417     width:100%;
 418 }
 419 #patient_pastenc tr {
 420     cursor: pointer;
 421 }
 422 #patient_pastenc td {
 423     border-top: 1px solid black;
 424     vertical-align: top;
 425 }
 426 #patient_pastenc th {
 427     text-align: left;
 428 }
 429 #patient_pastenc #tooltipdiv {
 430     position:absolute;
 431     width:500px;
 432     border:1px solid black;
 433     padding:2px;
 434     background-color:#ffffaa;
 435     visibility:hidden;
 436     z-index:1000;
 437     font-size:9pt;
 438 }
 439 #patient_pastenc .highlight {
 440     background-color: #fff;
 441 }
 442 #patient_pastenc .tooltip {
 443     position:absolute;
 444     border:1px solid #333;
 445     background:#f7f5d1;
 446     padding:2px 5px;
 447     color:#333;
 448     display:none;
 449 }
 450
 451
 452 /*=============================================================
 453  * Patient Reports
 454  * seen in the patient reports screens
 455  *============================================================*/
 456 #patient_reports {
 457     width:100%;
 458 }
 459 #patient_reports .issues {
 460     padding-right: 30px;
 461 }
 462 #patient_reports .issues table {
 463     margin: 10px 0px 10px 0px;
 464 }
 465 #patient_reports .issues td {
 466     padding: 2px;
 467 }
 468 #patient_reports .encounters td {
 469     padding: 2px;
 470 }
 471 #patient_reports .encounter_forms {
 472     margin:5px 15px 5px 15px;
 473 }
 474 #patient_reports td {
 475     vertical-align: top;
 476 }
 477 #patient_reports ul {
 478     list-style: none;
 479 }
 480
 481
 482 /*=============================================================
 483  * Report - Custom
 484  * seen as the patient report (custom_report.php)
 485  *============================================================*/
 486
 487 #report_custom {
 488     width:100%;
 489 }
 490 #report_custom table {
 491     width:80%;
 492 }
 493 #report_custom hr {
 494     border: 2px dotted black;
 495 }
 496 #report_custom .billing {
 497     margin: 5px;
 498     padding: 5px;
 499 }
 500 #report_custom h1 {
 501     font-size: 120%;
 502     margin:  0px 0px 5px 0px;
 503     padding: 0px;
 504 }
 505 #report_custom .immunizations {
 506     margin: 5px;
 507     padding: 5px;
 508 }
 509 #report_custom .notes {
 510     margin: 5px;
 511     padding: 5px;
 512 }
 513 #report_custom .transactions {
 514     margin: 5px;
 515     padding: 5px;
 516 }
 517 #report_custom .communications {
 518     margin: 5px;
 519     padding: 5px;
 520 }
 521 #report_custom .documents {
 522     margin: 5px;
 523     padding: 5px;
 524 }
 525 #report_custom .demographics {
 526     margin: 5px;
 527     padding: 5px;
 528 }
 529 #report_custom .insurance {
 530     margin: 5px;
 531     padding: 5px;
 532 }
 533 #report_custom .insurance td {
 534     width: 24%;
 535 }
 536 #report_custom .history {
 537     margin: 5px;
 538     padding: 5px;
 539 }
 540 #report_custom .issue {
 541     margin-left: 20px;
 542 }
 543 #report_custom .issue_type {
 544     font-weight: bold;
 545     padding: 5px 0px 5px 0px;
 546 }
 547 #report_custom .issue_diag {
 548     margin: 0px 20px 0px 20px;
 549 }
 550 #report_custom .issue_title {
 551 }
 552 #report_custom .issue_comments {
 553 }
 554 #report_custom .encounter {
 555     width: 100%;
 556     border-top:2px dotted black;
 557     padding: 10px 5px 10px 5px;
 558     margin-top: 10px;
 559 }
 560 #report_custom .encounter h1 {
 561     font-size: 140%;
 562     margin: 0px;
 563     padding: 0px;
 564 }
 565 #report_custom .encounter_form {
 566     margin: 10px;
 567     padding: 0px;
 568     border-top: 1px solid gray;
 569 }
 570 #report_custom img.bigimage {
 571     width: 540pt; /* 540pt = 7.5 inches */
 572 }
 573 #addressbook_list tr.evenrow {
 574     background-color:#ddddff;
 575 }
 576 #addressbook_list tr.oddrow {
 577     background-color:#ffffff;
 578 }
 579
 580
 581 /*
 582  * CSS BUTTONS
 583 */
 584 .css_button_small {
 585     background: transparent url( '../../images/bg_button_a_small.gif' ) no-repeat scroll top right;
 586     color: #444;
 587     display: block;
 588     float: left;
 589     font: bold 9px Arial;
 590     height: 19px;
 591     margin-right: 3px;
 592     padding-right: 10px; /* sliding doors padding */
 593     text-decoration: none;
 594 }
 595
 596 .css_button_small span {
 597     background: transparent url( '../../images/bg_button_span_small.gif' ) no-repeat;
 598     display: block;
 599     line-height: 20px;
 600     padding: 0px 0px 0px 10px;
 601 }
 602
 603 .css_button {
 604     background: transparent url( '../../images/bg_button_a.gif' ) no-repeat scroll top right;
 605     color: #444;
 606     display: block;
 607     float: left;
 608     font: bold 10px Arial;
 609     height: 24px;
 610     margin-right: 3px;
 611     padding-right: 10px; /* sliding doors padding */
 612     text-decoration: none;
 613 }
 614
 615 .css_button span {
 616     background: transparent url( '../../images/bg_button_span.gif' ) no-repeat;
 617     display: block;
 618     line-height: 14px;
 619     padding: 5px 0 5px 10px;
 620 }
 621 .sellistclass {
 622 float:left;
 623 }
 624
 625 .disabled_button {
 626         color: grey;
 627
 628 }
 629
 630 a.disabled_button:hover {
 631   color: grey;
 632 }
 633
 634 /*
 635  * TABS
 636 */
 637
 638 ul.tabNav { margin: 0; padding: 0; }
 639 ul.tabNav { float: left; list-style: none; width: 100%; }
 640 ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0;
 641         font-size: 0.8em;
 642     vertical-align: bottom;
 643     text-align: left;
 644 }
 645 ul.tabNav li.current { padding-top: 0;
 646         font-weight: bold;
 647         font-size: 0.8em;
 648     vertical-align: bottom;
 649     text-align: left;
 650 }
 651 ul.tabNav a { background:#A7A7A7; border: 1px solid #ffffff; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none; }
 652 ul.tabNav li.current a { background:#FFFFFF ;padding: 8px; }
 653
 654 div.tabContainer { clear: both; float: left; width: 100%; }
 655 div.tabContainer div.tab { border: 1px solid #ffffff; color: #000; display: none; padding: 10px; }
 656 div.tabContainer div.current { display: block; }
 657 div.tab {       min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:665px;}
 658 div.tab_long {  min-height: 180px; background: #ffffff none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
 659 div.tab p:last-child { margin-bottom: 0; }
 660
 661 div.tab table td {
 662         padding-right: 1px; padding-bottom: 0px
 663 }
 664
 665 div.tab table td.label {
 666         min-width:80px;
 667 }
 668
 669 div.tab table td.data {
 670         min-width:120px; /*170px*/
 671 }
 672
 673 div.notab {
 674     background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 675 }
 676
 677 div.notab-right {
 678     background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px; width:100%;
 679 }
 680
 681 .section-header {
 682         margin-bottom:5px; width:685px; border-bottom: 1px solid;
 683 }
 684
 685 .section-header-dynamic {
 686         margin-bottom:5px; border-bottom: 1px solid;
 687 }
 688
 689 .summary_item {
 690          background:#FFFFFF; padding:8px;
 691 }
 692
 693 /*
 694 * REPORTS
 695 */
 696
 697 #report_parameters {
 698     background-color: #ececec;
 699         margin-top:10px;
 700 }
 701
 702 #report_parameters table {
 703     border: solid 1px;
 704         width: 100%;
 705     border-collapse: collapse;
 706 }
 707 #report_parameters table td {
 708     padding: 5px;
 709 }
 710
 711 #report_parameters table table {
 712     border: 0px;
 713     border-collapse: collapse;
 714         font-size: 0.8em;
 715 }
 716
 717 #report_parameters table table td.label {
 718         text-align: right;
 719 }
 720
 721 #report_results table {
 722    border-top: 1px solid black;
 723    border-bottom: 1px solid black;
 724    border-left: 1px solid black;
 725    border-right: 1px solid black;
 726    width: 100%;
 727    border-collapse: collapse;
 728    margin-top: 1px;
 729 }
 730 #report_results table thead {
 731     padding: 5px;
 732     display: table-header-group;
 733     background-color: #ddd;
 734         text-align:left;
 735         font-weight: bold;
 736         font-size: 0.7em;
 737 }
 738 #report_results table th {
 739     border-bottom: 1px solid black;
 740         padding: 5px;
 741 }
 742 #report_results table td {
 743         padding: 5px;
 744     border-bottom: 1px dashed;
 745         font-size: 0.8em;
 746 }
 747 .report_totals td {
 748     background-color: #77ff77;
 749     font-weight: bold;
 750 }
 751
 752 /**
 753 * List-table formatting
 754 **/
 755 .showborder {
 756 width:650px;
 757 }
 758 .showborder td {
 759 border-bottom:1px dashed #000000;
 760 text-align:left;
 761 font-size:9pt;
 762 }
 763 .showborder_head  th {
 764 border-bottom:1px solid #000000;
 765 text-align:left;
 766 font-size:9pt;
 767 }
 768 .shownoborder td {
 769 text-align:left;
 770 font-size:9pt;
 771 }
 772 .showborder_long {
 773 width:100%;
 774 }
 775 .showborder_long tr td{
 776 border-bottom:1px dashed #000000;
 777 text-align:left;
 778 font-size:9pt;
 779 }
 780
 781 /**
 782 * Drug lookup
 783 **/
 784 .drug_lookup{
 785         font-size: 8pt;
 786         border: 2px outset rgb(102, 102, 102);
 787         background-color: #eae6ff;
 788         padding: 5px;
 789         position: absolute;
 790         display: block;
 791 }
 792
 793 /* Password alert styles */
 794 .pwdalert {
 795     display: block;
 796     width: 390pt;
 797     margin-left: 100px;
 798     padding: 10px 10px 10px 15px;
 799     color: black;
 800   }
 801 .alertmsg1 {
 802     border: 3px solid #fe7b7a;
 803     background-color: #ffd6d6 ;
 804   }
 805 .alertmsg2 {
 806     border: 3px solid #f56fff;
 807     background-color: #fabfff;
 808   }
 809 .alertmsg3 {
 810     border: 3px solid #9acc2e;
 811     background-color: #eef7dd;
 812   }
 813 /* Password alert styles */
 814
 815 /* Style for red font */
 816 .redtext {
 817     text-decoration: none;
 818     color: #FF0000;
 819     font-size: 10pt;
 820 }
 821 /* Style for red font */
 822
 823 .de_identification_status_message{
 824         width: 50%;
 825         border:1px solid #0000FF;
 826 }
 827
 828 .de_identification_input_controls_box{
 829         width: 100%;
 830         border:1px solid #0000FF;
 831 }
 832
 833 .de_id_upgrade_login{
 834         width: 40%;
 835         border:1px solid Black;
 836         background-color:#ffffff;
 837 }
 838
 839 #navigation-slide, #navigation-slide *{
 840     padding-left:0px;
 841     margin-left:0px;
 842 }
 843
 844 #navigation-slide li{
 845     list-style:none;
 846 }
 847
 848 #navigation-slide a{
 849     background: #FFFFFF;
 850     border-top: 2px solid #EAE6FF;
 851     color: #000;
 852     display: block;
 853     font-weight: bold;
 854     padding: 5px 2px 5px 10px;
 855     width: 150px;
 856 }
 857
 858 #navigation-slide li a.collapsed{
 859     background: #999; /* for non-css3 browsers */
 860     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5301', endColorstr='#fefdcf'); /* for IE */
 861     background: -webkit-gradient(linear, left top, left bottom, from(#fe5301), to(#fefdcf)); /* for webkit browsers */
 862     background: -moz-linear-gradient(top,  #fe5301,  #fefdcf); /* for firefox 3.6+ */
 863 }
 864
 865 #navigation-slide li a.expanded{
 866     background: #999; /* for non-css3 browsers */
 867     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#fe5301'); /* for IE */
 868     background: -webkit-gradient(linear, left top, left bottom, from(#fefdcf), to(#fe5301)); /* for webkit browsers */
 869     background: -moz-linear-gradient(top,  #fefdcf,  #fe5301); /* for firefox 3.6+ */
 870 }
 871
 872 #navigation-slide ul li a.collapsed_lv2{
 873     background: #999; /* for non-css3 browsers */
 874     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffac84', endColorstr='#fefdcf'); /* for IE */
 875     background: -webkit-gradient(linear, left top, left bottom, from(#ffac84), to(#fefdcf)); /* for webkit browsers */
 876     background: -moz-linear-gradient(top,  #ffac84,  #fefdcf); /* for firefox 3.6+ */
 877 }
 878
 879 #navigation-slide ul li a.expanded_lv2{
 880     background: #999; /* for non-css3 browsers */
 881     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdcf', endColorstr='#ffac84'); /* for IE */
 882     background: -webkit-gradient(linear, left top, left bottom, from(#fefdcf), to(#ffac84)); /* for webkit browsers */
 883     background: -moz-linear-gradient(top,  #fefdcf,  #ffac84); /* for firefox 3.6+ */
 884 }
 885
 886 #sddm li
 887 {       margin: 0;
 888         padding: 0;
 889         list-style: none;
 890         float:left;
 891         border: 1px solid #FEFDCF;
 892         background: #999; /* for non-css3 browsers */
 893         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5301', endColorstr='#fefdcf'); /* for IE */
 894         background: -webkit-gradient(linear, left top, left bottom, from(#fe5301), to(#fefdcf)); /* for webkit browsers */
 895         background: -moz-linear-gradient(top,  #fe5301,  #fefdcf); /* for firefox 3.6+ */
 896 }
 897
 898 #sddm li a
 899 {       display: block;
 900         margin: 0 1px 0 0;
 901         padding: 4px 10px;
 902         color: #004080;
 903         text-align:left;
 904         text-decoration: none;
 905         font-size: 0.8em;
 906         font-weight:bold;
 907 }
 908
 909 #sddm li a:hover
 910 {
 911     background: #ffac84;
 912 }
 913
 914 #sddm div
 915 {
 916     position: absolute;
 917     visibility: hidden;
 918     display: none;
 919     margin: 0;
 920     padding: 0;
 921     background: #C9F1B5;
 922     border-left: 1px solid #000000;
 923     border-right: 1px solid #000000;
 924     border-bottom: 1px solid #000000;
 925 }
 926
 927 #sddm div a
 928 {
 929     position: relative;
 930     display: block;
 931     margin: 0;
 932     padding: 5px 10px;
 933     width: 170px;
 934     white-space:normal;
 935     text-align: left;
 936     text-decoration: none;
 937     background: #fefdcf;
 938     color: #2875DE;
 939     font-size: 0.8em;
 940     font-weight:normal;
 941 }
 942
 943 #sddm div a:hover
 944 {
 945     background: #ffac84;
 946     color: #000000;
 947 }
 948 .text-area{
 949   background-color:#FFFFFF;
 950   border:1px solid black;
 951   width:100%;
 952   height:100px;
 953   overflow:auto;
 954   text-align:left;
 955 }
 956 .example_menu {
 957             font-size: 70%;
 958             list-style: none;
 959             margin: 0;
 960             padding: 0;
 961             vertical-align: top;
 962             width: 136px;
 963 }
 964 .expand_all,
 965 .collapse_all {
 966         cursor: pointer;
 967 }
 968 .example_menu ul {
 969         display: none;
 970         list-style: none;
 971         margin: 0;
 972         padding: 0;
 973 }
 974 #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
 975         background-image: none;
 976         margin: 0;
 977         padding: 0;
 978         border-bottom:1px solid white;
 979 }
 980 .example_menu ul ul {
 981         display: block;
 982 }
 983 .example_menu a {
 984         color: #000;
 985         cursor: pointer;
 986         display: block;
 987         font-weight: bold;
 988         margin-left: 0;
 989         padding: 2px 2px 2px 17px;
 990         width: 160px;
 991 }
 992 .example_menu a.expanded {
 993         background: #bbb url('collapse.gif') no-repeat 3px 50%;
 994 }
 995 .example_menu a.collapsed {
 996         background: #bbb url('expand.gif') no-repeat 3px 50%;
 997 }
 998 .example_menu a:hover {
 999         text-decoration: none;
1000 }
1001 .example_menu ul li span {
1002          background: #d9d1a4;
1003         color: #000;
1004         display: block;
1005         font-weight: normal;
1006         width:100%;
1007 }
1008 .example_menu ul a:Subjective {
1009         font-weight: normal;
1010 }
1011 .example_menu ul a:hover {
1012         background : #f5f5f5;
1013         text-decoration: underline;
1014 }
1015 .example_menu li.active a {
1016         background: #fff;
1017 }
1018 .example_menu li.active li a {
1019         background: #e8e8e8;
1020 }
1021 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
1022         background: transparent url('footer.jpg') no-repeat 0 0;
1023         border-top: 2px solid #fff;
1024         height: 9px;
1025         line-height: 15px;
1026         margin: 0 0 10px 0;
1027         width: 131px;
1028 }
1029 .example_menu .footer span {
1030         display: none;
1031 }
1032 .cke_contents {
1033 height: 300px !important;
1034 }
1035
1036 /* Form styles */
1037 .formtable {
1038         font-size:13px;
1039         line-height: 24px;
1040     }
1041 .formtable tr td {
1042         line-height: 24px;
1043     }
1044
1045 /* For PDF output of lab results. Need very small font size. */
1046 .labres tr.head   { font-size:7pt;text-align:center; }
1047 .labres tr.detail { font-size:7pt; }
1048 .labres a, .labres a:visited, .labres a:hover { color:#0000cc; }
1049
1050 /* remove font family from custom tags like <page-header> for languages that not support default font  */
1051 .custom-tag{
1052     font-family: "";
1053 }