/* =============================================================================
Default Module Styles
Can be overridden in the skin.css or portal.css files.
========================================================================== */

.FormControlCol .strengthMeter {
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px;
}

.hideOutline {
    outline: 0;
}

.topSpacing {
    margin-top: 5px;
}

.userHomePage {
    float: left;
    display: block;
    width: 100%;
    margin: 0 auto;
}

    .userHomePage .userHomeCompaniesInfo {
        float: left;
        width: 100%;
        margin-top: 25px;
    }

    .userHomePage .actionsInnerPadding {
        display: block;
        padding: 2px 10px;
    }

    .userHomePage h5.actionsHeading {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        background-color: #ccc;
        padding: 8px 10px;
    }

    /* Mobile Layout: 568px and below. */
    .userHomePage .messageArea {
        float: left;
        display: block;
        width: 100%;
    }

    .userHomePage .infoArea {
        float: left;
        display: block;
        width: 100%;
    }

    .userHomePage .actionsArea {
        float: left;
        display: block;
        width: 100%;
    }

    .userHomePage .photoArea {
        float: left;
        display: block;
        text-align: center;
        width: 100%;
    }

        .userHomePage .photoArea img {
            max-width: 100%;
        }

    .userHomePage .nameArea {
        float: left;
        display: block;
        width: 100%;
        margin-top: 4%;
    }

    .userHomePage .membershipArea {
        float: left;
        display: block;
        margin-top: 4%;
        width: 100%;
    }

    .userHomePage .demographicsArea, .userHomePage .governanceArea,
    .userHomePage .custom1Area, .userHomePage .custom2Area, .userHomePage .custom3Area, .userHomePage .custom4Area,
    .userHomePage .ordersArea, .userHomePage .returnButtonArea,
    .userHomePage .accountActionsArea, .userHomePage .companyActionsArea {
        display: block;
        width: 100%;
        margin-top: 2%;
        float: left;
    }

/* Tablet Layout: 569px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 569px) {

    .userHomePage .infoArea {
        width: 70%;
    }

    .userHomePage .actionsArea {
        width: 28%;
        margin-left: 1.75%;
    }

    .userHomePage .returnButtonArea {
        margin-top: 0;
        margin-bottom: 10px;
        text-align: right;
    }

    .userHomePage .accountActionsArea {
        margin-top: 0;
    }

    .userHomePage .companyActionsArea {
        margin-top: 10%;
    }
}

/* Large Layout: 769px to a max of 1132px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {

    .userHomePage .infoArea {
        width: 73%;
    }

    .userHomePage .actionsArea {
        width: 25%;
        margin-left: 1.75%;
    }

    .userHomePage .photoArea {
        text-align: left;
        width: 20%;
    }

    .userHomePage .nameArea {
        width: 39%;
        margin-top: 0;
        margin-left: 0.75%;
    }

    .userHomePage .membershipArea {
        width: 39%;
        margin-top: 0;
        margin-left: 0.75%;
    }

    .userHomePage .demographicsArea, .userHomePage .governanceArea,
    .userHomePage .custom1Area, .userHomePage .custom2Area,
    .userHomePage .custom3Area, .userHomePage .custom4Area {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%;
    }

    .userHomePage .userHomeCompaniesInfo {
        max-height: 250px;
        overflow: hidden;
    }

    .userHomePage .membershipArea .memberInfoTextArea {
        max-height: 175px;
        overflow: hidden;
    }

        .userHomePage .userHomeCompaniesInfo:hover,
        .userHomePage .membershipArea .memberInfoTextArea:hover {
            overflow-y: auto;
        }
}

.RadGrid input[type="image"] {
    padding: 0 !important;
}

div.uploadButton {
    margin-left: -1.75em;
}