/*
 * Places Specific and should apply to all sizes of screens
 *
 *
 * -------------------------------------------------------------------------------------------------------------------*/

/*
 * Logout
 *--------------------------------------------------------------------------------------------------------------------*/
body.loggingOut > * {
    display: none!important;
}
/*body.loggingOut #siteLoadDiv {
    visibility: visible!important;
    display: block !important;
}*/

/*
 * LoginPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.place-Login div.popup-error{
    margin-top: 76px;
    margin-left: -97px;
}

.loginLayout #site-footer {
    border: none;
}


#login .main.container {
    max-width: 980px;
    min-width: 300px;
    margin: 0 auto;
    padding: 30px 10px;
    display: table;
    min-height: 520px;
}

#login .header h3 {
    font-size: 21px;
    font-weight: 700;
    line-height: 40px;
}

#login .buttonWrap a,
#login .error,
#login .errorMsg div {
    text-shadow: none;
}

#login #loginActMgr {
    min-width: 300px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    /*background-color: rgba(0, 0, 0, 0.75);*/
}
#login .nav-container{
    display:none ;
}
#login .loginForm .Login_loginForm_header{
    padding-right: 0px;
    margin-top: 0px;
    height: auto;
}


#login .loginForm .vertical-fields {
    padding-top: 0px;
}
#login .loginForm .Login_loginForm_header{
    float: none;
    width: auto;
}
#login .loginForm .password,
#login .loginForm .vertical-fields,
#login .loginForm .username{
    float: none;
    width: auto;
    font-weight: bold;
    font-size: 15px;
}
#login .loginForm .password .vertical-field-label{
    line-height: 3.2em;
    vertical-align: top;
}

@media screen and (min-width: 938px) {
    #login .loginForm .password .vertical-field-label{
        line-height: 24.608px;
    }
}


#login .loginForm .horizontalButtonBar .buttonWrap {
    padding-left:8px;
    width:auto;
}



#login .Login_loginForm_footer,
#login .Login_footer,
#login .Login_loginForm_buttonHeader,
#login .Login_header {
    float: none;
    width: auto;
}
#login .Login_loginForm_footer{
    text-align: left;
}
#login .Login_loginForm_footer a{

    margin-left: 0px
}



@media screen and (min-width: 551px) and (max-width: 880px) {
    #login {
        background-position: inherit;
    }
}

@media screen and (min-width: 881px) and (max-width: 1600px) {
    #login {
        background-position: inherit;
    }
}

@media screen and (min-width: 1600px) {
    #login {
        background-position: center top;
        background-size: 100%;
    }
}

.place-ForgottenPassword #login #loginActMgr,
.place-RegisterNow #login #loginActMgr {
    max-width: 530px;
}

.place-ForgottenPassword #login .horizontalButtonBar,
.place-RegisterNow #login .horizontalButtonBar {
    padding-top: 20px;
}

/*
 * AdminMemberSearchPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.brand-cscri .place-AdminMemberSearch #AdminMemberSearch-wrapper {
    /*display: none;*/
}

.place-AdminMemberSearch #page {
    min-width: 320px;
    float: right;
    width: 100%;
    padding: 0px 15px;
    max-width: 829px;
}


.AdminMemberSearchPlace .memberSearchForm .formControlCell  {
    width: 79%;
    float: left;
}

.AdminMemberSearchPlace .memberSearchForm .formLabelCell {
    float: left;
    width: 20%;
}

.AdminMemberSearchPlace .memberSearchForm .formControlCell .inputWrap > input {
    max-width: 100%;
}

.ie8 .AdminMemberSearchPlace .memberSearchForm .formControlCell {
    width: 79%;
}

.AdminMemberSearchPlace .memberSearchForm .formTable .formRow {
    padding-bottom: 10px;
}

.AdminMemberSearchPlace .searchMemberResultsList .drillableTableData tr th.headerClientNumber,
.AdminMemberSearchPlace .searchMemberResultsList .drillableTableData tr td.clientNumber {
    display: none;
}

.AdminMemberSearchPlace .searchMemberResultsList .drillableTableData tr th.headerFund {
    border-radius: 10px 0px 0px 0px;
}

@media screen and (max-width: 580px) {
    .AdminMemberSearchPlace .drillableTableData thead tr th,
    .AdminMemberSearchPlace .drillableTableData td {
        font-size: 14px;
        padding: 8px;
    }

    .AdminMemberSearchPlace .searchMemberResultsList .drillableTableData thead tr th.headerDob,
    .AdminMemberSearchPlace .searchMemberResultsList .drillableTableData tr td.dob {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .AdminMemberSearchPlace .drillableTableData thead tr th,
    .AdminMemberSearchPlace .drillableTableData td {
        font-size: 12px;
        padding: 4px;
    }
}
/*AdminEmployerSearch*/

.AdminEmployerSearchPlace .employerSearchForm  .formControlCell  {
    width: 80%;
    float: left;
}
.AdminEmployerSearchPlace .employerSearchForm  .formLabelCell {
    float: left;
    width: 20%;
}

/*
 * AccountInfoPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.AccountInfoPlace .sectionBar {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.AccountInfoPlace .payrollDetailsForm {
    border-bottom: 1px solid #5DB4C2;
    padding: 0px;
}

/*
 * RolloverSuperStreamPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.place-RolloverSuperStream .nonmodalclosebutton {
    display: inline-block;
}

.RolloverSuperStreamPlace .transferInSuperStreamRequestForm .formLabelCell {
    width: 200px;
}

.RolloverSuperStreamPlace .sbrDetails .formControlCell * {
    font-size: 14px;
    white-space: nowrap;
}

.RolloverSuperStreamPlace .RolloverSuperStream_transferInSuperStreamConfirmationPage_rolloverSuperStreamTermsAndConditionsForm_header ul {
    padding-left: 35px;
}

.RolloverSuperStreamPlace .RolloverSuperStream_transferInSuperStreamConfirmationPage_rolloverSuperStreamTermsAndConditionsForm_header li {
    list-style: disc;
    margin-bottom: 20px;
    padding-left: 5px;
}

.RolloverSuperStreamPlace .RolloverSuperStream_transferInSuperStreamConfirmationPage_rolloverSuperStreamTermsAndConditionsForm_header a {
    color: #ffffff;
}

/*
 * MemberDashboardPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.MemberDashboardPlace .myAccountsSection .title {
    display: none;
}

.MemberDashboardPlace .accountHistory {
    margin-top: 30px;
}

.MemberDashboardPlace .accountHistory > div > table,
.MemberDashboardPlace .accountHistory .accountHistoryChart {
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

.MemberDashboardPlace .accountHistory select,
.MemberDashboardPlace .accountHistory .singleSelection {
    width: 100%;
    margin: 2px 0px 10px;
    padding: 5px;
}

.MemberDashboardPlace .accountHistory select option {
    padding: 5px;
}

.MemberDashboardPlace .accountList tbody tr td.productName a {
    white-space: normal;
}

@media screen and (max-width: 680px) {
    .MemberDashboardPlace .accountList {
        float: none;
        margin: 5px;
        width: auto;
        margin-top: 0;
    }

    /**.MemberDashboardPlace .accountList thead th.headerProductName {
        display: none;
    }**/

    .MemberDashboardPlace .accountList tbody tr {
        position: relative;
    }

    .MemberDashboardPlace .accountList tbody tr td {
        padding: 10px;
    }

    .MemberDashboardPlace .accountList tbody tr td.productName {
        float: left;
        margin-top: 28px;
        width: 100%;
        font-size: 0.9em;
    }

    .MemberDashboardPlace .accountList tbody tr.drillableTableDataSummaryRow td.productName {
        margin-top: 0;
        float: none;
    }

    .MemberDashboardPlace .accountList tbody tr td.memberNumber {
        font-size: 1.2em;
        font-weight: 700;
        padding-bottom: 40px;
        position: absolute;
        max-width: 48%;
    }

    .MemberDashboardPlace .accountList tbody tr td.balance {
        font-size: 1.2em;
        font-weight: 700;
        left: 40%;
        width: 48%;
        /*position: absolute;*/
    }

    .MemberDashboardPlace .accountHistory {
        /*display: none;*/
        float: none;
        margin: 5px;
        width: auto;
    }

    .MemberDashboardPlace .accountHistory > div > table,
    .MemberDashboardPlace .accountHistory .accountHistoryChart {
        width: 100%;
        height: 200px;
    }
    .MemberDashboardPlace .accountList thead th.headerMemberNumber {
        border-top-left-radius: 10px;
    }
}

