/* remember: top right bottom left */


/**
 * HTML As I Like It

****** SOFTWARE LICENSE *******************************************************

Care Plans and Charting (CP/C), �CPI Programs, Inc., 2004. All rights reserved.
You may not reproduce, distribute, publicly perform, publicly display, modify or
create derivative works of or based on this Software.

********************************************************************************/
@font-face {
    font-family:            Muli;
    src:                    url('font/Muli-Regular.woff');
}

textarea                        /* some padding */
{
    padding:                2px;
    width:                  350px;
    height:                 100px;
}

div.asked-question textarea {
    width:                  -moz-available;
}
html
{
    padding:                0px;
    margin:                 0px;
    border:                 0px;
    height:                 100%;
    overflow-y:             auto;
    overflow-x:             hidden;
}

body                            /* sans serif */
{
    font-family:            Muli;
    font-size:              80%;
    height:                 100%;
    overflow-y:             auto;
    overflow-x:             hidden;
    padding:                0px;
    border:                 0px;
    margin:                 0px;
}

.print-body
{
    /*background-color:       #525252;*/
    padding-top:            0px;
    padding-left:           1px;
    padding-right:          0px;
}

.table-wrapper
{
    /*background-color:       #525252;*/
    padding-top:            0px;
    padding-left:           1px;
    padding-right:          0px;
}

table                           /* no cellspacing */
{
    border-collapse:        collapse;
}

table.s-unfinished > tbody > tr > td
{
    text-align:             left;
}

td                              /* no cellpadding */
{
    vertical-align:         top;
}

td.spaced
{
    padding-left:           195px;
}

a:visited,
a:link
{
    text-decoration:        none;
    color:                  #9edbf7;
    font-weight:            lighter;
}

a.inline-link
{
    cursor:                 pointer;
    text-decoration:        underline;
}

/**
 * suppress print-footer
 */

div.print-footer, table.print-header, div.print-footer-right, td.print-footer
{
    display:                none;
}

/**
 * PAGE HEADER
 */

td.hospice-header
{
    width:                  70%;
    font-size:              10pt;
    font-weight:            bold;
    text-align:             left;
    vertical-align:         bottom;
    padding-bottom:         3px;
}

td.page-title-header
{
/*    font-size:              14pt;*/
    font-weight:            bold;
    padding:		        6px;
}


td.mumms-header
{
    vertical-align:         bottom;
    text-align:             right;
    padding:				0px 2px 3px 0px
}


/**
 * patient details
 */

.seperator
{
    border:                 1px solid #3a3a3a;
}

table.patient-details
{
    width:                  100%;
    padding:                0px 0px 2px 0px;
    margin-top:             -1px;
    margin-left:            -1px;
    margin-right:           -1px;
}

/* Patient information - styling red text */
.nda-set-visibility {
    color: red;
    padding-bottom: 5px;
    font-size: 1.3em;
    display: none;
}


/*@media only iframe and (width: 700px) {
    .nda-set-visibility {
        display: block !important;
    }
}*/

/* Patient information - content padding */
.nda-set-visibility span {
    padding-right: 10px;
}

/*iframe#main iframe div.nda-set-visibility {*/
    /*display: block;*/
/*}*/

table.patient-details-top
{
/*    margin-bottom:          8px;*/
}

table.patient-details-next
{
}

table.patient-details-last
{
}

td.patient-details-start, td.patient-details-start-prev-admit, td.patient-details-information, span.archived, td.patient-details-non-medicare-start, td.patient-details-non-medicare-start-prev-admit
{
    padding-left:           2px;
    padding-right:          2px;
    font-size:              8pt;
    font-weight:            lighter;
    white-space:            nowrap;
}

td.patient-details-next, td.patient-details-next-prev-admit, td.patient-details-non-medicare-next, td.patient-details-non-medicare-next-prev-admit
{
    padding-left:           2px;
    padding-right:          2px;
    font-size:              8pt;
}

td.patient-details-next-prev-admit, td.patient-details-start-prev-admit {
    color:                  grey;
    font-style:             italic;
}

td.patient-details-non-medicare-start-prev-admit, td.patient-details-non-medicare-next-prev-admit
{
	font-style:	            italic;
}

td.patient-details-information
{
   padding-bottom:          2px;
   padding-top:             2px;
   text-align:              center;
}

