4 margin: 0px 0px 0px 2px;
5 /* set the base font and size for all DOM children */
6 font-family: sans-serif
;
7 font-size: 1em; /* set the base font size for all DOM children */
12 text-decoration: none
;
24 font-family: sans-serif
;
28 text-decoration: none
;
37 background-color:#FEFDCF;
45 font-family: sans-serif
;
49 text-decoration: none
;
54 font-family: sans-serif
;
58 text-decoration: none
;
63 font-family: sans-serif
;
64 text-decoration: none
;
70 font-family: sans-serif
;
71 text-decoration: none
;
78 font-family: sans-serif
;
79 text-decoration: none
;
86 font-family: sans-serif
;
89 text-decoration: none
;
93 text-decoration: none
;
95 font-family: sans-serif
;
100 font-family: sans-serif
;
101 text-decoration: none
;
107 font-family: sans-serif
;
108 text-decoration: none
;
113 font-family: sans-serif
;
114 text-decoration: none
;
119 font-family: sans-serif
;
120 text-decoration: none
;
125 .link_selected:visited {
126 font-family: sans-serif
;
127 text-decoration: none
;
133 font-family: sans-serif
;
134 text-decoration: none
;
139 .link_submit a:visited {
143 .link_submit a:hover {
148 font-family: sans-serif
;
153 font-family: sans-serif
;
156 text-decoration: none
;
159 /* see .titlebar below */
161 font-family: sans-serif
;
164 text-decoration: none
;
169 font-family: sans-serif
;
172 text-decoration: none
;
179 padding-left: 0 !important
;
180 padding-right: 0 !important
;
188 .sidebar ul.mainmenu {
189 padding-bottom: 55px;
192 /*=============================================================
193 * Here we have taken variables from globals.php and turned them into CSS classes
194 * these should be used in place of the GLOBAL variables -- JRM March 2008
195 *=============================================================*/
196 .body_top { background-color: #fefdcf; margin: 8px } /* $top_bg_line */
197 .bgcolor2 { background-color: #fefdcf; } /* $GLOBALS['style']['BGCOLOR2'] */
198 .body_bottom { background: url
('../pic/aquabg.gif') repeat
; margin: 8px } /* $bottom_bg_line */
199 .body_title { background-color: #fedf98; } /* $title_bg_line */
200 .body_nav { background-color: #fefdcf; } /* $nav_bg_line */
201 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
202 .body_login { background: url
('../pic/aquabg.gif') repeat
; } /* $login_body_line */
203 .table_bg { background-color: #ccc; } /* $table_bg */
204 .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */
205 .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */
206 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
207 .bottom_line { background: url
('../pic/aquabg.gif') repeat
; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
208 .logobar { background-color: #24262c; height: 110px; } /* $GLOBALS['logoBarHeight'] */
209 .navbar { height: 22px; } /* $GLOBALS['navBarHeight'] */
210 .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */
213 /* style taken out of the addressbook code and put here instead */
214 #addressbook_list td
{
215 font-family: Arial
, Helvetica
, sans-serif
;
219 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{
222 #addressbook_list tr
.search
{
226 #addressbook_list tr
.head
{
228 background-color:#cccccc;
231 #addressbook_list tr
.detail
{
234 #addressbook_list .inputtext
{
235 font-family:monospace
;
240 border-color: #000000;
241 background-color:transparent
;
243 #addressbook_list .button
{
244 font-family:sans-serif
;
249 /* styles taken out of templates/report/general_default.html */
252 font-family:helvetica
;
256 font-family:helvetica
;
259 /* styles taken out of templates/documents/general_list.html */
262 font-family:helvetica
;
266 font-family:helvetica
;
268 #documents_list .treeMenuDefault
{
271 #documents_list .treeMenuBold
{
280 border-right: dashed
1px;
289 #documents_actions iframe
{
296 #documents_actions form
{
297 margin: 0px; padding: 0px;
299 #documents_actions table
{
304 /*=============================================================
305 * This section relates to the custom layouts that can be made
306 * using the OEMR tool in the Admin section. For example, the
307 * Patient Demographics are a custom layout.
308 *============================================================*/
326 padding-right: 6px;/*30px - ie 6 fix*/
329 /* Patient History */
352 /*=============================================================
354 * seen in the patient summary and notes screens
355 *============================================================*/
357 background-color: #dfd;
361 background-color: #fff;
365 border-collapse:collapse
;
372 #pnotes .noterow td
{
373 border-bottom:1px dashed black
;
380 /*=============================================================
382 * seen in the patient stats screens
383 *============================================================*/
388 #patient_stats table
{
390 border-collapse: collapse
;
395 #patient_stats .statrow
{
399 #patient_stats .head
{
401 background-color:#cccccc;
405 #patient_stats .detail
{
410 #patient_stats .btn
{
411 background-color:transparent
;
414 #patient_stats .bg1
{
415 background-color: #ddddff;
417 #patient_stats .bg2
{
418 background-color: #ffdddd;
421 #patient_stats .center
{
426 /*=============================================================
427 * Patient Stats Summary
428 * seen in the patient summary screen
429 *============================================================*/
430 #patient_stats_summary table
{
431 border-collapse: collapse
;
433 #patient_stats_summary .noend_noreturn
{
436 #patient_stats_summary .noend
{
439 #patient_stats_summary .noreturn
{
442 #patient_stats_summary .title
{
445 #patient_stats_issues {
448 #patient_stats_spreadsheets {
454 #patient_stats_prescriptions {
458 /*=============================================================
459 * Patient Past Encounters and Documents
460 * seen in the patient encounter screen
461 *============================================================*/
466 #patient_pastenc .billing_note
{
469 #patient_pastenc .billing_note_text
{
471 border: 2px outset black
;
472 background-color: lightgrey
;
474 #patient_pastenc .billing_note_text_highlight
{
475 background-color:#f7f5d1;
477 #patient_pastenc table
{
478 border-collapse: collapse
;
481 #patient_pastenc tr
{
484 #patient_pastenc td
{
485 border-top: 1px solid black
;
488 #patient_pastenc th
{
491 #patient_pastenc #tooltipdiv
{
494 border:1px solid black
;
496 background-color:#ffffaa;
501 #patient_pastenc .highlight
{
502 background-color: #fff;
504 #patient_pastenc .tooltip
{
506 border:1px solid
#333;
514 /*=============================================================
516 * seen in the patient reports screens
517 *============================================================*/
521 #patient_reports .issues
{
524 #patient_reports .issues table
{
525 margin: 10px 0px 10px 0px;
527 #patient_reports .issues td
{
530 #patient_reports .encounters td
{
533 #patient_reports .encounter_forms
{
534 margin:5px 15px 5px 15px;
536 #patient_reports td
{
539 #patient_reports ul
{
544 /*=============================================================
546 * seen as the patient report (custom_report.php)
547 *============================================================*/
552 border: 2px dotted black
;
554 #report_custom .billing
{
560 margin: 0px 0px 5px 0px;
563 #report_custom .immunizations
{
567 #report_custom .notes
{
571 #report_custom .transactions
{
575 #report_custom .communications
{
579 #report_custom .documents
{
583 #report_custom .demographics
{
587 #report_custom .insurance
{
591 #report_custom .history
{
595 #report_custom .issue
{
598 #report_custom .issue_type
{
600 padding: 5px 0px 5px 0px;
602 #report_custom .issue_diag
{
603 margin: 0px 20px 0px 20px;
605 #report_custom .issue_title
{
607 #report_custom .issue_comments
{
609 #report_custom .encounter
{
611 border-top:2px dotted black
;
612 padding: 10px 5px 10px 5px;
615 #report_custom .encounter h1
{
620 #report_custom .encounter_form
{
623 border-top: 1px solid gray
;
625 #addressbook_list tr
.evenrow
{
626 background-color:#ddddff;
628 #addressbook_list tr
.oddrow
{
629 background-color:#ffffff;
638 color: #ffffff !important
;
639 display: inline-block
;
642 /* sliding doors padding */
643 text-decoration: none
;
644 padding: 2px 7px 2px;
647 box-shadow: 2px 1px 4px #88888B;
651 .css_button_small span {
652 display: inline-block
;
655 .css_button_small:hover {
657 box-shadow: 0px 1px 3px #DDD;
658 text-decoration: none
;
661 .css_button, input[type="button"], input[type="submit"], button{
663 color: #ffffff !important
;
664 display: inline-block
;
667 vertical-align: middle
;
668 /* sliding doors padding */
669 text-decoration: none
;
670 padding: 4px 6px 4px;
674 box-shadow: 2px 1px 4px #88888B;
677 .css_button span, input[type="button"] span, input[type="submit"] span, button span {
678 display: inline-block
;
681 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"] {
682 background: red
!important
;
685 .css_button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
687 box-shadow: 3px 4px 6px #DDD ;
688 text-decoration: none
;
691 input
[type
="button"][style
="background-color:#ffff55"] {
692 background: #2672ec !important
;
697 border: 1px solid
#444444;
711 a
.disabled_button:hover
{
719 ul
.tabNav
{ margin: 0; padding: 0; }
720 ul
.tabNav
{ float: left
; list-style: none
; width: 100%; }
721 ul
.tabNav li
{ float: left
; margin: 0 1px 0 0; padding: 6px 0 0;
723 vertical-align: bottom
;
726 ul
.tabNav li
.current
{ padding-top: 0;
729 vertical-align: bottom
;
732 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
; }
733 ul
.tabNav li
.current a
{ background:#FFFFFF ;padding: 8px; }
735 div
.tabContainer
{ clear: both
; float: left
; width: 100%; }
736 div
.tabContainer div
.tab
{ border: 1px solid
#ffffff; color: #000; display: none
; padding: 10px; }
737 div
.tabContainer div
.current
{ display: block
; }
738 div
.tab
{ min-height: 180px; background: #ffffff none repeat scroll
0 0; margin-bottom: 10px;width:665px;}
739 div
.tab_long
{ min-height: 180px; background: #ffffff none repeat scroll
0 0; margin-bottom: 10px;width:100%;}
740 div
.tab
p:last-child
{ margin-bottom: 0; }
743 padding-right: 1px; padding-bottom: 0px
746 div
.tab table td
.label_custom
{
750 div
.tab table td
.data
{
751 min-width:120px; /*170px*/
755 background: #FFFFFF none repeat scroll
0 0; margin-bottom: 10px; width:100%;
759 background: #FFFFFF none repeat scroll
0 0; margin-bottom: 10px; width:100%;
763 margin-bottom:5px; width:685px; border-bottom: 1px solid
;
766 .section-header-dynamic {
767 margin-bottom:5px; border-bottom: 1px solid
;
771 background:#FFFFFF; padding:8px;
779 background-color: #ececec;
783 #report_parameters table
{
786 border-collapse: collapse
;
788 #report_parameters table td
{
792 #report_parameters table table
{
794 border-collapse: collapse
;
798 #report_parameters table table td
.label_custom
{
802 #report_results table
{
803 border-top: 1px solid black
;
804 border-bottom: 1px solid black
;
805 border-left: 1px solid black
;
806 border-right: 1px solid black
;
808 border-collapse: collapse
;
811 #report_results table thead
{
813 display: table-header-group
;
814 background-color: #ddd;
819 #report_results table th
{
820 border-bottom: 1px solid black
;
823 #report_results table td
{
825 border-bottom: 1px dashed
;
829 background-color: #77ff77;
834 * List-table formatting
840 border-bottom:1px dashed
#000000;
844 .showborder_head th {
845 border-bottom:1px solid
#000000;
856 .showborder_long tr td{
857 border-bottom:1px dashed
#000000;
866 font-family: helvetica
;
868 border: 2px outset rgb
(102, 102, 102);
869 background-color: #eae6ff;
875 /* Password alert styles */
880 padding: 10px 10px 10px 15px;
884 border: 3px solid
#fe7b7a;
885 background-color: #ffd6d6 ;
888 border: 3px solid
#f56fff;
889 background-color: #fabfff;
892 border: 3px solid
#9acc2e;
893 background-color: #eef7dd;
895 /* Password alert styles */
897 /* Style for red font */
899 font-family: sans-serif
;
900 text-decoration: none
;
904 /* Style for red font */
906 .de_identification_status_message{
908 border:1px solid
#0000FF;
911 .de_identification_input_controls_box{
913 border:1px solid
#0000FF;
916 .de_id_upgrade_login{
918 border:1px solid Black
;
919 background-color:#ffffff;
922 #navigation-slide, #navigation-slide
*{
927 #navigation-slide li
{
933 border-top: 2px solid
#EAE6FF;
937 padding: 5px 2px 5px 10px;
941 #navigation-slide li a
.collapsed
{
942 background: #999; /* for non-css3 browsers */
943 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#fe5301', endColorstr
='#fefdcf'); /* for IE */
944 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#fe5301), to
(#fefdcf)); /* for webkit browsers */
945 background: -moz-linear-gradient
(top
, #fe5301, #fefdcf); /* for firefox 3.6+ */
948 #navigation-slide li a
.expanded
{
949 background: #999; /* for non-css3 browsers */
950 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#fefdcf', endColorstr
='#fe5301'); /* for IE */
951 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#fefdcf), to
(#fe5301)); /* for webkit browsers */
952 background: -moz-linear-gradient
(top
, #fefdcf, #fe5301); /* for firefox 3.6+ */
955 #navigation-slide ul li a
.collapsed_lv2
{
956 background: #999; /* for non-css3 browsers */
957 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffac84', endColorstr
='#fefdcf'); /* for IE */
958 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#ffac84), to
(#fefdcf)); /* for webkit browsers */
959 background: -moz-linear-gradient
(top
, #ffac84, #fefdcf); /* for firefox 3.6+ */
962 #navigation-slide ul li a
.expanded_lv2
{
963 background: #999; /* for non-css3 browsers */
964 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#fefdcf', endColorstr
='#ffac84'); /* for IE */
965 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#fefdcf), to
(#ffac84)); /* for webkit browsers */
966 background: -moz-linear-gradient
(top
, #fefdcf, #ffac84); /* for firefox 3.6+ */
974 border: 1px solid
#FEFDCF;
975 background: #999; /* for non-css3 browsers */
976 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#fe5301', endColorstr
='#fefdcf'); /* for IE */
977 background: -webkit-gradient
(linear
, left top
, left bottom
, from
(#fe5301), to
(#fefdcf)); /* for webkit browsers */
978 background: -moz-linear-gradient
(top
, #fe5301, #fefdcf); /* for firefox 3.6+ */
987 text-decoration: none
;
1004 background: #C9F1B5;
1005 border-left: 1px solid
#000000;
1006 border-right: 1px solid
#000000;
1007 border-bottom: 1px solid
#000000;
1020 text-decoration: none
;
1021 background: #fefdcf;
1029 background: #ffac84;
1033 background-color:#FFFFFF;
1034 border:1px solid black
;
1045 vertical-align: top
;
1058 #menu1 li
, #menu2 li
, #menu3 li
, #menu4 li
, #menu5 li
, .example_menu li
{
1059 background-image: none
;
1062 border-bottom:1px solid white
;
1064 .example_menu ul ul {
1073 padding: 2px 2px 2px 17px;
1076 .example_menu a.expanded {
1077 background: #bbb url
('collapse.gif') no-repeat
3px 50%;
1079 .example_menu a.collapsed {
1080 background: #bbb url
('expand.gif') no-repeat
3px 50%;
1082 .example_menu a:hover {
1083 text-decoration: none
;
1085 .example_menu ul li span {
1086 background: #d9d1a4;
1089 font-weight: normal
;
1092 .example_menu ul a:Subjective {
1093 font-weight: normal
;
1095 .example_menu ul a:hover {
1096 background : #f5f5f5;
1097 text-decoration: underline
;
1099 .example_menu li.active a {
1102 .example_menu li.active li a {
1103 background: #e8e8e8;
1105 #menu1 li
.footer
, #menu2 li
.footer
, #menu3 li
.footer
, #menu4 li
.footer
, #menu5 li
.footer
, .example_menu
.footer
{
1106 background: transparent url
('footer.jpg') no-repeat
0 0;
1107 border-top: 2px solid
#fff;
1113 .example_menu .footer span {
1117 height: 300px !important
;
1129 background-color:#EADDB4;
1132 /* error message = new validation */
1136 white-space: nowrap
;
1137 font-weight: normal
;
1141 border: 1px solid red
;
1145 display: inline-block
;
1151 display: inline-block
;
1156 /* flow board filters*/
1157 #flow_board_parameters{
1160 background-color: #ececec;
1162 #flow_board_parameters td
{
1165 #flow_board_parameters table
{
1168 border-collapse: collapse
;
1181 /* ------- Therapy groups styling --------- */
1196 margin-bottom: 20px;
1197 border: 1px solid
#2672ec;
1211 table
.dataTable#therapy_groups_list tbody td
{
1213 padding-right: 20px;
1217 .therapy_group #therapy_groups_list_container{
1218 margin-top: initial
;
1222 .therapy_group #therapy_groups_list_container input[type = "text"]{
1226 .therapy_group #therapy_groups_list_container input[type=number] {
1227 -moz-appearance:textfield
;
1230 .therapy_group #therapy_groups_list_container input
[type
=number
]::-webkit-inner-spin-button
,
1231 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
1232 -webkit-appearance: none
;
1236 .therapy_group .delete_btn button, .therapy_group .delete_btn span{
1237 background-color: #ef3935;
1242 .therapy_group .delete_btn a{
1243 text-decoration: none
;
1247 .therapy_group #therapy_groups_list_container .failed_message{
1250 #updateParticipants{
1259 #add-participant-form{
1260 transition: max-height
1s ease-out
;
1265 max-height: 250px !important
;
1274 .therapy_group .event_details{
1279 margin-bottom: 20px;
1283 #add_participant .patient_wrap
,
1284 #add_participant .comment_wrap
,
1285 #add_participant .button_wrap
{
1289 #add_participant .patient_wrap
,
1290 #add_participant .comment_wrap
{
1291 display: inline-block
;
1294 #add_participant .button_wrap input
{
1296 display: inline-block
;
1299 #add_participant_element .input_label
{
1303 #add_participant_element .error_wrap
.error
{
1307 #group_attendance_form_table tbody td
{
1311 #file_type_whitelist .subject-black-list
,
1312 #file_type_whitelist .subject-white-list
{
1314 display: inline-block
;
1319 #file_type_whitelist{
1323 #white-list, #black-list
{
1329 #file_type_whitelist select
{
1333 #file_type_whitelist option
{
1334 padding: 4px 10px 4px 10px;
1337 #file_type_whitelist option:hover
{
1338 background: #EEEEEE;
1341 #file_type_whitelist .subject-info-arrows
{
1343 display: inline-block
;
1345 margin: 130px 30px 30px 30px;
1348 #file_type_whitelist .subject-info-save
{
1350 margin: 170px 30px 30px 30px;
1354 #file_type_whitelist input
[type
=button
]{
1355 float: none
!important
;
1358 #file_type_whitelist #add-manually
{
1359 display: inline-block
1361 #file_type_whitelist #add-manually
-input
{
1364 #file_type_whitelist .top-list
{
1365 margin: 20px 20px 2px 20px;
1370 color: #444444 !important
;
1374 color: #444444 !important
;