body { margin: 0px 0px 0px 2px; /* set the base font and size for all DOM children */ font-family: sans-serif; font-size: 1em; /* set the base font size for all DOM children */ } a { color: #0000cc; text-decoration: none; } a:visited { color: #0000cc; } a:hover { color: #ff5555; } .menu { font-family: sans-serif; font-style: italic; font-size: 11pt; color: #0000cc; text-decoration: none; text-align: left; } .menuBar{ width:100%; height:auto; display:block; position:fixed; top:0; background-color:#94D6E7; z-index:100; } .container{ margin-top:95px; } .menu_selected { font-family: sans-serif; font-style: italic; font-size: 11pt; color: #000000; text-decoration: none; text-align: left; } .logout { font-family: sans-serif; font-style: italic; font-size: 11pt; color: #000000; text-decoration: none; text-align: right; } .text { font-family: sans-serif; text-decoration: none; color: #000000; font-size: 10pt; } .required { font-family: sans-serif; text-decoration: none; font-size: 10pt; color: #880000; font-weight: bold; } .bold { font-family: sans-serif; text-decoration: none; font-size: 10pt; color: #000000; font-weight: bold; } .alert { font-family: sans-serif; font-size: 70%; color: #FF0000; text-decoration: none; } .small { text-decoration: none; color: #000000; font-family: sans-serif; font-size: 80%; } .link { font-family: sans-serif; text-decoration: none; color: #0000cc; font-size: 70%; } .more { font-family: sans-serif; text-decoration: none; font-size: 70%; } .back { font-family: sans-serif; text-decoration: none; font-size: 70%; } .link_selected { font-family: sans-serif; text-decoration: none; color: #0000FF; font-size: 70%; } .link_selected:visited { font-family: sans-serif; text-decoration: none; color: #0000FF; font-size: 70%; } .link_submit { font-family: sans-serif; text-decoration: none; color: #000077; font-size: 10pt; } .link_submit a:visited { color: #000077; } .link_submit a:hover { color: #ff5555; } .items { font-family: sans-serif; font-size: 6pt; } .title { font-family: sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none; } /* see .titlebar below */ .title_bar { font-family: sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none; color: #000000; } .title_bar_top { font-family: sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; color: #000000; } /*============================================================= * Here we have taken variables from globals.php and turned them into CSS classes * these should be used in place of the GLOBAL variables -- JRM March 2008 *=============================================================*/ .body_top { background-color: #94d6e7; margin: 8px } /* $top_bg_line */ .bgcolor2 { background-color: #94d6e7; } /* $GLOBALS['style']['BGCOLOR2'] */ .body_bottom { background: url('../pic/aquabg.gif') repeat; margin: 8px } /* $bottom_bg_line */ .body_title { background-color: #aaffff; } /* $title_bg_line */ .body_nav { background-color: #94d6e7; } /* $nav_bg_line */ .body_filler { background-color: #f7f0d5; } /* $login_filler_line */ .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */ .table_bg { background-color: #ccc; } /* $table_bg */ .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */ .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */ .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */ .bottom_line { background: url('../pic/aquabg.gif') repeat; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */ .logobar { background-color: #24262c; height: 110px; } /* $GLOBALS['logoBarHeight'] */ .navbar { height: 22px; } /* $GLOBALS['navBarHeight'] */ .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */ /* style taken out of the addressbook code and put here instead */ #addressbook_list td { font-family: Arial, Helvetica, sans-serif; padding-left: 4px; padding-right: 4px; } #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover { color:#0000cc; } #addressbook_list tr.search { font-size:9pt; font-weight:bold; } #addressbook_list tr.head { font-size:10pt; background-color:#cccccc; font-weight:bold; } #addressbook_list tr.detail { font-size:10pt; } #addressbook_list .inputtext { font-family:monospace; font-size:9pt; font-weight:normal; border-style:solid; border-width:1px; border-color: #000000; background-color:transparent; } #addressbook_list .button { font-family:sans-serif; font-size:8pt; font-weight:bold; } /* styles taken out of templates/report/general_default.html */ #reports_list td { font-size:8pt; font-family:helvetica; } #reports_list a { font-size:8pt; font-family:helvetica; } /* styles taken out of templates/documents/general_list.html */ #documents_list td { font-size:8pt; font-family:helvetica; } #documents_list a { font-size:8pt; font-family:helvetica; } #documents_list .treeMenuDefault { font-style: italic; } #documents_list .treeMenuBold { font-style: italic; font-weight: bold; } #documents_list { width: 29%; height: 95%; overflow: auto; float: left; border-right: dashed 1px; } #documents_actions { padding-top: 10px; width: 70%; height: 95%; float: right; overflow: auto; } #documents_actions iframe { display: inline; border:none; width:100%; height:600px; overflow: auto; } #documents_actions form { margin: 0px; padding: 0px; } #documents_actions table { width: 100%; height: 95%; } /*============================================================= * This section relates to the custom layouts that can be made * using the OEMR tool in the Admin section. For example, the * Patient Demographics are a custom layout. *============================================================*/ #DEM .groupname { font-weight: bold; color: #080; font-size: 0.8em; padding-right: 5px; vertical-align: top; } #DEM .label { font-weight: bold; font-size: 0.8em; vertical-align: top; text-align: right; } #DEM .data { font-size: 0.8em; vertical-align: top; text-align: left; padding-right: 6px;/*30px - ie 6 fix*/ } /* Patient History */ #HIS .groupname { font-weight: bold; color: #080; font-size: 9pt; padding-right: 1px; vertical-align: top; height: 2em; } #HIS .label { font-weight: bold; font-size: 9pt; vertical-align: top; } #HIS .data { font-size: 9pt; vertical-align: top; text-align: left; padding-right: 10px; } /*============================================================= * Patient Notes * seen in the patient summary and notes screens *============================================================*/ #pnotes .billing { background-color: #dfd; } #pnotes .highlight { background-color: #fff; } #pnotes table { border-collapse:collapse; } #pnotes .noterow { cursor: pointer; } #pnotes .noterow td { border-bottom:1px dashed black; vertical-align: top; padding: 5px; margin: 5px; } /*============================================================= * Patient Stats * seen in the patient stats screens *============================================================*/ #patient_stats { padding: 10px; } #patient_stats table { width: 100%; border-collapse: collapse; } #patient_stats td { padding: 3px; } #patient_stats .statrow { cursor: pointer; } #patient_stats .head { font-size:10pt; background-color:#cccccc; text-align:center; } #patient_stats .detail { font-size:10pt; vertical-align: top; } #patient_stats .btn { background-color:transparent; } #patient_stats .bg1 { background-color: #ddddff; } #patient_stats .bg2 { background-color: #ffdddd; } #patient_stats .center { text-align: center; } /*============================================================= * Patient Stats Summary * seen in the patient summary screen *============================================================*/ #patient_stats_summary table { border-collapse: collapse; } #patient_stats_summary .noend_noreturn { color: #ee0000; } #patient_stats_summary .noend { color: #dd5500; } #patient_stats_summary .noreturn { color: #0000ff; } #patient_stats_summary .title { font-size: 1.1em; } #patient_stats_issues { width: 100%; } #patient_stats_spreadsheets { width: 100%; } #patient_stats_imm { width: 100%; } #patient_stats_prescriptions { width: 100%; } /*============================================================= * Patient Past Encounters and Documents * seen in the patient encounter screen *============================================================*/ #patient_pastenc { width:100%; } #patient_pastenc .billing_note { width: 25%; } #patient_pastenc .billing_note_text { padding: 5px; border: 2px outset black; background-color: lightgrey; } #patient_pastenc .billing_note_text_highlight { background-color:#f7f5d1; } #patient_pastenc table { border-collapse: collapse; width:100%; } #patient_pastenc tr { cursor: pointer; } #patient_pastenc td { border-top: 1px solid black; vertical-align: top; } #patient_pastenc th { text-align: left; } #patient_pastenc #tooltipdiv { position:absolute; width:500px; border:1px solid black; padding:2px; background-color:#ffffaa; visibility:hidden; z-index:1000; font-size:9pt; } #patient_pastenc .highlight { background-color: #fff; } #patient_pastenc .tooltip { position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; } /*============================================================= * Patient Reports * seen in the patient reports screens *============================================================*/ #patient_reports { width:100%; } #patient_reports .issues { padding-right: 30px; } #patient_reports .issues table { margin: 10px 0px 10px 0px; } #patient_reports .issues td { padding: 2px; } #patient_reports .encounters td { padding: 2px; } #patient_reports .encounter_forms { margin:5px 15px 5px 15px; } #patient_reports td { vertical-align: top; } #patient_reports ul { list-style: none; } /*============================================================= * Report - Custom * seen as the patient report (custom_report.php) *============================================================*/ #report_custom { width:100%; } #report_custom hr { border: 2px dotted black; } #report_custom .billing { margin: 5px; padding: 5px; } #report_custom h1 { font-size: 120%; margin: 0px 0px 5px 0px; padding: 0px; } #report_custom .immunizations { margin: 5px; padding: 5px; } #report_custom .notes { margin: 5px; padding: 5px; } #report_custom .transactions { margin: 5px; padding: 5px; } #report_custom .communications { margin: 5px; padding: 5px; } #report_custom .documents { margin: 5px; padding: 5px; } #report_custom .demographics { margin: 5px; padding: 5px; } #report_custom .insurance { margin: 5px; padding: 5px; } #report_custom .history { margin: 5px; padding: 5px; } #report_custom .issue { margin-left: 20px; } #report_custom .issue_type { font-weight: bold; padding: 5px 0px 5px 0px; } #report_custom .issue_diag { margin: 0px 20px 0px 20px; } #report_custom .issue_title { } #report_custom .issue_comments { } #report_custom .encounter { width: 100%; border-top:2px dotted black; padding: 10px 5px 10px 5px; margin-top: 10px; } #report_custom .encounter h1 { font-size: 140%; margin: 0px; padding: 0px; } #report_custom .encounter_form { margin: 10px; padding: 10px; border-top: 1px solid gray; } #addressbook_list tr.evenrow { background-color:#ddddff; } #addressbook_list tr.oddrow { background-color:#ffffff; } /* * CSS BUTTONS */ .css_button_small { background: #063f80; color: #ffffff !important; display: inline-block; font-weight: 300; margin-right: 3px; /* sliding doors padding */ text-decoration: none; padding: 2px 7px 2px; border: none; font-size: 0.7em; box-shadow: 2px 1px 4px #88888B; border-radius: 5px; } .css_button_small span { display: inline-block; } .css_button_small:hover { background: #1050b6; box-shadow: 0px 1px 3px #DDD; } .css_button, input[type="button"], input[type="submit"], button{ background: #063f80; color: #ffffff !important; display: inline-block; font-weight: 300; margin: 4px; vertical-align: middle; /* sliding doors padding */ text-decoration: none; padding: 4px 6px 4px; border: none; border-radius: 5px; font-size:0.8em; box-shadow: 2px 1px 4px #88888B; } .css_button span, input[type="button"] span, input[type="submit"] span, button span { display: inline-block; } .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] { background: red !important; } .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover { background: #1050b6; box-shadow: 3px 4px 6px #DDD ; } input[type="button"][style="background-color:#ffff55"] { background: #2672ec !important; } input[type="text"] { background: #ffffff; border: 1px solid #444444; padding: 3px; margin: 3px; } .sellistclass { float:left; } .disabled_button { color: grey; } a.disabled_button:hover { color: grey; } /* * TABS */ ul.tabNav { margin: 0; padding: 0; } ul.tabNav { float: left; list-style: none; width: 100%; } ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; font-size: 0.8em; vertical-align: bottom; text-align: left; } ul.tabNav li.current { padding-top: 0; font-weight: bold; font-size: 0.8em; vertical-align: bottom; text-align: left; } 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; } ul.tabNav li.current a { background:#D7DFE7 ;padding: 8px; } div.tabContainer { clear: both; float: left; width: 100%; } div.tabContainer div.tab { border: 1px solid #dedede; color: #000; display: none; padding: 10px; } div.tabContainer div.current { display: block; } div.tab { min-height: 180px; background: #DEDEDE none repeat scroll 0 0; margin-bottom: 10px;width:665px;} div.tab_long { min-height: 180px; background: #DEDEDE none repeat scroll 0 0; margin-bottom: 10px;width:100%;} div.tab p:last-child { margin-bottom: 0; } div.tab table td { padding-right: 1px; padding-bottom: 0px } div.tab table td.label { min-width:80px; } div.tab table td.data { min-width:120px; /*170px*/ } div.notab { background: #D7DFE7 none repeat scroll 0 0; margin-bottom: 10px; width:100%; } div.notab-right { background: #D7DFE7 none repeat scroll 0 0; margin-bottom: 10px; width:100%; } .section-header { margin-bottom:5px; width:685px; border-bottom: 1px solid; } .section-header-dynamic { margin-bottom:5px; border-bottom: 1px solid; } .summary_item { background:#D7DFE7; padding:8px; } /* * REPORTS */ #report_parameters { background-color: #ececec; margin-top:10px; } #report_parameters table { border: solid 1px; width: 100%; border-collapse: collapse; } #report_parameters table td { padding: 5px; } #report_parameters table table { border: 0px; border-collapse: collapse; font-size: 0.8em; } #report_parameters table table td.label { text-align: right; } #report_results table { border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; width: 100%; border-collapse: collapse; margin-top: 1px; } #report_results table thead { padding: 5px; display: table-header-group; background-color: #ddd; text-align:left; font-weight: bold; font-size: 0.7em; } #report_results table th { border-bottom: 1px solid black; padding: 5px; } #report_results table td { padding: 5px; border-bottom: 1px dashed; font-size: 0.8em; } .report_totals td { background-color: #77ff77; font-weight: bold; } /** * List-table formatting **/ .showborder { width:650px; } .showborder td { border-bottom:1px dashed #000000; text-align:left; font-size:9pt; } .showborder_head th { border-bottom:1px solid #000000; text-align:left; font-size:9pt; } .shownoborder td { text-align:left; font-size:9pt; } .showborder_long { width:100%; } .showborder_long tr td{ border-bottom:1px dashed #000000; text-align:left; font-size:9pt; } /** * Drug lookup **/ .drug_lookup{ font-family: helvetica; font-size: 8pt; border: 2px outset rgb(102, 102, 102); background-color: #94D6E7; padding: 5px; position: absolute; display: block; } /* Password alert styles */ .pwdalert { display: block; width: 390pt; margin-left: 100px; padding: 10px 10px 10px 15px; color: black; } .alertmsg1 { border: 3px solid #fe7b7a; background-color: #ffd6d6 ; } .alertmsg2 { border: 3px solid #f56fff; background-color: #fabfff; } .alertmsg3 { border: 3px solid #9acc2e; background-color: #eef7dd; } /* Password alert styles */ /* Style for red font */ .redtext { font-family: sans-serif; text-decoration: none; color: #FF0000; font-size: 10pt; } /* Style for red font */ .de_identification_status_message{ width: 50%; border:1px solid #0000FF; } .de_identification_input_controls_box{ width: 100%; border:1px solid #0000FF; } .de_id_upgrade_login{ width: 40%; border:1px solid Black; background-color:#DEDEDE; } #navigation-slide, #navigation-slide *{ padding-left:0px; margin-left:0px; } #navigation-slide li{ list-style:none; } #navigation-slide a{ background: #C8F0F7; border-top: 2px solid #85F0F2; color: #000; display: block; font-weight: bold; padding: 5px 2px 5px 10px; width: 150px; } #navigation-slide li a.collapsed{ background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BACBE3', endColorstr='#0061E8'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#BACBE3), to(#0061E8)); /* for webkit browsers */ background: -moz-linear-gradient(top, #BACBE3, #0061E8); /* for firefox 3.6+ */ } #navigation-slide li a.expanded{ background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061E8', endColorstr='#BACBE3'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#0061E8), to(#BACBE3)); /* for webkit browsers */ background: -moz-linear-gradient(top, #0061E8, #BACBE3); /* for firefox 3.6+ */ } #navigation-slide ul li a.collapsed_lv2{ background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2DEF7', endColorstr='#1E3463'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#D2DEF7), to(#1E3463)); /* for webkit browsers */ background: -moz-linear-gradient(top, #D2DEF7, #1E3463); /* for firefox 3.6+ */ } #navigation-slide ul li a.expanded_lv2{ background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E3463', endColorstr='#D2DEF7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#1E3463), to(#D2DEF7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #1E3463, #D2DEF7); /* for firefox 3.6+ */ } #sddm li { margin: 0; padding: 0; list-style: none; float:left; border: 1px solid #94D6E7; background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E8FFF', endColorstr='#CCD9EA'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#3E8FFF), to(#CCD9EA)); /* for webkit browsers */ background: -moz-linear-gradient(top, #3E8FFF, #CCD9EA); /* for firefox 3.6+ */ } #sddm li a { display: block; margin: 0 1px 0 0; padding: 4px 10px; color: #004080; text-align:left; text-decoration: none; font-size: 0.8em; font-weight:bold; } #sddm li a:hover { background: #8ca3ee; } #sddm div { position: absolute; visibility: hidden; display: none; margin: 0; padding: 0; background: #C9F1B5; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; z-index:20; } #sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: 170px; white-space:normal; text-align: left; text-decoration: none; background: #dff4ff; color: #2875DE; font-size: 0.8em; font-weight:normal; } #sddm div a:hover { background: #8ca3ee; color: #000000; } .text-area{ background-color:#FFFFFF; border:1px solid black; width:100%; height:100px; overflow:auto; text-align:left; } .example_menu { font-size: 70%; list-style: none; margin: 0; padding: 0; vertical-align: top; width: 136px; } .expand_all, .collapse_all { cursor: pointer; } .example_menu ul { display: none; list-style: none; margin: 0; padding: 0; } #menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li { background-image: none; margin: 0; padding: 0; border-bottom:1px solid white; } .example_menu ul ul { display: block; } .example_menu a { color: #000; cursor: pointer; display: block; font-weight: bold; margin-left: 0; padding: 2px 2px 2px 17px; width: 160px; } .example_menu a.expanded { background: #bbb url('collapse.gif') no-repeat 3px 50%; } .example_menu a.collapsed { background: #bbb url('expand.gif') no-repeat 3px 50%; } .example_menu a:hover { text-decoration: none; } .example_menu ul li span { background: #d9d1a4; color: #000; display: block; font-weight: normal; width:100%; } .example_menu ul a:Subjective { font-weight: normal; } .example_menu ul a:hover { background : #f5f5f5; text-decoration: underline; } .example_menu li.active a { background: #fff; } .example_menu li.active li a { background: #e8e8e8; } #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer { background: transparent url('footer.jpg') no-repeat 0 0; border-top: 2px solid #fff; height: 9px; line-height: 15px; margin: 0 0 10px 0; width: 131px; } .example_menu .footer span { display: none; } .cke_contents { height: 300px !important; } /* Form styles */ .formtable { font-size:13px; line-height: 24px; } .formtable tr td { line-height: 24px; } .report_search_bar{ background-color:#A1B0CF; } /* error message = new validation */ .error-message{ color:red; display:block; white-space: nowrap; font-weight: normal; font-size: 11px; } .error-border{ border: 1px solid red; } .tinylogocontainer { display: inline-block; border: none; } .tinylogopng { display: inline-block; width: 44px; height: 22px; } /* flow board filters*/ #flow_board_parameters{ width: 1041px; margin: 25px auto; background-color: #ececec; } #flow_board_parameters td{ padding: 10px; } #flow_board_parameters table { border: solid 1px; width: 100%; border-collapse: collapse; }