/* Registration search-result message box.
   Dedicated class (not the shared .erToolTipMes, which has a fixed 39px height
   that clips multi-line messages) so the yellow background always grows to
   cover the entire message.

   display:flow-root is essential: the shared stylesheet floats the inner <p>
   (float:left), which would otherwise collapse this box's auto height to 0 and
   let the text spill out below the yellow background. flow-root establishes a
   block formatting context so the box contains the float and grows to fit it. */
.regMsgBox {
    display: flow-root;
    width: auto;
    max-width: 460px;
    height: auto;
    min-height: 39px;
    box-sizing: border-box;
    padding: 15px 20px;
    border: 1px solid #c1c2c1;
    background: #fefbee;
}

    .regMsgBox p {
        float: none;
        margin: 0;
        text-align: center;
    }