/*
CareSuper colours

    Pastel Green:       #75ffbc
    Highlight green:    #00e200
    Dark blue:          #060866
    Button blue:        #2168f5
    Light grey:         #e7e7e7
    Dark grey           #303030

*/


/* Fonts */
@font-face {
    font-family: 'FilsonProMedium-Italic';
    src: url('3679C6_0_0.eot');
    src: url('3679C6_0_0.eot?#iefix') format('embedded-opentype'), url('3679C6_0_0.woff2') format('woff2'), url('3679C6_0_0.woff') format('woff'), url('3679C6_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProBook';
    src: url('3679C6_1_0.eot');
    src: url('3679C6_1_0.eot?#iefix') format('embedded-opentype'), url('3679C6_1_0.woff2') format('woff2'), url('3679C6_1_0.woff') format('woff'), url('3679C6_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProMedium';
    src: url('3679C6_2_0.eot');
    src: url('3679C6_2_0.eot?#iefix') format('embedded-opentype'), url('3679C6_2_0.woff2') format('woff2'), url('3679C6_2_0.woff') format('woff'), url('3679C6_2_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProBlack-Italic';
    src: url('3679C6_3_0.eot');
    src: url('3679C6_3_0.eot?#iefix') format('embedded-opentype'), url('3679C6_3_0.woff2') format('woff2'), url('3679C6_3_0.woff') format('woff'), url('3679C6_3_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProBlack';
    src: url('3679C6_4_0.eot');
    src: url('3679C6_4_0.eot?#iefix') format('embedded-opentype'), url('3679C6_4_0.woff2') format('woff2'), url('3679C6_4_0.woff') format('woff'), url('3679C6_4_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProBook-Italic';
    src: url('3679C6_5_0.eot');
    src: url('3679C6_5_0.eot?#iefix') format('embedded-opentype'), url('3679C6_5_0.woff2') format('woff2'), url('3679C6_5_0.woff') format('woff'), url('3679C6_5_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProHeavy';
    src: url('3679C6_6_0.eot');
    src: url('3679C6_6_0.eot?#iefix') format('embedded-opentype'), url('3679C6_6_0.woff2') format('woff2'), url('3679C6_6_0.woff') format('woff'), url('3679C6_6_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProHeavy-Italic';
    src: url('3679C6_7_0.eot');
    src: url('3679C6_7_0.eot?#iefix') format('embedded-opentype'), url('3679C6_7_0.woff2') format('woff2'), url('3679C6_7_0.woff') format('woff'), url('3679C6_7_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProLight';
    src: url('3679C6_8_0.eot');
    src: url('3679C6_8_0.eot?#iefix') format('embedded-opentype'), url('3679C6_8_0.woff2') format('woff2'), url('3679C6_8_0.woff') format('woff'), url('3679C6_8_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProLight-Italic';
    src: url('3679C6_9_0.eot');
    src: url('3679C6_9_0.eot?#iefix') format('embedded-opentype'), url('3679C6_9_0.woff2') format('woff2'), url('3679C6_9_0.woff') format('woff'), url('3679C6_9_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProMedium';
    src: url('3679C6_A_0.eot');
    src: url('3679C6_A_0.eot?#iefix') format('embedded-opentype'), url('3679C6_A_0.woff2') format('woff2'), url('3679C6_A_0.woff') format('woff'), url('3679C6_A_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProMedium-Italic';
    src: url('3679C6_B_0.eot');
    src: url('3679C6_B_0.eot?#iefix') format('embedded-opentype'), url('3679C6_B_0.woff2') format('woff2'), url('3679C6_B_0.woff') format('woff'), url('3679C6_B_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProRegular';
    src: url('3679C6_C_0.eot');
    src: url('3679C6_C_0.eot?#iefix') format('embedded-opentype'), url('3679C6_C_0.woff2') format('woff2'), url('3679C6_C_0.woff') format('woff'), url('3679C6_C_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProRegular-Italic';
    src: url('3679C6_D_0.eot');
    src: url('3679C6_D_0.eot?#iefix') format('embedded-opentype'), url('3679C6_D_0.woff2') format('woff2'), url('3679C6_D_0.woff') format('woff'), url('3679C6_D_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProThin';
    src: url('3679C6_E_0.eot');
    src: url('3679C6_E_0.eot?#iefix') format('embedded-opentype'), url('3679C6_E_0.woff2') format('woff2'), url('3679C6_E_0.woff') format('woff'), url('3679C6_E_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FilsonProThin-Italic';
    src: url('3679C6_F_0.eot');
    src: url('3679C6_F_0.eot?#iefix') format('embedded-opentype'), url('3679C6_F_0.woff2') format('woff2'), url('3679C6_F_0.woff') format('woff'), url('3679C6_F_0.ttf') format('truetype');
}

h1, h2, h3, h4, h5, h6 { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #060866; margin: 20px 0 10px 0; padding: 0; line-height: 1.3em; border: none; }
h1 { /*font-size: 36px;*/ font-size: 2.6em; display: inline-block; margin: 0 0 20px 0; padding: 5px 10px; background: #fff; }
.loggedIn #mainContent h1 { position: absolute; top: -65px; left: 15px; margin: 0; }
h2 { /*font-size: 24px;*/ font-size: 1.75em; }
.sectionTitle { /*font-size: 24px !important;*/ font-size: 2em !important; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal !important; color: #060866; margin: 20px 0 10px 0; padding: 0; line-height: 1.3em; border: none; }
h3 { /*font-size: 20px;*/ font-size: 1.5em; }
h4 { /*font-size: 18px;*/ font-size: 1.3em; }
h5, h6 { /*font-size: 14px;*/ font-size: 1em; }

p { margin: 0 0 10px 0; font-size: 1em; }
b, strong { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }


/* General styles */
html { height: auto; background: #060866; }
body { height: auto; color: #333; background: #060866; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.5em; }

a, a:link { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #2158f5; text-decoration: none; outline: none; cursor: pointer; }
a:visited { color: #2158f5; text-decoration: none; outline: none; }
a:hover { color: #2158f5; text-decoration: underline; outline: none; }
a:active { color: #2158f5; text-decoration: none; outline: none; }
.accountLinks ul a:hover,
p a:hover,
a.standardLink:hover { color: #2158f5; text-decoration: underline; }

ul, ol, 
#tabsMainContent UL { margin: 10px 0 10px 30px; padding: 0; list-style-position: outside; }
ul li, ol li, 
#tabsMainContent UL li { padding: 2px 0; font-size: 1em; }

table tr { border: none; }
table tr th { padding: 10px; background: none; border: none; border-top: 1px solid #2158f5; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #2158f5; text-align: left; vertical-align: top; }
table tr td { padding: 10px; border-bottom: 1px solid #e7e7e7; font-size: 1em; text-align: left; }
tr.total td,
tr.noRecords td,
tr.total td,
tr.footer td { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #2158f5; border-top: 1px solid #2158f5 !important; border-bottom: 1px solid #2158f5 !important; }
tr.noRecords td p { margin: 0; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; color: #333; }

input, select, textarea {
    font-family: 'FilsonProBook', arial, sans-serif;
    font-weight: normal;
    padding: 5px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    box-shadow: none;
}
textarea { padding: 5px !important; }

.valueValid { color: #01ad02 !important; }
.valueInvalid { color: #f93866 !important; }


/* Forms */
DIV.form { padding: 0; border: none; background: none; }

legend {
    padding: 7px 0px;
    margin: 0 0 10px 0;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    color: #060866;
    border-bottom: 1px solid #e7e7e7;
}

fieldset { margin: 0; padding: 0; background: none; border: none; }
fieldset div.fiLabel { width: 35%; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; font-size: 1em !important; }
SPAN.ftLabel { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }


/* jquery grid */
.ui-jqgrid,
.ui-jqgrid-view,
.ui-state-default.ui-jqgrid-hdiv,
.ui-jqgrid-htable,
.ui-jqgrid-bdiv,
.ui-jqgrid-btable,
.ui-jqgrid-sdiv,
.ui-jqgrid-ftable { width: 100% !important; table-layout: auto !important; border: none; }
.ui-jqgrid-pager { width: auto !important; }

.ui-jqgrid .ui-jqgrid-btable { table-layout: auto; }

.ui-jqgrid .ui-jqgrid-hbox { padding: 0; }

.ui-widget { font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; }
.ui-widget-content { background: #fff; color: #333; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { background: none; }

.ui-widget-content TR.ui-row-ltr { border: none; }
.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    height: auto;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    padding: 10px;
    color: #2158f5;
    border: none;
    border-top: 1px solid #2158f5;
    background: none;
    font-size: 14px;
}
.ui-jqgrid .ui-jqgrid-htable th div,
.ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable {
    height: auto;
    font-family: 'FilsonPromedium', arial, sans-serif;
    font-weight: normal;
    color: #2158f5;
    background: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.ui-jqgrid tr.jqgrow td,
.ui-jqgrid TD {
    height: auto;
    font-family: 'FilsonProBook', arial, sans-serif;
    font-weight: normal;
    padding: 10px;
    color: #333;
    font-size: 14px;
    border: none;
    border-top: 1px solid #e7e7e7;
}

.ui-jqgrid-btable .ui-state-hover,
.ui-jqgrid-btable .ui-widget-content .ui-state-hover,
.ui-jqgrid-btable .ui-widget-header .ui-state-hover,
.ui-jqgrid-btable .ui-state-focus,
.ui-jqgrid-btable .ui-widget-content .ui-state-focus,
.ui-jqgrid-btable .ui-widget-header .ui-state-focus { background: rgba(33,88,245,0.1) !important; }
.ui-state-highlight,
.ui-jqgrid-btable .ui-widget-content .ui-state-highlight,
.ui-jqgrid-btable .ui-widget-header .ui-state-highlight { background: #2158f5 !important; }
.ui-state-highlight td,
.ui-jqgrid-btable .ui-widget-content .ui-state-highlight td,
.ui-jqgrid-btable .ui-widget-header .ui-state-highlight td { color: #fff !important; }

.ui-jqgrid-btable .ui-state-highlight.ui-state-hover td { color: #333 !important; }

.ui-jqgrid-btable .ui-state-hover a,
.ui-jqgrid-btable .ui-state-hover a:hover,
.ui-jqgrid-btable .ui-state-hover a:link,
.ui-jqgrid-btable .ui-state-hover a:visited { color: #2158f5; }
.ui-jqgrid-btable .ui-state-highlight a { color: #fff; }
.ui-jqgrid-btable .ui-widget-content .ui-state-highlight a,
.ui-jqgrid-btable .ui-widget-header .ui-state-highlight a { color: #2158f5; }

DIV.ui-jqgrid .ui-jqgrid-pager { height: auto; border-top: none; !important; border-bottom: 1px solid #e7e7e7 !important; border-radius: 0px; }
.ui-jqgrid .ui-paging-info { height: auto; margin: 0; }
.ui-jqgrid .ui-pg-input { height: auto; }

.ui-jqgrid .ui-jqgrid-sdiv { padding: 10px 0; border-top: 1px solid #2158f5 !important; border-bottom: 1px solid #2158f5; }
.ui-jqgrid .ui-jqgrid-hbox { float: none; }
.ui-jqgrid .ui-jqgrid-ftable TR { border: none; }
.ui-jqgrid tr.footrow-ltr td { height: auto; border: none; }
.ui-jqgrid tr.footrow td { font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; color: #2158f5; }
.ui-jqgrid .ui-pg-table td { border: none; }

.ui-jqgrid tr.footrow td,
.ui-paging-info { padding: 0 10px; }

.ui-state-default .ui-icon, 
.ui-state-error .ui-icon, 
.ui-state-error-text .ui-icon, 
DIV.ui-jqgrid-sortable .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240-blue.png); }


/* tooltip */
#tooltip { padding: 10px; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; background: #fff; border: 1px solid #e7e7e7; color: #545454; font-size: 14px; opacity: 1; }
#tooltip table tr td { padding: 5px; border: none; }
#tooltip table tr td:first-child { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }

#tooltip h3,
#tooltip div,
#tooltip table { font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; font-size: 14px; }


/* calendar */
.ui-datepicker { background: #ddd; border-radius: 0px; }
.ui-datepicker .ui-datepicker-header { background: #ddd; border-radius: 0px; }
.ui-datepicker .ui-datepicker-title select { padding: 2px; }

.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { background-image: url(images/icon-chevron-left-blue.png); background-position: center center; }
.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { background-image: url(images/icon-chevron-right-blue.png); background-position: center center; }
.ui-datepicker .ui-datepicker-prev-hover { background: none; border: none !important; color: #333; top: 2px; left: 2px; }
.ui-datepicker .ui-datepicker-next-hover { background: none; border: none !important; color: #333; top: 2px; right: 2px; }

.ui-datepicker-calendar th { background: #e7e7e7; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; color: #333; }
.ui-datepicker-week-col { text-align: center; background: none repeat scroll 0 0 #e7e7e7; }

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default { background: #fff; border: none; color: #333; font-weight: normal; }

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active { background: #2158f5; color: #fff; }

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight { background: #00f4f0; border: none; color: #333; }

DIV.ftElem DIV.dateRange input#BeginDate,
DIV.ftElem DIV.dateRange input#EndDate { width: 100px; }


/* Header */
#header { height: 140px; background: #fff; border: none; }
A#homeLink { display: block; left: 0; top: 50px; margin: 0; width: 300px; height: 47px; padding: 0; background: url(images/caresuper-logo.png) no-repeat top left; border: none; border-radius: 0px; }
A#homeLink:after { display: none; }
.pageHeader { position: relative; width: 986px; height: 100%; padding: 0; background: #fff; border: none; }
.pageHeader h1 { display: none; margin: 0; padding: 65px 0 0 0; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; color: #060866; font-size: 32px; text-align: right; font-weight: normal; }
.loggedIn .pageHeader h1 { display: block; }


/* Content */
#container { background: #fff; }
div#wrapper { margin: 0 auto; padding: 0; background: rgba(117,255,188,0.3); }
.loggedIn div#wrapper { background: #fff; }
#content { padding: 40px 0 60px 0; background: url(images/footer-pattern.png) center bottom no-repeat; }
.loggedIn #content { min-height: 0px; padding: 0 0 24px 0; }

#mainContent { padding: 25px 0; }
#mainContent.subPanelled { display: table-cell; width: 70%; min-width: 660px; margin: 0px auto; padding: 25px 2% 25px 0; }
#tabsMainContent { padding: 0; }
#mainLoginPage { min-height: 500px; height: auto; padding: 0; background: none; }
#memberInfoPlaceholder { margin: 0; }

DIV.pageBlurb { width: auto; margin: 10px 0; }

#bottomContent { margin: 20px 0 0 0; }


/* Sub panel */
#subPanel { display: table-cell; width: 27%; max-width: 275px; margin: 0; padding: 0; background: #e7e7e7; }

#memberInfoBox { width: auto; margin: 0 0 20px 0; padding: 25px 15px; font-size: 12px; background: none; border: none; }
#memberInfoBox ul { margin: 0; }
#memberInfoBox ul li { padding: 0; font-size: 12px; }
#memberInfoBox span.memberIDlabel,
#memberInfoBox span.memberNameLabel { width: 115px; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
#memberInfoBox span.memberID,
#memberInfoBox span.memberName,
#memberInfoBox span.memberLastLogin { width: 130px; }

#alertsPlaceholder,
#messagesPlaceholder { margin: 0 15px 15px 15px; }

#alertsPlaceholder #alerts,
#messagesPlaceholder #messagesBox { background: #fff; }

#alertBox,
#messagesBox { margin: 0; }

#alertAccordion.ui-accordion .ui-accordion-header,
#messageAccordion.ui-accordion .ui-accordion-header {
    background: #2158f5;
    border: none;
    font-size: 16px;
    color: #fff;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px;
    border-radius: 0;
}

#alertAccordion.ui-accordion .ui-accordion-header:after,
#messageAccordion.ui-accordion .ui-accordion-header:after {
    position: absolute;
    right: 10px;
    content: "";
    background: url(images/icon-plus.svg) 0 0 no-repeat;
    background-size: cover;
    color: #fff;
    vertical-align: middle;
    width: 19px;
    height: 19px;
}
#alertAccordion.ui-accordion .ui-accordion-header-active:after,
#messageAccordion.ui-accordion .ui-accordion-header-active:after {
    position: absolute;
    right: 10px;
    content: "";
    background: url(images/icon-minus.svg) 0 0 no-repeat;
    background-size: cover;
    color: #fff;
    vertical-align: middle;
    width: 19px;
    height: 19px;
}

#alertAccordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon,
#messageAccordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; }

#alertBox .ui-widget-content,
#messagesBox .ui-widget-content { padding: 10px; background: #fff; border: none; border-bottom: 1px solid #e7e7e7; }
#alertAccordion ul,
#messageAccordion ul { margin: 10px 0 10px 15px; }
#alertAccordion ul li,
#messageAccordion ul li { margin: 0; font-family: 'FilsonProBook', arial, sans-serif; font-size: 12px; }

#alertBox .ui-widget-content a,
#messagesBox .ui-widget-content a { margin: 0; padding: 0; font-family: 'FilsonProMedium', arial, sans-serif; font-size: 12px; background: none; border: none; border-radius: 0px; }
#alertBox .ui-widget-content a:hover span,
#messagesBox .ui-widget-content a:hover span { color: #2158f5; text-decoration: underline; }
#alertBox .ui-widget-content a span,
#messagesBox .ui-widget-content a span { font-family: 'FilsonProMedium', arial, sans-serif; font-size: 12px; }
#alertBox .ui-widget-content a:after,
#messagesBox .ui-widget-content a:after { display: none; }

.initiallyHidden .campaignContent p { text-align: center; }

/* modal */
div.simplemodal-container { border: 1px solid #bdcc18; }


/* Error*/
#validationSummary,
#divDownloadDocumentMessage,
#divCaseInProgressMessage { padding: 0 10px; background: #f93866; color: #fff; border: none; }
#validationSummary ul,
#divDownloadDocumentMessage ul,
#divCaseInProgressMessage ul { margin: 10px 0; padding: 0; }
#validationSummary ul li,
#divDownloadDocumentMessage ul li,
#divCaseInProgressMessage ul li { padding: 5px 0; list-style: none; font-size: 14px; }

#loginEntry .notifications .message { margin: 10px 0; padding: 5px 10px; background: #f93866; color: #fff; border: none; }
#loginEntry .notifications .message #close-popup { display: none; }

.input-validation-error { border: 2px solid #f93866; }

div.filterContainer { padding: 15px 20px; border: none; }

.success-update { margin: 10px 0; padding: 10px; background: #dff0d8; color: #3c763d; border: none; }

#smsfMessageContainer.consolidate #smsfInstruction,
#smsfMessageContainer #smsfOuter #smsfInstruction { background: #f93866; }

.ApplicationExpiredNotification,
.oc-wizard-error,
#errorContainer,
#userReg.staticPage .error,
DIV.errorContainer { margin: 20px 0; padding: 5px 10px; background: #f93866; color: #fff; border: none; }

#pensionMessage { margin: 0; padding: 0; font-weight: normal; }
#pensionMessage h3 { margin: 10px 0; padding: 5px 10px; background: #f93866; color: #fff; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; font-size: 14px; color: #fff; border: none; }
#pensionMessage h3 span { background: none; }

.oc-wizard-error ul, #errorContainer ul { margin: 0; }

input.error, textarea.error, select.error { border: 2px solid #f93866; }
DIV.errorSummary { background: #f93866; color: #fff; margin: 0 0 20px 0; padding: 5px 10px; border:0; }

/*  captcha   */
.LBD_CaptchaIcons a:first-child { display: none; }


/* Buttons */
.oc-button,
.proceedLink,
#correspondenceSearchButton,
#greenid-container .btn-primary {
    display: inline-block;
    height: auto;
    padding: 8px 20px;
    background: #2158f5;
    border: 1.5px solid #2158f5;
    text-align: center;
    border-radius: 5px;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    color: #fff;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
}
.oc-button:hover,
.proceedLink:hover,
#correspondenceSearchButton:hover,
#greenid-container .btn-primary:hover {
    background: #060866;
    border: 1.5px solid #060866;
    color: #fff;
    text-decoration: none;
}
.oc-button:hover span {
    background: none;
    border: none;
    color: #fff;
    text-decoration: none;
}
.oc-button span {
    background: none;
    border: none;
    height: auto;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    color: #fff;
    line-height: normal;
    text-decoration: none;
}
.oc-button:after {
    content: "";
    background: url(images/icon-chevron-right-white.png) 0 0 no-repeat;
    width: 7px;
    height: 10px;
    float: right;
    margin: 3px 0 0 10px;
    border: none !important;
}

#registrationEntry a,
.btnLinkToContainerNoHistory,
#btnBack,
#btnDetailsCancel,
#btnBackToList,
.btnLinkToFullPage,
.btnLinkToContainer,
.oc-wizard-buttons A#btnCancel,
#btnAddBeneficiary,
.previousBtn, 
#btnCancel, 
.print {
    display: inline-block;
    height: auto;
    padding: 8px 20px;
    background: none;
    border: 1.5px solid #2158f5;
    font-family: 'FilsonProMedium', arial, sans-serif;
    text-align: center;
    border-radius: 5px;
    font-weight: normal;
    color: #2158f5;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
}
#registrationEntry a:hover,
.btnLinkToContainerNoHistory:hover,
#btnBack:hover,
#btnDetailsCancel:hover,
#btnBackToList:hover,
.btnLinkToFullPage:hover,
.btnLinkToContainer:hover,
.oc-wizard-buttons A#btnCancel:hover,
#btnAddBeneficiary:hover,
.previousBtn:hover, 
#btnCancel:hover, 
.print:hover {
    background: #2158f5;
    border: 1.5px solid #2158f5;
    color: #fff;
    text-decoration: none;
}
/*
.btnLinkToContainerNoHistory span:after,
#btnBack span:after,
#btnDetailsCancel span:after,
#btnBackToList span:after,
.btnLinkToFullPage span:after,
#forgottenPassword .btnLinkToFullPage:after,
.oc-wizard-buttons A#btnCancel span:after,
#btnAddBeneficiary span:after,
.previousBtn span:after, 
.print span:after, 
.consolidate-validate-buttons .btnLinkToContainer span:after,
form .btnLinkToContainer span:after,
form .btnLinkToFullPage:after { content: ""; display: inline-block; background: url(images/icon-chevron-right-blue.png) 0 0 no-repeat; width: 7px; height: 10px; float: right; margin: 3px 0 0 10px; border: none !important; }

.btnLinkToContainerNoHistory:hover span:after,
#btnBack:hover span:after,
#btnDetailsCancel:hover span:after,
#btnBackToList:hover span:after,
.btnLinkToFullPage:hover span:after,
.oc-wizard-buttons A#btnCancel:hover span:after,
#btnAddBeneficiary:hover span:after,
.previousBtn:hover span:after, 
.print:hover span:after, 
.consolidate-validate-buttons .btnLinkToContainer:hover span:after,
form .btnLinkToContainer:hover span:after,
form .btnLinkToFullPage:hover:after,
#correspondenceSearchButton:after,
#forgottenPassword .btnLinkToFullPage:hover:after { content: ""; display: inline-block; background: url(images/icon-chevron-right-white.png) 0 0 no-repeat; width: 7px; height: 10px; float: right; margin: 3px 0 0 10px; border: none !important; }
*/
#initialChangeEmailContainer .btnLinkToFullPage:after { display: none; }

/*#registrationEntry a:hover:after,
.btnLinkToContainerNoHistory:hover:after,
#btnBack:hover:after,
#btnDetailsCancel:hover:after,
#btnBackToList:hover:after,
.btnLinkToFullPage:hover:after,
.btnLinkToContainer:hover:after,
.oc-wizard-buttons A#btnCancel:hover:after,
#btnAddBeneficiary:hover:after,
.previousBtn:hover:after,
#btnCancel:hover:after, 
.print:hover:after {
    background: url(images/icon-chevron-right-white.png) 0 0 no-repeat;
    border: none !important;
    color: #fff;
    text-decoration: none;
    margin: 3px 0 0 10px;
    border: none !important;
}*/
#registrationEntry a span,
.btnLinkToContainerNoHistory span,
#btnBack span,
#btnDetailsCancel span,
#btnBackToList span,
.btnLinkToContainer span,
.oc-wizard-buttons A#btnCancel span,
#btnAddBeneficiary span,
.previousBtn span,
#btnCancel span, 
.print span {
    background: none;
    height: auto;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    color: #2158f5;
    line-height: normal;
    text-decoration: none;
}

#registrationEntry a:hover span,
.btnLinkToContainerNoHistory:hover span,
#btnBack:hover span,
#btnDetailsCancel:hover span,
#btnBackToList:hover span,
.btnLinkToContainer:hover span,
.oc-wizard-buttons A#btnCancel:hover span,
#btnAddBeneficiary:hover span,
.previousBtn:hover span,
#btnCancel:hover span, 
.print:hover span {
    color: #fff;
}
#registrationEntry a:after,
.btnLinkToContainerNoHistory:after,
#btnBack:after,
#btnDetailsCancel:after,
#btnBackToList:after,
.btnLinkToFullPage:after,
.btnLinkToContainer:after,
.oc-wizard-buttons A#btnCancel:after,
#btnAddBeneficiary:after,
.previousBtn:after,
#btnCancel:after, 
.print:after {
    /*content: "";
    background: url(images/icon-chevron-right-blue.png) 0 0 no-repeat;
    width: 7px;
    height: 10px;
    float: right;
    margin: 3px 0 0 10px;
    border: none !important;*/
    display: none;
}

.oc-button.hide { display: none; }

.print { float: none; width: auto; }


/* Registration Wizard */
#registrationWizard,
#userReg.staticPage { padding: 20px; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; background: #fff; }
#registrationWizard:after,
#userReg.staticPage:after { content: ""; display: table; clear: both; }

#registrationWizard h1,
#userReg.staticPage h1 { background: #060866; color: #fff; }

#registrationWizard .oc-wizard-buttons { float: left; }
#registrationWizard .oc-wizard-buttons A#btnCancel { margin-top: 0; }
.proceedLink { color: #fff !important; }

#userReg .formItem { font-weight: normal; }

#userReg .leftSideContainer { width: auto; }
#userReg #divQuestions DIV.fiLabel { width: 400px; }
#userReg #divQuestions DIV.fiLabel select { width: 100%; }
#userReg #divQuestions DIV.fiElem { width: auto; margin-left: 10px; }
#userReg #divQuestions DIV.fiElem input { width: 300px; }
#userReg #divQuestions hr { display: none; }
#userReg #divQuestions center { width: 50%; margin: 20px 0; padding: 15px; background: #e7e7e7; }

#subscriptionContainer .subscriptionText div { font-weight: normal !important; }
#subscriptionContainer .subscriptionText div:first-child { font-family: 'FilsonProMedium', arial, sans-serif; }

div#tfnConsentContainer { margin-top: 30px; }

#tfnConsentContainer .TFNConsentTitle { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #060866; font-size: 18px;  }

/* Login styles */
#mainLoginPage div.pageBlurb { width: auto; }

#mainContent .loginLeftContent { float: left; width: 50%; }
#mainContent .loginLeftContent h1 { padding: 0; background: none; color: #fff; }
#mainContent .loginLeftContent h1 span { padding: 5px 10px; background: #060866; color: #fff }

#siteEntryPoints { float: right; width: 45%; margin-left: 5%; }
#siteEntryPoints .entryPoint { position: relative; width: 90%; padding: 5% 5% 2% 5%; background: #fff; border: none; border-radius: 0px; }
#siteEntryPoints h2 { margin: 0 0 10px 0; padding: 0; font-size: 18px; color: #333; border: none; }

#loginEntry { padding: 20px; margin: 0 0 2% 0; }
#loginEntry h2:before { content: ""; background: url(images/icon-login.png) 0 0 no-repeat; width: 15px; height: 20px; float: left; margin-right: 10px; }
#loginEntry div.fiElem input { width: 230px; }
#loginEntry p { position: absolute; right: 20px; bottom: 10px; margin: 0;  }
#loginEntry DIV.formAction { margin: 0; }
#loginEntry DIV.fiLabel,
#resetPassword DIV.fiLabel,
#userReg DIV.fiLabel { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; vertical-align: middle; }
#loginEntry #rememberMe { vertical-align: middle; }
#loginEntry .btnLinkToContainer span:after { display: none; }

#registrationEntry h2:before { content: ""; background: url(images/icon-register.png) 0 0 no-repeat; width: 22px; height: 20px; float: left; padding-right: 10px; }
#registrationEntry p { width: 50%; float: left; }
#registrationEntry p:nth-child(3) { text-align: right; }
#registrationEntry p a { text-decoration: none !important; }
/*#registrationEntry p a:after { content: ""; background: url(images/icon-chevron-right-blue.png) 0 0 no-repeat; width: 7px; height: 10px; float: right; margin: 3px 0 0 10px; border: none !important; display:inline-block; }
#registrationEntry p a:hover:after { content: ""; background: url(images/icon-chevron-right-white.png) 0 0 no-repeat; width: 7px; height: 10px; float: right; margin: 3px 0 0 10px; border: none !important; display: inline-block; }
*/
#lnkForgottenPassword { margin-bottom: 5px; }
#lnkForgottenPassword,
#lnkForgottenUserName { display: table; text-decoration: underline; padding: 0; background: none; border: none; border-radius: 0px; }
#lnkForgottenPassword span,
#lnkForgottenUserName span { color: #2158f5; }
#lnkForgottenPassword:hover,
#lnkForgottenUserName:hover { text-decoration: none; }
#lnkForgottenPassword:after,
#lnkForgottenUserName:after { content: ""; display: table; clear: both; float: none; background: none; height: 0px; width: 0px; margin: 0; }

.employee-link:before, 
.pension-link:before, 
.super-link:before {
    content: "";
    background: url(images/icon-links.png) 0 -2px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}


/* Forgotten password & Forgot username */
#forgottenPassword h1 { background: #060866; color: #fff; }

#forgottenUserName h1 { background: #060866; color: #fff; }
#forgottenUserName DIV.formAction { text-align: left; }
#forgottenUserName DIV.formAction a { margin: 0; }


/* Home - Contact/Terms/Privacy */
#mainLoginPage #termsAndConditionsPage { padding: 0; background: none; }

#contactUsContainer,
#termsAndConditionsPage,
#privacy { padding: 20px; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; background: #fff; }

#contactUsContainer h1,
#termsAndConditionsPage h1,
#privacy h1 { background: #060866; color: #fff; }

.loggedIn #contactUsContainer,
.loggedIn #termsAndConditionsPage,
.loggedIn #privacy { padding: 0; background: none; }

.loggedIn #contactUsContainer h1,
.loggedIn #termsAndConditionsPage h1,
.loggedIn #privacy h1 { background: #fff; color: #060866; }


/* Cange username & important info */
.loggedIn #mainContent #messagesContainter h1, 
.loggedIn #mainContent #changeUserNameOffer h1 { position: relative; top: auto; left: auto; background: #060866; color: #fff; }


/* Footer */
#footer { margin: 0; min-height: 100px; background: #060866; border: none; }
ul.footer { margin: 0 auto; padding: 20px 0; text-align: center; }
UL.footer li { padding: 0 7px; border-left: 1px solid #e7e7e7; }
UL.footer li:first-child { border: none; }
ul.footer a,
ul.footer a:link,
ul.footer a:visited,
ul.footer a span,
ul.footer a:hover span { color: #e7e7e7; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; font-size: 12px; padding: 0; background: none; border: none; border-radius: 0px; }
ul.footer a:hover { text-decoration: underline; }
ul.footer a:after { display: none; }

SPAN.version { color: #e7e7e7; font-size: 12px; }


/* Nav styles */
#mainMenu { background: url(images/banner-pattern.png) no-repeat 0px 30px; height: 210px; }

div.tabs { position: relative; left: 0px; width: 100%; margin: 0 auto; background: #e7e7e7; }
div.tabs:after { content: ""; display: table; clear: both; }

div.tabs > ul:after { content: ""; display: table; clear: both; }
div.tabs > ul > li { position: relative; height: auto; margin: 0; color: #a2a9ad; background: none; border: none; }
div.tabs > ul > li.active { height: auto; margin: 0; }
div.tabs > ul > li:hover > a { background: #2158f5 !important; }
div.tabs > ul > li:hover > a > span { color: #fff; }
div.tabs > ul > li > a {
    height: auto;
    padding: 6px 15px;
    background: none !important;
    border: none;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    text-align: center;
    color: #2158f5;
}
div.tabs > ul > li > a > span {
    height: auto;
    margin: 0 !important;
    padding: 0;
    background: none !important;
    border: none;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #2158f5;
}
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: #2158f5 !important; }
div.tabs ul > li > a:hover span { background: none !important; color: #fff; }
div.tabs ul > li > a:active { background: #2158f5 !important; }
div.tabs ul > li > a:active > span { background: none !important; color: #fff; }

div.tabs > ul > li.active > a > span { color: #fff; height: auto; background: none !important; }
div.tabs > ul > li.active > a { color: #fff; height: auto !important; background: #2158f5 !important; }
div.tabs > ul > li.active > a:hover { background: #2158f5 !important; color: #fff; }
div.tabs > ul > li.active > a:hover span { background: none; }
div.tabs > ul > li.active > a:active { background: none; }
div.tabs > ul > li.active > a:active > span { background: #2158f5; }

DIV.tabs LI.active UL.tabSubLinks { display: none; }
DIV.tabs LI:hover UL.tabSubLinks { display: block; position: relative; overflow: auto; }
div.tabs ul ul.tabSubLinks {
    position: absolute !important;
    top: 100%;
    left: 0px;
    width: auto;
    min-width: 200px;
    height: auto;
    margin: 0;
    padding: 0;
    background: rgba(255,255,255,0.9);
    border: none;
}
div.tabs ul ul.tabSubLinks li {
    border: none;
    float: none;
    height: auto;
    display: block;
    margin: 0;
    overflow: auto;
}
div.tabs UL UL.tabSubLinks li a {
    height: auto !important;
    padding: 6px 15px;
    font-size: 14px;
    color: #2158f5;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    text-decoration: none;
    background: none;
    float: none;
    display: block;
    text-align: left;
}
div.tabs UL UL.tabSubLinks li.subActive a { text-decoration: none; }
div.tabs ul ul.tabSubLinks li a:visited { color: #2158f5; text-decoration: none; background: none; }
div.tabs ul ul.tabSubLinks li a:hover { background: #2158f5 !important; border: none !important; color: #fff !important; text-decoration: none; }
div.tabs ul ul.tabSubLinks li.active a { text-decoration: none; font-weight: normal; background: #2158f5; color: #fff; }


#topMenu { position: absolute; top: 15px; right: 0px; }
#topMenu ul { margin: 0; padding: 0; }
#topMenu li { margin: 0 0 0 10px; padding: 0; }
#topMenu li a { margin: 0 2px; padding: 0; color: #2158f5; font-family: arial, sans-serif; font-weight: normal; text-decoration: none; background: none; border: none; border-radius: 0px; }
#topMenu li a span { margin: 0 2px; padding: 0; color: #2158f5; font-family: arial, sans-serif; }
#topMenu li a:hover { text-decoration: underline; }
#topMenu li.Contactus { background: url(images/icon-contact-us.png) no-repeat 0px 5px; padding-left: 12px; }
#topMenu li.Logout { background: url(images/icon-logout.png) no-repeat 0px 4px; padding-left: 12px; }
#topMenu li select#SelectedPlanMemberIdAndPlanCode { padding: 0 5px; }
#topMenu li a:after { display: none; }
#topMenu A#btnTopMenuSettings span { text-decoration: none; }
#topMenu DIV.dropDownListControl ul { top: 25px; left: -12px; background: #fff; box-shadow: 0px 0px 10px 0px #e7e7e7; opacity: 1; }
#topMenu DIV.dropDownListControl ul li { padding: 0; border: none;  }
#topMenu div.dropDownListControl ul li:hover { background: none; text-decoration: none; }
#topMenu DIV.dropDownListControl ul li a { margin: 0; padding: 5px 15px;  font-size: 14px; display: block; text-align: left; }
#topMenu DIV.dropDownListControl ul li a:hover { background: #2158f5; color: #fff; text-decoration: none; }
#topMenu DIV.dropDownListControl ul li a:hover span { color: #fff; }

.jfontsize-button { margin: 0 3px; padding: 0; text-decoration: none; color: #2158f5 !important; border: none; }
.jfontsize-button:hover { text-decoration: none; color: #2158f5 !important; border: none; background: none; }


/* Settings */
HTML #secQuestions DIV.fiLabel,
#resetQuestions .formItem .fiLabel { display: inline-block; width: 55%; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
HTML #secQuestions DIV.fiElem,
#resetQuestions DIV.fiElem { width: 40%; }
HTML #secQuestions DIV.fiElem input,
#resetQuestions DIV.fiElem input { width: 100%; }


/* Styling of dashboard */
#dashboard .dashboardBoxSmall { width: 322px; height: 300px; margin: 0 15px 15px 0; padding: 0; background: #e7e7e7; border: none; }
@-moz-document url-prefix() { #dashboard .dashboardBoxSmall { width: 310px; } } /* FF fix */
#dashboard .dashboardBoxLarge { width: 660px; margin: 0 0 15px 0; padding: 0; background: #e7e7e7; border: none; }
#dashboard .controlHeader {
    display: block;
    width: auto;
    margin: 0 0 20px 0;
    padding: 10px;
    font-family: 'FilsonProMedium', arial, sans-serif;
    font-weight: normal;
    text-align: left;
    font-size: 1.4em;
    background: #060866;
    color: #fff;
}

#dashboard #chart1 #currentBalanceText { margin: 30px 0 0 0; font-size: 14px; }
#dashboard #chart1 #prominentCurrentBalance { margin: 15px 0 0 0; font-size: 30px; color: #060866; }

#dashboard #nabpLifetimeWithdrawlAndIndexationContainer { margin-right: 0; }

#dashboard #activitiesContainer p { padding: 0 10px; }
#dashboard #activitiesContainer #activityTable { width: auto; margin: 15px auto; padding: 0 10px; font-size: 12px; text-align: right; }
#dashboard #activitiesContainer #activityTable td { padding: 5px; font-size: 12px; line-height: normal; border: none; }
#dashboard #activityTable td.date,
#dashboard #activityTable td .description { text-align: left; }

#dashboard #eventsContainer p { margin: 0 10px 10px 10px; }

#dashboard #ytdChartContainer { margin-right: 0; }
#dashboard #ytdChartContainer .highcharts-container { margin: 0 auto; }

#dashboard #transferBalanceCapInfoId .transferBalConditionalNote { padding: 10px; }

.slick-content {padding:0 20px;margin-bottom:20px;width: 100%;padding-left: 0;padding-right: 0;height: 185px;}
.slick-content .slick-slide {margin: 0;width: 665px !important;}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #dashboard #insuranceCoverContainer #divInsuranceCover .iconDeath { background: url(images/insurance-1.png) 0 0 no-repeat; background-size: cover; }
    #dashboard #insuranceCoverContainer #divInsuranceCover .iconDisable { background: url(images/insurance-2.png) 0 0 no-repeat; background-size: cover; }
    #dashboard #insuranceCoverContainer #divInsuranceCover .iconIP { background: url(images/insurance-3.png) 0 0 no-repeat; background-size: cover; }
}

/* Personal Details */
#AccountSummaryContainer { margin: 0; }
#AccountSummaryContainer fieldset { margin: 0 0 20px 0; padding: 0; border: none; }
#AccountSummaryContainer fieldset div.fiLabel { width: 35%; }
#AccountSummaryLeftContainer,
#AccountSummaryRightContainer { width: 47%; }
#AccountSummaryRightContainer { margin-left: 6%; }
#AccountSummaryLeftContainer a,
#AccountSummaryRightContainer a { position: absolute; right: 0px; top: 7px; }
#AccountSummaryLeftContainer a:before,
#AccountSummaryRightContainer a:before {
    content: "";
    background: url(images/icon-edit.png) 0 0 no-repeat;
    width: 9px;
    height: 10px;
    float: left;
    margin: 5px 7px 0 0;
}
#AccountSummaryContainer .fiLabel label { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }

.accountsummarydetailcontainer { margin: 0; }

#updateMemberProfile FIELDSET {
    display: inline-block;
    width: 47%;
    margin: 0 2% 20px 0;
    vertical-align: top;
}
#updateMemberProfile .oc-radiogroupex label { display: inline-block; width: 275px; }
#updateMemberProfile .oc-radiogroupex li input { display: inline-block; float: left; }

#AccountSummaryContainer .personalEmailUpdateBtn { display: table; padding: 0; background: none; border: none; border-radius: 0px; }
#AccountSummaryContainer .personalEmailUpdateBtn:hover { color: #2158f5; text-decoration: underline; }
#AccountSummaryContainer .personalEmailUpdateBtn:after { content: ""; display: table; clear: both; float: none; background: none; height: 0px; width: 0px; margin: 0; }

#AccountSummaryContainer #beneficiarydetails TABLE TH,
#AccountSummaryContainer #beneficiarydetails  TABLE TD { padding: 5px 0; }
#AccountSummaryContainer #beneficiarydetails .benePercentage { text-align: right; }

#AccountSummaryContainer TABLE TH { padding: 5px 0; border-top: 1px solid #2158f5; }
#AccountSummaryContainer TABLE TD { padding: 0 5px 5px 0; }

#communicationDetails DIV.fiLabel { width: auto !important; font-family: 'FilsonProBook', arial, sans-serif; font-weight: normal; }
#communicationDetails .header { height: auto; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
#communicationDetails DIV.formItem { margin: 0; }

#updateMemberProfile .tfnCheckbox { font-weight: normal; }
#updateMemberProfile DIV.editMode #communicationDetails .option { margin: 0; }
#updateMemberProfile #subscriptionTypeRadioButtonList { margin: 0; }

#fldsetResidentialAddress[style="display: none;"] { display: inline-block !important; color: #CCC; }
#fldsetResidentialAddress[style="display: none;"] legend { color: #CCC; }
#fldsetResidentialAddress[style="display: none;"] input, #fldsetResidentialAddress[style="display: none;"] select { border: 1px solid #CCC; color: #CCC; }

#transactionHistoryFilter DIV.filterAction { margin-left: 0; }

/* Beneficiaries */
#beneficiaries th { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; text-align: left; background: none; border-top: 1px solid #2158f5; border-bottom: 1px solid #2158f5; color: #2158f5; }
#beneficiaries th.benePctHead { text-align: right; }
#beneficiaries td { border-bottom: 1px solid #e7e7e7; }
#beneficiaries td.benefit { text-align: right; width: 80px; }
#beneficiaries td.benePercentage { text-align: right; }
#beneficiaries td.benefit input { text-align: right; width: 100%; }
#beneUpdatedMsg { padding: 10px; background: #75ffbc; border: none; color: #333; }


/* Balance Enquiry */
input.filterRadio { vertical-align: baseline; }
#chartTitle { font-size: inherit; color: inherit; }
#balanceEnquiryPreservationTable tr td.preservedAmt { width: 235px; }
#balanceEnquiryFilter div.filterItem { margin: 0; }
#balanceEnquiryFilter .dropdown { width: 150px; vertical-align: middle; }
#balanceEnquiryFilter label { display: none; }
#balanceEnquiryContainer .legendTitle { display: inline-block; margin: 10px 0; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; font-size: 20px; }
#balanceEnquiryAccountBalanceTable td, 
#balanceEnquiryPreservationTable td, 
#balanceEnquiryAssetDetailsTable td { border-right: none; border-left: none; }

div.filterContainer { background: #e7e7e7; border: none; }


/* Benefit Quote */
#beneficiaries FIELDSET { width: 47%; margin-right: 2%; }

#filterBenefitQuote { display: block; }
#filterBenefitQuote .fiBenefitQuote { margin: 0; }
#filterBenefitQuote #filterPayeeTypeContainer, 
#filterBenefitQuote #createQuoteButton { margin-left: 10px; }
#filterBenefitQuote #radioFilters { margin-top: 10px; }

#quoteDate { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }

#benefitQuote table tr td { border: none; border-top: 1px solid #e7e7e7; }
#benefitQuote table tr th { border-bottom: none; }
th.net { width: 70px; }
th.lumpSum,
th.gross { width: 115px; }

#benefitQuote .summaryBenefit div:first-child, 
#benefitQuote .summaryBenefit div:nth-child(2) { width: 46%; margin: 0 0 20px 0; padding: 2%; color: #fff; background: #2158f5; }
#benefitQuote .summaryBenefit div:nth-child(2) { text-align: right; }
#benefitQuote .summaryBenefit table { background: #fff; }
#benefitQuote table tr.header td { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #333; border: none; }

#pageBenefitQuote #bottomContent p { font-size: 12px; line-height: 18px; }


/* Pension Details */
#LifeTimePolicyDetails, 
#LifeTimePaymentDetails { width: 47%; }
#LifeTimePaymentDetails { margin-left: 6%; }

fieldset #NabpPaymentDetails div.fiLabel, 
fieldset #NabpPolicyDetails div.fiLabel { width: 65%; }
#NabpPaymentDetails DIV.form-item label, 
#NabpPolicyDetails DIV.form-item label { width: auto; float: none; margin: 0; padding: 0; color: #333; font-weight: normal; }
#NabpPaymentDetails DIV.form-item DIV.fiElem, 
#NabpPolicyDetails DIV.form-item DIV.fiElem { width: auto; float: none; word-wrap: normal; }

#PensionDetailsContainer table tr th { border-bottom: 1px solid #e7e7e7; }

.transferBalanceCapInfor legend, 
.PensionDetailsLeftContainer legend, 
.PensionDetailsRightContainer legend, 
.PensionDetailsFullContainer legend { margin: 0; padding: 30px 0 10px 0; border: none; }

.PensionDetailsFullContainer th.paymentBsb-header { width: 60px; }
.PensionDetailsFullContainer table#tblEditPension tr td { border: none; }
.PensionDetailsFullContainer table#tblEditPension tr td:first-child { width: 25%; padding-left: 0; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }

#SelectedPaymentAmountType { width: 200px; }

.pensionHeader DIV { width: auto; }

#pagePensionWithdrawalStep1 .sectionHeader { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
#pagePensionWithdrawalStep1 .totalText { margin-right: 80px; }
#pagePensionWithdrawalStep1 .totalamounttowithdraw { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
#pagePensionWithdrawalStep1 .maxAmount { width: 186px; }


/* Transaction History */
#transactionHistoryFilter #filterDateRange .ftLabel { display: block; margin: 0 0 5px 0; }
#transactionHistoryFilter DIV.ftElem > label:first-child { display: block; }

#gview_transactionHistoryGrid th#transactionHistoryGrid_Received { width: 89px !important; }
#gview_transactionHistoryGrid th.transactionType { width: 445px !important; text-align: left; }
#gview_transactionHistoryGrid th:nth-child(3) { width: 122px !important; }
#gview_transactionHistoryGrid th:nth-child(4) { width: 40px !important; }

#gview_transactionHistoryGrid td:nth-child(4) { width: 53px !important; }

#gbox_transactionHistoryGrid tr.footrow td { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }


/* Investment Enquiry */
#dioContainer .halfColumn { width: 49%; margin: 0 2% 2% 0; }
#dioContainer .halfColumn:nth-child(2) { margin-right: 0; }
#dioContainer .controlHeader { padding: 10px; background: #060866; color: #fff; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }

#dioContainer .controlBox { margin: 0 0 10px 0; background: #e7e7e7; border: none; }

#accessDIOOnlineContainer { width: auto !important; height: auto !important; background: none; border: none; }
#accessDIOOnlineContainer #collapseTitle { text-align: left; }

#dioContainer #grandTotalContainer .grandTotalAmount { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; font-size: 18px; }
#dioContainer #cashAccountContainer .head { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
#dioContainer #cashAccountContainer { margin: 20px 0 0 0; padding: 0; background: none; border: none; }
#dioContainer .highcharts-title { display: none; }

#dioChartContainerInner #directInvestmentOptionsChartLegend li { display: block; width: auto; }

#investmentOptions TR.metaHeading TH { padding: 0; border: none; border-bottom: 1px solid #2158f5; color: #2158f5; }
#investmentOptions thead tr:last-child th { color: #2158f5; }
#investmentOptions TR.metaHeading SPAN { border: 0; border-bottom: 1px dashed #2158f5; margin-bottom: .5em; padding-bottom: 4px; }
#investmentOptions TR TH { text-align: right; border-bottom: 1px solid #2158f5; color: #060866; }
#investmentOptions TR TH.ioFutureTrans { width: 85px; }
#investmentOptions TR TD { text-align: right; border: none; border-top: 1px solid #e7e7e7; vertical-align: middle; }
#investmentOptions TR.rowHeading TD { color: #2158f5; }
#investmentOptions TR.rowHeading TD,
#investmentReturnContainer TR.rowHeading TD { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; background: none; }
P#hasPendingSwitch { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; font-size: 14px; }
#investmentOptions INPUT { text-align: right; }

#investmentEnquiry DIV.formItem { text-align: left; }
#investmentEnquiry #bottomContent p { line-height: 18px; }

#fmCurrentOptions table tr td.ioInvestOptions { vertical-align: middle; }

#ioReceiptTable tr td { border: none; border-top: 1px solid #e7e7e7; }
#ioReceiptTable thead th { color: #2158f5; border-bottom: 1px solid #e7e7e7; }
#ioReceiptTable thead th:first-child { text-align: left; }
#ioReceiptTable tr.footerRow { border: none; }
#ioReceiptTable tr.footerRow td { border-top: 1px solid #2158f5; border-bottom: 1px solid #2158f5; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #2158f5; }

#pendingSwtichContainer #pendingSwitchList { margin: 10px 0 0 0; }
#pendingSwtichContainer .switchDetailBlock { padding: 10px; background: #e7e7e7; border: none; }
#pendingSwtichContainer .switchDetailHeader { display: block; padding: 5px 0; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #060866; }
#pendingSwtichContainer table tr td { border: none; border-top: 1px solid #fff; }
#pendingSwtichContainer table tbody tr:first-child td { border-top: none; }
#pendingSwtichContainer .pendingActionNoEdit { width: 30%; text-align: center; }
#pendingSwtichContainer .pendingName { padding-left: 10px; }
#pendingSwtichContainer .itemFooter td { border-top: 1px solid #2158f5; border-bottom: 1px solid #2158f5; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #2158f5; }
#pendingSwtichContainer .footerTotal { padding-left: 10px; }


/* Asset Allocation */
#assetAllocation table { table-layout: fixed; }
#assetAllocation table tr td { border: none; vertical-align: top; }
#assetAllocation #dashboardAccountBalanceChartTitle,
#assetAllocation #dashboardFutureAccountBalanceChartTitle { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; color: #060866; text-align: center; }
#assetAllocation #assetFutureAllocationDashboardChart .pageBlurb { margin-top: 25px; }
#assetAllocation #divLblDate { text-align: center; }
#assetAllocation #divLegendData ul { margin: 0; }
#assetAllocation #divLegendData ul li { width: 160px !important; list-style-type: none; }

#assetAllocation #assetAllocationForm table { table-layout: auto; }
#assetAllocation #assetAllocationForm table tr td { border-top: 1px solid #e7e7e7; vertical-align: middle; }
#assetAllocation #assetAllocationForm table tr th { text-align: right; }
#assetAllocation #assetAllocationForm table tr th:first-child { text-align: left; }
#assetAllocation #assetAllocationForm table tr td.ioBalanceSplit,
#assetAllocation #assetAllocationForm table tr td.ioFutureTrans,
#assetAllocation #assetAllocationForm table tr td input { text-align: right; }


/* Correspondence */
#gbox_correspondenceGrid { border: none; margin-top: 20px; }
#correspondenceContainter div.ftElem { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; font-size: 1.2em; margin-left: 0; }

#crsFilter { display: block; background: #e7e7e7; margin: 0 0 20px 0; padding: 15px 20px; }
#crsFilter:after { content: ""; display: table; clear: both; }
#crsFilter table { table-layout: fixed; }
#crsFilter table tr td { padding: 0 0 5px 0; }
#crsFilter table tr td label { font-weight: normal !important; }
#crsFilter table tr:first-child td { display: block; }
#crsFilter table tr:first-child td:first-child,
#crsFilter table tr:first-child td:nth-child(2) { display: block; width: 100%; }
#crsFilter table tr:last-child td:first-child { display: none; }
#crsFilter input#SearchText { width: 300px; }
#crsFilter #correspondenceSearchButton.pull-right { float: none; }

#correspondenceTable tbody tr td.crsNoContent { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; border: none; border-top: 1px solid #e7e7e7; }
#correspondenceTable tbody tr td:last-child { border-bottom: 1px solid #e7e7e7; }

/* consolidate */
.consolidate-validate-buttons .consolidate-validate-update .btnLinkToContainer { background: #2158f5; }
.consolidate-validate-buttons .consolidate-validate-update .btnLinkToContainer:hover { background: #FFF; }
.consolidate-validate-buttons .consolidate-validate-update .btnLinkToContainer span { color: #FFF; }
.consolidate-validate-buttons .consolidate-validate-update .btnLinkToContainer:hover span { color: #2158f5; }
.consolidate-validate-buttons .consolidate-validate-update .btnLinkToContainer span:after { background: url(images/icon-chevron-right-white.png) 0 0 no-repeat; }
.consolidate-validate-buttons .consolidate-validate-update .btnLinkToContainer:hover span:after { background: url(images/icon-chevron-right-blue.png) 0 0 no-repeat; }

/* Messages */
#gview_MessageGrid th,
#gview_MessageGrid table td { height: auto; padding: 10px; }
#gview_MessageGrid tr.jqgfirstrow td { padding: 0; }

#gview_MessageGrid th#MessageGrid_Date { width: 104px !important; }
#gview_MessageGrid th:nth-child(4) { width: 615px !important; }
#gview_MessageGrid th#MessageGrid_Action { width: 89px !important; text-align: center !important }
#gview_MessageGrid table td:last-child { text-align: center !important; }

#MessageGrid_pager .ui-pg-table #MessageGrid_pager_left,
#MessageGrid_pager .ui-pg-table #MessageGrid_pager_center,
#MessageGrid_pager .ui-pg-table #MessageGrid_pager_right { border-top: 1px solid #e7e7e7; }

.topBar .messageNavBar { display: none; }

.loggedIn #mainContent.subPanelled #messagesContainter h1 { position: absolute; top: -65px; left: 15px; margin: 0; background: #fff; color: #060866; }
#messageHeader { color: #060866; font-size: 18px; font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
.messageNavBar ul li { margin: 0; padding: 0 5px; }
.messageNavBar ul li a { color: #2158f5; text-decoration: none; }

#mainContent.subPanelled .messageNavBar ul li { padding: 2px 10px; border-right: 1px solid #e7e7e7; }
#mainContent.subPanelled .messageNavBar ul li:last-child { border: none; }
#mainContent.subPanelled .messageNavBar ul li a:hover { color: #2158f5; text-decoration: underline; }

#messageBody {
    width: 96%;
    margin: 10px 0;
    padding: 2%;
    border: solid 1px #e7e7e7;
}


/* Links */
#externalLinksContainer .externalLinks ul { padding-left: 0; }
#externalLinksContainer .externalLinks ul li a { font-weight: 500; }

/* contact us */
#contactUsContainer .fiLabel,
#contactUsContainer .label { font-family: 'FilsonProMedium', arial, sans-serif; font-weight: normal; }
#contactUsContainer .label { margin-right: 0; }
#contactUsContainer .feedbackHeader .label { margin: 0; padding: 0; }
#contactUsContainer .formAction { margin: 20px 0 0 0; }
#FeedbackType { margin-left: 0; }
#frmContactUs .formItem textarea { max-width: 645px; max-height: 300px; }
.contactDetails { margin: 0 0 20px 0; }

/* pop up window */
.ui-dialog-buttonpane .ui-state-default { background: #2158f5; color: #FFF; border-color: #2158f5; }
.ui-dialog-buttonpane .ui-state-default:hover { background: #060866; border-color: #060866; }