span.archived
{
   font-variant:            small-caps;
}

.dropdown
{
    padding-top:            15px;
}

/**
 * login
 */

div#login
{
    width:                  100%;
}

table.login
{
    width:                  250px;
    background-color:       #525252;
    height:                 100%;
    border-radius:          12px;
}

table#login-table-wrapper
{
    width:                  100%;
    top:                    125px;
    position:               absolute;
}

table#loginWidth
{
}

table#loginTable
{
/*    align:                  center;*/
}

td.login-heading
{
    font-weight:            bold;
    padding-bottom:         10px;
    color:                  #9e9e9e;
}
td.login-left
{
    padding-right:          10px;
    padding-top:            4px;
    text-align:             left;
    vertical-align:         middle;
    color:                  #9e9e9e;
    font-weight:            lighter;
}

td.login-right
{
    padding-right:          10px;
    padding-top:            4px;
    text-align:             left;
}

td.login-center
{
    text-align:             center;
}

input.login
{
    padding:                4px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    background-color:       #faffbd;
    border:                 1px solid white;
    width:                  175px;
    /*height:                 10px;*/
    color:                  black;
}

/**
 * columns (maybe special for each page)
 */

td.column-next div.heading,
.major-heading
{
    font-family:            Muli;
    font-size:              100%;
    font-weight:            lighter;
    border-collapse:        collapse;
    text-decoration:        none;
    margin-bottom:          8px;
    padding-top:            3px;
    padding-left:           3px;
}

div.heading
{
    font-weight:            lighter;
    margin-bottom:          8px;
    padding-top:            3px;
    padding-left:           5px;
    text-transform:         uppercase;
}

div.heading_careplan
{
    font-size:              15px;
    margin-bottom:          -10px;
    padding-top:            8px;
    padding-left:           2px;
    text-transform:         uppercase;
}

.content_noentry
{
    padding-left:           3px;
    padding-top:            15px;
}

div.content
{
    font-weight:            lighter;
    color:                  #ffffff;
    margin-bottom:          8px;
    padding-top:            3px;
}

a.drug-pack-heading
{
    font-size:              110%;
    font-weight:            bold;
}

.minor-heading
{
    font-size:              100%;
    padding-left:           3px;
}

.alert-heading, .alert-heading-other
{
    font-weight:            lighter;
    padding-top:            3px;
    padding-left:           3px;
	margin-bottom:			8px;
    text-transform:         uppercase;
}

.alert-minor-heading
{
    font-size:              100%;
    font-weight:            bold;
    padding-top:            2px;
    padding-bottom:         10px;
    padding-left:           5px;
}

.alert-text
{
    padding-bottom:         10px;
}

div.underline
{
    margin:                 4px 0px 4px 0px;
    width:                  100%;
}

td.column
{
    width:                  65%;
    padding-right:          3px;
}

td.column-next
{
    width:                  35%;
}

/**
 * basic layout tricks
 */

table.panel                     /* fill 'em up */
{
    width:                  100%;
/*    align:                  right;*/
}

table.overview-panel                     /* fill 'em up */
{
    width:                  100%;
    height:                 100%;
/*    align:                  right;*/
}

/**
 * info tables
 */

table.info
{
    width:                  100%;
    margin-bottom:          20px;
}

table.info td.left
{
}

table.info td.right
{
    text-align:             left;
}

/**
 * inline listing
 */

div.inline-listing, div.inline-listing-discontinued
{
    overflow:               auto;
    border-bottom:          0px;
}

div.inline-listing-discontinued
{
    text-decoration:        line-through;
}

div.inline-listing a, div.inline-listing-discontinued a
{
    display:                block;
    padding:                4px 4px 4px 4px;
}

/**
 * listing
 */

table.listing
{
    border-collapse:        collapse;
    border-spacing:         0px;
    margin-left:            -1px;
    margin-top:             -1px;
}

th.start, th.start-no-pointer
{
    font-weight:            lighter;
    padding:                2px 3px 0px 3px;
    width:                  1%;
    cursor:                 pointer;
}

th.continue, th.end, th.continue-no-pointer, th.end-no-pointer
{
    font-weight:            lighter;
    padding:                0px 2px 0px 2px;
    cursor:                 pointer;
}

th.synch-open-visit
{
    font-weight:            lighter;
    padding:                0px 4px 0px 4px;
    cursor:                 pointer;
    width:                  80px;
}

