/*
Please only put Module specific measurements in this stylesheet only.
Heights and Widths and specific sytles only.

Colors, Fonts, etc... will need to be assigned by giving them the proper aeShield Classes defined in our skin.

You may target your module's html by starting it with your module name with periods and spaces removed as a class name
followed by a space then whatever rule you normally would have.
Example: .aeShieldUserProfile input { width:50px; }
The above example would only affect input HTML controls within your module.
*/

.aeShieldUserProfile .tbl
{
    margin-top: 5px;
    table-layout: fixed;
    width: 400px;
}
.aeShieldUserProfile .lbl
{
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding-top:5px;
    padding-left: 8px;
    padding-bottom: 5px;
    height: 17px;
}
.aeShieldUserProfile .req {
    color: #C60C30;
}
.aeShieldUserProfile .req .lbl
{
    padding-left: 0px;
    width: 200px;
}
.aeShieldUserProfile .ctl
{
    text-align: left;
    width: 300px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;
}
.aeShieldUserProfile .RadInput_aeShield
{
    white-space:nowrap !important;
}
.aeShieldUserProfile .passError
{
    height: 20px;
    color: #FF3933;
    display: block;
    vertical-align: middle;
    text-align: center;
    font: 12px/18px "segoe ui" ,arial,sans-serif;
}

.aeShieldUserProfile .passNoMatch
{
    background-color: #FF3933;
    height: 20px;
    width: 100px;
    margin-left: 5px;
    color: #620000;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font: 12px/18px "segoe ui" ,arial,sans-serif;
    border-radius: 3px 3px 3px 3px;
}

.aeShieldUserProfile .passMatch
{
    background-color: #6BCC33;
    height: 20px;
    width: 100px;
    margin-left: 5px;
    color: #236800;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font: 12px/18px "segoe ui" ,arial,sans-serif;
    border-radius: 3px 3px 3px 3px;
}
.aeShieldUserProfile .dnnFormError
{
    margin-left: 1px;
}

.aeShieldUserProfile .riStrengthBar
{
    border-radius: 3px 3px 3px 3px;
}
.aeShieldUserProfile .headerDiv
{
    width: 400px;
    color: #000;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.aeShieldUserProfile .headerDiv p
{
    padding-bottom: 6px;
}

.aeShieldUserProfile .captchaImage
{
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px !important;
    width: 100% !important;
}


.RadButton.RadButton_aeShield.rbSkinnedButton input.rbDecorated {
    color: ButtonText !important;
}