/* ===================================================================================================
   register.css - Register.aspx

   THIS FILE REPLACES NINE INLINE style= ATTRIBUTES and an empty <style> block in the head, plus the
   23 Font-Bold / Font-Size / Font-Underline attributes that rendered inline styling of their own.
   Every rule below is the deployed value, carried over unchanged - only its location differs, except
   the one noted as a fix.

   .InfoLabel, .TD_Title_14 and .TD_Title_12 are NOT redefined here. They are real and shared -
   StyleSheet.css - and the page keeps the two it actually uses. .ibis-input and .ibis-btn come from
   /css/ibis-ui.css, which the root MasterPage.master now loads.
   =================================================================================================== */

.rg-wrap {
    font: 400 13px "Segoe UI", Arial, sans-serif;
}

/* Was <div style="margin-bottom:40px;"  text-align: center" class="InfoLabel">. THE DEPLOYED MARKUP
   IS MALFORMED - a stray text-align and an unbalanced quote - so the browser threw the alignment away
   and the heading was never centred. The margin is the deployed value; the centring is what that
   markup was trying to say and could not. */
.rg-title {
    margin-bottom: 40px;
    text-align: center;
}

/* Was <div style="margin: auto; text-align: center"> around the logo. */
.rg-logo {
    margin: auto;
    text-align: center;
}

/* ---------------------------------------------------------------------------------------------------
   THE FORM
   Was <table style="margin: auto"> with 19 rows and 88 cells, of which SIX rows were nothing but
   spacers and 50 cells held nothing but &nbsp;. Those are gone - 13 rows, no &nbsp; - and the spacing
   is here, your dialog rule.
   --------------------------------------------------------------------------------------------------- */
.rg-form {
    margin: auto;
    border-collapse: collapse;
}

.rg-form td {
    padding: 2px 0;
    vertical-align: middle;
}

/* Qualified for the same specificity reason as every other converted form: the row rule above is a
   class AND an element at (0,1,1), which beats a bare class at (0,1,0). */
.rg-form td.rg-caption {
    padding-right: 5px;
    white-space: nowrap;
}

/* The instruction line above the fields. It keeps the shared .TD_Title_14. */
.rg-form td.rg-intro {
    padding-bottom: 14px;
}

/* Was style="text-align: center" on the Check-Name-Availability cell. */
.rg-form td.rg-mid {
    text-align: center;
    padding-left: 8px;
}

/* The three PDF links sit next to the checkbox and need a little air. */
.rg-form td.rg-terms {
    padding-left: 4px;
}

    .rg-form td.rg-terms a {
        margin-left: 8px;
    }

/* Was telerik:RadTextBox Width="200px", on all eleven boxes, and RadComboBox Width="200px". */
.rg-w200 {
    width: 200px;
}

/* Was style="text-align: center" on the Register button cell. */
.rg-form td.rg-actions {
    text-align: center;
    padding-top: 16px;
}

/* Was telerik:RadButton Skin="Silk" with <Icon PrimaryIconUrl="~/Images/Logo16d.png" />. A plain
   asp:Button carries an icon as a background image. */
.rg-btn {
    padding-left: 26px;
    background-image: url("/Images/Logo16d.png");
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 16px 16px;
}

/* Your rule: links underlined at rest, colour changes on hover. The three PDF links carried
   Font-Underline="True", which rendered an inline style attribute; the underline is here now and the
   hover colour is the same one the other converted pages use. */
.rg-form a {
    color: #2f6fb0;
    text-decoration: underline;
}

    .rg-form a:hover {
        color: #1f4f80;
    }