/*
 * Styles for screens size greater or equal to 768
 */
/*@media screen and (min-width: 768px) {*/
.page-header h1,
.page-header .h1 {
    font-size: 34px;
}

#main {
    padding-bottom: 0px;
}

#user-nav img.pssap,
#user-nav img.cscri {
    max-width: 270px;
}

#site-header .govLogo {
    margin: 0 auto;
    margin-top: 25px;
    float: left;
}

#site-header #user-nav .superLogo {
    float: right;
    max-width: calc(100% - 375px);
    margin-top: -50px;
    min-height: 70px;
}

#user-nav #user-nav-right {
    position: static;
}

#user-nav li {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

#user-nav #welcomeItem {
    max-width: calc(100% - 250px);
    left: 0px;
    position: absolute;
    margin-top: -1px;
}

.loginStyle-PSSA.loginStyle-CSCR #user-nav #welcomeItem {
    max-width: calc(100% - 490px);
}

#user-nav #logoutItem {
    position: absolute;
}

#user-nav #header-bar {
    display: block;
    position: absolute;
    right: 5px;
}


#tagline {
    display: block;
    font-size: 12px;
    color: #ffffff;
    line-height: 19.2px;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    font-family: Calibri, Arial, sans-serif;
    position: absolute;
    z-index: 8;
}

#tagline p > a {
    color: #FFFFFF;
    text-decoration: underline;

}

#tagline p > a:hover {
    text-decoration: none;
}

#tagline p {
    padding: 0px 20px;
    float: left;
    margin-top: 0px;
}

#tagline ul {
    float: right;
}

#tagline li {
    float: right;
    list-style: none;
}

#tagline > a {
    text-decoration: underline;
}

#tagline ul > li {
    padding: 10px;
    background: #9CC9D3;

}

#tagline ul > li a {
    color: white;
}

#tagline .selected {
    background: #F5680F;
}

#tagline .disable {
    background: none;

}

#tagline .disable a {
    color: #808080;
}

.page-header h1,
.page-header .h1 {
    margin-top: 10px;
    padding: 8px 0 18px 0;
}

#user-nav #logoutItem {
    top: 50px;
    text-decoration: none;
    margin-top: 105px;
    right: 16px;
}

/* Pager */
.pagerButton.last,
.pagerButton.jump,
.pagerButton.first {
    display: inline;
}

/* Button */
.buttonWrap a,
#fileuploadblock #files button {
    /*padding: 10px 30px;*/
}

/* Form */

.form .formLabelCell,
.form .formControlCell {
    padding: 10px 0px;
}

.form.formEditable .formTable .formLabelCell {
    text-align: right;
}

.form td.formControlCell {
    float: none;
}

.form .formColumn {
    padding: 5px;
}

.form .formControlCell.editable {
    padding-top: 5px;
}

/* Dialog */
#fancybox-content .TwoFAAuthDialogButtonBar .button,
#fancybox-content .pdfDownloadDialogButtonBar .button {
    width: auto;
    padding-left: 18px;
    padding-right: 18px;
    margin-left: 10px;
}

/* LoginPlace */
#login .main.container {
    min-height: 600px;
    display: table;
}

.loginLayout #login {
    background-position: bottom;
}
#login .loginForm .Login_loginForm_header,
#login .employerLoginForm .EmployerLogin_employerLoginForm_header{
    float: left;
    width: 50%;
    padding-right: 50px;
    margin-top: 20px;
    height: 180px;

}
#login .loginForm .horizontalButtonBar,
#login .employerLoginForm .horizontalButtonBar {
    width: 50%;
    float: right;
    margin-top: -50px;
}

#login .loginForm .vertical-fields ,
#login .employerLoginForm .vertical-fields {
    float: right;
    width: 50%;
    padding-top: 55px;
}
#login .loginForm .username ,
#login .employerLoginForm .username {
    float: left;
    width: 49%;
    font-weight: bold;
    font-size: 15px;

}
#login .loginForm .password ,
#login .employerLoginForm .password {
    float: right;
    width: 49%;
    font-weight: bold;
    font-size: 15px;
}

#login .employerLoginForm a,
#login .loginForm a {
    color: #4D5895;
}

#login .loginForm .horizontalButtonBar .buttonWrap ,
#login .employerLoginForm .horizontalButtonBar .buttonWrap {
    padding-left:0px;
    width: 50%;
    padding-right: 6px;
}
#login .horizontalButtonBar .buttonWrap a{
    color: #ffffff;
}

#login .Login_loginForm_footer,
#login .Login_footer,
#login .Login_loginForm_buttonHeader,
#login .Login_header ,
#login .EmployerLogin_header ,
#login .EmployerLogin_employerLoginForm_buttonHeader  ,
#login .EmployerLogin_employerLoginForm_footer  {
    float: left;
    width: 100%;
}
#login .Login_loginForm_footer,
#login .EmployerLogin_employerLoginForm_footer{
    text-align: center;
}
#login .Login_loginForm_footer a,
#login .EmployerLogin_employerLoginForm_footer a{
    margin-left: 155px;
}


.MemberDashboardPlace .accountListAndChart {
    display: table;
}

