BODY {
/*    background-color:#336699;*/
    background-color:silver;
}

textarea {
  overflow: auto;
}

.centered {
    margin-left:auto;
    margin-right:auto;
}

.page-header {
    color: #442605;
    font: 26pt tahoma, arial;
    padding: 3px;
    background-color: #5A71D6;
}

.page-footer {
    background-color: #5A71D6;
    color: #442605;
    font: 9pt  tahoma, arial;
    padding: 4px;
}

#session-time {
    text-align:right;
    font-size: 7pt;
}

.hospital-name {
    text-align: left;
    font: 8pt tahoma, arial;
/*    padding-left: 25px;
    padding-right: 5px;*/
}

.main-content {
    background-color:#42529c;
    width:900px;
    border: solid 2px black;
}

.grid-holder {
    border: solid 1px black;
    background-color:#999;
    padding: 2px 2px 2px 2px;
}

.flash-message {
    font: 12pt arial;
    color: #6F0000;
    text-align: center;
    margin-bottom: 20pt;
}

.form-divider {
    height: 1px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-top: solid gray 1px;
    font-size: 1px;
    line-height: 1px;
}

.form-divider-thin {
    height: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid gray 1px;
    font-size: 1px;
    line-height: 1px;
}

.form-spacer {
    height: 1px;
    font-size: 1pt;
}

.grid-button {
    font: bold 7pt arial;
    border: 2px outset #EEEEEE;
    padding: 1px 5px 1px 5px;
    background-color: #DDD;
    text-decoration: none;
    margin: 0px;
}
.grid-button:link { color: rgb(0, 0, 153) }
.grid-button:visited { color: rgb(0, 0, 153) }

.grid-button2 {
    font: bold 7pt arial;
    border: 2px outset #EEEEEE;
    padding: 0px 5px 0px 5px;
    background-color: #DDD;
    text-decoration: none;
    margin: 0px;
}
.grid-button2:link { color: rgb(0, 0, 153) }
.grid-button2:visited { color: rgb(0, 0, 153) }

.popup-link { color: rgb(0, 0, 0); cursor: pointer; text-decoration: underline; }
.popup-link:hover  { text-decoration: underline; }


.form-status {
    font: 9pt arial;
    text-align: center;
}

.form-status-loading { font: 9pt arial;
    padding:2px 0px 0px 20px;
    color: black;
    background: url(images/spinner2.gif) no-repeat;
}

.patient-list {
    font: 9pt arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-right: solid black 1pt;
    padding: 1px 1px 1px 3px;
 }

.item-status-label {
    font: bold 8pt arial;
    padding: 1px 1px 1px 4px;
    border-bottom:1px solid black;
 }

.item-status-desc {
    font: 8pt arial;
    padding: 2px;
    border-bottom:1px solid black;
 }

 .list-key {
     margin-top: 3px;
     font: 8pt arial;
}

.security-description {
    font: 8pt arial;
    line-height: 12px;
    padding-top: 4px;
}

.sup {
  font-size:40%;
  position:relative;
  bottom: 1.2em;
}

.ridge-table {
    border: #EEEEEE 2pt ridge;
    padding: 5pt;
    font: 9pt arial;
    background-color: #EEEEEE;
}

#record-num {
    text-align: right;
    font: 8pt arial;
}

.user-info-holder {
    padding-top: 4px;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.entered-by-label {
    text-align: right;
    padding-right: 4px;
}

#entered-by, #modified-by {
    text-align: left;
    padding-right: 15px;
    font-weight: bold;
}

#last-modified {
    text-align: left;
    padding-right: 15px;
}

.grid-text-small .x-grid-cell-text{
    font-size:8pt;
}

.greyrows {
	background-color: #E7E7E7;
}

.unit-inspection-cell {
    border-bottom: 1px solid #ddd;
}

.vertically-center.x-grid-col {
  vertical-align : middle !important;
}

/* --- customize Ext stylesheet */

/* --- fix for comboboxes in safari 3 */
.ext-safari .x-form-text{height:16px;}

/* --- allow text selection in grids in firefox (this is necessary so text can be selected in the
   --- criteria text fields in the PIActivity Dialog */
.x-grid-cell-text,.x-grid-hd-text{-moz-user-select:elements;-khtml-user-select:elements;}

/* --- paddedradio makes all browsers render radio buttons with the same margin */
.paddedradio { margin: 4px 2px 2px 2px; }         /* fix for windows */
.ext-mac .paddedradio { margin: 3px; }            /* fix for mac */

/* --- adjust vertical alignment of checkboxes and labels in Windows */
.x-form-cb-label { top: -2px}
.x-form-checkbox { margin-top: 4px; }
.x-form-check-wrap { line-height: 12px }    /* needed to contain vertical spacing in user dialog */
/* --- adjust vertical alignment of checkboxes and labels in IE */
.ext-ie .x-form-cb-label { top: -3px}
.ext-ie .x-form-checkbox { margin-top: 3px; }
/* --- adjust vertical alignment of checkboxes and labels in Mac */
.ext-mac .x-form-cb-label { top: 1px}
/* --- adjust vertical alignment of checkboxes and labels in Firefox Mac */
.ext-mac.ext-gecko .x-form-cb-label { top: 0px}
/* --- adjust line spacing in user dialog for Safari/Chrome mac */
.ext-mac.ext-safari .x-form-check-wrap { line-height: 19px }

/* --- fix for calendar popup width in Firefox 3+, Chrome 25+ */
table.x-date-inner {
   width:175px; /* original was width : 100% */
}

/* --- IE8 move text fields down 1px to expose upper border and line up with trigger button */
.ext-ie8 .x-form-text {
    margin-top: 0px;
}
/* --- IE8 move text fields down 2px to line up with trigger button in toolbars */
.ext-ie8 .x-small-editor .x-form-text {
    margin-top: 1px !important;
}

/* --- Ext sets list-style to none (i.e. no bullet). Among other things this is required for correct rendering of
   --- the calendar control. Make special list classes to override this when needed */
ul.list { list-style: disc; }
ol.list { list-style: decimal; }
li.list { margin-left: 20px; padding-left: 5px; }

/* --- make resize handle match color of grid border */
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
    background:url(images/s-handle-dark.gif);
    background-position: top;
}

/* --- make disabled items a little more visible */
.x-item-disabled {
    color: black;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

/* --- use our own spinner2.gif for a loading graphic in place of the one provided by Ext */
.x-mask-loading div { background: #eee url( 'images/spinner2.gif' ) no-repeat 5px 5px; }
.loading-indicator { background-image: url( 'images/spinner2.gif' ); }
.x-item-disabled .x-grid-loading .x-btn-text{ background-image: url( 'images/spinner2.gif' ); }
#x-msg-box .x-msg-box-wait { background: transparent url( 'images/spinner2.gif' ) no-repeat left; }
.x-tree-node-loading .x-tree-node-icon{ background-image:url( 'images/spinner2.gif' ) !important; }

/* --- raise position of paging info in grid toolbar slightly --- */
.x-paging-info { top: 6px; }
#event-list .x-paging-info { top: 8px; }    /* the events toolbar is taller than other toolbars */