/* General styles */
html {
    background: #e3e3e3;
}

body {
    background: #e3e3e3;
    color: #818285;
}
    
a:link{
color: #48B8D2;
text-decoration: underline;
outline: none;
}

a:visited{
color: #48B8D2;
text-decoration: underline;
outline: none;
}

a:hover {
color: #2B7788;
text-decoration: underline;
outline: none;
}

a:active{
color: #48B8D2;
text-decoration: underline;
outline: none;
}

.accountLinks ul a:hover, p a:hover, a.standardLink:hover {
    color: #2B7788;
    text-decoration: underline;
}

h1 {
    border-bottom: 1px solid #2BBCD7;
    color: #2BBCD7;
    font-size: 2em;
    position: relative;
}

.pageHeader h1 {
    color: #818285;
    text-align: right;
    padding-top: 35px;
    display: none;
}

h2 {
    color: #2BBCD7;
    font-size: 1.4em;
}

h3 {
    color: #818285;
    font-size: 1.25em;
}

ul {
    list-style-position: inside;
    padding: 5px;
}

ul li{
    padding: 2px 0;
}

table th {
    text-align: left;
    background: #2BBCD7;
    color: #fff;
}

.header {
    border-bottom: none;
}

#container {
    /*background: url(images/top-bg.gif) repeat-x top left;*/
}

.pageHeader {
    background: url(images/ISF-MemberAccess-Header.jpg) center bottom no-repeat;
    margin: 0 auto;
    padding: 35px 0 0;
    position: relative;
    border-bottom: none;
    width: 950px;
    height: 60px;
}
.loggedIn .pageHeader {
    background: url(images/ISF-MemberAccess-Header-LoggedIn.jpg) center bottom no-repeat;
    width: 984px;
}
/*.loggedIn .pageHeader:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 40px;
    height: 60px;
    background: #0079c0;
    content: " ";
}*/


DIV.pageBlurb
{
    *margin: -1.5em 0 1em 0;
}
A#homeLink {
    /*background: url(images/intrust-super-logo.gif) no-repeat top left;*/
    display: block;
    left: 0;
    top: 0;
    width: 229px;
    height: 71px;
}

#content {
    width: 950px;  
    padding: 0;
    /*padding-top: 105px;
    *padding-top: 85px;*/
}
.loggedIn #content {
    width: 984px;
}

#mainContent {
    margin: 20px auto 50px;
}

#mainContent.subPanelled {
   margin: 65px auto 0;
}


.oc-button {
    height: 31px;
    background: #48B8D2 url(images/bn-plain-b.jpg) right 0px no-repeat;
    padding-right: 25px !important;
    text-align: center;
}

.oc-button span {
    background: #48B8D2 url(images/bn-plain-left.jpg) left 0px no-repeat;
    height: 25px;
    font-size: 1.1em;
    padding: 6px 0px 0 10px !important;
    margin-right: 0;
}

/* Nav styles */

div.tabs {
    width: 984px;
    height: 46px;
    margin: 0 auto;
    padding: 11px 15px;
    background: #24bbd6;
    position: relative;
    top: auto;
    left: auto;
    box-sizing: border-box;
}

div.tabs ul li.active a {
    background: none !important;
}

div.tabs ul li.active a span{
    background: none !important;
}

div.tabs ul li.active a:visited {
    background: none !important;
}

div.tabs ul li.active a:visited span{
    background: none !important;
}

div.tabs ul li.active a:hover {
    background: none !important;
}

div.tabs ul li.active a:hover span{
    background: none !important;
}

div.tabs ul li.active a:active {
    background: none !important;
}

div.tabs ul li.active a:active span{
    background: none !important;
}

div.tabs ul li a {
    background: none !important;
}

div.tabs ul li a span{
    background: none !important;
    padding: 6px 5px 30px 0;
    font-size: 1.2em;
    color: #fff;
}

div.tabs ul li a:visited {
    background: none !important;
}

div.tabs ul li a:visited span{
    background: none !important;
}

div.tabs ul li a:hover {
    background: none !important;
}

div.tabs ul li a:hover span{
    background: none !important;
    text-decoration: underline;
}

div.tabs ul li a:active {
    background: none !important;
}

div.tabs ul li a:active span{
    background: none !important;
}

DIV.tabs UL UL.tabSubLinks
{
    top:46px !important;
    background: #e9f6f9 !important;
    width: 980px;
}