.MemberDashboardPlace .accountList,
.MemberDashboardPlace .accountHistory {
    display: table-cell;
    width: 50%;
    overflow: hidden;
}

.MemberDashboardPlace .accountList {
    padding-right: 20px;
}

/* RolloverSuperStream */
.place-RolloverSuperStream .suggestMenu .col3 {
    display: table-cell;
}

.place-RolloverSuperStream .transferInSuperStreamRequestForm .formLabelCell {
    width: 265px;
}

/* BeneficiariesPlace */
.BeneficiariesPlace .updateDependentDetailsForm .formTable > tbody > tr > td {
    float: none;
}

.BeneficiariesPlace .updateDependentDetailsForm .formTable .formLabelCell {
    width: 160px;
}

/* PerformancePlace */
.PerformancePlace .portfolioPerformanceList .drillableTableData thead tr th,
.PerformancePlace .portfolioPerformanceList .drillableTableData td {
    font-size: 14px;
    padding: 5px 10px;
}

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

.PerformancePlace .portfolioPerformanceList .drillableTableData .headerOpeningBalance,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerPurchasePrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerSalesPrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerChangeInValue,
.PerformancePlace .portfolioPerformanceList .drillableTableData .headerClosingBalance {
    display: table-cell;
}

.PerformancePlace .portfolioPerformanceList .drillableTableData .openingBalance,
.PerformancePlace .portfolioPerformanceList .drillableTableData .purchasePrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .salesPrice,
.PerformancePlace .portfolioPerformanceList .drillableTableData .changeInValue,
.PerformancePlace .portfolioPerformanceList .drillableTableData .closingBalance {
    display: table-cell;
}
/*Transaction history*/
/*.TransactionHistoryPlace .transactionHistoryFilterForm .horizontalButtonBar{*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 185px;*/
/*}*/

/* ValuationPlace */
.ValuationPlace .assetTransactionFilterForm .horizontalButtonBar {
    margin-top: -72px;
    padding-bottom: 0px;
}

#fancybox-wrap.displayDialog {
    left: 50% !important;
    width: 420px !important;
    margin-left: -210px;
}

/* Custom tactical link*/
#tacticalLinks .columns {
    width: 33%;
    float: none;
}

/* Employer Dashboard Place */
.EmployerDashboardPlace .EmployerDashboard_administration #homepageContent .homepageicon {
    width: 33.33%;
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
}

.EmployerDashboardPlace .memberSearchForm .EmployerDashboard_memberSearchForm_header + div {
    padding-right: 185px;
}

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