td.hidden, th.hidden
{
	display:				none;
}

td.start, td.synch-start, td.start-no-pointer
{
    text-align:             left;
    padding:                3px 3px 3px 3px;
    width:                  1%;
}

td.continue, td.end, td.synch-continue, td.synch-end, td.synch-open-visit, td.continue-no-pointer, td.end-no-pointer
{
    text-align:             left;
    padding:                3px 3px 3px 3px;
}

td.face-sheet
{
    background-repeat:      no-repeat;
    background-position:    50% 50%;
    padding:                3px 3px 3px 3px;
    cursor:                 pointer;
}

td.edit-image {
    background-repeat:      no-repeat;
    background-position:    50% 50%;
    padding:                3px 3px 3px 3px;
    cursor:                 pointer;
}

td.meds {
    background-repeat:      no-repeat;
    background-position:    50% 50%;
    padding:                3px 3px 3px 3px;
    cursor:                 pointer;
}

td.synch-open-visit
{
    text-align:             center;
}

td.start, td.continue, td.end
{
    cursor:                 pointer;
}

table.administrations-detail td.start, table.administrations-detail td.continue, table.administrations-detail td.end
{
    cursor:                 default;
}

td.trans33
{
    font-style:             italic;
}

td.trans
{
    font-style:             italic;
}

td.trans30
{
    opacity:                .30;
}

td.trans55
{
    opacity:                .55;
}

div.sel-med-tasks
{
    display:                none;
    position:               absolute;
    visibility:             hidden;
}

.sel-med-tasks
{
    display:                none;
    position:               relative;
    visibility:             hidden;
}

/***** Visits Page *****/

.visit-details
{
    padding-left:           3px;
}

.visit-details-heading
{
	margin-top:				10px;
    padding-left:           5px;
}

#visit
{
    margin-left:           5px;
}

/*****************************************************************************
 * Care plan
 */

a.object:link
{
    border-style:           none;
}

div.problem-name, div.medication-name, div.object-name
{
    border-style:           solid solid none;
    border-bottom:          0px;
    padding:                5px 3px 5px 3px;
}

div.problem-detail, div.object-detail
{
    padding:                5px 3px 5px 3px;
    margin-bottom:          20px;
}

div.problem-name-required
{
    padding:                5px 3px 5px 3px;
    font-weight:            bold;
}

div.note-detail, div.note-detail-red
{
    /*margin-bottom:          10px;*/
    margin-left:            12px;
    white-space:            pre-line;
}

div.note-detail-red
{
    font-weight:            lighter;
}

/**
 * medications
 */

div.medication-border
{
     padding: 10px;
     border: 1px solid grey;
}

/*
medication-border {
    -moz-binding: url("bindings/patient/medication.xml#border");
}

medication-edit[type="administer"] {
    -moz-binding: url("chrome://cpc/content/bindings/patient/medication.xml#administer");
}
*/

table#customize-med-sheet {
    margin:                 5px;
}

caption
{
    padding:                1px 10px 1px 10px;
    font-weight:            bold;
}

span.script-name
{
    font-weight:            bold;
}

/*span.script-covered, span.script-not-covered
{
    font-size:              8pt;
}*/

span.drug-pack-name
{
    font-size:              9pt;
}

div.administer-image
{
    background-repeat:      no-repeat;
    background-position:    50% 50%;
    width:                  15px;
    height:                 20px;
}

/*div.edit-image {
    background-image:       url(images/edit.gif);
    background-repeat:      no-repeat;
    background-position:    50% 50%;
    width:                  23px;
    height:                 18px;
}*/

img.administer-image
{
    border:                 0px;
    margin-right:           4px;
}

div.medication-detail
{
    margin-bottom:          20px;
}

a.script:link,
a.script:visited
{
    display:                block;
    text-decoration:        none;
    padding:                5px 3px 5px 3px;
}

a.script div.script-inline
{
    padding-bottom:         3px;
    padding-left:           5px;
    margin-bottom:          5px;
}

/*span.script-inline-bold
{
    font-weight:            bold;
}*/

span.script-inline-highlighted
{
    /*font-size:            8px;*/
}

div.for-treatment-of
{
    padding:                5px 3px 5px 3px;
    margin-bottom:          10px;
}