DIV.tabs UL UL.tabSubLinks LI A
{
    color: #7D89A8 !important;
}


ul#subMenu {
    margin: 10px 0 40px 0;
    border-bottom: none;
}

ul#subMenu li a {
    color: #818285;
    text-decoration: none;
}

ul#subMenu li a:visited {
    color: #818285;
    text-decoration: none;
}

ul#subMenu li a:hover {
    color: #818285;
    text-decoration: underline;
}

ul#subMenu li a:active {
    color: #818285;
    text-decoration: none;
}

ul#subMenu li.active a {
    text-decoration: underline;
    font-weight: normal;
}

#topMenu {
    top: 5px;
}

#topMenu select {
    font-size: 1em;
    padding: 2px;
}

/* Login styles */

#mainLoginPage {
    margin: -15px 0 0;
}

.loginLeftContent {
    width: 642px;
    height: 255px;
    float: left;
    background: url(images/ISF-MemberAccess-Banner.jpg) center bottom no-repeat;
}
.loginLeftContent > h1 {
    display: none;
}
.loginLeftContent .pageBlurb a.bannerButton {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
    transition: .5s ease all;
}
.loginLeftContent .pageBlurb a.bannerButton:hover {
    background: rgba(255,255,255,.3);
}
  
#siteEntryPoints {
    width: 300px;
    float: right;
    margin: 0;
}

#mainLoginPage div.pageBlurb {
    float: left;
}

#registrationEntry h2 {
    margin: 0 0 5px 0;
    color: #818285;
    border-bottom: none;
}

#registrationEntry a {
    height: 35px;
    width: 130px;
    text-align: left;
    border: 0;
    display: inline-block;
    line-height: 21px;
    background: url(images/bn-plain-b.jpg) no-repeat top left;
    color: #fff;
    font-size: 1.2em;
    font-family: Arial;
    font-weight: 700;
    text-decoration: none!important;
    padding: 5px 20px 5px 6px;
}

#loginEntry {
    /*background: url(images/callout-bg.gif) repeat-x top left;*/
    position: relative;
    display: block!important;
    width: auto;
    height: 255px;
    padding: 1.5em 2em 2em 2em;
    margin: 0;
    border: 4px solid #2bbed9;
    box-sizing: border-box;
}
#loginEntry h2 {
    border: none;
    color: #2bbed9;
    font: 900 24px Arial, sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
}
#loginEntry .fiElem {
    display: block;
}
#loginEntry input {
    display: block;
    width: 100%;
    margin: 5px 0 10px;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#validationSummary {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 55px;
    box-sizing: border-box;
}

#btnLogin {
    height: auto!important;
    float: right;
    /*background: url(images/btn-bg.jpg) no-repeat top left;*/
    background: #2bbed9;
    font-size: 1.2em;
    padding: 5px 10px!important;
    border-radius: 3px;
}
#btnLogin:hover {
    background: #0079c0;
}
#btnLogin span {
    background: none;
    font-size: 1.2em;
    padding: 0!important;
    height: auto!important;
}

input, select, textarea {
   font-size: 1em; 
   padding: 1px;
}

#registrationEntry {
    display: none!important;
}

#termsAndConditionsPage {
    clear: both;
}

/* Terms and Conditions 

a#btnLogout.oc-button, a#btnLogout.oc-button span {
    border: 0;
    display: inline-block;
    line-height: 21px;
    background: none;
    color: #2BBCD7;
    font-family: Arial;
    font-size: 1.05em;
    font-weight: normal;
    text-decoration: underline;
}*/

/*Registration */

a#btnPrevious.oc-button {
    height: 35px;
    width: 90px;
    background: url(images/bn-plain-back.jpg) no-repeat top left;
    text-align: right;
    padding-right: 0 !important;
}

a#btnPrevious.oc-button span{
    padding: 5px 6px 0 0;
    background: #48B8D2 url(images/bn-plain-back.jpg) right 0px no-repeat;
    padding: 6px 10px 0 0px !important;
}

#registrationWizard .oc-wizard-buttons {
    text-align: left;
    float: none;
    margin-left: 120px;
}

/* Subpages styles */
#subPanel {
    margin: 90px 0 0 15px;
    /*margin: 56px 0 0 15px;*/
}