/*
 * RolloverSuperStreamPlace
 *--------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 500px) {

    .RolloverSuperStreamPlace .sbrDetails .formControlCell b {
        display: inline-block;
        padding-right: 5px;
        width: 65px;
    }
}

/*
 * MoneyInPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.MoneyInPlace .MoneyIn_directDebitConfirmation_paymentDirectDebitForm_header.header.cms {
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.MoneyInPlace .directDebitDetailsSectionBar {
    border-bottom: none;
}

.MoneyInPlace .buttonBar.cancelDirectDebitButtonBar,
.MoneyInPlace .buttonBar.createDirectDebitButtonBar,
.MoneyInPlace .cancelDirectDebitSectionBar,
.MoneyInPlace .buttonBar.createDirectDebitButtonBar.sectionBar,
.MoneyInPlace .buttonBar.directDebitConfirmationSectionBar.sectionBar,
.MoneyInPlace .memberPaymentChequeSectionBar {
    border-bottom: 0px;
}

.MoneyInPlace .buttonBar.cancelDirectDebitButtonBar .buttonWrap.modalclosebutton,
.MoneyInPlace .buttonBar.createDirectDebitButtonBar .buttonWrap.modalclosebutton {
    display: inline-block;
}

.MoneyInPlace .buttonBar {
    padding-top: 10px;
}

.MoneyInPlace .directDebitSectionBarContentList th,
.MoneyInPlace .directDebitSectionBarContentList td {
    padding: 10px;
}

.MoneyInPlace .directDebitSectionBarContentList td {
    word-break: break-all;
}

.MoneyInPlace .directDebitSectionBarContentList .drillableTableData thead th.headerMemberAmount {
    width: 50%;
}

.MoneyInPlace .directDebitSectionBar, .MoneyInPlace .employerContsSectionBar {
    display: none;
}

.MoneyInPlace .workTestWizard_bottomButtonBar .Cancel {
    display: none;
}
.MoneyInPlace .MoneyIn_workTestEligibility_workTestEligibilityForm_workTestEligibilityOptions_over65_footer,
.MoneyInPlace .MoneyIn_workTestEligibility_workTestEligibilityForm_workTestEligibilityOptions_over65Fail_footer
{
    padding-left: 34px;

}
@media screen and (max-width: 680px) {
    .MoneyInPlace .MoneyIn_header,
    .MoneyInPlace .sectionBar .cms.header,
    .MoneyInPlace .sectionBar .cms.empty {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .MoneyInPlace .bPayReferenceSectionBarContentList .bPayReferenceNumbersList .drillableTableData td,
    .MoneyInPlace .bPayReferenceSectionBarContentList .bPayReferenceNumbersList .drillableTableData thead th {
        padding: 10px;
    }

    .MoneyInPlace .bPayReferenceNumbersForm .formLabelCell {
        width: 270px;
    }

    /*.MoneyInPlace .moneyInGotoBar {*/
    /*display: none;*/
    /*}*/
    .MoneyInPlace .paymentDirectDebitForm .formLabelCell {
        width: 160px;
    }

    .MoneyInPlace .paymentDirectDebitForm .bsbDetails td.formLabelCell {
        display: none;
    }

    .MoneyInPlace .MoneyIn_eftDetails {
        display: none;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData thead th {
        display: none;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData thead th.headerMemberAmount {
        display: table-cell;
        float: left;
        padding: 10px;
        width: 60%;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData thead th.headerMemberAmount {
        float: right;
        width: 40%;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData thead th.headerMemberAmount .labelText {
        display: none;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData thead th.headerMemberAmount:after {
        content: "Amount";
        display: block;
        text-align: right;
        width: 100%;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData tr {
        position: relative;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData td {
        float: left;
        padding: 0px 10px;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData td.MemberAmount {
        /*float: right;*/
        /*font-size: 1.2em;*/
        /*font-weight: 500;*/
        margin-top: 10px;
        width: 100%;

    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData td.MemberAmount .labelText:after {
        content: " (Personal Amount)";
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData td.PaymentFrequency {
        clear: both;
        /*font-size: 1.1em;*/
        float: right;
        min-width: 50%;
        margin-top: 10px;
    }

    .MoneyInPlace .directDebitSectionBarContentList .drillableTableData td.PaymentFrequency .labelText:after {
        content: " (Frequency)";
    }

}

/*
 * TransactionHistoryPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.TransactionHistoryPlace .form.formEditable .formTable .requiredField .formLabelCell .formLabel:after {
    content: "";
}

@media screen and (max-width: 500px) {
    .TransactionHistoryPlace .transactionHistoryList .TransactionHistory_transactionHistoryList_header {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table thead {
        display: none;
    }

    .TransactionHistoryPlace .transactionHistoryList table.drillableTableData tr {
        display: inline-block;
        width: 100%;
        position: relative;
        padding-bottom: 15px;
        padding-top: 8px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.effectiveDate {
        color: #808080;
        font-weight: 700;
        font-size: 0.8em;
        position: absolute;
        bottom: 0px;
        margin-bottom: -6px;
        padding-left: 10px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.description {
        padding-top: 0px;
        float: left;
        width: 52%;
        font-size: 1.2em;
        font-weight: 700;
        clear: left;
        padding-right: 0px;
        padding-left: 10px;
        padding-bottom: 12px;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.amount {
        padding-top: 0px;
        float: right;
        padding: 0px;
        font-weight: 700;
        width: 45%;
        padding-right: 8px;
        color: darkgreen;
        font-size: 1.2em;
    }

    .TransactionHistoryPlace .transactionHistoryList table tbody tr td.amount[data-bgml-value^="-"] .labelText {
        color: red;
    }

}

/*
 * ValuationPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.ValuationPlace .assetTransactionFilterForm .formTable .requiredField .formLabelCell .formLabel:after {
    color: transparent;
}

.ValuationPlace .filterForm-getMemberPortfolioHoldingsFilterBlock {
    display: none;
}

.portfolioSubPercentPlace .assetTransactionFilterForm .formColumn {
    display: table;
}

.ValuationPlace .assetTransactionFilterForm .formRow {
    display: table-cell;
    width: 235px;
    padding-right: 10px;
    padding-bottom: 0px;
}

.ValuationPlace .assetTransactionFilterForm .formLabelCell {
    width: 95px;
}

.ValuationPlace .assetTransactionFilterForm .formControlCell {
    width: 110px;
}

.ValuationPlace .assetTransactionFilterForm .horizontalButtonBar {
    margin-top: -73px;
}

@media screen and (max-width: 380px) {
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData th,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td {
        font-size: 0.95em !important;
    }
}

@media screen and (max-width: 720px) {
    .ValuationPlace .assetTransactionFilterForm .formColumn {
        display: block;
    }

    .ValuationPlace .assetTransactionFilterForm .formRow {
        display: block;
        width: 100%;
    }

    .ValuationPlace .assetTransactionFilterForm .formControlCell {
        width: 100%;
    }

    .ValuationPlace .assetTransactionFilterForm .horizontalButtonBar {
        margin-top: 0;
    }

    /* portfolioHoldingsList */
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData colgroup {
        display: none;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData tbody tr {
        display: inline-block;
        width: 100%;
        position: relative;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData th {
        font-size: 15px;
        float: left;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td {
        font-size: 14px;
        float: left;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerInvestment,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerMarketValue {
        height: 65px;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent {
        border-top-right-radius: 10px;
    }
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent .labelText {
        /*display: none;*/
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent:before {
        /*content: "Balance /Future";*/
        /*display: block;*/
        /*text-align: right;*/
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerUnits,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerProfilePercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerCurrentPrice {
        display: none;

    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerInvestment,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.investment {
        float: left;
        width: 40%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerPortfolioSubPercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.portfolioSubPercent {
        float: right;
        width: 25%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.portfolioSubPercent {
        min-height: 34px;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData thead th.headerMarketValue,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.marketValue {
        /*float: left;*/
        position: absolute;
        width: 35%;
        left: 40%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profilePercent {
        float: right;
        width: 59%;
        border-top: 1px dashed #cccccc;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profilePercent > div {
        display: inline;
        float: right;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.profilePercent:before {
        content: "Future\A trans split";
        display: inline-block;
        width: 50%;
        text-align: right;
        white-space: pre;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.units,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.currentPrice {
        display: none;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData td.marketValue {
        font-weight: 700;
        height: 100%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.investment,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.portfolioSubPercent,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.profilePercent {
        padding-bottom: 10px;
        width: 100%;
    }

    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.units,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.marketValue,
    .ValuationPlace .portfolioHoldingsList .drillableTable .drillableTableData .row-Amountswaitingtobeinvested td.currentPrice {
        display: none;
    }

    /* portfolioHoldingsUnconfirmedInvestmentList */
    .ValuationPlace .Valuation_portfolioHoldingsUnconfirmedInvestmentList_header h1 {
        color: #888888;
        font-size: 1.5em;
        font-weight: bold;
        line-height: 1.5em;
        text-align: left;
        padding-top: 10px;
    }

    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData thead,
    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData thead th.headerDollarRequest,
    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData thead th.headerUnitRequest {
        display: none;
    }

    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.investment {
        float: left;
        vertical-align: top;
        width: 60%;
        font-size: 1.2em;
        font-weight: 700;
        padding-bottom: 0px;
    }

    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.investment .labelText {
        min-height: 30px;
        padding-top: 1px;
    }

    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.investment .labelText:before {
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        content: ".";
        display: inline-block;
        height: 30px;
        padding-right: 5px;
        text-indent: -100px;
        width: 30px;
    }

    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.dollarRequest {
        float: right;
        padding-bottom: 1px;
        font-size: 1.2em;
        font-weight: 700;
        color: #0C6A99;
    }

    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.unitRequest {
        float: right;
        clear: both;
        padding-top: 1px;
        font-size: 0.8em;
    }

    .ValuationPlace .portfolioHoldingsUnconfirmedInvestmentList .drillableTable .drillableTableData td.unitRequest .labelText:after {
        content: " Units";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData colgroup,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionDate,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionUnits,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionAmountCurrent,
    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionPrice {
        display: none;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerDescription {
        float: left;
        width: 55%;
        font-size: 14px;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData thead th.headerTransactionAmount {
        float: right;
        width: 45%;
        font-size: 14px;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.description {
        float: left;
        width: 60%;
        font-size: 16px;
        padding-top: 15px;
        font-weight: 700;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionDate {
        float: left;
        clear: both;
    }

    .ValuationPlace .assetTransactionListingList .transactionUnits {
        white-space: nowrap;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionUnits {
        float: right;
        width: calc(100% - 110px);
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionUnits .labelText:after {
        content: " Units";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionUnits[data-bgml-value=""] .labelText:after {
        content: "";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionPrice {
        float: right;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionPrice .labelText:after {
        content: " Per/Unit";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionPrice[data-bgml-value=""] .labelText:after {
        content: "";
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionAmount {
        display: block;
        float: none;
        font-size: 16px;
        padding-top: 15px;
        font-weight: 700;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData td.transactionAmountCurrent {
        display: none;
    }

    .ValuationPlace .assetTransactionListingList .drillableTable .drillableTableData .drillableTableDataSummaryRow td.transactionAmountCurrent {
        float: none;
        display: block;
    }
}

/*
 * BeneficiariesPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.BenefitQuotePlace .benefitQuoteAccountSummaryList .description[data-bgml-value="Taxable"] .labelText:after {
    content: "1";
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

.BenefitQuotePlace .drillableList thead {
    display: none;
}
.BenefitQuotePlace .drillableTableData {
    border-radius: 0px;
}
.BenefitQuotePlace .investmentsInvestmentsList .drillableTable th,
.BenefitQuotePlace .benefitQuoteOtherDeathBenefitsListPlainTextList .drillableTable th {
    display: table-cell;
}

.BeneficiariesPlace .sectionBar .title, .sectionBar .title .header {
    margin-top: -10px;
    margin-bottom: 15px;
}


.BeneficiariesPlace .updateDependentDetailsForm .formTable > tbody > tr > td {
    float: left;
}

.BeneficiariesPlace .form.formEditable.updateBeneficiariesError {
    background: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
}

.BeneficiariesPlace .updateBeneficiaryTabBar .sectionBar {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.BeneficiariesPlace .form.updateDependentDetailsForm,
.BeneficiariesPlace .updateBeneficiariesDetailsReceiptSectionBar {
    margin-bottom: 0px;
}

.BeneficiariesPlace .form.updateDependentDetailsForm.formReadOnly {
    padding-top: 0px;
    padding-bottom: 0px;
}

.BeneficiariesPlace .form.updateDependentDetailsForm .horizontalButtonBar {
    display: none;
}

.BeneficiariesPlace .Beneficiaries_dependantDetailsList_header .sectionBar,
.BeneficiariesPlace .Beneficiaries_dependantDetailsList_footer .sectionBar,
.BeneficiariesPlace .Beneficiaries_bindingNominationButtonBar_header .sectionBar,
.BeneficiariesPlace .reversionarySectionBar {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.BeneficiariesPlace .updateBeneficiariesConfirmationButtonBar {
    border-bottom: none;
    padding-top: 20px;
}

.BeneficiariesPlace .Beneficiaries_beneficiariesDetailsButtonBar_header .title {
    color: #5DB4C2;
    font-size: 27px;
    line-height: 37.8px;
    font-weight: 700;
}

.BeneficiariesPlace .reversionarySectionBar .title {
    display: none;
}

.BeneficiariesPlace .renewingBindingBeneficiaryButtonBar,
.BeneficiariesPlace .Beneficiaries_renewingBindingBeneficiaryButtonBar_footer {
    line-height: initial;
}

.BeneficiariesPlace .Beneficiaries_renewingBindingBeneficiaryButtonBar_footer {
    padding-bottom: 20px;
}

.BeneficiariesPlace .RenewingBindingBeneficiary {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

@media screen and (max-width: 680px) {
    .BeneficiariesPlace .dependantDetailsList {
        padding-bottom: 10px;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData thead {
        display: none;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td {
        float: left;
        font-size: 0.85em;
        font-weight: 700;
        color: #888888;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.fullName {
        font-size: 1.2em;
        font-weight: 700;
        padding-bottom: 10px;
        color: #333333;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.benBirthDate {
        position: absolute;
        margin-top: 28px;

    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.benPercentage {
        position: absolute;
        right: 7px;
        font-size: 1.2em;
        font-weight: 700;
        color: #333333;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.benRelationship {
        clear: both;
    }

    .BeneficiariesPlace .dependantDetailsList .drillableTableData td.bindingNominationDesc {
        padding-right: 11px;
        float: right;
    }

    .BeneficiariesPlace .updateDependentDetailsForm.form .formTable .formColumn > .formRow.benPercentage {
        border-radius: 0;
    }

    .BeneficiariesPlace .updateDependentDetailsForm .formTable > tbody > tr > td {
        float: left;
        width: 100%;
    }
}

/*
 * BenefitQuotePlace
 *--------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 550px) {
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerUnitPrice,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerUnits {
        display: none;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerInvestment,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .investment {
        float: left;
        width: 65%;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList thead .headerValue,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .lastColumn {
        float: right;
        width: 35%;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList tr {
        position: relative;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .drillableTableDataSummaryRow .unitPrice,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .drillableTableDataSummaryRow .units {
        display: none;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units {
        float: left;
        font-size: 12px;
        width: 0px;
        height: 0px;
        padding: 0px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice .labelText,
    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units .labelText {
        position: absolute;
        right: 10px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice .labelText {
        margin-top: 34px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .unitPrice .labelText:after {
        content: " Price";
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units .labelText {
        margin-top: 55px;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .units .labelText:after {
        content: " Units";
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .drillableTableDataSummaryRow .value {
        padding-bottom: inherit;
    }

    .BenefitQuotePlace .investmentsInvestmentsList.drillableList .value {
        padding-bottom: 55px;
    }
}

/*
 * PerformancePlace
 *--------------------------------------------------------------------------------------------------------------------*/
.PerformancePlace .portfolioPerformanceFilterForm .formTable .requiredField .formLabelCell .formLabel:after {
    color: transparent;
}

.PerformancePlace .portfolioPerformanceList .drillableTableData .headerOpeningBalance,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerPurchasePrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerSalesPrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerChangeInValue,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerClosingBalance {
    display: none;
}

.PerformancePlace .portfolioPerformanceList .drillableTableData .openingBalance,
.PerformancePlace .portfolioPerformanceList .drillableTableData .purchasePrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .salesPrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .changeInValue,
.PerformancePlace .portfolioPerformanceList .drillableTableData .closingBalance {
    display: none;
}

.PerformancePlace .portfolioPerformanceFilterForm .formColumn {
    display: table;
}

.PerformancePlace .portfolioPerformanceFilterForm .formRow {
    display: table-cell;
    width: 235px;
    padding-right: 10px;
    padding-bottom: 0px;
}

.PerformancePlace .portfolioPerformanceFilterForm .formLabelCell {
    width: 95px;
}

.PerformancePlace .portfolioPerformanceFilterForm .formControlCell {
    width: 110px;
}

.PerformancePlace .portfolioPerformanceFilterForm .horizontalButtonBar {
    margin-top: -73px;
}

@media screen and (max-width: 600px) {
    .PerformancePlace .portfolioPerformanceFilterForm .formColumn {
        display: block;
    }

    .PerformancePlace .portfolioPerformanceFilterForm .formRow {
        display: block;
        width: 100%;
    }

    .PerformancePlace .portfolioPerformanceFilterForm .formControlCell {
        width: 100%;
    }

    .PerformancePlace .portfolioPerformanceFilterForm .horizontalButtonBar {
        margin-top: 0px;
    }
}

@media screen and (min-width: 550px) and (max-width: 768px) {
    .PerformancePlace .portfolioPerformanceList .drillableTableData .headerOpeningBalance,
    .PerformancePlace .portfolioPerformanceList .drillableTableData .headerClosingBalance {
        display: table-cell;
    }

    .PerformancePlace .portfolioPerformanceList .drillableTableData .openingBalance,
    .PerformancePlace .portfolioPerformanceList .drillableTableData .closingBalance {
        display: table-cell;
    }
}

/*
 * InsurancePlace
 *--------------------------------------------------------------------------------------------------------------------*/
.InsurancePlace .accountBar .lbl {
    vertical-align: top;
}

.InsurancePlace .accountBar .Insurance_insuranceAccountBar_footer {
    margin-left: -70px;
}

.InsurancePlace .sectionBar {
    padding-bottom: 0px;
    border-bottom: none;
}

.InsurancePlace .drillableList {
    border-bottom: 1px solid #508FAD;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/*
 * PensionPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.PensionPlace .sectionBar {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.PensionPlace .pensionSetupDebitForm,
.PensionPlace .pensionDetailsForm {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.PensionPlace .pensionDetailsButtonBar {
    border-bottom: 1px solid #5DB4C2;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.PensionPlace .pensionDetailsForm.form .formLabelCell {
    width: 180px;
}

.PensionPlace .Pension_updatePensionPaymentConfirmation_header .pensionPaymentDetailsConfirmationSectionBar,
.PensionPlace .pensionDetailsConfirmationSectionBar {
    border-bottom: 1px solid #5DB4C2;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.PensionPlace .pensionSetupDebitForm.formEditable {
    margin-bottom: 20px;
}

.PensionPlace .pensionDetailsWizard_bottomButtonBar .button.Previous {
    float: left;
}

@media screen and (max-width: 600px) {
    .PensionPlace .pensionDetailsForm .formGrid > tbody > tr > td {
        float: left;
    }
}

/*
 * MemberJoinPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.place-MemberJoin #login {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #4A4B4D;
}

.place-MemberJoin #login .loginInnerWrapper .login-header .login-header-logo {
    background-image: url('gwt/laf/logo-tasplan.png');
}

.place-MemberJoin #login .MemberJoin_memberJoinDetails_header h1,
.place-MemberJoin #login .MemberJoin_memberJoinSummary_header h1 {
    padding-top: 20px;
    color: #5DB4C2;
}

.place-MemberJoin #login .button a {
    color: #ffffff;
}

.place-MemberJoin #login .memberJoinSummary a {
    color: #FAA634;
}

.place-MemberJoin #login .header h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}

.place-MemberJoin .featureImageWrapper,
.place-MemberJoin .featureImageOverlayer {
    display: none;
}

.place-MemberJoin #login {
    background-image: none;
}

.place-MemberJoin #login .loginInnerWrapper {
    max-width: 800px;
}

.place-MemberJoin #login .loginInnerWrapper {
    padding-top: 40px;
    position: relative;
}

.place-MemberJoin #login .loginInnerWrapper .login-content {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.place-MemberJoin #login,
.place-MemberJoin #login .loginInnerWrapper .login-content .memberJoinForm {
    text-shadow: none;
}

.place-MemberJoin #login .loginInnerWrapper .login-content .memberJoinTermsAndConditionsForm .horizontalButtonBar,
.place-MemberJoin #login .loginInnerWrapper .login-content .memberJoinForm .horizontalButtonBar {
    display: none;
}

.place-MemberJoin #login .loginInnerWrapper .login-content .memberJoinForm.formReadOnly {
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background: #ffffff;
    color: #4A4B4D;
}

.place-MemberJoin #login .loginInnerWrapper .login-content .memberJoinTermsAndConditionsForm {
    margin-top: 0px;
}

.place-MemberJoin #login .loginInnerWrapper .login-content .memberJoinForm .subForm td .labelText {
    padding-left: 10px;
}

.place-MemberJoin #login .memberJoinVerificationForm .token .errorMsg {
    float: right;
    width: 500px;
    margin-top: 0px;
}

.place-MemberJoin #login .memberJoinVerificationForm .formRow.captcha .formLabelCell {
    vertical-align: bottom;
}

.place-MemberJoin #login .memberJoinDetails .memberJoinForm .formRow.insuranceDisabilityPayment .formLabelCell,
.place-MemberJoin #login .memberJoinDetails .memberJoinForm .formRow.insuranceClaimReview .formLabelCell {
    display: none;
}

.place-MemberJoin #login .memberJoinDetails .occupationDisclaimer,
.place-MemberJoin #login .memberJoinDetails .occupationDisclaimer div {
    display: inline;
}

.place-MemberJoin #login .memberJoinSummary .MemberJoin_memberJoinSummary_memberJoinTermsAndConditionsForm_header ul {
    padding-left: 35px;
}

.place-MemberJoin #login .memberJoinSummary .MemberJoin_memberJoinSummary_memberJoinTermsAndConditionsForm_header li {
    list-style: disc;
    margin-bottom: 20px;
    padding-left: 5px;
}

.place-MemberJoin #login .memberJoinSummary .MemberJoin_memberJoinSummary_memberJoinTermsAndConditionsForm_header a {
    color: #ffffff;
}

.place-MemberJoin #login .MemberJoin_memberJoinDetails_memberJoinForm_occupationCode_info > div > .occupationRatings,
.place-MemberJoin #login .MemberJoin_memberJoinDetails_memberJoinForm_occupationCode_info > div > .occupationRatings + div {
    display: inline;
}

/*
 * AccountOpeningPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.AccountOpeningPlace .sectionBar {
    border-bottom: none;
}

.AccountOpeningPlace .taskContainer .task {
    padding-bottom: 10px;
    padding-top: 20px;
    display: table;
}

.AccountOpeningPlace .tactical-boxes {
    display: table-cell;
    width: 250px;
    vertical-align: top;
}

.AccountOpeningPlace .tactical-boxes li {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
}

.AccountOpeningPlace .tactical-boxes li span {
    padding: 40px;
    display: block;
}

.AccountOpeningPlace .taskContainer .task > div {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}

.AccountOpeningPlace .GeneratePDF {
    display: none;
}

@media screen and (max-width: 450px) {
    .AccountOpeningPlace .taskContainer .task {
        padding: 20px 10px 0;
        width: 100%;
    }

    .AccountOpeningPlace .tactical-boxes {
        display: table;
        width: 100%;
    }

    .AccountOpeningPlace .tactical-boxes li {
        width: 100%;
        font-size: 20px;
        font-weight: 700;
    }

    .AccountOpeningPlace .taskContainer .task > div {
        display: block;
        padding-left: 0px;
    }
}

/*
 * TransactionSummaryPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.TransactionSummaryPlace .drillableList th {
    display: none;
}

.TransactionSummaryPlace .additionsPlainTextList thead {
    display: none;
}

.TransactionSummaryPlace .accumAccountSummarySectionBar {
    border-bottom: none;
}

/*
 * CombinedSwitchAndProfilePlace
 *--------------------------------------------------------------------------------------------------------------------*/
.pendingSwitchDetailsList th,
.pendingSwitchDetailsList td {
    width: 33.33%;
}

.CombinedSwitchAndProfilePlace .page-header .h1 {
    padding-bottom: 15px;
}

.CombinedSwitchAndProfilePlace .form.formEditable .formRow.strategy {
    padding-bottom: 0px;
}

.CombinedSwitchAndProfilePlace .form.formEditable .formRow.strategy .formControlCell fieldset span {
    display: block;
}

.CombinedSwitchAndProfilePlace .strategy .formLabelCell {
    width: 120px;
}

.CombinedSwitchAndProfilePlace .strategy .formLabelCell .formLabel:after {
    display: none;
}

.CombinedSwitchAndProfilePlace td.pendingOrderNumber,
.CombinedSwitchAndProfilePlace td.pendingPercent {
    width: 130px;
}

.CombinedSwitchAndProfilePlace td.pendingOrderNumber input,
.CombinedSwitchAndProfilePlace td.pendingPercent input {
    text-align: right;
    font-size: 14px;
}

.CombinedSwitchAndProfilePlace .combinedInvestmentSwitchAndProfileOptionsForm .combinedSwitchAndProfileOptionsType .radioButton {
    padding: 6px 10px;
    width: 100%;
}

.CombinedSwitchAndProfilePlace .combinedInvestmentSwitchAndProfileOptionsForm .horizontalButtonBar {
    display: none;
}

.CombinedSwitchAndProfilePlace .combinedProfileOptionsForm {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedProfileOptionsForm {
    display: block;
}

.CombinedSwitchAndProfilePlace .combinedSwitchAndProfileAdditionalOptionsForm {
    max-width: 450px;
}

.CombinedSwitchAndProfilePlace .CombinedSwitchAndProfile_switchPending_pendingSwitchDetailsList_header h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 12px 0 0;
}

.CombinedSwitchAndProfilePlace .sectionBar.noChange {
    display: none;
}

.CombinedSwitchAndProfilePlace .switchPendingSectionBar .title,
.CombinedSwitchAndProfilePlace .switchPendingSectionBar .message {
    display: none;
}

.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profileProrataSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_investmentProfileDetailsList_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .sectionDark .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profileProrataSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_investmentProfileDetailsList_header {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileConfirm_profileProrataSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePercentageSectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profilePrioritySectionBar_header,
.CombinedSwitchAndProfilePlace .incomeStream .CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment_profileProrataSectionBar_header {
    color: #333333 !important;
    font-size: 13px;
    font-weight: normal;
    display: block;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .radioButton label {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .radioButton:nth-of-type(1):after {
    content: "Drawdown election";
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .radioButton:nth-of-type(2):after {
    content: "Drawdown election & Existing balance";
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .formControlCell.readOnly div[id="CombinedSwitchAndProfile_combinedSwitchAndProfileAdjustment.Update my"] {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .combinedInvestmentSwitchAndProfileOptionsForm .formControlCell.readOnly div:nth-of-type(1):after {
    content: "Drawdown election";
}

.CombinedSwitchAndProfilePlace .superText {
    display: initial;
}

.CombinedSwitchAndProfilePlace .pensionText {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .superText {
    display: none;
}

.CombinedSwitchAndProfilePlace .incomeStream .pensionText {
    display: initial;
}

@media screen and (max-width: 450px) {
    .CombinedSwitchAndProfilePlace .drillableList td.readOnly {
        padding: 10px 5px;
    }

    .CombinedSwitchAndProfilePlace td.pendingPercent {
        width: 90px;
    }

    .CombinedSwitchAndProfilePlace th.headerFromAmount,
    .CombinedSwitchAndProfilePlace td.fromAmount {
        display: none;
    }
}

@media screen and (max-width: 680px) {
    .CombinedSwitchAndProfilePlace .form.formEditable .formRow.strategy .formControlCell fieldset span {
        width: 100%;
    }
}

/*
 * MyDetailsPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.MyDetailsPlace .MyDetails_UpdateTfn_tfnUpdateForm_header ul {
    padding-left: 20px;
}

.MyDetailsPlace .MyDetails_UpdateTfn_tfnUpdateForm_header li {
    list-style: disc;
    margin-bottom: 20px;
    padding-left: 5px;
}

.MyDetailsPlace .clientBasicDetailsForm .formLabelCell {
    width: 260px;
}

.MyDetailsPlace .tfnUpdateForm .subFormHeaderLabelText {
    margin-top: 4px;
    padding-left: 15px;
}

.MyDetailsPlace .clientBasicDetailsForm .formRow.memberTFN .formLabel{
    /*margin-top: 15px;*/
}
.MyDetailsPlace .clientBasicDetailsForm .formRow.memberTFN .formControlCell .gwt-Label {
    /*margin-top: -64px;*/
    float: left;
    padding-top: 5px;
}
.MyDetailsPlace .clientBasicDetailsForm .formRow.memberTFN .formControlCell  .buttonWrap {
    /*margin-top: 50px;
    margin-left: 29px*/
    margin-top: 20px;
    margin-left: -26px
}


/*
 * DisplayContentPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.DisplayContentPlace .Login_footer_disclaimer ul,
.DisplayContentPlace .Footer_disclaimer ul {
    padding-left: 20px;
}

.DisplayContentPlace .Login_footer_disclaimer li,
.DisplayContentPlace .Footer_disclaimer li {
    list-style: disc;
    margin-bottom: 20px;
    padding-left: 5px;
}

.DisplayContentPlace .foreignLink {
    padding-left: 0px;
}

.loginDisclaimer {
    display: none !important;
}

.loginLayout .loginDisclaimer {
    display: inline-block !important;
}

.place-DisplayContent_contentId_Login_footer_disclaimer .loginDisclaimer {
    display: inline-block !important;
}

.loginLayout .memberDisclaimer {
    display: none !important;
}

.place-DisplayContent_contentId_Login_footer_disclaimer .memberDisclaimer {
    display: none !important;
}

#DisplayContent_contentId_Footer_disclaimer-wrapper {
    display: none !important;
}

.loginLayout .cms a, .loginLayout .cms a:active, .loginLayout .cms a:visited {
    /*color: #eeeeee;*/
    text-decoration: underline;
}

.loginLayout .cms a:hover {
    color: #eeeeee;
    text-decoration: none;
}

.Dialog_Passwordreset h1.h1 {
    display: none;
}

.Dialog_Passwordresetfailed h1.h1 {
    display: none;
}

.place-EmployerForgottenPassword .registerNowSuccessDialog,
.place-EmployerForgottenPassword .forgottenPasswordSuccessDialog {
    display: none;
}

.place-ForgottenPassword .registerNowSuccessDialog,
.place-ForgottenPassword .employerForgottenPasswordSuccessDialog {
    display: none;
}
/*Register now*/
.place-RegisterNow .forgottenPasswordSuccessDialog,
.place-RegisterNow .employerForgottenPasswordSuccessDialog {
    display: none;
}

.place-EmployerMemberDetails .employerAuthorisationTermsAndAgreeBox {
    display: none;
}
#login .registerNowForm .mustChangePasswordForm{
    width: auto;
    float: none;
    margin-top: 0px;
}

/*Must change password */
#login .mustChangePasswordForm .horizontalButtonBar{
    width: auto;
    float: none;
    margin-top: 0px;
}

/* Employer Contribution Transaction History Place */


.EmployerContributionTransactionHistoryPlace .employerContributionTransactionHistoryFilterForm .formRow {
    width: 100%;
    float: left;
    margin-right: 15px;
}



/* EmployerDashboardPlace */
.EmployerDashboardPlace .memberSearchForm .buttonWrap a {
   /* padding-right: 45px;*/
    padding: 3px 22px 3px 22px;
}

.EmployerDashboardPlace .memberSearchForm .buttonWrap a > span:after {
    content: " ";
    background-color: #282B48;
    /*background-image: url('gwt/laf/sitewide/related-arrow.png');*/
    width: 32px;
    height: 32px;
    position: absolute;
    background-position: 8px 0px;
    background-repeat: no-repeat;
}

.EmployerDashboardPlace .memberSearchForm .formLabelCell {
    width: 130px;
}

.EmployerDashboardPlace .EmployerDashboard_administration #homepageContent {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 40px;
}

.EmployerDashboardPlace .EmployerDashboard_administration #homepageContent .homepageicon {
    display: table-cell;
    width: 100%;
    float: left;
    margin-bottom: 70px;
}

.EmployerDashboardPlace .EmployerDashboard_administration #homepageContent .homepageicon .wrap {
    box-shadow: 1px 1px 5px #cccccc;
}

.EmployerDashboardPlace .EmployerDashboard_administration #homepageContent .homepageicon img {
    width: 100%;
}

.EmployerDashboardPlace .EmployerDashboard_administration #homepageContent .homepageicon h3 {
    font-weight: bold;
    color: #282B48;
    font-size: 20px;
    margin-bottom: 15px;
}

.EmployerDashboardPlace .EmployerDashboard_administration #homepageContent .homepageicon .content {
    padding: 10px 20px;
    height: 220px;
}
.EmployerDashboardPlace .memberSearchForm .buttonWrap {
    margin-top: 0px;
}
@media screen and (min-width: 450px) {
    .EmployerDashboardPlace .memberSearchForm .EmployerDashboard_memberSearchForm_header + div {
        padding-right: 165px;
    }

    .EmployerDashboardPlace .memberSearchForm .horizontalButtonBar {
        float: right;
        margin-top: -71px;
    }
}


/*Employer member search*/

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tr th {
    display: none;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerMemberNumber,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerPayrollCode {
    display: table-cell;
    width: 30%;
    float: left;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerFullname {
    width: 40%;
    display: table-cell;
    float: left;
    border-top-right-radius: 10px;
}

.EmployerMemberSearchPlace .drillableTable {
    border-colapse: none;
}

.EmployerMemberSearchPlace .drillableTable td {
    float: left;
}

.EmployerMemberSearchPlace .drillableTable thead th {
    float: left;
}

.EmployerMemberSearchPlace .drillableTable thead tr {
    width: 100%;
    border: 1px solid transparent;
    background-color: transparent !important;
}

.EmployerMemberSearchPlace .drillableTable tbody tr {
    float: left;
    width: 100%;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .empStart,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .dob,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .memberNumber {
    width: 30%;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .fullname {
    width: 40%;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountName {
    width: 36%;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .payrollCode {
    float: left;
    width: 30%;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .empStart,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .dob,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountName {
    font-weight: bold;
    height: 57px
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .dob .labelText:before {
    content: "Date of birth: ";
    font-weight: normal;
    height: 57px;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .empStart .labelText:before {
    content: "Emp. start date: ";
    font-weight: normal;
    height: 57px;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountName .labelText:before {
    content: "Account type: ";
    font-weight: normal;
    height: 57px;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountStatus {
    float: right;
    font-weight: bold;
    width: 40%;
    margin-top: 30px;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountStatus .labelText:before {
    content: "Status: ";
    text-align: right;
    font-weight: normal;
}

/* WorkbenchContributionEditPlace */

.WorkbenchContributionEditPlace .contGridSummary .h3.paymentInstructions,
.WorkbenchContributionEditPlace .contGridSummary .h2.contDetails,
.WorkbenchContributionEditPlace .contGridSummary .h3.employerDetails,
.WorkbenchContributionEditPlace .contGridSummary .h3.employeeSummary,
.WorkbenchContributionEditPlace .contGridSummary .h3.paymentSummary{
    color: #440591;
}

.WorkbenchContributionEditPlace .contGridSummary .lineItem .label

.WorkbenchContributionEditPlace .contGridSummary h1.h1 {
    padding-bottom: 10px;
}

.WorkbenchContributionEditPlace .contGridSummary .h2.contDetails{
    width: 100%;
}

.WorkbenchContributionEditPlace .searchfield input.ui-search {
    max-width: none;
    width: 100%;
}

.WorkbenchContributionEditPlace h1.h1 {
    padding-bottom: 10px;
}

.WorkbenchContributionEditPlace .workbenchContWizard .contDetails {
    width: 60%;
    float: left;
    word-break: break-word;
}

.WorkbenchContributionEditPlace .workbenchContWizard #refNumber {
    display: inline-block;
    float: right;
}

@media screen and (min-width: 550px){
    .WorkbenchContributionListPlace .pagerNav.drillableTable .pagerButton.first,
    .WorkbenchContributionListPlace .pagerNav.drillableTable .pagerButton.last {
        display: inline;
    }
}

.WorkbenchContributionListPlace .head {
    border: 1px solid #DDDDDD;
    background-color: #f2f2f2;
    padding: 25px 0px;
}

.WorkbenchContributionListPlace .head .createNewCont .button span,
.WorkbenchContributionListPlace .resultDetails .dateRangePanel .button span,
.WorkbenchContributionListPlace .resumeOptions span {
    color: #FFFFFF;
    border: 2px solid #282B48;
    background-color: #282B48;
    border-radius: 16px;
    width: auto;
    padding: 12px 25px;
    font-size: 15px;
}

.WorkbenchContributionListPlace .head .createNewCont .button span:hover,
.WorkbenchContributionListPlace .resultDetails .dateRangePanel .button span:hover,
.WorkbenchContributionListPlace .resumeOptions .delete:hover,
.WorkbenchContributionListPlace .resumeOptions .resume:hover {
    text-decoration: underline;
    color: #FFFFFF !important;
}

.WorkbenchContributionListPlace .resumeOptions .delete a:hover,
.WorkbenchContributionListPlace .resumeOptions .resume a:hover {
    color: #FFFFFF !important;
}

.WorkbenchContributionListPlace .resumeOptions {
    position: relative;
    margin-top: 15px;
}

.WorkbenchContributionListPlace .resumeOptions .resume,
.WorkbenchContributionListPlace .resumeOptions .delete {
    float: left;
    padding: 6px;
}

.WorkbenchContributionListPlace .resultDetails .results {
    border: 1px solid #DDDDDD;
}

.WorkbenchContributionListPlace .resultDetails {
    padding: 20px 0px 0px 0px;
}

.WorkbenchContributionListPlace .resultDetails .details {
    float: left;
    padding: 4px;
}

.WorkbenchContributionListPlace .resultDetails .dateRangePanel .button,
.WorkbenchContributionListPlace .resultDetails .results .searchButton {
    float: right;
    padding: 3px 19px;
}

.WorkbenchContributionListPlace .head .resume, .WorkbenchContributionListPlace .head .createNewCont {
    padding: 6px;
}

.WorkbenchContributionListPlace .resultDetails .dateRangePanel .dateRange {
    margin-top: 0px;
}

.WorkbenchContributionListPlace .resultDetails .dateRangePanel .legend {
    float: left;
}

.WorkbenchContributionListPlace .resultDetails .dateRangePanel {
    padding: 15px;
    border: 1px solid #DDDDDD;
    background-color: #f2f2f2;
}

.pager input[type="text"] {
    width: 30px;
    min-width: 30px;
    border-radius: 8px;
    padding: 2px;
    border: 1px solid #b4b4b4;
}

.WorkbenchContributionListPlace .drillableTable tr th {
    display: none;
}

.WorkbenchContributionListPlace .drillableTable td {
    float: left;
}

.WorkbenchContributionListPlace .drillableTable thead tr > .submitted,
.WorkbenchContributionListPlace .drillableTable thead tr > .filename,
.WorkbenchContributionListPlace .drillableTable thead tr > .fileRef {
    display: table-cell;
    height: 56px;
    float: left;
}

.WorkbenchContributionListPlace .drillableTable thead tr > .fileRef {
    border-radius: 0px 10px 0px 0px;
}

.WorkbenchContributionListPlace .drillableTable tr > .fileRef {
    width: 27%;
    float: left;
    font-weight: bold;
}

.WorkbenchContributionListPlace .drillableTable tr > .filename {
    width: 43%;
    float: left;
    text-align: center;
    font-weight: bold;
}

.WorkbenchContributionListPlace .drillableTable tr > .submitted {
    width: 30%;
    float: left;
    font-weight: bold;
    text-align: left;
}

.WorkbenchContributionListPlace .drillableTable thead tr {
    width: 100%;
    border: 1px solid transparent;
}

.WorkbenchContributionListPlace .drillableTable tbody tr {
    float: left;
    width: 100%;
    height: auto;
}

.WorkbenchContributionListPlace .drillableTable tbody td {
    padding: 8px;
    text-align: right;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.amount {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    font-weight: bold;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.status {
    font-size: 12px;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end {
    float: right;
    width: 60%;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end{
    padding-bottom: 30px;
}

.WorkbenchContributionListPlace .drillableTable tr > .filename {
    word-break: break-all;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.status {
    position: absolute;
    top: 50px;
    width: 30%;
    text-align: left;
}

.WorkbenchContributionListPlace .pagerDiv .pagerNav.drillableTable td {
    padding: 0;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start:empty:after,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end:empty:after,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.amount:empty:after {
    content: "n/a";
    width: 80px;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start:before {
    content: "Start date: ";
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end:before {
    content: "End date: ";
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.amount:before {
    content: "Amount: ";
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.status:before {
    content: "Status: ";
}

#page .WorkbenchContributionEditPlace .workbenchContWizard .page-header {
    display: block;
}

.WorkbenchContributionEditPlace input.error {
    border: 1px solid #282B48;
}

.WorkbenchContributionEditPlace .field {
    margin-right: 20px;
    float: left;
}

.WorkbenchContributionEditPlace .field > * {
    float: left;
}

.WorkbenchContributionEditPlace .inputWrap > * {
    float: left;
}

@media screen and (min-width: 550px){
    .WorkbenchContributionEditPlace .pagerNav.drillableTable .pagerButton.first,
    .WorkbenchContributionEditPlace .pagerNav.drillableTable .pagerButton.last {
        display: inline;
    }
}

@media screen and (max-width: 453px){
    .WorkbenchContributionEditPlace span.inputLabel {
        min-width: 35px;
    }
}

@media screen and (max-width: 453px){
    .WorkbenchContributionEditPlace .createDetails .field {
        margin-bottom: 10px;
    }
}


/*@media screen and (min-width: 454px){
    .WorkbenchContributionEditPlace span.inputLabel {
        min-width: 0px;
    }
}*/


.WorkbenchContributionEditPlace .drillableTableData {
    border: none;
}

.WorkbenchContributionEditPlace .drillableTable {
    border: 1px solid #666666;
    border-radius: 14px 14px 0px 0px;
    background-color: transparent;
    border-top: none;
}

.WorkbenchContributionEditPlace .head .refNumber > input.error {
    border: 2px solid #ff0000;
    background-color: #D4D5D6;
}

.WorkbenchContributionEditPlace #headerItems {
    padding: 5px 0px 5px 0px;
}

.WorkbenchContributionEditPlace #headerItems .filter {
    float: left;
    width: 100%;
}

.WorkbenchContributionEditPlace #headerItems .errors input[type="checkbox"] {
    vertical-align: middle;
}

.WorkbenchContributionEditPlace .contGridSummary .h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

.WorkbenchContributionEditPlace .contGridSummary .h3.paymentBreakdown {
    margin-top: 10px;
}

.WorkbenchContributionEditPlace .contGridSummary .leftItem {
    float: left;
    width: 100%;
}

.WorkbenchContributionEditPlace .contGridSummary .empDetails,
.WorkbenchContributionEditPlace .contGridSummary .contDetails {
    margin-bottom: 10px;
}

.WorkbenchContributionEditPlace .contGridSummary .contDetails {
    margin-top: 20px;
    font-weight: bold;
}

.WorkbenchContributionEditPlace .contGridSummary .lineItem > .value {
    float: right;
}

.WorkbenchContributionEditPlace .contGridSummary .lineItem > .value.strong {
    font-weight: bold;
}

.WorkbenchContributionEditPlace .contGridSummary .lineItem > .grandTotal.value {
    font-weight: bold;
}

.WorkbenchContributionEditPlace #headerItems .filter,
.WorkbenchContributionEditPlace #headerItems .errors {
    float: left;
}

.searchfield input.ui-search {
    border-radius: 20px;
    padding-left: 25px;
    padding-right: 22px;
    background-image: url("laf/sitewide/search.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    margin: 0;
    width: 80%;
    font-size: 0.9em;
}

.searchfield .ui-search-clear, .searchfield .ui-search-do {
    background-image: url("laf/sitewide/cross-small.png");
    width: 16px;
    height: 16px;
    opacity: 0.5;
    display: inline-block;
    cursor: pointer;
    z-index: 5;
    margin: 3px 0 -4px -22px;
}

.searchfield input.ui-search-active {
    background-color: #FFF088;
    background-image: none;
}

.searchfield input[type="text"]:focus {
    outline: none;
}

.searchfield .ui-search-clear.hidden, .searchfield .ui-search-do.hidden {
    display: none;
}

.searchfield .ui-search-do {
    opacity: 1;
}

.WorkbenchContributionEditPlace .drillableTable thead tr .tableHeader {
    height: 61px;
}

.WorkbenchContributionEditPlace .drillableTable thead tr > .clientNo {
    float: left;
}

.WorkbenchContributionEditPlace .drillableTable thead tr > .fullName {
    display: table-cell;
    width: 100%;
    padding: 20px;
}

.WorkbenchContributionEditPlace .drillableTable thead tr > .clientNo {
    margin-top: 30px;
}


.WorkbenchContributionEditPlace .drillableTable thead tr > .fullName {
    border-radius: 10px 10px 0px 0px;
    border: 1px solid transparent;
    float: right;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .fullName:after {
    content: "Contributions";
    font-weight: bold;
    position: absolute;
    top: 90px;
    right: 10px
}


.WorkbenchContributionEditPlace .drillableTable tr th {
    display: none;
}

.WorkbenchContributionEditPlace .drillableTable tbody td,
.WorkbenchContributionEditPlace .drillableTable tr {
    float: left;
    width: 100%;
}

.WorkbenchContributionEditPlace .pagerDiv .pager .pagerNav td,
.WorkbenchContributionEditPlace .pagerDiv .pager .pagerNav tr {
    float: none;
    width: auto;
}

.WorkbenchContributionEditPlace .pagerDiv .pager .pagerNav{
    border: none;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr {
    padding-bottom: 10px;
    border-bottom: 2px dotted #dddddd;
}

.WorkbenchContributionEditPlace .drillableTableData tbody td {
    padding: 10px 20px;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .givenNames,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .surname {
    display: none;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .clientNo,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .payrollNo {
    margin-top: 30px;
    width: 50%;
    height: 65px;
}
.WorkbenchContributionEditPlace .drillableTable tbody tr > .payrollNo {
    text-align: right;
    padding-right: 10px;
}
.WorkbenchContributionEditPlace .drillableTable tbody tr > .amount {
    float: right;
    width: 75%;
    padding-bottom: 0px;
    padding-right: 10px;
    text-align: right;
}

.WorkbenchContributionEditPlace .drillableTable tbody .total,
.WorkbenchContributionEditPlace .drillableTable tbody .amount div {
    font-weight: bold;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr td:nth-child(6) {
    padding-top: 30px;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .clientNo:before {
    content: "Member number: ";
    font-weight: normal !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .payrollNo:before {
    content: "Payroll number: ";
    font-weight: normal !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody .amount ~ .amount {
    margin-top: 0px !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr .amount ._01:before {
    content: "Employer SG: ";
    font-weight: normal !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr .amount ._03:before {
    content: "Mem vol (before tax): ";
    font-weight: normal !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr .amount ._02:before {
    content: "Mem vol (after tax): ";
    font-weight: normal !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow > .amount {
    float: right;
    margin-top: 0px !important;
    font-weight: bold;
}

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #total01:before {
    content: "Employer SG: ";
    font-weight: normal;
}

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #total03:before {
    content: "Mem vol (before tax): ";
    font-weight: normal;
}

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #total02:before {
    content: "Mem vol (after tax): ";
    font-weight: normal;
}

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #grandTotal:before {
    content: "Grand total: ";
    font-weight: normal;
}

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow {
    background-color: #f1e5da;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .fullName {
    font-weight: bold;
    position: absolute;
}


.WorkbenchContributionEditPlace .drillableTable tbody tr > .amount div {
    display: inline-block;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .total:before {
    content: "Total amount: ";
    font-weight: normal;
}

.WorkbenchContributionEditPlace .errors {
    margin-top: 5px;
}

/*Employer Contacts*/
.EmployerContactsPlace .employerContactsList .drillableTable tr th {
    display: none;
}

.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerFormAction,
.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerWebUserEmail {
    float: left;
}

.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerDisplay-name {
    float: left;
}

.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerDisplay-name,
.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerJobTitle {
    display: table-cell;
    width: 50%;
    float: left;
}

.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerJobTitle {
    border-top-right-radius: 10px;
}

.EmployerContactsPlace .employerContactsList .drillableTable tbody tr {
    width: 100%
}

.EmployerContactsPlace .employerContactsList .drillableTable tbody tr,
.EmployerContactsPlace .employerContactsList .drillableTable td {
    float: left;
}

.EmployerContactsPlace .employerContactsList .drillableTable tbody tr > .display-name {
    width: 50%;
}

.EmployerContactsPlace .employerContactsList .drillableTable tbody tr > .webUserEmail {
    width: 100%;
}

.EmployerContactsPlace .employerContactsList .drillableTable tbody tr > .webUserEmail .labelText:before {
    content: "Username: ";
}

.EmployerContactsPlace .employerContactsList .drillableTable tbody tr > .formAction {
    float: right;
    width: 100%;
}

/*Employer member details*/
.EmployerMemberDetailsPlace .form .formLabelCell {
    width: 50%;
    float: left;
    padding: 0px;
    font-weight: normal;
    /*cursor: pointer;*/
    line-height: 25px;
}
.EmployerMemberDetailsPlace .accountBasicDetailsForm{
    padding:5px;
}
.EmployerMemberDetailsPlace .form td.formControlCell {
    width: 50%;
    float: right;
}

.loginStyle-PSSA #main .superLogo img.pssap {
    display: block;
    padding-bottom: 5px;
}

.loginStyle-PSSA #main .superLogo img.cscri {
    top: 145px;
}

.loginStyle-CSCR #main .superLogo img.cscri {
    display: block;
    padding-bottom: 5px;
}

.loginStyle-PSSA #user-nav img.pssap,
.loginStyle-CSCR #user-nav img.cscri {
    display: block;
    padding: 5px;
    margin: 0 auto;
    width: 100%;
}

.loginStyle-PSSA #user-nav img.cscri,
.loginStyle-CSCR #user-nav img.pssap {
    float: left;
    width: 100%;
}

@media screen and (min-width: 550px) {
    .loginStyle-PSSA #user-nav img.cscri,
    .loginStyle-CSCR #user-nav img.pssap {
        width: 50%;
    }
}

/* PSSap/CSCri specific styles */
.PSSA #user-nav li > a:before {
    background-image: url("gwt/laf/pssap_icon_sprite.png");
}

.CSCR #user-nav #user-nav-right #logoutItem,
.PSSA #user-nav #user-nav-right #logoutItem {
    background: #dedede;
}

.CSCR #user-nav #user-nav-right #logoutItem:hover,
.PSSA #user-nav #user-nav-right #logoutItem:hover {
    background: #f5f5f5;
}

.CSCR #user-nav #user-nav-right #logoutItem > a,
.PSSA #user-nav #user-nav-right #logoutItem > a {
    color: #282B48;
    text-shadow: 1px 1px 1px #ffffff;
}

.CSCR #user-nav li > a:before {
    background-image: url("gwt/laf/cscri_icon_sprite.png");
}

#sidebar-nav .leftNavList .current {
    border: none;
}
.CSCR #sidebar-nav .leftNavList .current {
    background-color: #282B48;
    background: -webkit-linear-gradient(top, #282B48, #282B48);
}

.PSSA #sidebar-nav .leftNavList .current {
    background-color: #282B48;
    background: -webkit-linear-gradient(top, #282B48, #282B48);
}

#user-nav .pssap-header-bar,
#user-nav .cscri-header-bar {
    float: left;
    display: none;
}

.brand-cscri .loginLayout #user-nav .cscri-header-bar,
.brand-pssap .loginLayout #user-nav .pssap-header-bar,
.loginStyle-PSSA #user-nav .pssap-header-bar,
.loginStyle-CSCR #user-nav .cscri-header-bar {
    display: inline-block;
}

.pssap-footer-quicklinks,
.cscri-footer-quicklinks {
    display: none;
}

.brand-pssap .loginLayout .pssap-footer-quicklinks,
.brand-cscri .loginLayout .cscri-footer-quicklinks,
.loginStyle-PSSA .pssap-footer-quicklinks,
.loginStyle-CSCR .cscri-footer-quicklinks {
    display: inline-block;
    width: auto;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

.brand-pssap .loginLayout .pssap-footer-quicklinks > img,
.brand-cscri .loginLayout .cscri-footer-quicklinks > img,
.loginStyle-PSSA .pssap-footer-quicklinks > img,
.loginStyle-CSCR .cscri-footer-quicklinks > img {
    display: block;
    margin: 15px 0;
}

#site-footer .footer-notices-wrapper {
    max-width: 520px;
    display: inline-block;
}

#site-footer .footer-notices {
    display: none;
}

#site-footer .pssap-footer-notices p {
    margin-bottom: 5px;
}

.brand-pssap .loginLayout #site-footer .pssap-footer-notices,
.brand-cscri .loginLayout #site-footer .cscri-footer-notices,
.loginStyle-PSSA #site-footer .pssap-footer-notices,
.loginStyle-CSCR #site-footer .cscri-footer-notices {
    display: block;
}

#site-footer .privacy-notice {
    display: none;
}

.brand-pssap .loginLayout #site-footer .pssap-privacy-notice,
.brand-cscri .loginLayout #site-footer .cscri-privacy-notice,
.loginStyle-PSSA #site-footer .pssap-privacy-notice,
.loginStyle-CSCR #site-footer .cscri-privacy-notice {
    display: inline;
}

.footer-badges {
    display: none;
}

.brand-pssap .loginLayout .footer-badges,
.loginStyle-PSSA .footer-badges {
    display: block;
}

#user-nav .pssap-header-bar li > a:before {
    background-image: url("gwt/laf/pssap_icon_sprite.png");
}

#user-nav .cscri-header-bar li > a:before {
    background-image: url("gwt/laf/cscri_icon_sprite.png");
}


/* PSSap account styles */
.PSSA a {
    color: #4D5895;
}

.PSSA .cms h1 {
    color: #282B48;
}

.PSSA .cms h2 {
    color: #282B48;
}

.PSSA .buttonWrap a,
.PSSA #fancybox-content .TwoFAAuthDialogButtonBar .button,
.PSSA #fancybox-content .pdfDownloadDialogButtonBar .button,
.PSSA #fileuploadblock #files button,
.PSSA .pagerButton
{
    background-color: #282B48;
    color: #ffffff;
}

.PSSA #section-nav ul .current {
    background-color:#282B48;
}

.PSSA .accountBar .select {
    border: 1px solid #CCC;;
}

.PSSA .sectionBar .title,
.PSSA .sectionBar .title .header {
    color: #282B48;
}

.PSSA .form.formEditable .formTable .requiredField .formLabelCell .formLabel:after {
    color: #282B48;
}

.PSSA #site-header {
    border-top: 10px solid #e0c6ad;
}

/*.PSSA .top-bar {*/
    /*height: 46px;*/
/*}*/

.PSSA .top-bar .toggle-topbar.menu-icon a {
    background-color: #282B48;
}

.PSSA .top-bar .toggle-topbar.menu-icon a span:after {
    background-color: #282B48;
}

.loginType-EMPLOYER #nav-stripe-wrapper,
.loginType-ADMINISTRATOR #nav-stripe-wrapper,
.PSSA #nav-stripe-wrapper {
    background: #F4F1F0;
}

.PSSA #main {
    background-color: #F4F1F0!important;
}

.PSSA .page-header-bg-strip {
    background: none repeat scroll 0 0 #282B48;
}

#site-footer .pssap-footer-quicklinks.footer-quicklinks h2 {
    color: #282B48;
}

.brand-pssap .loginLayout #site-footer .UIHTMLContent a ,
.PSSA #site-footer .UIHTMLContent a {
    color: #4D5895 !important;
    text-shadow: none;
}

.PSSA #site-footer .footer-notices p,
.PSSA .footer-notices ul {
    font-size: 11px;
    line-height: 13.2px;
}

.PSSA .gwt-DatePicker {
    border: 1px solid #282B48;
}

.PSSA .gwt-DatePicker * {
    color: #FFFFFF;
}

.PSSA .datePickerMonthSelector {
    /* The month selector widget. */
}

.PSSA .MonthSelector {
    background: #282B48;
}

.PSSA .datePickerDays td.datePickerWeekdayLabel,
.PSSA .datePickerDays td.datePickerWeekendLabel {
    /* The label over weekends. */
    background: #282B48;
    color: #FFFFFF;
}

.PSSA .datePickerDayIsHighlighted {
    /* The currently highlighted day. */
    background: #282B48;
    color: #FFFFFF !important;
}

.MonthSelector * {
    font-weight: bold;
    font-size: 14px;
    padding: 4px;
    color: #ffffff;
}

.PSSA .datePickerDayIsValueAndHighlighted {
    background: #282B48;
    color: #FFFFFF !important;
}

.PSSA .datePickerDayIsValue {
    background: #282B48;
    color: #FFFFFF !important;
}

.PSSA .datePickerDay {
    color: #282B48;
}

.PSSA .ui-widget-header {
    border: 1px solid #282B48 !important;
    background: #282B48 50% 50% repeat-x !important;
}

.PSSA .ui-state-default,
.PSSA .ui-widget-content .ui-state-default,
.PSSA .ui-widget-header .ui-state-default {
    color: #282B48 !important;
}

.PSSA #fancybox-content .dialogWrap input {
    border: 1px solid #282B48;
}

.PSSA #fancybox-wrap #dialogContent .h1,
.PSSA #fancybox-wrap #dialogContent h1 {
    color: #282B48;
}

.PSSA #tacticalLinks .columns .icon-container {
    background: #282B48;
}

/* CSCri account styles */
.CSCR a {
    color: #4D5895;
}

.CSCR .cms h1 {
    color: #282B48;
}

.CSCR .cms h2 {
    color: #282B48;
}

.CSCR .buttonWrap a,
.CSCR #fancybox-content .TwoFAAuthDialogButtonBar .button,
.CSCR #fancybox-content .pdfDownloadDialogButtonBar .button,
.CSCR #fileuploadblock #files button,
.CSCR .pagerButton{
    background-color: #282B48;
    color: #ffffff;
}

.CSCR #section-nav ul .current {
    background-color: #282B48;
}

.CSCR .accountBar .select {
    border: 1px solid #CCC;;
}

.CSCR .sectionBar .title,
.CSCR .sectionBar .title .header {
    color: #282B48;
}

.CSCR .form.formEditable .formTable .requiredField .formLabelCell .formLabel:after {
    color: #282B48;
}

.CSCR #site-header {
    border-top: 10px solid #afa5a3;
}

.CSCR .top-bar .toggle-topbar.menu-icon a {
    background-color: #282B48;
}

.CSCR .top-bar .toggle-topbar.menu-icon a span:after {
    background-color: #282B48;
}

.CSCR #nav-stripe-wrapper {
    background: #F4F1F0;
}

.CSCR #main {
    background-color: #F4F1F0!important;
}

.CSCR .page-header-bg-strip {
    background: none repeat scroll 0 0 #282B48;
}

#site-footer .cscri-footer-quicklinks.footer-quicklinks h2 {
    color: #282B48;
}

.CSCR #site-footer .footer-notices p,
.CSCR .footer-notices ul {
    font-size: 11px;
    line-height: 13.2px;
}

.CSCR .gwt-DatePicker {
    border: 1px solid #282B48;
}

.CSCR .gwt-DatePicker * {
    color: #FFFFFF;
}

.CSCR .datePickerMonthSelector {
    /* The month selector widget. */
}

.CSCR .MonthSelector {
    background: #282B48;
}

.CSCR .datePickerDays td.datePickerWeekdayLabel,
.CSCR .datePickerDays td.datePickerWeekendLabel {
    /* The label over weekends. */
    background: #282B48;
    color: #FFFFFF;
}

.CSCR .datePickerDayIsHighlighted {
    /* The currently highlighted day. */
    background: #282B48;
    color: #FFFFFF !important;
}

.CSCR .datePickerDayIsValueAndHighlighted {
    background: #282B48;
    color: #FFFFFF !important;
}

.CSCR .datePickerDayIsValue {
    background: #282B48;
    color: #FFFFFF !important;
}

.CSCR .datePickerDay {
    color: #282B48;
}

.CSCR .ui-widget-header {
    border: 1px solid #282B48 !important;
    background: #282B48 50% 50% repeat-x !important;
}

.CSCR .ui-state-default,
.CSCR .ui-widget-content .ui-state-default,
.CSCR .ui-widget-header .ui-state-default {
    color: #282B48 !important;
}

.CSCR #fancybox-content .dialogWrap input {
    border: 1px solid #282B48;
}

.CSCR #fancybox-wrap #dialogContent .h1,
.CSCR #fancybox-wrap #dialogContent h1 {
    color: #282B48;
}

.CSCR #tacticalLinks .columns .icon-container {
    background: #282B48;
}


/* CSCR only place styles */
/*
 * Places Specific and should apply to all sizes of screens
 *
 *
 * -------------------------------------------------------------------------------------------------------------------*/


/*
 * LoginPlace
 *--------------------------------------------------------------------------------------------------------------------*/
.brand-cscri .loginLayout #site-footer {
    border: none;
}


.brand-cscri #login .header h3 {
    font-size: 21px;
    font-weight: 700;
    line-height: 40px;
}

.brand-cscri #login .buttonWrap a,
.brand-cscri #login .error,
.brand-cscri #login .errorMsg div {
    text-shadow: none;
}

@media screen and (max-width: 580px) {
    .brand-cscri .AdminMemberSearchPlace .drillableTableData thead tr th,
    .brand-cscri .AdminMemberSearchPlace .drillableTableData td {
        font-size: 14px;
        padding: 8px;
    }

    .brand-cscri .AdminMemberSearchPlace .searchMemberResultsList .drillableTableData thead tr th.headerDob,
    .brand-cscri .AdminMemberSearchPlace .searchMemberResultsList .drillableTableData tr td.dob {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .brand-cscri .AdminMemberSearchPlace .drillableTableData thead tr th,
    .brand-cscri .AdminMemberSearchPlace .drillableTableData td {
        font-size: 12px;
        padding: 4px;
    }
}

.brand-cscri .loginLayout .cms a {
    color: #4D5895;
    text-decoration: underline;
}

.brand-cscri .loginLayout .cms a:active,
.brand-cscri .loginLayout .cms a:visited {
    color: #000000;
    text-decoration: underline;
}
.brand-cscri .loginLayout .cms a:hover {
    color: #000000;
    text-decoration: none;
}
.InsurancePlace .canvasContentList .accountBar{
    margin-bottom :10px;
}

/* *Audit Place */
body[class*="Audit"] .filter {
    padding: 5px;
    background-color: #f2f2f2;
}

body[class*="Audit"] .filter > div {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable {
    width: 100%;
}

body[class*="Audit"] .filter td {
    padding: 5px;
}

body[class*="Audit"] .filter .formTable .fieldRow {
    margin: 5px;
}

body[class*="Audit"] .filter .formTable .label {
    width: 15%;
}

body[class*="Audit"] .filter .formTable .field {
    width: 85%;
}

body[class*="Audit"] .filter .formTable .field input {
    width: 100%;
}

body[class*="Audit"] .filter .formTable .field select {
    width: 100%;
}

body[class*="Audit"] .filter .filterError {
    text-align: center;
    color: red;
}

body[class*="Audit"] .filter .filterControl {
    text-align: right;
}

body[class*="Audit"] .result {
    margin-top: 10px;
    margin-bottom: 10px;
}

body[class*="Audit"] .result .drillableTableData {
    width: 100%;
}

body[class*="Audit"] .result .drillableTableData .timestamp,
body[class*="Audit"] .result .drillableTableData .operation {
    width: 20%;
}

body[class*="Audit"] .result .drillableTableData .details {
    width: 60%;
}

body[class*="Audit"] .result tr.audit_SAMLLogin,
body[class*="Audit"] .result tr.audit_Login {
    background-color: khaki;
}

body[class*="Audit"] .result tr.audit_Logout {
    background-color: lightblue;
}

body[class*="Audit"] .result tr.audit_ViewPage {
    background-color: lightyellow;
}

body[class*="Audit"] .result tr.audit_RegisterNoworForgottenPassword {
    background-color: lightgrey;
}

body[class*="Audit"] .result tr.audit_Send2FACode {
    background-color: lightcyan;
}

body[class*="Audit"] .result .fieldName {
    width: 100px;
    display: inline-block;
}

body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result .field_Result .fieldValue[data="Success"],
body[class*="Audit"] .result .fieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result .field_Result .fieldValue {
    color: red;
}

body[class*="Audit"] .result .detailsFieldValue {
    color: darkcyan;
}

body[class*="Audit"] .result div.detailsDetailsContent {
    display: inline;
}

body[class*="Audit"] .result .detailsDetailsControl {
    font-style: italic;
}

body[class*="Audit"] .pager {
    text-align: center;
}

body[class*="Audit"] .pager .disabled {
    pointer-events: none;
    cursor: default;
}

body[class*="Audit"] #page {
    width: 100%;
}

body[class*="Audit"] .filter select,
body[class*="Audit"] .filter input {
    max-width: none;
}

.UnapprovedEmployersPlace .emailHint .formLabelCell,
.UnapprovedEmployersPlace .approveEmployer .formLabelCell {
    visibility: hidden;
}


.ChoiceEmployerNominationPlace .form,
.UnapprovedEmployersPlace .form {
    border-bottom: 1px solid #282B48;
}

.UnapprovedEmployersPlace .radioButton.down {
  display: block;
}

.ChoiceEmployerNominationPlace .wizardProgressBar {
    display: block;
}
.UnapprovedEmployersPlace .UnapprovedEmployers_UnapprovedEmployersSelectPage_unapprovedEmployerForm_employerEmail_header {
    text-align: center;
}

.ChoiceEmployerNominationPlace .wizardProgressBar div.newStep.button a {
    background: #e5e5e5;
    color: #b2b2b2;
}


.ChoiceEmployerNominationPlace .wizardProgressBar div.Confirmation.curStep:nth-child(1) a,
.ChoiceEmployerNominationPlace .wizardProgressBar div.Confirmation.curStep:nth-child(2) a{
    background: #e5e5e5;
    color: #b2b2b2;
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button {
    pointer-events: none;
    cursor: default;

}

.ChoiceEmployerNominationPlace input#ChoiceEmployerNomination_memberChoice.Contact Employer {

    background-color: #ddd;
}
.ChoiceEmployerNominationPlace .contactEmployer .formControlCell table table td:after {
    content: "I would like PSSap to send an email to my employer to let them know I've chosen PSSap as my superannuation provider"
}
.ChoiceEmployerNominationPlace .wizardProgressBar {
    width: 600px;
    margin: 20px auto;
    text-align: center;
    padding-bottom: 0px;
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button,
.ChoiceEmployerNominationPlace .wizardProgressBar .bar {
    display: inline-block;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #d5d5da;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.ChoiceEmployerNominationPlace .wizardProgressBar .bar {
    position: relative;
    width: 220px;
    height: 6px;
    margin: 0 0px 17px 0px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    top:30px;
    vertical-align:top
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button .label {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    margin-top: 3px;
    color: #b5b5ba;
    font-size: 17px;
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button .title {
    color: #b5b5ba;
    font-size: 13px;
    line-height: 18px;
    margin-left: -6px;
    margin-top: 5px;
    display: block
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button.oldStep,
.ChoiceEmployerNominationPlace .wizardProgressBar .bar.done{
    background: #eee;
}



.ChoiceEmployerNominationPlace .wizardProgressBar .bar.active {
    background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button.oldStep .label {
    color: #FFF;
    background: #8bc435;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button.oldStep .title {
    color: #444;
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button.curStep .label {
    color: #FFF;
    background: #282B48;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button.curStep .title {
    color: #282B48;
}

.ChoiceEmployerNominationPlace .wizardProgressBar .button.oldStep .label {
    color: #FFF;
    background: #5668e2;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.UnapprovedEmployersPlace .form.unApprovedEmployerTermAndConditionForm {
    display:none;
}



.MemberDashboardPlace #banner-ad {
    background: #282B48;
    /**max-width: 800px;**/
    min-height: 170px;
    padding: 1%;
    position: relative;
}

.MemberDashboardPlace #banner-content {
    margin-left: 51%;
    max-width:50%
}

.MemberDashboardPlace #banner-ad p {
    color: #fff;
    font-family: Calibri, arial, sans-serif;
    font-size: 1em;
}

.MemberDashboardPlace #banner-ad p a {
    color: #fff;
}

.MemberDashboardPlace #banner-content p:first-child {
    border-bottom: solid 1px white;
    padding-bottom: 2%;
    font-size: 1.2em;
}

.MemberDashboardPlace #banner-content p:nth-child(2) {
    margin-bottom: 11%;
}

.MemberDashboardPlace #banner-ad p:nth-child(3) {
    position: absolute;
    bottom: 0px;
    right: 1px;
    background-color: #4D5895;
    padding: 1%;
}

.MemberDashboardPlace #banner-img {
    max-width: 50%;
    min-height:100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 650px) {

    .MemberDashboardPlace #banner-ad {
        max-width: 237px;
        max-height: 267px;
        padding: 1%;
    }

    .MemberDashboardPlace #banner-content {
        margin-top: 50%;
        margin-left: 0%;
        max-width: 100%;
    }

    .MemberDashboardPlace #banner-content p:first-child {
        border-bottom: solid 1px white;
        padding-bottom: 2%;
        font-size: 1em;
    }

    .MemberDashboardPlace #banner-content p:nth-child(2) {
        margin-bottom: 16%;
    }

    .MemberDashboardPlace #banner-ad p:nth-child(3) {
        position: absolute;
        bottom: 0px;
        right: 1px;
        padding: 2%;
    }

    .MemberDashboardPlace #banner-img {
        width: 100%;
        max-width: 100%;
        min-height: 0%;
        position: absolute;
        top: 0;
        left: 0;
    }


}