New Sliding Menu Module and Support for User Specific Globals:
[openemr.git] / interface / themes / style_sky_blue.css
blobf00df5e29523b0138913130507f7d6a608dc6f3a
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 */
8 a {
9 color: #0000cc;
10 text-decoration: none;
13 a:visited {
14 color: #0000cc;
17 a:hover {
18 color: #ff5555;
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;
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;
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;
48 .text {
49 font-family: sans-serif;
50 text-decoration: none;
51 color: #000000;
52 font-size: 10pt;
55 .required {
56 font-family: sans-serif;
57 text-decoration: none;
58 font-size: 10pt;
59 color: #880000;
60 font-weight: bold;
63 .bold {
64 font-family: sans-serif;
65 text-decoration: none;
66 font-size: 10pt;
67 color: #000000;
68 font-weight: bold;
71 .alert {
72 font-family: sans-serif;
73 font-size: 70%;
74 color: #FF0000;
75 text-decoration: none;
78 .small {
79 text-decoration: none;
80 color: #000000;
81 font-family: sans-serif;
82 font-size: 80%;
85 .link {
86 font-family: sans-serif;
87 text-decoration: none;
88 color: #0000cc;
89 font-size: 70%;
92 .more {
93 font-family: sans-serif;
94 text-decoration: none;
95 font-size: 70%;
98 .back {
99 font-family: sans-serif;
100 text-decoration: none;
101 font-size: 70%;
104 .link_selected {
105 font-family: sans-serif;
106 text-decoration: none;
107 color: #0000FF;
108 font-size: 70%;
111 .link_selected:visited {
112 font-family: sans-serif;
113 text-decoration: none;
114 color: #0000FF;
115 font-size: 70%;
118 .link_submit {
119 font-family: sans-serif;
120 text-decoration: none;
121 color: #000077;
122 font-size: 10pt;
125 .link_submit a:visited {
126 color: #000077;
129 .link_submit a:hover {
130 color: #ff5555;
133 .items {
134 font-family: sans-serif;
135 font-size: 6pt;
138 .title {
139 font-family: sans-serif;
140 font-size: 12pt;
141 font-weight: bold;
142 text-decoration: none;
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;
154 .title_bar_top {
155 font-family: sans-serif;
156 font-size: 13px;
157 font-weight: bold;
158 text-decoration: none;
159 color: #000000;
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'] */
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;
189 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
190 color:#0000cc;
192 #addressbook_list tr.search {
193 font-size:9pt;
194 font-weight:bold;
196 #addressbook_list tr.head {
197 font-size:10pt;
198 background-color:#cccccc;
199 font-weight:bold;
201 #addressbook_list tr.detail {
202 font-size:10pt;
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;
213 #addressbook_list .button {
214 font-family:sans-serif;
215 font-size:8pt;
216 font-weight:bold;
219 /* styles taken out of templates/report/general_default.html */
220 #reports_list td {
221 font-size:8pt;
222 font-family:helvetica;
224 #reports_list a {
225 font-size:8pt;
226 font-family:helvetica;
229 /* styles taken out of templates/documents/general_list.html */
230 #documents_list td {
231 font-size:8pt;
232 font-family:helvetica;
234 #documents_list a {
235 font-size:8pt;
236 font-family:helvetica;
238 #documents_list .treeMenuDefault {
239 font-style: italic;
241 #documents_list .treeMenuBold {
242 font-style: italic;
243 font-weight: bold;
245 #documents_list {
246 width: 29%;
247 height: 95%;
248 overflow: auto;
249 float: left;
250 border-right: dashed 1px;
252 #documents_actions {
253 padding-top: 10px;
254 width: 70%;
255 height: 95%;
256 float: right;
257 overflow: auto;
259 #documents_actions iframe {
260 display: inline;
261 border:none;
262 width:100%;
263 height:200px;
264 overflow: auto;
266 #documents_actions form {
267 margin: 0px; padding: 0px;
269 #documents_actions table {
270 width: 100%;
271 height: 95%;
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;
286 #DEM .label {
287 font-weight: bold;
288 font-size: 0.8em;
289 vertical-align: top;
290 text-align: right;
292 #DEM .data {
293 font-size: 0.8em;
294 vertical-align: top;
295 text-align: left;
296 padding-right: 6px;/*30px - ie 6 fix*/
299 /* Patient History */
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;
309 #HIS .label {
310 font-weight: bold;
311 font-size: 9pt;
312 vertical-align: top;
314 #HIS .data {
315 font-size: 9pt;
316 vertical-align: top;
317 text-align: left;
318 padding-right: 10px;
322 /*=============================================================
323 * Patient Notes
324 * seen in the patient summary and notes screens
325 *============================================================*/
326 #pnotes .billing {
327 background-color: #dfd;
330 #pnotes .highlight {
331 background-color: #fff;
334 #pnotes table {
335 border-collapse:collapse;
338 #pnotes .noterow {
339 cursor: pointer;
342 #pnotes .noterow td {
343 border-bottom:1px dashed black;
344 vertical-align: top;
345 padding: 5px;
346 margin: 5px;
350 /*=============================================================
351 * Patient Stats
352 * seen in the patient stats screens
353 *============================================================*/
354 #patient_stats {
355 padding: 10px;
358 #patient_stats table {
359 width: 100%;
360 border-collapse: collapse;
362 #patient_stats td {
363 padding: 3px;
365 #patient_stats .statrow {
366 cursor: pointer;
369 #patient_stats .head {
370 font-size:10pt;
371 background-color:#cccccc;
372 text-align:center;
375 #patient_stats .detail {
376 font-size:10pt;
377 vertical-align: top;
380 #patient_stats .btn {
381 background-color:transparent;
384 #patient_stats .bg1 {
385 background-color: #ddddff;
387 #patient_stats .bg2 {
388 background-color: #ffdddd;
391 #patient_stats .center {
392 text-align: center;
396 /*=============================================================
397 * Patient Stats Summary
398 * seen in the patient summary screen
399 *============================================================*/
400 #patient_stats_summary table {
401 border-collapse: collapse;
403 #patient_stats_summary .noend_noreturn {
404 color: #ee0000;
406 #patient_stats_summary .noend {
407 color: #dd5500;
409 #patient_stats_summary .noreturn {
410 color: #0000ff;
412 #patient_stats_summary .title {
413 font-size: 1.1em;
415 #patient_stats_issues {
416 width: 100%;
418 #patient_stats_spreadsheets {
419 width: 100%;
421 #patient_stats_imm {
422 width: 100%;
424 #patient_stats_prescriptions {
425 width: 100%;
428 /*=============================================================
429 * Patient Past Encounters and Documents
430 * seen in the patient encounter screen
431 *============================================================*/
432 #patient_pastenc {
433 width:100%;
436 #patient_pastenc .billing_note {
437 width: 25%;
439 #patient_pastenc .billing_note_text {
440 padding: 5px;
441 border: 2px outset black;
442 background-color: lightgrey;
444 #patient_pastenc .billing_note_text_highlight {
445 background-color:#f7f5d1;
447 #patient_pastenc table {
448 border-collapse: collapse;
449 width:100%;
451 #patient_pastenc tr {
452 cursor: pointer;
454 #patient_pastenc td {
455 border-top: 1px solid black;
456 vertical-align: top;
458 #patient_pastenc th {
459 text-align: left;
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;
471 #patient_pastenc .highlight {
472 background-color: #fff;
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;
484 /*=============================================================
485 * Patient Reports
486 * seen in the patient reports screens
487 *============================================================*/
488 #patient_reports {
489 width:100%;
491 #patient_reports .issues {
492 padding-right: 30px;
494 #patient_reports .issues table {
495 margin: 10px 0px 10px 0px;
497 #patient_reports .issues td {
498 padding: 2px;
500 #patient_reports .encounters td {
501 padding: 2px;
503 #patient_reports .encounter_forms {
504 margin:5px 15px 5px 15px;
506 #patient_reports td {
507 vertical-align: top;
509 #patient_reports ul {
510 list-style: none;
514 /*=============================================================
515 * Report - Custom
516 * seen as the patient report (custom_report.php)
517 *============================================================*/
518 #report_custom {
519 width:100%;
521 #report_custom hr {
522 border: 2px dotted black;
524 #report_custom .billing {
525 margin: 5px;
526 padding: 5px;
528 #report_custom h1 {
529 font-size: 120%;
530 margin: 0px 0px 5px 0px;
531 padding: 0px;
533 #report_custom .immunizations {
534 margin: 5px;
535 padding: 5px;
537 #report_custom .notes {
538 margin: 5px;
539 padding: 5px;
541 #report_custom .transactions {
542 margin: 5px;
543 padding: 5px;
545 #report_custom .communications {
546 margin: 5px;
547 padding: 5px;
549 #report_custom .documents {
550 margin: 5px;
551 padding: 5px;
553 #report_custom .demographics {
554 margin: 5px;
555 padding: 5px;
557 #report_custom .insurance {
558 margin: 5px;
559 padding: 5px;
561 #report_custom .history {
562 margin: 5px;
563 padding: 5px;
565 #report_custom .issue {
566 margin-left: 20px;
568 #report_custom .issue_type {
569 font-weight: bold;
570 padding: 5px 0px 5px 0px;
572 #report_custom .issue_diag {
573 margin: 0px 20px 0px 20px;
575 #report_custom .issue_title {
577 #report_custom .issue_comments {
579 #report_custom .encounter {
580 width: 100%;
581 border-top:2px dotted black;
582 padding: 10px 5px 10px 5px;
583 margin-top: 10px;
585 #report_custom .encounter h1 {
586 font-size: 140%;
587 margin: 0px;
588 padding: 0px;
590 #report_custom .encounter_form {
591 margin: 10px;
592 padding: 10px;
593 border-top: 1px solid gray;
595 #addressbook_list tr.evenrow {
596 background-color:#ddddff;
598 #addressbook_list tr.oddrow {
599 background-color:#ffffff;
604 * CSS BUTTONS
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;
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;
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;
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;
643 .sellistclass {
644 float:left;
647 .disabled_button {
648 color: grey;
652 a.disabled_button:hover {
653 color: grey;
657 * TABS
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;
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;
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; }
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; }
683 div.tab table td {
684 padding-right: 1px; padding-bottom: 0px
687 div.tab table td.label {
688 min-width:80px;
691 div.tab table td.data {
692 min-width:120px; /*170px*/
695 .section-header {
696 margin-bottom:5px; width:685px; border-bottom: 1px solid;
699 .section-header-dynamic {
700 margin-bottom:5px; border-bottom: 1px solid;
703 .summary_item {
704 background:#D7DFE7; padding:8px;
708 * REPORTS
711 #report_parameters {
712 background-color: #ececec;
713 margin-top:10px;
716 #report_parameters table {
717 border: solid 1px;
718 width: 100%;
719 border-collapse: collapse;
721 #report_parameters table td {
722 padding: 5px;
725 #report_parameters table table {
726 border: 0px;
727 border-collapse: collapse;
728 font-size: 0.8em;
731 #report_parameters table table td.label {
732 text-align: right;
735 #report_results table {
736 border-top: 1px solid black;
737 border-bottom: 1px solid black;
738 border-left: 1px solid black;
739 border-right: 1px solid black;
740 width: 100%;
741 border-collapse: collapse;
742 margin-top: 1px;
744 #report_results table thead {
745 padding: 5px;
746 display: table-header-group;
747 background-color: #ddd;
748 text-align:left;
749 font-weight: bold;
750 font-size: 0.7em;
752 #report_results table th {
753 border-bottom: 1px solid black;
754 padding: 5px;
756 #report_results table td {
757 padding: 5px;
758 border-bottom: 1px dashed;
759 font-size: 0.8em;
761 .report_totals td {
762 background-color: #77ff77;
763 font-weight: bold;
767 * List-table formatting
769 .showborder {
770 width:650px;
772 .showborder td {
773 border-bottom:1px dashed #000000;
774 text-align:left;
775 font-size:9pt;
777 .showborder_head th {
778 border-bottom:1px solid #000000;
779 text-align:left;
780 font-size:9pt;
782 .shownoborder td {
783 text-align:left;
784 font-size:9pt;
786 .showborder_long {
787 width:100%;
789 .showborder_long tr td{
790 border-bottom:1px dashed #000000;
791 text-align:left;
792 font-size:9pt;
796 * Drug lookup
798 .drug_lookup{
799 font-family: helvetica;
800 font-size: 8pt;
801 border: 2px outset rgb(102, 102, 102);
802 background-color: #94D6E7;
803 padding: 5px;
804 position: absolute;
805 display: block;
808 /* Password alert styles */
809 .pwdalert {
810 display: block;
811 width: 390pt;
812 margin-left: 100px;
813 padding: 10px 10px 10px 15px;
814 color: black;
816 .alertmsg1 {
817 border: 3px solid #fe7b7a;
818 background-color: #ffd6d6 ;
820 .alertmsg2 {
821 border: 3px solid #f56fff;
822 background-color: #fabfff;
824 .alertmsg3 {
825 border: 3px solid #9acc2e;
826 background-color: #eef7dd;
828 /* Password alert styles */
830 /* Style for red font */
831 .redtext {
832 font-family: sans-serif;
833 text-decoration: none;
834 color: #FF0000;
835 font-size: 10pt;
837 /* Style for red font */
839 .de_identification_status_message{
840 width: 50%;
841 border:1px solid #0000FF;
844 .de_identification_input_controls_box{
845 width: 100%;
846 border:1px solid #0000FF;
849 .de_id_upgrade_login{
850 width: 40%;
851 border:1px solid Black;
852 background-color:#DEDEDE;
855 #navigation-slide, #navigation-slide *{
856 padding-left:0px;
857 margin-left:0px;
860 #navigation-slide li{
861 list-style:none;
864 #navigation-slide a{
865 background: #C8F0F7;
866 border-top: 2px solid #85F0F2;
867 color: #000;
868 display: block;
869 font-weight: bold;
870 padding: 5px 2px 5px 10px;
871 width: 150px;
874 #navigation-slide li a.collapsed{
875 background: #999; /* for non-css3 browsers */
876 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BACBE3', endColorstr='#0061E8'); /* for IE */
877 background: -webkit-gradient(linear, left top, left bottom, from(#BACBE3), to(#0061E8)); /* for webkit browsers */
878 background: -moz-linear-gradient(top, #BACBE3, #0061E8); /* for firefox 3.6+ */
881 #navigation-slide li a.expanded{
882 background: #999; /* for non-css3 browsers */
883 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061E8', endColorstr='#BACBE3'); /* for IE */
884 background: -webkit-gradient(linear, left top, left bottom, from(#0061E8), to(#BACBE3)); /* for webkit browsers */
885 background: -moz-linear-gradient(top, #0061E8, #BACBE3); /* for firefox 3.6+ */
888 #navigation-slide ul li a.collapsed_lv2{
889 background: #999; /* for non-css3 browsers */
890 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2DEF7', endColorstr='#1E3463'); /* for IE */
891 background: -webkit-gradient(linear, left top, left bottom, from(#D2DEF7), to(#1E3463)); /* for webkit browsers */
892 background: -moz-linear-gradient(top, #D2DEF7, #1E3463); /* for firefox 3.6+ */
895 #navigation-slide ul li a.expanded_lv2{
896 background: #999; /* for non-css3 browsers */
897 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E3463', endColorstr='#D2DEF7'); /* for IE */
898 background: -webkit-gradient(linear, left top, left bottom, from(#1E3463), to(#D2DEF7)); /* for webkit browsers */
899 background: -moz-linear-gradient(top, #1E3463, #D2DEF7); /* for firefox 3.6+ */
902 #sddm li
903 { margin: 0;
904 padding: 0;
905 list-style: none;
906 float:left;
907 border: 1px solid #94D6E7;
908 background: #999; /* for non-css3 browsers */
909 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E8FFF', endColorstr='#CCD9EA'); /* for IE */
910 background: -webkit-gradient(linear, left top, left bottom, from(#3E8FFF), to(#CCD9EA)); /* for webkit browsers */
911 background: -moz-linear-gradient(top, #3E8FFF, #CCD9EA); /* for firefox 3.6+ */
914 #sddm li a
915 { display: block;
916 margin: 0 1px 0 0;
917 padding: 4px 10px;
918 color: #004080;
919 text-align:left;
920 text-decoration: none;
921 font-size: 0.8em;
922 font-weight:bold;
925 #sddm li a:hover
927 background: #8ca3ee;
930 #sddm div
932 position: absolute;
933 visibility: hidden;
934 display: none;
935 margin: 0;
936 padding: 0;
937 background: #C9F1B5;
938 border-left: 1px solid #000000;
939 border-right: 1px solid #000000;
940 border-bottom: 1px solid #000000;
943 #sddm div a
945 position: relative;
946 display: block;
947 margin: 0;
948 padding: 5px 10px;
949 width: 170px;
950 white-space:normal;
951 text-align: left;
952 text-decoration: none;
953 background: #dff4ff;
954 color: #2875DE;
955 font-size: 0.8em;
956 font-weight:normal;
959 #sddm div a:hover
961 background: #8ca3ee;
962 color: #000000;