#contactUs, #settings, #resetPassword, #resetQuestions {
     margin: 0px 0 0 0;
}

#subPageBody .pageBlurb {
    margin: 0 0 1em;
    width: 100%;
}

/* Styling of dashboard */
#dashboard .dashboardBoxSmall { background: url(images/callout-bg.gif) repeat-x top left;}
#dashboard .dashboardBoxLarge { background: url(images/callout-bg.gif) repeat-x top left;}

#dashboard .title { width: 100%; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #008cad; font-weight: bold; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #FFF; font-weight: bold; margin: 0 0 15px 0;}
.highcharts-axis-labels tspan { color: #333; fill: #818285; }
#dashboard .chartLegendTable td.col2 { text-align: right; }
#dashboard .chartLegendTable td.col3 span { float: right; }
#activityTable, #eventTable { text-align: right; }
#activityTable td { padding: 4px 2px; }
#activityTable td.date,
#activityTable td .description,
#eventTable td.date,
#eventTable td.description { text-align: left; }
#eventsAccordion h3 { background: #ccc; color: #333; font-weight: normal; }
#eventsAccordion .header .title { color: #333; font-weight: normal; }
/* Action Link */
	#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer { margin: 35px 20px; background-color: transparent; float: none; padding: 0; width: auto; }
	#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer a { background: #585a5c; color: #FFFFFF; text-decoration: none; padding: 10px; font-weight: normal; border: 1px solid #fff; }
	#dashboard .dashboardBoxSmall .actionLinkContainer,
	#dashboard .dashboardBoxLarge .actionLinkContainer { background-color: #585a5c; }
	#dashboard .dashboardBoxSmall .actionLinkContainer a,
	#dashboard .dashboardBoxLarge .actionLinkContainer a { background: #585a5c; color: #FFFFFF;}

.slick-content {padding:0 20px;margin-bottom:20px;width: 100%;padding-left: 0;padding-right: 0;height: 180px;}
.slick-content .slick-slide {margin: 0;width: 643px !important;}
	
/* Member Profile */
div.form {
    padding: 0;
    border: none;
    background: none;
}

fieldset {
    padding: 0;
    border: none;
    margin: 0;
    width: 320px;
    margin-bottom: 1em;
}

#AccountSummaryRightContainer {
    margin-left: 20px;
}

* HTML #AccountSummaryRightContainer {
    margin-left: 0;
}

#AccountSummaryLeftContainer a, 
#AccountSummaryRightContainer a{
    color:#fff;
    position: absolute;
    right: 5px;
    top: 7px;
}

legend {
    font-weight: bold;
    font-size: 1.2em;
    background: url(images/callout-bg.gif) repeat-x top left;
    width: 310px;
    color: white;
    padding: 7px 5px;
    margin-bottom: 0.5em;
}

.accountsummarydetailcontainer {
    padding-top: 5px;
}

.accountsummarydetailcontainer th{
    background: none;
    color: #818285;
}

fieldset div.fiLabel {
    width: 32%;
    *width: 100px;
}

#updateMemberProfile FIELDSET {
    display: inline-block;
    margin-right: 20px;
    *margin-right: 10px;
    vertical-align: top;
}

*+HTML #updateMemberProfile FIELDSET {
    display: inline;
    zoom: 1;
}

* HTML #updateMemberProfile FIELDSET {
    display: inline;
    zoom: 1;
}

#membershipdetails .fiLabel {
    width: 120px;
}

/*#membershipdetails .fiElem {
    width: 190px;
    text-align: right;
}*/

#beneficiarydetails .benePercentage {
    text-align: right;
}

#memberProfile legend { color: #FFF }

a.personalEmailUpdateBtn { color: #fff; text-decoration: underline; font-weight: bold !important; }

/* Beneficiaries */
#beneficiaries th {
    text-align: left;
    background: url(images/callout-bg.gif) repeat-x top left;
    color: #fff;
}

#beneficiaries td {
    border: none;
}

#beneficiaries td.benefit {
    text-align: right;
    width: 60px;
}

#beneficiaries td.benePercentage {
    text-align: right;
}

#beneficiaries td.benefit #benePercentTotal{
    float: right;
}

#beneOverviewContainer #beneficiaries td.benefit #benePercentTotal{
    float: none;
    padding: 0;
}

#beneficiaries td.benefit input {
    text-align: right;
    width: 50px;
}

