1 /*=============================================================
3 * This stylesheet was built with this color scheme
4 * http://www.wellstyled.com/tools/colorscheme2/index-en.html?tetrad;50;0;217;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0
6 *============================================================*/
8 margin: 0px 0px 0px 2px;
9 /* set the base font and size for all DOM children */
10 font-family: sans-serif
;
12 background-color: #94d6e7;
17 text-decoration: none
;
20 a:visited
{ color: #0000cc; }
21 a:hover
{ color: #A28268; text-decoration: underline
; }
24 /*=============================================================
25 * The top-menu in the old style, non-concurrent, layout where
26 * the menu runs across the top of the window
27 *============================================================*/
31 padding: 0px; margin: 0px;
34 padding: 0px; margin: 0px;
38 padding: 0px; margin: 0px;
39 border-collapse: collapse
;
42 padding: 0px; margin: 0px;
45 padding: 0px; margin: 0px;
49 padding: 1px 2px 1px 2px;
50 text-decoration: none
;
53 #nav_topmenu a:hover
{
54 background-color: #6895A2;
57 /* menu, menu_selected, and logout are older classes still used */
64 background-color: #6895A2;
79 text-decoration: none
;
85 text-decoration: none
;
92 text-decoration: none
;
105 text-decoration: none
;
109 text-decoration: none
;
115 text-decoration: none
;
121 text-decoration: none
;
126 text-decoration: none
;
130 .center { text-align:center
; }
131 .right { text-align:right
; }
133 /* this class is used sporadically through the application as an
134 * alternative to the typical anchor
137 text-decoration: none
;
141 .link_selected:visited {
142 text-decoration: none
;
148 text-decoration: none
;
152 .link_submit a:visited { color: #0000cc; }
153 .link_submit a:hover { color: #A28268; text-decoration:underline
; }
162 text-decoration: none
;
165 /* see .titlebar below */
169 text-decoration: none
;
172 /* the title bar showing the logged in user, date, etc */
176 text-decoration: none
;
180 /* a generic class for highlighting */
182 background-color: #336699;
187 /*=============================================================
188 * Here we have taken variables from globals.php and turned them into CSS classes
189 * these should be used in place of the GLOBAL variables -- JRM March 2008
190 *=============================================================*/
191 .body_top { background-color: #94d6e7; } /* $top_bg_line */
192 .bgcolor2 { background-color: #94d6e7; } /* $GLOBALS['style']['BGCOLOR2'] */
193 .body_bottom { background: url
('../pic/aquabg.gif') repeat
; } /* $bottom_bg_line */
194 .body_title { background-color: #D1F5FF; } /* $title_bg_line */
195 .body_nav { background-color: #94D5E7; } /* $nav_bg_line */
196 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
197 .body_login { background: url
('../pic/aquabg.gif') repeat
; } /* $login_body_line */
198 .table_bg { background-color: #ccc; } /* $table_bg */
199 .bgcolor1 { background-color: #ccc; } /* $GLOBALS['style']['BGCOLOR1'] */
200 .textcolor11 { background-color: #222; } /* $GLOBALS['style']['TEXTCOLOR11'] */
201 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
202 .bottom_line { background: url
('../pic/aquabg.gif') repeat
; } /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
203 .logobar { background-color: #24262c; height: 110px; } /* $GLOBALS['logoBarHeight'] 262331 */
204 .navbar { height: 22px; } /* $GLOBALS['navBarHeight'] */
205 .titlebar { height: 20px; } /* $GLOBALS['titleBarHeight'] */
208 /*==========================================================
209 * box with 'info' icon in the background
210 * useful for small information boxes
211 *=========================================================*/
213 background: #FFF9E8 url
('../../images/info.png') no-repeat center left
;
214 padding: 3px 3px 3px 19px;
218 /*==========================================================
221 * All the calendar CSS files are held in the directory:
222 * interface/main/calendar/modules/PostCalendar/pntemplates/default/style
223 * However, there may be some cross-over between this main
224 * CSS file and that other one.
226 * ONE EXCEPTION is the Outlook-style calendar
227 * it relies on a CSS file in this same folder
228 * named ajax_calendar.css
230 *=========================================================*/
233 /*=============================================================
234 * For the reports list page
235 *============================================================*/
237 font-family: sans-serif
;
247 padding: 2px 0px 0px 0px;
251 /*=============================================================
252 * For the list of office notes page
253 *============================================================*/
257 #officenotes_list table
{
259 border-collapse: collapse
;
260 border: 1px solid black
;
262 #officenotes_list td
{
264 border-bottom: 1px solid black
;
265 background-color: #FFF9E8;
268 /*=============================================================
269 * For the editing office notes page
270 *============================================================*/
271 #officenotes_edit table
{
272 border-collapse: collapse
;
274 #officenotes_edit form
{
275 padding: 0px; margin: 0px;
277 #officenotes_edit .existingnotes table
{
278 /* for some unexplicable reason this particular style block is being ignored */
279 border: 1px solid black
;
280 border-collapse: collapse
;
282 #officenotes_edit .existingnotes td
{
284 border-bottom: 1px solid black
;
285 background-color: #FFF9E8;
289 /*=============================================================
290 * For the the address book list
291 *============================================================*/
292 #addressbook_list table
{ border-collapse: collapse
; }
293 #addressbook_list td
{ padding: 0px 4px 0px 4px; }
294 #addressbook_list a
, #addressbook_list
a:visited
, #addressbook_list
a:hover
{ color:#0000cc; }
295 #addressbook_list .search td
{
296 padding: 3px 0px 10px 0px;
298 #addressbook_list .head td
{
300 background-color:#cccccc;
303 #addressbook_list .detail td
{
306 #addressbook_list .inputtext
{
310 border-color: #000000;
312 #addressbook_list .button
{
314 #addressbook_list .evenrow
{ background-color: #E7D294; }
315 #addressbook_list .oddrow
{ background-color: #FFF3D1; }
317 /*=============================================================
318 * For the patient documents list
319 *============================================================*/
320 #documents_list form
{
321 margin: 0px; padding: 0px;
323 #documents_list table
{
334 #documents_list .treeMenuDefault
{
336 #documents_list .treeMenuBold
{
353 #documents_actions iframe
{
360 #documents_actions form
{
361 margin: 0px; padding: 0px;
363 #documents_actions table
{
368 /*=============================================================
369 * For the prescription list page
370 *============================================================*/
376 #prescription_list table
{
377 border-collapse: collapse
;
379 border: 1px solid
#999;
380 background-color: white
;
382 #prescription_list th
{
383 background-color: #999;
386 #prescription_list td
{
388 border-bottom: 1px solid
#999;
390 #prescription_list a
{
392 text-decoration:none
;
394 #prescription_list .onescript
{
397 #prescription_list .inactive
{
400 #prescription_list .highlight
{
401 background-color: #336699;
404 #prescription_list #print_links
{
410 /*=============================================================
412 * seen in the patient immunization screen
413 *============================================================*/
419 #immunization_list table
{
420 border-collapse: collapse
;
421 border: 1px solid black
;
422 background-color: white
;
426 #immunization_list table th
{
427 background-color: #ddd;
430 #immunization_list table td
{
431 border-top: 1px solid black
;
434 #immunization_list .selected
{
435 background-color: #6699cc;
439 #immunization_list .highlight
{
443 #immunization_list button
{
448 /*=============================================================
450 * seen in the patient stats screens
451 *============================================================*/
457 #patient_stats table
{
459 border-collapse: collapse
;
464 #patient_stats .statrow
{
468 #patient_stats .head
{
472 #patient_stats .detail
{
477 #patient_stats .buttons
{
481 #patient_stats .btn
{
484 #patient_stats .bg1
{
485 background-color: #fff;
487 #patient_stats .bg2
{
488 background-color: #ffd;
491 #patient_stats .nowrap
{
494 #patient_stats .typehead
{
495 border-top: 2px solid black
;
496 background-color: #ddd;
499 #patient_stats .highlight
{
500 background-color: #336699;
506 /*=============================================================
507 * Patient Stats Summary
508 * seen in the patient summary screen
509 *============================================================*/
510 #patient_stats_summary {
513 #patient_stats_summary table
{
514 border-collapse: collapse
;
515 background-color: white
;
517 #patient_stats_summary .noend_noreturn
{
520 #patient_stats_summary .noend
{
523 #patient_stats_summary .noreturn
{
526 #patient_stats_summary .title
{
529 #patient_stats_summary .more
{
532 #patient_stats_summary .issuetitle
{
533 background-color: #ddd;
535 #patient_stats_issues {
538 #patient_stats_issues td
{
541 #patient_stats_spreadsheets {
547 #patient_stats_prescriptions {
551 /*=============================================================
553 * seen in the patient summary and notes screens
554 *============================================================*/
556 background-color: #dfd;
559 border-collapse:collapse
;
566 #pnotes .noterow td
{
567 border-top:1px solid black
;
574 /*=============================================================
575 * Patient Past Encounters and Documents
576 * seen in the patient encounter screen
577 *============================================================*/
582 #patient_pastenc .billing_note
{
585 #patient_pastenc .billing_note_text
{
587 border: 2px outset black
;
588 background-color: lightgrey
;
590 #patient_pastenc .billing_note_text_highlight
{
591 background-color:#f7f5d1;
594 #patient_pastenc table
{
595 border-collapse: collapse
;
597 background-color: #fff;
599 #patient_pastenc tr
{
602 #patient_pastenc td
{
603 border-top: 1px solid black
;
607 #patient_pastenc th
{
609 background-color: #ccc;
612 #patient_pastenc #tooltipdiv
{
615 border:1px solid black
;
617 background-color:#ffffaa;
622 #patient_pastenc .tooltip
{
624 border:1px solid
#333;
631 /*=============================================================
632 * This section relates to the custom layouts that can be made
633 * using the OEMR tool in the Admin section. For example, the
634 * Patient Demographics are a custom layout.
635 *============================================================*/
637 /* Patient Demographics */
644 vertical-align: bottom
;
650 vertical-align: bottom
;
654 vertical-align: bottom
;
659 /* Patient History */
666 vertical-align: bottom
;
672 vertical-align: bottom
;
676 vertical-align: bottom
;
682 /* the upcoming events section of the demographics page */
684 border: 1px solid black
;
685 background-color: #D1F5FF;
690 background-color: white
;
700 background-color: #6895A2;
702 text-decoration: none
;
706 /*=============================================================
708 * seen in the patient reports screens
709 *============================================================*/
713 #patient_reports .issues
{
716 #patient_reports .issues table
{
717 margin: 10px 0px 10px 0px;
719 #patient_reports .issues td
{
722 #patient_reports .encounters td
{
725 #patient_reports .encounter_forms
{
726 margin:5px 15px 5px 15px;
728 #patient_reports td
{
731 #patient_reports ul
{
736 /*=============================================================
738 * seen as the patient report (custom_report.php)
739 *============================================================*/
744 border: 2px dotted black
;
746 #report_custom .billing
{
752 margin: 0px 0px 5px 0px;
757 margin: 0px 0px 5px 0px;
760 #report_custom .immunizations
{
764 #report_custom .notes
{
768 #report_custom .transactions
{
772 #report_custom .communications
{
776 #report_custom .documents
{
780 #report_custom .demographics
{
784 #report_custom .insurance
{
788 #report_custom .history
{
792 #report_custom .issue
{
795 #report_custom .issue_type
{
797 padding: 5px 0px 5px 0px;
799 #report_custom .issue_diag
{
800 margin: 0px 20px 0px 20px;
802 #report_custom .issue_title
{
804 #report_custom .issue_comments
{
806 #report_custom .encounter
{
808 border-top:2px dotted black
;
809 padding: 10px 5px 10px 5px;
812 #report_custom .encounter h1
{
817 #report_custom .encounter_form
{
820 border-top: 1px solid gray
;
824 /*=============================================================
825 * Patient - Encounter Forms
826 * seen when viewing an existing encounter (forms.php)
827 *============================================================*/
832 #encounter_forms table
{
833 border-collapse:collapse
;
836 #encounter_forms th
{
837 background-color: #ccc;
839 #encounter_forms tr
{
842 background-color: #fff;
844 #encounter_forms .formrow
{
845 border-bottom:1px solid black
;
851 /*=============================================================
852 * Patient - Code Search
853 * seen when searching for codes (search_code.php)
854 *============================================================*/