interface/themes/style_pdf.css

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