#beneUpdatedMsg {
    background: none;
    border: 1px dotted #FF4F4F;
    color: #FF4F4F;
}

tr.total td, tr.noRecords td {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

/* Payment Options */
#paymentOptionFilters {
    text-align: left;
    background: url(images/callout-bg.gif) repeat-x top left;
    color: #fff;
    padding: 0.5em;
    border: none;
    font-size: 1.2em;
    font-weight: bold;
}

#paymentOptions .paymentOptionImage {
    height: 50px;
}

#paymentOptionFilters .oc-radiogroupex li {
    font-weight: bold;
    padding-right: 10px;
}


#paymentOptions td {
    padding: 5px;
}

#currentPaymentType {
    color: #818285;
    font-size: 1.3em;
}

.aPayment table {
    border-bottom: 1px solid #ddd;
}

#paymentOptions td b {
    color: #2BBCD7;
}

td.paymentImageEft, td.paymentImageChq{
    background: url(images/CHQ-3.gif) no-repeat 0 5px;
    width: 30px;
}

td.paymentImageBpay{
    background-position: 5px 5px;
    height: 45px;
}

/* Balance Enquiry */

input.filterRadio {
    vertical-align: baseline;
}

#chartTitle {
    font-size: 1.6em;
    color: #2BBCD7; 
}

#balanceEnquiryAccountBalanceTable tr.header th, #balanceEnquiryPreservationTable tr th, #balanceEnquiryAssetDetailsTable tr.header td{
   background: url(images/callout-bg.gif) repeat-x top left;
   color: #fff;
   padding: 1em;
   border: none;
}

#balanceEnquiryFilter {
    text-align: left;
    background: url(images/callout-bg.gif) repeat-x top left;
    color: white;
    padding: 0.5em 1em;
    font-size: 1.2em;
    font-weight: bold;
    height: 30px;
    border: none;
}

#balanceEnquiryPreservationTable tr td.preservedAmt {
   width: 235px; 
}

#balanceEnquiryFilter div.filterItem {
    margin:0;
}

#balanceEnquiryFilter .dropdown {
    vertical-align: middle;
}

.legendTitle {
    font-size: 1.3em;   
}

#balanceEnquiryAccountBalanceTable td, #balanceEnquiryPreservationTable td, #balanceEnquiryAssetDetailsTable td{
    border: none;
}

tr.total td{
    border-top: 1px solid #CCC !important;
    border-bottom: 1px solid #CCC !important;
}

div.filterContainer {
    border: none;
    padding: 0;
    background: none;
}


/* Benefit Quote */

#benefitQuote .sectionTitle {
    font-size: 1.4em;
    color: #2BBCD7;
}

#quoteDate {
    font-size: 1.25em;
}

th.net {
    width: 70px;
}

th.lumpSum, th.gross {
    width: 150px;
}

th.benefitType, th.preservationType,  th.taxType{
    padding: 1em 0.5em;
}

#benefitQuote tr.header td {
    font-weight: bold;
}

#benefitQuote tr.footer td{
    font-weight: bold; 
    border-top: 1px solid #CCC !important;
    border-bottom: 1px solid #CCC !important;
}

#benefitQuote tr.lineItem td{
    padding-left: 20px;
}

.summaryBenefit {
    background: url(images/callout-bg.gif) repeat-x top left;
    margin-top: 7px;
}

.summaryBenefit table {
    background: #fff;
    clear: both;
}

.summaryBenefit div {
    padding: 0.5em;
    color: #fff;
}

/* Transaction History */

#transactionHistoryFilter {
    border: none; 
    padding: 0; 
    background: none;
    font-size:12px;
}

#filterTransactionType #TransactionTypeId 
{
	width: 180px;
}

#filterAccountType #AccountTypeId 
{
	width: 130px;
}
	

#gview_transactionHistoryGrid th {
    background: url(images/callout-bg.gif) repeat-x top left;
    padding: 0.5em 0; /*add*/
    border: none;
}

#gview_transactionHistoryGrid th div{
    color: white;
}

#gview_transactionHistoryGrid th div:hover {
    text-decoration: underline;
}

/* Investment Enquiry */

#investmentOptions th.ioInvestOptions, 
#investmentOptions th.ioFutureTrans {
    padding: 0 1em;
}

#investmentOptions th.ioBalanceSplitLast {
    padding: 0 1em;
    width: 110px;
}