/*Employer Member Search Place*/
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tr th {
    display: table-cell;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerMemberNumber,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerPayrollCode {
    float: none;
}

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

.EmployerMemberSearchPlace .drillableTable td {
    float: none;
}

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

.EmployerMemberSearchPlace .drillableTable thead tr {
    width: auto;
    border: none;
}

.EmployerMemberSearchPlace .drillableTable tbody tr {
    float: none;
    width: auto;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .empStart,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .dob,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .memberNumber,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .payrollCode,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .fullname,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountName,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerMemberNumber,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerPayrollCode {
    width: auto;
    float: none;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .empStart,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .dob,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountName {
    font-weight: normal !important;
    height: auto;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .dob .labelText:before,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .empStart .labelText:before,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountName .labelText:before,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountStatus .labelText:before {
    content: "";
    font-weight: normal;

}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerFullname,
.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable tbody tr > .accountStatus {
    float: none;
    font-weight: normal !important;
    width: auto;
}

.EmployerMemberSearchPlace .searchMemberResultsList .drillableTable thead tr > .headerFullname {
    border-top-right-radius: 0px;
}

/*Employer Contacts*/
.EmployerContactsPlace .employerContactsList .drillableTable tr th {
    display: table-cell;
}

.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerFormAction,
.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerWebUserEmail,
.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerDisplay-name,
.EmployerContactsPlace .employerContactsList .drillableTable thead tr > .headerJobTitle {
    width: auto;
    float: none;
}

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

.EmployerContactsPlace .employerContactsList .drillableTable tbody tr > .webUserEmail,
.EmployerContactsPlace .employerContactsList .drillableTable tbody tr > .formAction,
.EmployerContactsPlace .employerContactsList .drillableTable tbody tr > .display-name,
.EmployerContactsPlace .employerContactsList .drillableTable tbody tr,
.EmployerContactsPlace .employerContactsList .drillableTable td,
.EmployerContactsPlace .employerContactsList .drillableTable tbody tr {
    width: auto;
    float: none;
}

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

/*Workbench contribution*/

.WorkbenchContributionListPlace .drillableTable .drillableTableData tr,
.WorkbenchContributionListPlace .drillableTable .drillableTableData td,
.WorkbenchContributionListPlace .drillableTable .drillableTableData th,
.WorkbenchContributionEditPlace .drillableTable .drillableTableData tr,
.WorkbenchContributionEditPlace .drillableTable .drillableTableData td,
.WorkbenchContributionEditPlace .drillableTable .drillableTableData th {
    float: none;
    position: static;

}

.WorkbenchContributionListPlace .drillableTable .drillableTableData td,
.WorkbenchContributionEditPlace .drillableTable .drillableTableData td {
    font-weight: normal !important;
    padding: 8px 16px !important;
}

.WorkbenchContributionListPlace .drillableTable .drillableTableData td,
.WorkbenchContributionListPlace .drillableTable .drillableTableData th,
.WorkbenchContributionEditPlace .drillableTable .drillableTableData td,
.WorkbenchContributionEditPlace .drillableTable .drillableTableData th {
    display: table-cell;
    width: auto !important;
    text-align: left;
}

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

.WorkbenchContributionListPlace .drillableTable tbody tr {
    height: auto;
    text-align: center !important;
}

.WorkbenchContributionListPlace .drillableTable tr > .submitted,
.WorkbenchContributionListPlace .drillableTable tr > .filename,
.WorkbenchContributionListPlace .drillableTable tr > .fileRef {
    font-weight: normal;
    vertical-align: top;

}

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

.WorkbenchContributionListPlace .drillableTable thead tr > .submitted,
.WorkbenchContributionListPlace .drillableTable thead tr > .filename,
.WorkbenchContributionListPlace .drillableTable thead tr > .fileRef {
    height: auto !important;
    float: none;
    font-weight: bold;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.amount,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.status {
    float: none;
    width: auto;
    text-align: center;
}

.WorkbenchContributionEditPlace .drillableTable thead th {
    width: 12.5%;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.amount,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.status {
    position: relative !important;
    right: 0px !important;
    top: 0px !important;
    font-weight: normal !important;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.status{
    text-align: left;
    vertical-align: top;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .payrollNo {
    text-align: left;
}

.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start:empty:after,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end:empty:after,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.amount:empty:after,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.start:before,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.end:before,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.amount:before,
.WorkbenchContributionListPlace .drillableTable tbody td.tableCell.status:before {
    content: "" !important;
    width: auto !important;
}

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

.WorkbenchContributionEditPlace .drillableTable thead tr > .payroll,
.WorkbenchContributionEditPlace .drillableTable thead tr > .clientNo {
    height: auto !important;
    float: none;
    font-weight: bold;
    width: auto !important;
}

.WorkbenchContributionEditPlace .drillableTable thead tr .tableHeader {
    height: auto !important;
}

.WorkbenchContributionEditPlace .drillableTable thead tr > .payroll {
    border-radius: 0px;
}

.WorkbenchContributionEditPlace .drillableTable thead tr > .fullName {
    display: none;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .surname,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .givenNames {
    display: table-cell;
}

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow {
    background-color: inherit !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .clientNo,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .payrollNo,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .amount, {
    width: auto !important;
    font-weight: normal !important;
    float: none !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr > .amount {
    margin-top: 0px;
    float: none;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr .fullName {
    display: none;
}

.WorkbenchContributionEditPlace .drillableTable tbody tr .fullName:before,
.WorkbenchContributionEditPlace .drillableTable tbody tr .amount ._01:before,
.WorkbenchContributionEditPlace .drillableTable tbody tr .amount ._03:before,
.WorkbenchContributionEditPlace .drillableTable tbody tr .amount ._02:before,
.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow > .amount,
.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #total01:before,
.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #total03:before,
.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #total02:before,
.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow #grandTotal:before,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .total:before,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .payrollNo:before,
.WorkbenchContributionEditPlace .drillableTable tbody tr > .clientNo:before {
    content: "";
    font-weight: bold !important;
}

.WorkbenchContributionEditPlace .drillableTable tbody .total, .WorkbenchContributionEditPlace .drillableTable tbody .amount div {
    font-weight: normal !important;
}

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

.WorkbenchContributionEditPlace .drillableTable tbody #grandTotalRow > .amount {
    float: none !important;
}

.WorkbenchContributionEditPlace .drillableTableData thead tr th,
.WorkbenchContributionEditPlace.drillableTableData td {
    padding: 10px 10px !important;
}

.WorkbenchContributionEditPlace .drillableTable {
    border: none;
}

.WorkbenchContributionEditPlace .drillableTableData {
    border: 1px solid #666666
}

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

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

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

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

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

.WorkbenchContributionEditPlace .contGridSummary .contDetails {
    margin: 20px 0px;
    font-weight: bold;
    width: 100%;
}

.WorkbenchContributionEditPlace .contGridSummary .rightItem {
    margin-left: 50%;
}

.WorkbenchContributionEditPlace .contGridSummary .lineItem > .value {
    padding-right: 100px;
    float: right;
}

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

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

/*Employer member details*/
.EmployerMemberDetailsPlace .form .formLabelCell {
    width: 40%;
    float: left;
    padding: 0px;
    font-weight: normal;
    /*cursor: pointer;*/
    overflow: hidden;
    line-height: 25px;
}

.EmployerMemberDetailsPlace .form td.formControlCell {
    vertical-align: middle !important;
    float: left !important;
    overflow: hidden;
    line-height: 22px;
    min-height: 22px;
    background: transparent;
    vertical-align: middle;
    padding: 7px;
}

.InsurancePlace .canvasContentList .accountBar{
    margin-bottom :10px;
}