#manageAccountWrapper
{
    margin: 10px 0 0 0;
}

ul#manageAccountData
{
    min-height: 30px;
    padding-bottom: 10px;
    list-style-type: none;
}
    
ul#manageAccountData li
{
    margin-left: 20px;
}
    
ul#manageAccountData li:first-child
{
    margin-left: 0;
}

/* MS - CRDEV-8821 - 1/19 - CNE Mobile */
#manageAccountCreateSocialLoginLi,
#manageAccountCreateLoginLi
{
    margin-left: 20px;
    padding-left: 20px;
}

@media screen and (max-width:590px) {

    #manageAccountCreateLoginLi {
        margin-left: 0px;
        padding-left: 0px;
    }
}

input#username, input#password, input#confirmPassword, input#welcomeEmailAddress
{
    width: 165px;
    margin-top: 3px;
} 

#manageAccountUsernameStatus, #manageAccountPasswordStatus
{
    display: none;
}


/* DEV-867 - MS - 7/2015 Account Expiration Dates CSS */

/* ++ DEV-867 - MS - 9/23/15 - Adding CSS wrt new informationals/Prompts {to guide user i)  at Deactivate-Account, by a Confirmation Prompt, and
                                                                                        ii) to set an Expiration Date, via Help Text } */
.deactivate_promptText
{
    color: black;
}

/* DEV-5827 UK 1/30/2017 */
#setExpirationDateContainer
{
    padding-left: 2em;
    color: blue;
    list-style: none;
}

/*
  DEV-867 - MS - 1/19/16 - Datepicker input field - Calendar icon overlay styling
*/
#expirationDateCalendarIcon
{
    margin: 0 4px 0 -28px;
}

.setExpirationDate_helpText
{
    float: right;
    width: 350px;
    margin-left: 48px; /* DEV-867 - MS - 12/29/2015 - updated */
}
.setExpirationDate_helpText_expirationTimeInfo
{
    color: red;
}
.setExpirationDate_helpText_bold
{
    font-weight: 700;
}

/* Datepicker day tile style */

#ui-datepicker-div a.ui-state-default:not(.ui-state-highlight) {
    color: grey;
}

/* MS - CRDEV-8821 - 1/19 - CNE Mobile */
/* DEV-5827 UK 2/15/2017 - social IDP login buttons */
#socialLinks {
    display: inline-block;
    vertical-align: middle;
}

/* MS - CRDEV-8821 - 1/19 - CNE Mobile - consolidate, simplify social media button styles */

a.google, a.facebook, a.twitter {
    position: relative;
    float: left;
    border: 1px solid #fff;
    border-radius: 4pt;
    padding: 6px;
    margin-top: 10px;
    width: 150px;
    text-align: center;
}

/* MC - CRDEV-8820 - CNE Mobile - standardizing size and shape */
a.google, a.facebook {
    margin-right: 10px;
}

a.google {
    background-color: #99291A;
}

a.facebook
{
  background-color: #3b5998;
}

a.twitter {
  background-color: #147AC8;
}

/* MS - CRDEV-8821 - 1/19 - CNE Mobile - consolidate, simplify social media button styles */
/* MC - CRDEV-8820 - CNE Mobile - Adding social links scalability */
@media screen and (max-width:590px) {
    #socialLinks {
        display: inline-block;
        vertical-align: middle;
    }

    a.google, a.facebook, a.twitter {
        position: relative;
        float: left;
        border: 1px solid #fff;
        border-radius: 4pt;
        padding: 6px;
        margin-top: 10px;
        width: 150px;
        text-align: center;
    }
    a.google, a.facebook {
        margin-right: 0px;
    }

    a.google {
        background-color: #DD4B39;
    }

    a.facebook {
        background-color: #3b5998;
    }

    a.twitter {
        background-color: #55ACEE;
    }
}

a.google:link, a.facebook:link, a.twitter:link
{
    color: #ffffff;
}

a.google:visited, a.facebook:visited, a.twitter:visited
{
    color: #ffffff;
}

a.google:hover, a.facebook:hover, a.twitter:hover
{
    color: #ffffff;
}

a.google:hover, a.google:focus
{
    background-color: #c23321;
}

a.facebook:hover, a.facebook:focus 
{
    background-color: #2d4373;
}

a.twitter:hover, a.twitter:focus 
{
    background-color: #2795e9;
}

.ui-widget-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaaaaa /*{bgColorOverlay}*/ url(../icons/loading2.gif) no-repeat center;
    opacity: .6;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
    z-index:100;
}