th.ioBalanceSplit, th.ioFutureTrans, th.ioValue, th.ioBalanceSplitLast, .ioUnits, .ioUnitPrice {
    text-align: right;
}

DIV.currentInvestments TH.ioValue {
    width: 80px;
}

DIV.currentInvestments TH.ioUnits {
    width: 80px;
}

DIV.currentInvestments TH.ioUnitPrice {
    width: 70px;
}

TABLE.view th.ioBalanceSplit, 
TABLE.view th.ioFutureTrans {
    width: 50px;
    *width: 70px; /*add*/
}

#investmentEnquiryFilter .filterItem {
    text-align: left;
    background: url(images/callout-bg.gif) repeat-x top left;
    color: white;
    padding: 0.7em;
    height: 30px;
    border: none;
}

#investmentEnquiryFilter .filterItem li {
    font-size: 1.2em;
    font-weight: bold;
}

div.currentInvestments th.ioInvestOptions {
    /*width: 160px;*/ 
}

#investmentOptions tr.metaHeading span {
    border-bottom: 1px dashed #2BBCD7;
}

#investmentOptions tr.metaHeading th {
    color: #2BBCD7;
}

#investmentOptions tr.rowHeading td {
    background: #E8F6F9;
}

#investmentOptions input {
    text-align: right;
}

/* Consolidate */
#consolidateSuper a.oc-button.btnLinkToContainer {display: none !important;}

/* Insurance Details */

#gview_insuranceCoverGrid th {
    background: url(images/callout-bg.gif) repeat-x top left;
    border: none; 
}

#gview_insuranceCoverGrid th td {
    border: none; 
}

#gview_insuranceCoverGrid .ui-jqgrid-htable th div {
    color: white;
}

#gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover {
    text-decoration: underline;
}

#gview_insuranceCoverDetailGrid th {
    background: url(images/callout-bg.gif) repeat-x top left;
    border: none;
}

#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div {
    color: white;
}

#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover {
    text-decoration: underline;
}


/* Unit Prices */
.unitPricesGenerateButtonMargin {
    margin: 10px 0 0 3px;
}

/* Messages */
#gview_MessageGrid th {
    background: url(images/callout-bg.gif) repeat-x top left;
    border: none; 
    padding: 0.5em;
}

#gview_MessageGrid th td {
    border: none; 
}

#gview_MessageGrid .ui-jqgrid-htable th div {
    color: white;
}

#gview_MessageGrid .ui-jqgrid-htable th div:hover {
    text-decoration: underline;
}

ul.messageNavBar li, #messageNavBar ul li{
    display: inline;
    margin: 0 20px 0 0;
}

ul.messageNavBar li a, #messageNavBar ul li a{
     font-weight: bold;
     color: #2BBCD7;
     text-decoration: none;
}

ul.messageNavBar li a:hover, #messageNavBar ul li a:hover{
     text-decoration: underline;
     cursor: pointer;
}

/* RHS styles */

.ui-accordion .ui-accordion-header{
    background: url(images/callout-bg.gif) repeat-x top left;
    color: #818285;
    font-weight: bold;
    border: none;
}

#messageAccordion .ui-icon, #alertAccordion .ui-accordion .ui-icon {
    background-image: url("images/ui-icons_469bdd_256x240.png");
    _background-image: url("images/ui-icons_469bdd_256x240-pink.gif");
}

#messageAccordion .ui-icon-circle-arrow-e, #alertAccordion .ui-icon-triangle-1-e  {
    background-image: url("images/ui-icons_469bdd_256x240.png");
    _background-image: url("images/ui-icons_469bdd_256x240-pink.gif");
    background-position: 0px -192px;
}

#messageAccordion .ui-icon-triangle-1-s, #alertAccordion .ui-icon-triangle-1-s {
    background-image: url("images/ui-icons_469bdd_256x240.png");
    _background-image: url("images/ui-icons_469bdd_256x240-pink.gif");
    background-position: -16px -192px;
}

#messagesContainter .messageNavBar ul li a 
{
    background:#2bbcd7 !important;
    color:#fff;
    padding: 5px 5px 5px 7px !important;
    font-weight: bold;
    text-decoration:none;
}