div.med-questionnaire
div.heading,
div.for-treatment-of
div.heading
{
    padding-bottom:         3px;
    margin-bottom:          5px;
}

div.med-questionnaire
div.detail,
div.for-treatment-of
div.detail
{
    margin:                 0px 0px 0px 15px;
}

table.administrations-detail
{
    margin:                 5px 0px 0px 15px;
}

table.administrations-detail table
{
    margin:                 5px 5px 5px 5px;
}

table.script-detail
{
    margin:                 0px 0px 0px 15px;
}

td.script-label
{
    padding:                3px 15px 0px 0px;
    width:					50%;
    /*font-weight:            bold;*/
}

td.script-value
{
    padding:                3px 0px 0px 0px;
}

td.script-value p
{
    margin:                 0px;
    margin-bottom:          5px;
}

div.sub-object-name
{
/*
    padding-bottom:         3px;
    margin-bottom:          5px;
 */
}

div.sub-object-detail
{
}

div.script-action-name
{
    /*font-weight:            bold;*/
    margin-bottom:          3px;
}

div.script-action-detail
{
    margin:                 0px 0px 10px 15px;
}

div.sub-object
{
    margin-bottom:          10px;
}

/**
 * diagnoses
 */

div.primary-diagnosis
{
    font-weight:            bold;
}

div.diagnosis
{
}
/**
 * forms
 */

.error-hidden
{
    display:                none;
}

.error-shown
{
    display:                block;
    font-weight:            bold;
}

/*
tr.error-shown
{
    display:                table-row;
} */

tr.error-shown
{
    display:                block;
}

table.form div.grouping, table.selectors div.grouping
{
    margin-bottom:          5px;
    padding:                5px 0px 5px 0px;
    font-weight:            bold;
}

table.selectors
{
    padding:                5px 0px 5px 0px;
    margin:                 10px 0px 10px 0px;
}

td.selectors
{
    padding:                0px 5px 0px 0px;
}

table.form td.label
{
    padding:                10px 10px 10px 5px;
}

table.form td.view
{
    padding:                10px 0px 10px 0px;
}

table.form td.input
{
    padding:                8px 0px 10px 0px;
}

table.form td.label-continue
{
    padding:                10px 10px 10px 10px;
}

table.info-packed
{
    margin:                 0px 0px 10px 0px;
}

table.info-packed td.label
{
    padding:                0px 10px 0px 3px;
}

table.info-packed td.label-continue
{
    padding:                0px 10px 0px 10px;
}

table.info-packed td.datum
{
    padding:                0px 0px 0px 0px;
}

table.form div.section
{
    margin-bottom:          5px;
    padding:                5px 0px 5px 5px;
    font-weight:            bold;
}

textarea.comments
{
    width:                  95%;
}

textarea.note
{
    width:                  95%;
}

.script-inline-discontinued,
.script-inline-modified
{
/*    padding:                3px;*/
}

.script-summary
{
    padding-bottom:         5px;
    padding-left:           5px;
}

a.task,li.task
{
    padding:                25px 0px 5px 0px;
}

.selector-page
{
    margin:                 15px 4px -5px 4px;
}

.selector
{
    width:                  100%;
    font-size:              12px;
    color:                  white;
    text-indent:            0.01px;    /* Removes default arrow from firefox*/
    text-overflow:          "";
}

.selector-option, .selector-option-highlighted
{
    padding-left:           10px;
    font-size:              8px;
}

.selector-heading, .selector-heading-highlighted
{
    font-size:              8pt;
    text-transform:         uppercase;

}

.selector-option-highlighted, .selector-heading-highlighted
{
}

.notification-option
{
    font-size:              10px;
}

/*.h-splitter
{
    width:                  100%;
    height:                 3px;
    background:             #c3e68b;
    margin:                 8px 0px 0px 0px;
}*/


/* for message related forms */

textarea.msg, input.msg
{
    font-size:              10pt;
    padding:                5px;
}

/* a little extra to line things up */

input.msg
{
    font-family:            Muli;
    padding-right:          8px;
    padding-left:           3px;
}

.report-header
{
    font-weight:            bold;
    padding-left:           8px;
}

li.choose-chart-item
{
    font-size:              10pt;
}

span.bold
{
    font-weight:            bold;
}

a.contact-link-prev-admit
{
    font-style:             italic;
}

