interface/themes/style_sky_blue.css

   1 body {
   2     margin: 0px 0px 0px 2px;
   3     /* set the base font and size for all DOM children */
   4     font-family: sans-serif;
   5     font-size: 1em;  /* set the base font size for all DOM children */
   6 }
   7
   8 a {
   9   color: #0000cc;
  10   text-decoration: none;
  11 }
  12
  13 a:visited {
  14   color: #0000cc;
  15 }
  16
  17 a:hover {
  18   color: #ff5555;
  19 }
  20
  21 .menu {
  22     font-family: sans-serif;
  23     font-style: italic;
  24     font-size: 11pt;
  25     color: #0000cc;
  26     text-decoration: none;
  27     text-align: left;
  28 }
  29
  30 .menu_selected {
  31     font-family: sans-serif;
  32     font-style: italic;
  33     font-size: 11pt;
  34     color: #000000;
  35     text-decoration: none;
  36     text-align: left;
  37 }
  38
  39 .logout {
  40     font-family: sans-serif;
  41     font-style: italic;
  42     font-size: 11pt;
  43     color: #000000;
  44     text-decoration: none;
  45     text-align: right;
  46 }
  47
  48 .text {
  49     font-family: sans-serif;
  50     text-decoration: none;
  51     color: #000000;
  52     font-size: 10pt;
  53 }
  54
  55 .required {
  56     font-family: sans-serif;
  57     text-decoration: none;
  58     font-size: 10pt;
  59     color: #880000;
  60     font-weight: bold;
  61 }
  62
  63 .bold {
  64     font-family: sans-serif;
  65     text-decoration: none;
  66     font-size: 10pt;
  67     color: #000000;
  68     font-weight: bold;
  69 }
  70
  71 .alert {
  72     font-family: sans-serif;
  73     font-size: 70%;
  74     color: #FF0000;
  75     text-decoration: none;
  76 }
  77
  78 .small {
  79     text-decoration: none;
  80     color: #000000;
  81     font-family: sans-serif;
  82     font-size: 80%;
  83 }
  84
  85 .link {
  86     font-family: sans-serif;
  87     text-decoration: none;
  88     color: #0000cc;
  89     font-size: 70%;
  90 }
  91
  92 .more {
  93     font-family: sans-serif;
  94     text-decoration: none;
  95     font-size: 70%;
  96 }
  97
  98 .back {
  99     font-family: sans-serif;
 100     text-decoration: none;
 101     font-size: 70%;
 102 }
 103
 104 .link_selected {
 105     font-family: sans-serif;
 106     text-decoration: none;
 107     color: #0000FF;
 108     font-size: 70%;
 109 }
 110
 111 .link_selected:visited {
 112     font-family: sans-serif;
 113     text-decoration: none;
 114     color: #0000FF;
 115     font-size: 70%;
 116 }
 117
 118 .link_submit {
 119     font-family: sans-serif;
 120     text-decoration: none;
 121     color: #000077;
 122     font-size: 10pt;
 123 }
 124
 125 .link_submit a:visited {
 126   color: #000077;
 127 }
 128
 129 .link_submit a:hover {
 130   color: #ff5555;
 131 }
 132
 133 .items {
 134     font-family: sans-serif;
 135     font-size: 6pt;
 136 }
 137
 138 .title {
 139     font-family: sans-serif;
 140     font-size: 12pt;
 141     font-weight: bold;
 142     text-decoration: none;
 143 }
 144
 145 /* see .titlebar below */
 146 .title_bar {
 147     font-family: sans-serif;
 148     font-size: 12pt;
 149     font-weight: bold;
 150     text-decoration: none;
 151     color: #000000;
 152 }
 153
 154 .title_bar_top {
 155     font-family: sans-serif;
 156     font-size: 13px;
 157     font-weight: bold;
 158     text-decoration: none;
 159     color: #000000;
 160 }
 161
 162 /*=============================================================
 163  * Here we have taken variables from globals.php and turned them into CSS classes
 164  * these should be used in place of the GLOBAL variables -- JRM March 2008
 165  *=============================================================*/
 166 .body_top { background-color: #94d6e7; margin: 8px }    /* $top_bg_line */
 167 .bgcolor2 { background-color: #94d6e7; }    /* $GLOBALS['style']['BGCOLOR2'] */
 168 .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px }  /* $bottom_bg_line */
 169 .body_title { background-color: #aaffff; }  /* $title_bg_line */
 170 .body_nav { background-color: #94d6e7; }    /* $nav_bg_line */
 171 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
 172 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
 173 .table_bg { background-color: #ccc; }           /* $table_bg */
 174 .bgcolor1 { background-color: #ccc; }       /* $GLOBALS['style']['BGCOLOR1'] */
 175 .textcolor11 { background-color: #222; }    /* $GLOBALS['style']['TEXTCOLOR11'] */
 176 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 177 .bottom_line { background: url('../pic/aquabg.gif') repeat; }    /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 178 .logobar { background-color: #24262c; height: 110px; }                 /* $GLOBALS['logoBarHeight'] */
 179 .navbar { height: 22px; }                   /* $GLOBALS['navBarHeight'] */
 180 .titlebar { height: 20px; }                 /* $GLOBALS['titleBarHeight'] */
 181
 182
 183 /* style taken out of the addressbook code and put here instead */
 184 #addressbook_list td {
 185 font-family: Arial, Helvetica, sans-serif;
 186 padding-left: 4px;
 187 padding-right: 4px;
 188 }
 189 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 190 color:#0000cc;
 191 }
 192 #addressbook_list tr.search {
 193 font-size:9pt;
 194 font-weight:bold;
 195 }
 196 #addressbook_list tr.head {
 197 font-size:10pt;
 198 background-color:#cccccc;
 199 font-weight:bold;
 200 }
 201 #addressbook_list tr.detail {
 202 font-size:10pt;
 203 }
 204 #addressbook_list .inputtext {
 205 font-family:monospace;
 206 font-size:9pt;
 207 font-weight:normal;
 208 border-style:solid;
 209 border-width:1px;
 210 border-color: #000000;
 211 background-color:transparent;
 212 }
 213 #addressbook_list .button {
 214 font-family:sans-serif;
 215 font-size:8pt;
 216 font-weight:bold;
 217 }
 218
 219 /* styles taken out of templates/report/general_default.html */
 220 #reports_list td {
 221 font-size:8pt;
 222 font-family:helvetica;
 223 }
 224 #reports_list a {
 225 font-size:8pt;
 226 font-family:helvetica;
 227 }
 228
 229 /* styles taken out of templates/documents/general_list.html */
 230 #documents_list td {
 231 font-size:8pt;
 232 font-family:helvetica;
 233 }
 234 #documents_list a {
 235 font-size:8pt;
 236 font-family:helvetica;
 237 }
 238 #documents_list .treeMenuDefault {
 239 font-style: italic;
 240 }
 241 #documents_list .treeMenuBold {
 242 font-style: italic;
 243 font-weight: bold;
 244 }
 245 #documents_list {
 246     width: 29%;
 247     height: 95%;
 248     overflow: auto;
 249     float: left;
 250     border-right: dashed 1px;
 251 }
 252 #documents_actions {
 253     padding-top: 10px;
 254     width: 70%;
 255     height: 95%;
 256     float: right;
 257     overflow: auto;
 258 }
 259 #documents_actions iframe {
 260     display: inline;
 261     border:none;
 262     width:100%;
 263     height:200px;
 264     overflow: auto;
 265 }
 266 #documents_actions form {
 267     margin: 0px; padding: 0px;
 268 }
 269 #documents_actions table {
 270     width: 100%;
 271     height: 95%;
 272 }
 273
 274 /*=============================================================
 275  * This section relates to the custom layouts that can be made
 276  * using the OEMR tool in the Admin section. For example, the
 277  * Patient Demographics are a custom layout.
 278  *============================================================*/
 279 #DEM .groupname {
 280     font-weight: bold;
 281     color: #080;
 282     font-size: 0.8em;
 283     padding-right: 5px;
 284     vertical-align: top;
 285 }
 286 #DEM .label {
 287     font-weight: bold;
 288     font-size: 0.8em;
 289     vertical-align: top;
 290     text-align: right;
 291 }
 292 #DEM .data {
 293     font-size: 0.8em;
 294     vertical-align: top;
 295     text-align: left;
 296     padding-right: 6px;/*30px - ie 6 fix*/
 297 }
 298
 299 /* Patient History */
 300
 301 #HIS .groupname {
 302     font-weight: bold;
 303     color: #080;
 304     font-size: 9pt;
 305     padding-right: 1px;
 306     vertical-align: top;
 307     height: 2em;
 308 }
 309 #HIS .label {
 310     font-weight: bold;
 311     font-size: 9pt;
 312     vertical-align: top;
 313 }
 314 #HIS .data {
 315     font-size: 9pt;
 316     vertical-align: top;
 317     text-align: left;
 318     padding-right: 10px;
 319 }
 320
 321
 322 /*=============================================================
 323  * Patient Notes
 324  * seen in the patient summary and notes screens
 325  *============================================================*/
 326 #pnotes .billing {
 327     background-color: #dfd;
 328 }
 329
 330 #pnotes .highlight {
 331     background-color: #fff;
 332 }
 333
 334 #pnotes table {
 335     border-collapse:collapse;
 336 }
 337
 338 #pnotes .noterow {
 339     cursor: pointer;
 340 }
 341
 342 #pnotes .noterow td {
 343     border-bottom:1px dashed black;
 344     vertical-align: top;
 345     padding: 5px;
 346     margin: 5px;
 347 }
 348
 349
 350 /*=============================================================
 351  * Patient Stats
 352  * seen in the patient stats screens
 353  *============================================================*/
 354 #patient_stats {
 355     padding: 10px;
 356 }
 357
 358 #patient_stats table {
 359     width: 100%;
 360     border-collapse: collapse;
 361 }
 362 #patient_stats td {
 363     padding: 3px;
 364 }
 365 #patient_stats .statrow {
 366     cursor: pointer;
 367 }
 368
 369 #patient_stats .head {
 370     font-size:10pt;
 371     background-color:#cccccc;
 372     text-align:center;
 373 }
 374
 375 #patient_stats .detail {
 376     font-size:10pt;
 377     vertical-align: top;
 378 }
 379
 380 #patient_stats .btn {
 381     background-color:transparent;
 382 }
 383
 384 #patient_stats .bg1 {
 385     background-color: #ddddff;
 386 }
 387 #patient_stats .bg2 {
 388     background-color: #ffdddd;
 389 }
 390
 391 #patient_stats .center {
 392     text-align: center;
 393 }
 394
 395
 396 /*=============================================================
 397  * Patient Stats Summary
 398  * seen in the patient summary screen
 399  *============================================================*/
 400 #patient_stats_summary table {
 401     border-collapse: collapse;
 402 }
 403 #patient_stats_summary .noend_noreturn {
 404     color: #ee0000;
 405 }
 406 #patient_stats_summary .noend {
 407     color: #dd5500;
 408 }
 409 #patient_stats_summary .noreturn {
 410     color: #0000ff;
 411 }
 412 #patient_stats_summary .title {
 413     font-size: 1.1em;
 414 }
 415 #patient_stats_issues {
 416     width: 100%;
 417 }
 418 #patient_stats_spreadsheets {
 419     width: 100%;
 420 }
 421 #patient_stats_imm {
 422     width: 100%;
 423 }
 424 #patient_stats_prescriptions {
 425     width: 100%;
 426 }
 427
 428 /*=============================================================
 429  * Patient Past Encounters and Documents
 430  * seen in the patient encounter screen
 431  *============================================================*/
 432 #patient_pastenc {
 433     width:100%;
 434 }
 435
 436 #patient_pastenc .billing_note {
 437     width: 25%;
 438 }
 439 #patient_pastenc .billing_note_text {
 440     padding: 5px;
 441     border: 2px outset black;
 442     background-color: lightgrey;
 443 }
 444 #patient_pastenc .billing_note_text_highlight {
 445     background-color:#f7f5d1;
 446 }
 447 #patient_pastenc table {
 448     border-collapse: collapse;
 449     width:100%;
 450 }
 451 #patient_pastenc tr {
 452     cursor: pointer;
 453 }
 454 #patient_pastenc td {
 455     border-top: 1px solid black;
 456     vertical-align: top;
 457 }
 458 #patient_pastenc th {
 459     text-align: left;
 460 }
 461 #patient_pastenc #tooltipdiv {
 462     position:absolute;
 463     width:500px;
 464     border:1px solid black;
 465     padding:2px;
 466     background-color:#ffffaa;
 467     visibility:hidden;
 468     z-index:1000;
 469     font-size:9pt;
 470 }
 471 #patient_pastenc .highlight {
 472     background-color: #fff;
 473 }
 474 #patient_pastenc .tooltip {
 475     position:absolute;
 476     border:1px solid #333;
 477     background:#f7f5d1;
 478     padding:2px 5px;
 479     color:#333;
 480     display:none;
 481 }
 482
 483
 484 /*=============================================================
 485  * Patient Reports
 486  * seen in the patient reports screens
 487  *============================================================*/
 488 #patient_reports {
 489     width:100%;
 490 }
 491 #patient_reports .issues {
 492     padding-right: 30px;
 493 }
 494 #patient_reports .issues table {
 495     margin: 10px 0px 10px 0px;
 496 }
 497 #patient_reports .issues td {
 498     padding: 2px;
 499 }
 500 #patient_reports .encounters td {
 501     padding: 2px;
 502 }
 503 #patient_reports .encounter_forms {
 504     margin:5px 15px 5px 15px;
 505 }
 506 #patient_reports td {
 507     vertical-align: top;
 508 }
 509 #patient_reports ul {
 510     list-style: none;
 511 }
 512
 513
 514 /*=============================================================
 515  * Report - Custom
 516  * seen as the patient report (custom_report.php)
 517  *============================================================*/
 518 #report_custom {
 519     width:100%;
 520 }
 521 #report_custom hr {
 522     border: 2px dotted black;
 523 }
 524 #report_custom .billing {
 525     margin: 5px;
 526     padding: 5px;
 527 }
 528 #report_custom h1 {
 529     font-size: 120%;
 530     margin:  0px 0px 5px 0px;
 531     padding: 0px;
 532 }
 533 #report_custom .immunizations {
 534     margin: 5px;
 535     padding: 5px;
 536 }
 537 #report_custom .notes {
 538     margin: 5px;
 539     padding: 5px;
 540 }
 541 #report_custom .transactions {
 542     margin: 5px;
 543     padding: 5px;
 544 }
 545 #report_custom .communications {
 546     margin: 5px;
 547     padding: 5px;
 548 }
 549 #report_custom .documents {
 550     margin: 5px;
 551     padding: 5px;
 552 }
 553 #report_custom .demographics {
 554     margin: 5px;
 555     padding: 5px;
 556 }
 557 #report_custom .insurance {
 558     margin: 5px;
 559     padding: 5px;
 560 }
 561 #report_custom .history {
 562     margin: 5px;
 563     padding: 5px;
 564 }
 565 #report_custom .issue {
 566     margin-left: 20px;
 567 }
 568 #report_custom .issue_type {
 569     font-weight: bold;
 570     padding: 5px 0px 5px 0px;
 571 }
 572 #report_custom .issue_diag {
 573     margin: 0px 20px 0px 20px;
 574 }
 575 #report_custom .issue_title {
 576 }
 577 #report_custom .issue_comments {
 578 }
 579 #report_custom .encounter {
 580     width: 100%;
 581     border-top:2px dotted black;
 582     padding: 10px 5px 10px 5px;
 583     margin-top: 10px;
 584 }
 585 #report_custom .encounter h1 {
 586     font-size: 140%;
 587     margin: 0px;
 588     padding: 0px;
 589 }
 590 #report_custom .encounter_form {
 591     margin: 10px;
 592     padding: 10px;
 593     border-top: 1px solid gray;
 594 }
 595 #addressbook_list tr.evenrow {
 596     background-color:#ddddff;
 597 }
 598 #addressbook_list tr.oddrow {
 599     background-color:#ffffff;
 600 }
 601
 602
 603 /*
 604  * CSS BUTTONS
 605 */
 606 .css_button_small {
 607     background: transparent url( '../../images/bg_button_a_small.gif' ) no-repeat scroll top right;
 608     color: #444;
 609     display: block;
 610     float: left;
 611     font: bold 9px arial, sans-serif;
 612     height: 19px;
 613     margin-right: 3px;
 614     padding-right: 10px; /* sliding doors padding */
 615     text-decoration: none;
 616 }
 617
 618 .css_button_small span {
 619     background: transparent url( '../../images/bg_button_span_small.gif' ) no-repeat;
 620     display: block;
 621     line-height: 20px;
 622     padding: 0px 0px 0px 10px;
 623 }
 624
 625 .css_button {
 626     background: transparent url( '../../images/bg_button_a.gif' ) no-repeat scroll top right;
 627     color: #444;
 628     display: block;
 629     float: left;
 630     font: bold 10px arial, sans-serif;
 631     height: 24px;
 632     margin-right: 3px;
 633     padding-right: 10px; /* sliding doors padding */
 634     text-decoration: none;
 635 }
 636
 637 .css_button span {
 638     background: transparent url( '../../images/bg_button_span.gif' ) no-repeat;
 639     display: block;
 640     line-height: 14px;
 641     padding: 5px 0 5px 10px;
 642 }
 643 .sellistclass {
 644 float:left;
 645 }
 646
 647 .disabled_button {
 648         color: grey;
 649
 650 }
 651
 652 a.disabled_button:hover {
 653   color: grey;
 654 }
 655
 656 /*
 657  * TABS
 658 */
 659
 660 ul.tabNav { margin: 0; padding: 0; }
 661 ul.tabNav { float: left; list-style: none; width: 100%; }
 662 ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0;
 663         font-size: 0.8em;
 664     vertical-align: bottom;
 665     text-align: left;
 666 }
 667 ul.tabNav li.current { padding-top: 0;
 668         font-weight: bold;
 669         font-size: 0.8em;
 670     vertical-align: bottom;
 671     text-align: left;
 672 }
 673 ul.tabNav a { background:#A7A7A7; border: 1px solid #dedede; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none; }
 674 ul.tabNav li.current a { background:#D7DFE7 ;padding: 8px; }
 675
 676 div.tabContainer { clear: both; float: left; width: 100%; }
 677 div.tabContainer div.tab { border: 1px solid #dedede; color: #000; display: none; padding: 10px; }
 678 div.tabContainer div.current { display: block; }
 679 div.tab {       min-height: 180px; background: #DEDEDE none repeat scroll 0 0; margin-bottom: 10px;width:665px;}
 680 div.tab_long {  min-height: 180px; background: #DEDEDE none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
 681 div.tab p:last-child { margin-bottom: 0; }
 682
 683 div.tab table td {
 684         padding-right: 1px; padding-bottom: 0px
 685 }
 686
 687 div.tab table td.label {
 688         min-width:80px;
 689 }
 690
 691 div.tab table td.data {
 692         min-width:120px; /*170px*/
 693 }
 694
 695 .section-header {
 696         margin-bottom:5px; width:685px; border-bottom: 1px solid;
 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 {
 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-family: helvetica;
 792         font-size: 8pt;
 793         border: 2px outset rgb(102, 102, 102);
 794         background-color: #94D6E7;
 795         padding: 5px;
 796         position: absolute;
 797         display: block;
 798 }
 799
 800 /* Password alert styles */
 801 .pwdalert {
 802     display: block;
 803     width: 390pt;
 804     margin-left: 100px;
 805     padding: 10px 10px 10px 15px;
 806     color: black;
 807   }
 808 .alertmsg1 {
 809     border: 3px solid #fe7b7a;
 810     background-color: #ffd6d6 ;
 811   }
 812 .alertmsg2 {
 813     border: 3px solid #f56fff;
 814     background-color: #fabfff;
 815   }
 816 .alertmsg3 {
 817     border: 3px solid #9acc2e;
 818     background-color: #eef7dd;
 819   }
 820 /* Password alert styles */
 821
 822 /* Style for red font */
 823 .redtext {
 824     font-family: sans-serif;
 825     text-decoration: none;
 826     color: #FF0000;
 827     font-size: 10pt;
 828 }
 829 /* Style for red font */