/* Footer */
#footer {
    border-top: none;
    margin-top: 2em;
    /*background: url(images/footer-bg.gif) repeat-x top left #8fd4e4;*/
    background: #e3e3e3;
    height: 100px;
}

div#wrapper {
    background: #fff;
    padding-bottom: 0;
}

ul.footer {
    padding-top: 15px;
    text-align: center;
}

ul.footer li {
    color: #000;
}

ul.footer li a{
    color: #007bc1 !important;
    text-decoration:none;
}

/* Pension */
.previousBtn { 
    height: 31px;
    background: #48B8D2 url(images/bn-plain-back.jpg) left 0px no-repeat;
    padding-left: 28px !important;
    text-align: center;
    padding-right: 12px !important;
    border-radius: 4px;
}

.previousBtn span { background: none; padding: 6px 0px !important; }



/* MJOL */
#mjolNavBar { padding:20px 0 10px;float:left;display:table;width:100%; }

#mjolNavBar li 
{
    padding: 11px 30px 11px 30px;
    padding: 11px 30px 11px 30px\9;
    *padding: 11px 33px 11px 34px; /* IE6/7 */
    /*color: #fff;*/
    background: #E9F6F9;
    display:table-cell;
    float:none;
    text-align: center;
}

#mjolContainer #validationSummary,#mjolContainer #stepContainer { clear:both; }
#mjolContainer h1 { clear:both;float:left; }