a.contact-link:hover, a.contact-link-prev-admit:hover
{
    cursor:                 pointer;
    text-decoration:        underline;
}

/*
physicianComboBox
{
    -moz-binding:           url("bindings/patient/combobox.xml#combobox");
}

treechildren::-moz-tree-row(focus)
{
    display:                block;
}

treechildren::-moz-tree-row(current)
{
  cursor:                   default;
  background-color:         rgb(51,94,168);
  padding-left:             4px;
  color:                    blue;
}

treechildren::-moz-tree-cell-text(grey)
{
    color:                  grey;
}  */

/* old-style combobox */

.physicianView
{
    vertical-align:         top;
}

.cboxtd
{
    vertical-align:         middle;
    border:                 0;
}

combo-box option, combo-box value
{
    display:                none;
}

combo-box
{
    color:                  red;
}

.combo-box input
{
    border:                 0px solid grey !important;
    width:                  203px;
    vertical-align:         middle;
    padding-left:           4px;
    border-bottom:          white;
}

.combo-button
{
    cursor:                 default;
    height:                 20px;
    padding:                0;
    background-repeat:      no-repeat;
    background-position:    50% 50%;
    width:                  19px;
    border:                 0;
}

.combo-button:hover
{
    /*background-image:       url(images/sel_over.gif);*/
}

.combo-item
{
    cursor:                 default;
    border:                 0 none;
    padding-left:           4px;
    font-family:            Muli;
    font-size:              9pt;
}

.combo-item:hover
{
    cursor:                 default;
    padding-left:           4px;
}

.combo-list table
{
    table-layout:           fixed;
    width:                  214px;
}

.combo-list
{
    padding:                1px;
    width:                  228px;
    overflow:               auto;
    overflow-x:             hidden;
    overflow-y:             auto;
}

td.send-data-header
{
    font-weight:            bold;
    padding-bottom:         20px;
    padding-left:           5px;
}

td.send-data-name, td.send-data-name-req
{
    padding:                0px 0px 10px 5px;
    width:                  300px;
}

td.send-data-name-req
{
    padding-left:           5px;
}

.send-data-name-req::after
{
    content:                url('images/dance-floor-icons/mandatory.png');
}

td.send-data-value
{
    padding:                0px 0px 10px 10px;
}

a.anchor
{
	font-size:			    8pt;
}

div.chart-anchors
{
  text-align:               center;
}

div.wait
{
	position:               absolute;
	top:                    0px;
	left:                   0px;
	overflow:               hidden;
	display:                none;
	z-index:                50;
	width:                  100%;
	background-color:       #cccccc;
	background-image:       url('images/wait.gif');
	background-repeat:      no-repeat;
	background-position:    center;
	opacity:                .8;
}


/**** spinner ****/

@-moz-keyframes spinner
{
    to {-moz-transform: rotate(360deg);}
}

.spinner
{
    min-width:              30px;
    min-height:             30px;
}

.spinner:before
{
    content:                'Loading…';
    position:               absolute;
    width:                  24px;
    height:                 24px;
}

.spinner:not(:required):before
{
    content:                '';
    border-radius:          50%;
    border:                 2px solid #cccccc;
    border-top-color:       #0078BE;
    -moz-animation:         spinner .6s linear infinite;
}

@-moz-keyframes spinner_big
{
    to {-moz-transform: rotate(360deg);}
}

.spinner_big
{
    min-width:              30px;
    min-height:             30px;
}

.spinner_big:before
{
    content:                'Loading';
    position:               absolute;
    width:                  24px;
    height:                 24px;
    top:                    50%;
}

.spinner_big:after
{
    content:                'Loading';
    top:                    60%;
    left:                   49%;
    position:               absolute;
}

.spinner_big:not(:required):before
{
    content:                '';
    border-radius:          50%;
    border:                 2px solid #1a1a1a;
    border-top-color:       #0078BE;
    -moz-animation:         spinner .6s linear infinite;
}

table.splash
{
	margin-top:             24px;
	margin-left:            50px;
}

table.splash td
{
	padding:                4px;
}

table.splash td.copyright
{
	margin-top:             50px;
	padding-top:            10px;
}

table.table-wrapper
{
    table-layout: auto;
	width:                  100%;
    /*height:                100%;*/
}

div.recap-summary
{
    padding-left:           10px;
}

.pendingRx {
  border: 2px solid #9edbf7;
}