/*
    Page Layout
*/

body.path---membership--renew #PrimaryContent {
    margin-bottom: var(--site-box-margin-bottom);
}

#MemberDetails .fieldTitle,
#MemberDetails .fieldContent .fieldText,
#SubAccountsSection .fieldTitle,
#SubAccountsSection .fieldContent .fieldText {
    padding-top: inherit;
}

.masterAccountName + .masterAccountUsername {
    /* This combination can exist in multiple places, don't target a section ID. */
}

    .masterAccountName + .masterAccountUsername::before {
        content: "(";
    }

    .masterAccountName + .masterAccountUsername::after {
        content: ")";
    }

/*
    Sub Accounts
*/
#SubAccountsSection {
}

    #SubAccountsSection fieldset#SubAccounts {
    }

        #SubAccountsSection fieldset#SubAccounts legend {
        }

        #SubAccountsSection fieldset#SubAccounts .formFields {
        }

            #SubAccountsSection fieldset#SubAccounts .formFields .fieldTitle {
            }

                #SubAccountsSection fieldset#SubAccounts .formFields .fieldTitle .accountType {
                }

                #SubAccountsSection fieldset#SubAccounts .formFields .fieldTitle .accountsIncluded {
                    font-weight:  normal;
                }

            #SubAccountsSection fieldset#SubAccounts .formFields .fieldContent {
            }

                #SubAccountsSection fieldset#SubAccounts .formFields .subAccountsUsers {
                }

                    #SubAccountsSection fieldset#SubAccounts .formFields .subAccountsUsers table {
                        width: 100%;
                        margin-bottom: 10px;
                        border-collapse: collapse;
                        border-color: var(--site-color-1-light);
                        border-width: var(--site-border-width);
                        border-style: solid;
                        background: #ffffff;
                    }

                        #SubAccountsSection fieldset#SubAccounts .formFields .subAccountsUsers table tr {
                        }

                            #SubAccountsSection fieldset#SubAccounts .formFields .subAccountsUsers table tr th {
                                background: var(--site-color-1-lighter);
                                border-color: var(--site-color-1-light);
                                border-width: var(--site-border-width);
                                border-style: solid;
                                padding: 4px;
                            }

                            #SubAccountsSection fieldset#SubAccounts .formFields .subAccountsUsers table tr td {
                                border-color: var(--site-color-1-light);
                                border-width: var(--site-border-width);
                                border-style: solid;
                                padding: 4px;
                            }

                #SubAccountsSection fieldset#SubAccounts .formFields .subAccountsUsers.noAccounts {
                    margin-bottom: 10px;
                }

                #SubAccountsSection fieldset#SubAccounts .formFields .createSubAccount {
                    margin: 0;
                }

                    #SubAccountsSection fieldset#SubAccounts .formFields .createSubAccount a {
                    }

                    #SubAccountsSection fieldset#SubAccounts .formFields .createSubAccount .accountsAvailable {
                        display: block;
                    }

                        #SubAccountsSection fieldset#SubAccounts .formFields .createSubAccount .accountsAvailable::before {
                            content: "(";
                        }

                        #SubAccountsSection fieldset#SubAccounts .formFields .createSubAccount .accountsAvailable::after {
                            content: ")";
                        }
                        
                        #SubAccountsSection fieldset#SubAccounts .formFields .createSubAccount a  .accountTypeName {
                        }

                #SubAccountsSection fieldset#SubAccounts .formFields .purchaseSubAccounts {
                    margin: 0;
                }

                    #SubAccountsSection fieldset#SubAccounts .formFields .purchaseSubAccounts a {
                    }

                        #SubAccountsSection fieldset#SubAccounts .formFields .purchaseSubAccounts a .accountTypeName {
                        }

#RequirementsContainer {
}

    #RequirementsContainer fieldset#Requirements {
    }

        #RequirementsContainer fieldset#Requirements .information {
            display: flex;
            align-items: center;
            gap: var(--site-margin-thin);
        }

            #RequirementsContainer fieldset#Requirements .information .state {
            }