/* = = = = = = = = = = Generic CSS3 classes = = = = = = = = = */
/* THIS FILE MUST VALIDATE AS CSS3  */
/* DO NOT PUT NON-CSS3 STYLES HERE. */

.hidden { 
 display: none;
}

/* This style class should never be removed from an element by logic (JavaScript). */
.do-not-ever-display { 
 display: none;
}


.invisible { 
 visibility: hidden;
}

.et1-communications-iframe { 
 height: 0px; /* No luck fixing Safari with 1px by 1px and the default 'display' value. */
 width: 0px; 
 display: block; /* Required for Safari. */
 color: transparent; /* In case the display setting isn't taken. */
}


/* Used where components fail to lazy-load, etc. */

.notice-box { 
 display: table-cell;
 vertical-align: middle;
 padding: 1.5em;
 text-align: left;
 font-size: 1.1em;
}

.in-progress {
 border: 1px solid #000000;
 padding: 0.8em;
}

.info { 
  border: 1px solid #999;
  background-color: #f4f4f4; /* very light grey */
}

.advisory {
 border: 1px solid #f90;
 background-color: #ffc; 
}

.attention { /* Use with '/images/i_attention.gif'. */
 border: 1px solid #999; /* Like '#etGreyBox' */
 font-weight: 800;
 background-color: #eeeeee; /* grey */
}

.error {
 border: 1px solid #cc0202;
 font-weight: 800;
 background-color: #ffc; 
}

.user-alert-icon {
 float: left;
 margin-right: 2em;
}

.icon-message {
}

.invalid-form-field  {
 border-style: solid;
 border-width: 2px;
 border-color: #ff0000;
 color: #ff0000;
 font-weight: 700; 
}

.invalid-form-field-checkable {
 font-weight: 700;
 color: #ff0000;
 background-color: #ff0000;
}

.required-symbol {
 color: #ff0000;
 font-weight: 700;
 padding: 4px;
}

.disabled {
 user-select: none; /* http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-select */
 background-color: #7e7e7e;  
}

 /* Allows scrolling, and where possible, copying. */
.soft-disabled {
 background-color: #e6e6e6 !important; 
 border:1px solid #cccccc !important;
}