@media all and (min-width:0) { #mjolNavBar li { padding: 11px 35px 11px 35px \0/; } /* IE9-IE10pp4 */ }
@-moz-document url-prefix() { #mjolNavBar li { padding: 11px 35px 11px 35px; } /* FIREFOX */ }

#mjolNavBar li.highlight { background-color: #2BBCD7; color: #fff; }
#mjolContainer h1 { /*color: #005B82 !important;*/ }
.stepHeader {text-transform: none;}

table .td1 img { display: none; }
table .td1 { width: 10px; background: url(/images/icons/pdf.gif) 0px 4px no-repeat; }

table .iconCell img { display: none; }
table .iconCell { background: url(/images/icons/pdf.gif) 0px 4px no-repeat; }

DIV#wrapper {
	_padding-right: 11px; /** IE6 wapper white space fix **/
}

#forcePasswordChangeContainer .buttonPanel {text-align: left;margin-left: 200px;}

#NE .modalCloseImg.simplemodal-close {display:block !important;}




.mjolEditButton, .mjolEditButton span {
    border: 0 none;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 1.05em;
    font-weight: 700;
    height: 22px;
    line-height: 21px;
    text-decoration: none !important;
}
.mjolEditButton {
    background: url("/Content/Styles/HP/images/bn-plain-b-g.jpg") no-repeat scroll right 0 #48B8D2;
    height: 31px;
    padding-right: 25px !important;
    text-align: center;
}
.mjolEditButton span {
    background: url("/Content/Styles/HP/images/bn-plain-left.jpg") no-repeat scroll left 0 #48B8D2;
    font-size: 0.9em;
    height: 25px;
    margin-right: 0;
    padding: 6px 0 0 10px !important;
}

    /* Consolidate TEMP */
    p#sameAddressContainer { *float: none; *padding-top: 40px; }
    #fldsetPreviousName { *float: left; *padding: 10px 0 0 0; }
    #fldsetPreviousName DIV.formItem { *float: right; *width: 320px; }
    



    /* Save Popup */
    div.simplemodal-container A.modalCloseImg{background: url(images/modalclose.gif) no-repeat;}
    #simplemodal-container .oc-button span{background: #2BBCD7; padding: 5px 10px !important; border:none;}
    #simplemodal-container .oc-button{padding-right:0 !important;}
    #simplemodal-container h3{color: #2BBCD7; font-size: 1.2em;}
    a.modalCloseImg.simplemodal-close{display:block !important;}

    /* Nominate Beneficiaries Table */
    #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th{background: #2BBCD7;}
    div.DTE button.btn, div.DTE div.DTE_Form_Buttons button{background: #2BBCD7; text-shadow:none;}
    div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover{background: #6bd0e2;}
    div.DTE button.btn:focus, div.DTE div.DTE_Form_Buttons button:focus{background: #6bd0e2;}
    #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr td{text-align:center;} /* can be implemented in base styling */
    #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th{text-align:center;} /* can be implemented in base styling */
    table#beneficiariesTable tr th{text-align:center;}/* can be implemented in base styling */
    table#beneficiariesTable tr td{text-align:center;}/* can be implemented in base styling */
    #mjolContainer #frmSummary #beneficiariesTable .benePctSplit{text-align:center;}/* can be implemented in base styling */

    /* Your Investment Options */
    #mjolDefaultInvestmentOptionsTable{margin-top: 20px;}
    table#mjolDefaultInvestmentOptionsTable{padding-top: 20px;}

    /* Your other funds - Transfer Details */
    table.dataTable thead .sorting{text-align:center;}
    table.dataTable tbody th, table.dataTable tbody td{padding:8px;}
    table#fundTable tr th{text-align:center;}/* can be implemented in base styling */
    table#fundTable tr td{text-align:center;}/* can be implemented in base styling */
    .editLink{padding-left: 0;}

    /* Confirmation */
    h1#header4 {font-size: 1.3em; padding: 7px 0; border: none; margin-bottom: 0;}

    /* Bottom Content Boxes / Change Password */
    #bottomContent{ margin-top: 5px; }
    #bottomContent:after { display: table; content: " "; clear: both; }
    #bottomContent .bottomContent-box1, #bottomContent .bottomContent-box2, #bottomContent .bottomContent-box3 { position: relative; height: 200px; background: #eee; }
    #bottomContent .bottomContent-box1 a, #bottomContent .bottomContent-box2 a, #bottomContent .bottomContent-box3 a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 1px; text-indent: -9999px; transition: .5s ease all; }
    #bottomContent .bottomContent-box1 a:hover, #bottomContent .bottomContent-box2 a:hover, #bottomContent .bottomContent-box3 a:hover { opacity: .7; }
    #bottomContent .bottomContent-box1 { width: 316px; float: left; }
    #bottomContent .bottomContent-box1 a { background: url(images/ISF-MemberAccess-Content1.jpg); }
    #bottomContent .bottomContent-box2 { width: 316px; margin: 0 0 0 10px; float: left; }
    #bottomContent .bottomContent-box2 a { background: url(images/ISF-MemberAccess-Content2.jpg); }
    #bottomContent .bottomContent-box3 { width: 298px; float: right; }
    #bottomContent .bottomContent-box3 a { background: url(images/ISF-MemberAccess-Content3.jpg); }


    /* footer */
    span.version {color: #000; font-size: .85em; margin-top: 20px;}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/***** MJOL Responsive - CUSTOM STYLES *****/

@media (max-width: 1024px) {
    /* header */
    .mjol_body #header .pageHeader h1{font-size: 15px; margin:14px 10px 0 0;}
    .mjol_body #header .pageHeader{height: 65px;}
    .mjol_body .pageHeader A#homeLink { background-size:200px;left:10px;top:5px;}
    .mjol_body h1{border:none;}

    .mjol_body fieldset { width:100%; }

   /* progress indicator */
   #mjolNavBar{margin-top: 8px;}
   #mjolNavBar li{display:none;}
   div#mjolContainer .breadcrumbs{width: 98%;}

   /* content */
   .mjol_body #content{border:none;}
   #mjolContainer fieldset legend{width: 97%;}

   /* responsive table */
   .mjol_body th.ioTransferSplit.all.sorting_disabled, .mjol_body th.ioInvestOptions.all.sorting_disabled{text-transform: inherit;}
   #mjolContainer #mjolDefaultInvestmentOptionsTable{margin-top: 20px;}
   #mjolContainer #mjolInvestmentOptionsTable{margin-top: 20px;}
   .mjol_body .dataTables_wrapper .dataTables_filter{text-align:left; margin-bottom: 10px;}
   .mjol_body table.dataTable.dtr-inline.collapsed>tbody>tr>td:not([colspan]):first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:not([colspan]):first-child:before{background:#2BBCD7;}
   .mjol_body table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{background:#2BBCD7;}

   /* Your other fudns - Transfer Details -> May be added to base styling */
   .mjol_body #tbFundList #trTemplate td{}
   .mjol_body #superListContainer .fundselectionlistbody tr td{border:none;}
   .mjol_body #superListContainer .fundselectionlistbody tr:nth-child(even){background:#E9F6F9;}
   .mjol_body table#fundTable tr th{text-align:center;}/* can be implemented in base styling */
   .mjol_body table#fundTable tr td{text-align:center; font-size:.80em;}/* can be implemented in base styling */
   .mjol_body table#fundTable tr td ul{width: 100%;}
   .mjol_body #superListContainer #tbFundList #trTemplate td {}
   


   /* confirmation */
   .summaryEditContainer .mjolEditButton{line-height: 22px; padding:0; border:none;}
   .mjolEditButton {background: url("/Content/Styles/HP/images/bn-plain-b-g.jpg") no-repeat scroll right 0 #48B8D2 !important; height: 31px; padding-right: 25px !important; text-align: center;}
   .mjol_body .summaryHeader{margin-top: 15px;}
   .mjol_body .summaryHeader h2{font-size:1em !important; float:left; padding-top:0 !important;}

   /* popup container */
    div#mjolPopupContainer #frmSave fieldset div.fiLabel { width:130px; float: left;clear:both;padding-top:7px; }
    div#mjolPopupContainer #frmSave fieldset .fiElem { float: left; margin-top: 5px; }

   /* save app popup */
   .mjol_body div#simplemodal-container { height: auto !important; }
   .mjol_body #simplemodal-container .oc-button span { margin:0; }
    #mjolPopupContainer #btnSave { padding:0; }

   /* Resume Application */
    .mjol_body input, .mjol_body select, .mjol_body textarea, .mjol_body input#ApplicationId{overflow: visible!important; border: 1px solid #bababa !important;}


    /* missing input border fix */
    .mjol_body #frmMemberProfile SELECT, .mjol_body #frmMemberProfile input, .mjol_body .fiElem input#Password, .mjol_body input#ConfirmPassword, .mjol_body input#ApplicationId, #mjolContainer #frmCaptcha input#CaptchaCode, .mjol_body #frmInvestment .ioTransferSplit input  { border: 1px solid #dfdfdf; }

    /* footer */
    .mjol_body ul.footer{padding: 10px 0;}

}

@media (max-width: 768px) {
   /* header */
    .mjol_body .pageHeader A#homeLink { background-size:170px;left:10px;top:10px;}
    .mjol_body table#fundTable tr td {text-align: left;}/* can be implemented in base styling */

    /* Footer - Home Page - can be implemented in base styling */
    .mjol_body div#loginEntry{width: 100%; margin: 10px 0; padding:0.8em 2em 2em 2em;}
    .mjol_body #registrationEntry{width:100%;}

    /* Your Other Funds - Transfer Details table */
    .mjol_body td.fundName.sorting_1 {padding-left:30px !important; }

    .mjol_body table#transfer-details td { padding:0; }

    .mjol_body #superDetailsSubContainer { margin-top:20px; }
    .mjol_body #superDetailsContainer fieldset#accDetails { margin-top: 20px; }
    .mjol_body table.fundselectionlistheader tr th, table.fundselectionlistheader tr th { width: 33% !important; }
    .mjol_body #superListContainer #tbFundList #trTemplate td { width: 33% !important; margin: 0; box-sizing: border-box; padding: 10px 0 10px 5px; }
    
}


@media (max-width: 380px) {
    /* popup container */
    div#mjolPopupContainer #frmSave fieldset div.fiLabel { width: 37%; float: left; }
    div#mjolPopupContainer #frmSave fieldset .fiElem { float: left; margin-top: 5px; }
}

@media (max-width: 320px) {
    .mjol_body div#footer ul li{font-size: .80em;}
}

 /* PJOL */
h2.panel-title { margin-top: 8px; }
#InvestmentChoiceBody { margin-top: 14px; }
#IdentityCheckBody { margin-top: 14px; }
#ConsolidateSuperBody { margin-top: 14px; }
#myPensionApplication { margin-bottom: 16px; }
#pensionContainer h2 { margin-bottom: 14px; }
#ttpol .summaryHeader h2 { margin-bottom: 12px; }
#DocumentUploadsBody { margin-top: 16px; }    
.ttpolPensionDetails DIV.fiLabel { width: auto; }
.ttpolContainer #breadcrumb .visitedStep { background: #24bbd6 !important; color: #fff !important; }
.ttpolContainer #breadcrumb .activeStep { background: #0079c0 !important; color: #fff !important; }
.ttpolContainer #breadcrumb .step { background: #e9f6f9; color: #7D89A8; }
div#documentDetails{display:none;}
div#myPensionApplication h2{display:none;}