/*

    yellow: #fce100 
    light blue: #44a6be
    dark blue: #01334c

*/

/* ----- Start Redesign Not Logged In ----- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700');
@import url('fonts/fontawesome5.min.css');

/* Temp */
body:not(.loggedIn) #mainLoginPage > span {
    display: none;
}

/* Global */
body:not(.loggedIn) {font-family: 'Open Sans', sans-serif;background: #fff; overflow-x: hidden;}
body:not(.loggedIn) #wrapper {margin: 0 auto;}
body:not(.loggedIn) #content {background: none;padding: 0 15px; margin-top: -140px;}
body:not(.loggedIn) .pageBlurb { width: auto;}
body:not(.loggedIn) input,
body:not(.loggedIn) select,
body:not(.loggedIn) textarea {font-family:inherit;}
body:not(.loggedIn) input.error,
body:not(.loggedIn) textarea.error,
body:not(.loggedIn) select.error,
body:not(.loggedIn) input.input-validation-error,
body:not(.loggedIn) textarea.input-validation-error,
body:not(.loggedIn) select.input-validation-error{border:1px solid red}
body:not(.loggedIn) .fiLabel {font-weight: 600; font-size: 16px; line-height: 38px;font-size: 1.46em;}
body:not(.loggedIn) .fiElem input, body:not(.loggedIn) select {font-size: 16px; padding: 6px 10px;font-size:1.46em}
body:not(.loggedIn) textarea { border-radius: 0; box-shadow: none; padding: 6px 10px !important; font-size: 16px; font-size: 1.46em;}
body:not(.loggedIn) p.required { font-size: 1.35em !important;}
body:not(.loggedIn) a:hover {color: #056391;}

/* Header - Logo and Text */
body:not(.loggedIn) #header {background: none; position: relative;height:240px;}
body:not(.loggedIn) #header:before {background: rgba(1, 51, 78, 0.55); content: ''; position: absolute; left: 50%; width: 100vw; height: 100px; margin-left: -50vw;}
body:not(.loggedIn) #header::after {content: '';background: url(images/amist-header.png) right center no-repeat;position: absolute;left: 50%;top: 0px;width: 100vw;height: 240px;z-index: -1;margin-left: -50vw;}
body:not(.loggedIn) #homeLink {background: url(images/amist-logo-v2.png) 0 no-repeat; width: 276px; height:  70px; top: 0; position: relative; -ms-flex-preferred-size: 100px; flex-basis: 100px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
body:not(.loggedIn) #topMenu {position: absolute; top: -36px; right: 0;/*position: relative;top: auto;right: auto;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;*/ }
body:not(.loggedIn) .pageHeader { position: relative; height: auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100px;margin-top: 40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
body:not(.loggedIn) .pageHeader::before {content: '';background: rgb(1, 51, 78);position: absolute;width: 50vw;height: 100%;margin-left: -30vw;}
/*body:not(.loggedIn) .pageHeader > * {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}*/
body:not(.loggedIn) .pageHeader h1 {font-size: 2em; margin: 0;padding: 0;color: #fff;font-weight: 700;-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;line-height: 1;}
body:not(.loggedIn) #topMenu li a {color: #000;}
body:not(.loggedIn) #topMenu li a:hover,
body:not(.loggedIn) #topMenu li a:focus {text-decoration: none;}
body:not(.loggedIn) #topMenu .fontSizeBox a {display: inline-block;width: 16px;text-align: center;text-decoration: none !important;}
body:not(.loggedIn) #topMenu .fontSizeBox a:hover,
body:not(.loggedIn) #topMenu .fontSizeBox a:focus {background: #000;border-color: #000;color: #fff !important;}

/* Left Side - Content */
body:not(.loggedIn) .loginLeftContent {background: none;}
body:not(.loggedIn) .loginLeftContent > h1 {margin: 0 15px !important;}
body:not(.loggedIn) #mainContent h1 {width: auto;margin: 0 0 30px;padding: 42px 0;font-size:40px;line-height: 1.4;color:#fff; font-size: 3.63em;}
body:not(.loggedIn) #mainContent .pageBlurb {font-size: 16px; font-size: 1.46em;}
body:not(.loggedIn) #mainLoginPage .pageBlurb {width: 580px; margin-top: 30px;}
body:not(.loggedIn) #mainLoginPage .pageBlurb > * {margin-left: 15px !important; margin-right: 15px !important; width: auto !important;}
body:not(.loggedIn) #mainLoginPage .pageBlurb p:first-child {font-size: 19px; font-size: 1.18em;}
body:not(.loggedIn) .pageBlurb ul {list-style: none; padding: 0 !important; border: none;}
body:not(.loggedIn) .pageBlurb li {padding: 0 0 12px 30px; background: url(images/list-arrow.png) no-repeat left 6px; font-size: 16px;line-height: 26px; font-size: 1em;}
body:not(.loggedIn) .pageBlurb h3,
body:not(.loggedIn) .loginLeftContent .pageBlurb p {font-size: 16px; line-height:26px; font-size:1em}
body:not(.loggedIn) .pageBlurb h3 {font-weight:600;}
body:not(.loggedIn) .loginLeftContent .pageBlurb h3:nth-child(3) {margin-top: 10px;}

/* Right Side - Login*/
body:not(.loggedIn) #mainLoginPage #siteEntryPoints {margin-bottom: 0;float: right;width: 420px;height: auto;margin-top: -30px;margin-right: -15px;background: none;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
body:not(.loggedIn) #mainLoginPage #siteEntryPoints > div {flex: 0 0 340px;}
body:not(.loggedIn) #loginEntry {padding: 0;margin: 0;width: auto;border: 0;border-radius: 0;background: none;display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-pack: right;-ms-flex-pack: right;justify-content: right;}
body:not(.loggedIn) #loginEntry > #frmLogin {background: #FFDE00;padding: 20px;width: 340px; position: relative;}
body:not(.loggedIn) #loginEntry h2 {font-size: 2.2em;}
body:not(.loggedIn) #mainLoginPage #registrationEntry {width: auto;float: none;margin-top: 0;color: #000;line-height: inherit;padding: 0px 20px 20px;font-size: 1.36em;}
body:not(.loggedIn) #frmLogin .formItem {margin-bottom: 6px;}
body:not(.loggedIn) #frmLogin .fiLabel label {font-size: inherit;font-weight: 400;}
body:not(.loggedIn) #frmLogin .fiLabel {width: 120px !important; line-height: 38px; margin: 0;}
body:not(.loggedIn) #frmLogin .fiElem {max-width: 215px; width: 100%;}
body:not(.loggedIn) #frmLogin .fiElem input {padding: 8px 10px; font-size: 16px; border: none; width:100%; box-sizing: border-box; font-size: 1.46em;}
body:not(.loggedIn) #rememberMe{-webkit-transform:scale(1.5);transform:scale(1.5);margin:7px 0 0; cursor: pointer; height:26px;}
body:not(.loggedIn) #registrationEntry h2 {font-size:1em;}
body:not(.loggedIn) #registrationEntry a,
body:not(.loggedIn) .oc-button{background:#056391;border-radius:0;padding:18px 20px;font-weight:600;font-size:16px;color:#fff;font-family: inherit;}
body:not(.loggedIn) #registrationEntry a {font-size: 1.07353em;}
body:not(.loggedIn) .oc-button{font-size: 1.46em;}    
body:not(.loggedIn) #registrationEntry a:focus,
body:not(.loggedIn) #registrationEntry a:hover,
body:not(.loggedIn) .oc-button:focus,
body:not(.loggedIn) .oc-button:hover,
body:not(.loggedIn) #mainContent #btnCancel:focus,
body:not(.loggedIn) #mainContent #btnCancel:hover,
body:not(.loggedIn) #forgottenPassword .btnLinkToFullPage:hover,
body:not(.loggedIn) #forgottenPassword .btnLinkToFullPage:focus,
body:not(.loggedIn) #contactUsContainer .formAction .btnLinkToFullPage:hover,
body:not(.loggedIn) #contactUsContainer .formAction .btnLinkToFullPage:focus,
body:not(.loggedIn) #resetPassword .btnLinkToContainer:hover,
body:not(.loggedIn) #resetPassword .btnLinkToContainer:focus{background:#ffde00;color:#000}
body:not(.loggedIn) #frmLogin #btnLogin{padding:18px 30px;border-radius:0;font-size:16px;font-weight:600;margin-top:10px;font-family:inherit; color:#000;font-size: 1.46em;}
body:not(.loggedIn) #frmLogin #btnLogin span,
body:not(.loggedIn) .oc-button span{font-weight: inherit; font-size: inherit !important; font-family: inherit; color: inherit !important; padding: 0 !important; text-shadow: none !important; background: none !important;}
body:not(.loggedIn) #frmLogin #btnLogin:hover,
body:not(.loggedIn) #frmLogin #btnLogin:focus{background:#056391;color:#fff;}
body:not(.loggedIn) #frmLogin .formItem.formAction>p{margin:0}
body:not(.loggedIn) #frmLogin #validationSummary {padding: 4px 8px; margin: 0; width: 199px; position: absolute; top: 71%; right: 22px; float: none;}
body:not(.loggedIn) #loginEntry .formAction #lnkForgottenPassword{margin:-40px 3px 0 0;text-decoration:underline; font-size: 1.28em;}
body:not(.loggedIn) #loginEntry .formAction #lnkForgottenPassword:hover,
body:not(.loggedIn) #loginEntry .formAction #lnkForgottenPassword:focus{text-decoration:none}
body:not(.loggedIn) #validationSummary li {font-size: 1.1em;}

/* User Registration */
body:not(.loggedIn) #wizardContainerregistrationWizard .form {font-size:inherit;}
body:not(.loggedIn) #registrationWizard{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
body:not(.loggedIn) #registrationWizard .oc-wizard-container{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
body:not(.loggedIn) #registrationWizard .oc-wizard-error{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;max-width:420px; margin: 0 0 40px;font-size: 1.2em;}
body:not(.loggedIn) #registrationWizard .oc-wizard-buttons{float:none;text-align:inherit;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;margin-bottom: 30px;}
body:not(.loggedIn) #registrationWizard .oc-wizard-buttons a:first-child{margin-left:0}
body:not(.loggedIn) #registrationWizard .oc-wizard-error ul{width:100%;box-sizing:border-box}
body:not(.loggedIn) #userReg {padding: 0;}
body:not(.loggedIn) #mainContent #btnCancel,
body:not(.loggedIn) #forgottenPassword .btnLinkToFullPage,
body:not(.loggedIn) #contactUsContainer .formAction .btnLinkToFullPage,
body:not(.loggedIn) #resetPassword .btnLinkToContainer {background: #e8e8e8;border-radius: 0;padding: 18px 20px;font-weight: 600;font-size: 16px;color: #000;font-family: inherit; font-size: 1.46em; text-decoration:none;}
body:not(.loggedIn) #mainContent #btnCancel span,
body:not(.loggedIn) #resetPassword #btnLinkToContainer {font-family: inherit;font-size: inherit;font-weight: inherit; color: inherit;}
body:not(.loggedIn) .fiElem img#imgAccountNumberTooltip,
body:not(.loggedIn) .fiElem img#imgSurnameTooltip,
body:not(.loggedIn) .fiElem img#imgFirstnameTooltip,
body:not(.loggedIn) .fiElem img#imgEmailTooltip,
body:not(.loggedIn) .fiElem img#imgPasswordTooltip {margin-top: 0px; vertical-align: top;}
body:not(.loggedIn) #userReg div.fiLabel {width: 190px;}
body:not(.loggedIn) #userReg div.secQAItem div.fiLabel {width: 100%;}
body:not(.loggedIn) #userReg h3 {color: #056391 !important;}
body:not(.loggedIn) div#secQuestions p,
body:not(.loggedIn) #subscriptionContainer .subscriptionText,
body:not(.loggedIn) #tfnConsentContainer {font-size: 16px; font-size: 1.42857em;}
body:not(.loggedIn) #subscriptionContainer p:nth-child(3) + br {display: none;}
body:not(.loggedIn) #userReg .leftSideContainer {width: auto;}
body:not(.loggedIn) #subscriptionContainer input {margin: 15px 5px 0 15px;}
body:not(.loggedIn) #communicationPrefDiv > div {margin: 0 !important;}
body:not(.loggedIn) #tfnConsentContainer .TFNConsentTitle {font-size: inherit; font-weight: bold;}
body:not(.loggedIn) #tfnConsentContainer input {margin: 0 5px 0 15px;}
body:not(.loggedIn) #declarationContainer h3 {margin-top:0;}
body:not(.loggedIn) #userReg .termsConditions {padding: 10px;}
body:not(.loggedIn) #userReg .termsConditions p {font-size: 16px; font-size: 1.42857em;}
body:not(.loggedIn) a#resendEmail {text-decoration: underline;}
body:not(.loggedIn) a#resendEmail:hover {text-decoration: none;}
body:not(.loggedIn) a.proceedLink {background: #056391; border-radius: 0; padding: 18px 20px; font-weight: 600; font-size: 16px; color: #fff; font-family: inherit; text-decoration: none; margin-top: 10px; display: inline-block;}
body:not(.loggedIn) a.proceedLink:hover {background: #ffde00; color: #000 !important;}

/* User Log in */
body:not(.loggedIn) div#termsAndConditionsContainer h4 {margin-top: 15px;}
body:not(.loggedIn) #termsAndConditionsContainer .content {font-size: 14px; font-size: 1.25em;}
body:not(.loggedIn) #termsAndConditionsContainer .checkbox {font-size: 16px; font-size: 1.42857em;}
body:not(.loggedIn) #termsAndConditionsContainer .checkbox input {vertical-align: middle; margin-bottom: 2px;}
body:not(.loggedIn) #bottomContent {margin-bottom: 12px;}
body:not(.loggedIn) #bottomContent h4 {margin-bottom: 5px;}

/* Datepicker */
/*body:not(.loggedIn) #ui-datepicker-div{border-radius:0;padding:0;margin:3px 0 0;border:0;font-family:Open Sans,sans-serif;width:240px}
body:not(.loggedIn) .ui-state-hover,
body:not(.loggedIn) .ui-widget-content .ui-state-hover,
body:not(.loggedIn) .ui-widget-header>a,
body:not(.loggedIn) .ui-widget-header>a span{background:none;border-color:transparent;border-radius:0;cursor:pointer;text-decoration:none}
body:not(.loggedIn) .ui-datepicker .ui-datepicker-header{position:relative;padding:5px;background:#056391;border-radius:0;border:1px solid #056391}
body:not(.loggedIn) .ui-widget-header .ui-datepicker-prev{left:5px;top:6px}
body:not(.loggedIn) .ui-widget-header .ui-datepicker-next{right:5px;top:6px}
body:not(.loggedIn) .ui-widget-header>a span{position:relative;margin:0;left:0;top:0;width:100%;height:100%;text-indent:0}
body:not(.loggedIn) .ui-widget-header>a span:before{display:block;font-size:13px;color:#fff;font-family:"Font Awesome 5 Pro";background:#056391;padding:4.5px 0;text-align:center}
body:not(.loggedIn) .ui-widget-header .ui-datepicker-prev span:before{content:'\f355'}
body:not(.loggedIn) .ui-widget-header .ui-datepicker-next span:before{content:'\f356'}
body:not(.loggedIn) .ui-widget-header>a:hover span:before{color:#056391;background:#fff}
body:not(.loggedIn) .ui-datepicker .ui-datepicker-title select{border-color:#fff;cursor:pointer}
body:not(.loggedIn) .ui-datepicker table{border:1px solid #e4e4e4;border-top:none;margin:0}
body:not(.loggedIn) .ui-datepicker-calendar th{background:#fff;color:#056391!important}
body:not(.loggedIn) .ui-datepicker td{padding:0}
body:not(.loggedIn) .ui-datepicker .ui-datepicker-week-col{padding:5px;text-align:center;color:#056391!important;font-weight:700;background:#fff;border-right:1px solid #e4e4e4}
body:not(.loggedIn) .ui-datepicker th.ui-datepicker-week-col{border-color:transparent}
body:not(.loggedIn) .ui-datepicker td a{padding:5px 6px;text-align:center;background:none;color:#fff;border:none}
body:not(.loggedIn) .ui-datepicker td:not(:first-child){background:#056391;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
body:not(.loggedIn) .ui-datepicker td a:hover,
body:not(.loggedIn) .ui-datepicker td a.ui-state-active{background:#fff;color:#056391}
body:not(.loggedIn) .ui-datepicker td a.ui-state-highlight {background: #f0f0f0; color: #056391;}*/

/* Forgot Password */
body:not(.loggedIn) #forgottenPassword #form0 {font-size: inherit;}
body:not(.loggedIn) #forgottenPassword #validationSummary { max-width: 305px; padding: 5px 19px;}
body:not(.loggedIn) #resetPassword #imgToolTip {vertical-align: top;}
body:not(.loggedIn) #resetPassword .form > .formItem .fiLabel {width: 170px;}
body:not(.loggedIn) #resetPassword .btnLinkToContainer {margin-right: 5px;}
body:not(.loggedIn) #resetPassword .fiElem input {border: 1px solid #A9A9A9;}
body:not(.loggedIn) #resetPassword .fiElem input.input-validation-error {border-color: red;}
body:not(.loggedIn) #resetPassword .formAction {text-align: left; margin: 30px 0 20px;}
body:not(.loggedIn) #resetPassword .formAction a:first-child {margin-left: 0;}
#resetPassword .btnLinkToFullPage {background: #e8e8e8; border-radius: 0; padding: 18px 20px; font-weight: 600; font-size: 16px; color: #000; font-family: inherit; font-size: 1.46em; text-decoration: none; margin-top: 20px; display: inline-block;}
#resetPassword .btnLinkToFullPage:hover {background: #ffde00; color: #000;}

/* Contact Page */
body:not(.loggedIn) .contactDetails {font-size: 1.46em;}
body:not(.loggedIn) #contactUsContainer .feedbackHeader .label {color: #056391; font-size: 22px; font-size: 2em;}
body:not(.loggedIn) #contactUsContainer .formItem { font-size: inherit;}
body:not(.loggedIn) #contactUsContainer .fiLabel {width: 190px;}
body:not(.loggedIn) #contactUsContainer .fiElem,
body:not(.loggedIn) #contactUsContainer select {width: 100%; max-width: 224px;}
body:not(.loggedIn) #contactUsContainer .formItem.formAction,
body:not(.loggedIn) #contactUsContainer .formItem.formAction > a:first-child {margin-left: 0;}
body:not(.loggedIn) .contactDetails {font-size: 1.46em;position: absolute;right: 0;max-width: 360px;top: auto;padding-left: 40px;box-sizing: border-box;margin-top: 0;}
body:not(.loggedIn) .contactDetails::before {content: 'Contact Details';position: relative;left: -30px;color: #056391;font-size: 22px;font-size: 1.35em;font-weight: 700;}
body:not(.loggedIn) .contactDetails .label {display: none;}
body:not(.loggedIn) .contactDetails .contactDetailItem {position: relative;}
body:not(.loggedIn) .contactDetails .contactDetailItem::before {content: '';position: absolute;left: -25px;top: 2px;font-family: 'Font Awesome 5 Pro';font-weight: bold;color: #333;}
body:not(.loggedIn) .contactDetails .contactDetailItem.phone::before {content: '\f095';}
body:not(.loggedIn) .contactDetails .contactDetailItem.operatingHours::before {content: '\f017';}
body:not(.loggedIn) .contactDetails .contactDetailItem.mail::before {content: '\f3c5';font-size: 1.1em;}
body:not(.loggedIn) .contactDetails .contactDetailItem.email::before {content: '\f0e0';top: 3px;}

/* Terms & Privacy Page */
body:not(.loggedIn) #termsAndConditionsPage,
body:not(.loggedIn) #privacy {font-size: inherit;line-height: inherit;}
body:not(.loggedIn) #privacy {margin-bottom: 30px;}
body:not(.loggedIn) #termsAndConditionsPage p, 
body:not(.loggedIn) #termsAndConditionsPage ol,
body:not(.loggedIn) #privacy p,
body:not(.loggedIn) #privacy ul,
body:not(.loggedIn) #privacy td {font-size: 16px;font-size: 1.42857em;}
body:not(.loggedIn) #termsAndConditionsPage h4,
body:not(.loggedIn) #privacy h4 {font-size: 22px;font-size: 1.96em;}
body:not(.loggedIn) #termsAndConditionsPage ol,
body:not(.loggedIn) #termsAndConditionsContainer ol {margin-bottom: 0;padding-left: 0 !important;counter-reset: item;}
body:not(.loggedIn) #termsAndConditionsPage ol > li,
body:not(.loggedIn) #termsAndConditionsContainer ol > li {padding: 0 0 10px;list-style-type: none; counter-increment: item;}
body:not(.loggedIn) #termsAndConditionsPage ol > li:last-child,
body:not(.loggedIn) #termsAndConditionsContainer ol > li:last-child {padding-bottom: 0;}
body:not(.loggedIn) #termsAndConditionsPage ol > li::before,
body:not(.loggedIn) #termsAndConditionsContainer ol > li::before {display: inline-block;width: 1em;padding-right: 0.5em;font-weight: bold;text-align: right;content: counter(item) ".";}
body:not(.loggedIn) #termsAndConditionsPage ol > li > ul,
body:not(.loggedIn) #termsAndConditionsContainer ol > li > ul {margin-left: 20px;}
body:not(.loggedIn) #privacy ul {margin-left:20px;}
body:not(.loggedIn) #privacy h1 {display: inline-block;}
body:not(.loggedIn) #privacy h1 + h4 {display: inline-block;color: #fff;font-weight: 400;font-size:28.6px;font-size: 2.55em;margin: 0;position: relative;top: -2px;padding-left: 10px;}
body:not(.loggedIn) #privacy h1 + h4::before { content: '- ';}
body:not(.loggedIn) #privacy h4 + h4 {margin-top:0;}

/* Footer */
body:not(.loggedIn) ul.footer {text-align: left; padding: 0;}
body:not(.loggedIn) ul.footer li{padding: 0 20px 0 0;}
body:not(.loggedIn) ul.footer li a {color: #000 !important; font-size: 13px; font-weight: bold; font-size: 1.18em;}
body:not(.loggedIn) span.version {text-align: left; margin: 10px 15px 0;}


/* ----- End Redesign Not Logged In ----- */

/* General styles */
body { color: #444; background: #04324C; }

@font-face {
    font-family: 'HelveticaNeueLTLight';
    src: url('lte50263-webfont.eot');
    src: url('lte50263-webfont.eot?#iefix') format('embedded-opentype'),
         url('lte50263-webfont.woff') format('woff'),
         url('lte50263-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a { color: #04324C; text-decoration: none; outline: none; }
a:link{ color: #04324C; text-decoration: none; outline: none; }
a:visited { color: #04324C; text-decoration: none; outline: none; }
a:hover { color: #36C; text-decoration: underline; outline: none; }
a:active{ color: #36C; text-decoration: none; outline: none; }

.accountLinks ul a:hover, p a:hover, a.standardLink:hover { color: #36C; text-decoration: underline; }
h1 { border-bottom: none; color: #36C; font-weight: normal; font-size: 3em; margin: 0px 0 10px 0; }
.pageHeader h1 { color: #04324C; text-align: right; margin: 45px 0 0 0; padding: 10px 0 10px; text-transform: none; }
h2 { color: #36C; font-size: 1.4em; }
h3 { color: #333; font-size: 1.25em; }
ul { /*list-style-position: inside;*/ padding: 4px; list-style-type: disc; }
ul li{ padding: 2px 0; }

table th { text-align: left; background: #36C; color: #fff; }
#header { border-bottom: none; background: url(images/content-top.gif) no-repeat top left #fff; padding: 0 15px; }
.pageHeader { position: relative; height: 90px; *height: 110px; border-bottom: none; background: none; padding: 8px 0; }
A#homeLink { background: url(images/AM-logo.jpg) 25px 0 no-repeat; display: block; left: 0; top: 20px; width: 511px; height: 68px; }
#content { background: url(images/content-bottom.gif) no-repeat bottom left #fff; padding: 0 15px 30px 15px; float: left; }
#mainMenu { height: 80px; width: 100%; background: url(images/nav-bg.jpg) repeat-x top left #fff; border-bottom: 1px solid #36C; }
#mainMenu #tabContainer{ width: 986px; margin: 0; }
#mainContent { margin: 0px auto; }
#mainContent.subPanelled { margin: 0px auto; }

.oc-button {
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 10px 15px;
    background: #04324C;
    font-size: 12px;
    text-align: center;
    line-height: normal;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: none;
    text-decoration: none;
}
.oc-button:hover {
    background: #36C;
    color: #fff;
    text-decoration: none;
}
.oc-button span {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    line-height: normal;
    text-shadow: none;
    text-decoration: none;
}

#mainContent .btnLinkToContainerNoHistory,
#mainContent #btnDetailsCancel,
#mainContent .btnLinkToFullPage,
#mainContent #btnCancel {
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 10px 15px;
    background: #e8e8e8;
    font-size: 12px;
    text-align: center;
    line-height: normal;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: none;
    text-decoration: none;
}
#mainContent .btnLinkToContainerNoHistory:hover,
#mainContent #btnDetailsCancel:hover,
#mainContent .btnLinkToFullPage:hover,
#mainContent #btnCancel:hover {
    background: #ccc;
    color: #000;
    text-decoration: none;
}
#mainContent .btnLinkToContainerNoHistory span,
#mainContent #btnDetailsCancel span,
#mainContent #btnCancel span {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    line-height: normal;
    text-shadow: none;
    text-decoration: none;
}
#mainContent .btnLinkToContainerNoHistory:hover span,
#mainContent #btnDetailsCancel:hover span,
#mainContent #btnCancel:hover span {
    color: #000;
}

/*.oc-button.btnLinkToContainerNoHistory { padding: 0; background: none; }
.oc-button.btnLinkToContainerNoHistory span { padding: 0; background: none; color: #04324C; font-weight: normal; }
.oc-button.btnLinkToContainerNoHistory:hover span { color: #36C; text-decoration: underline !important; }*/

/* Nav styles */
div.tabs { position: relative; top: 0; left: 0; margin: 0; }
#tabContainer ul { width: 100%; padding: 0px; text-shadow: 1px 1px 1px #333; }
#tabContainer ul.tabSubLinks { text-shadow: none; height: 15px; padding: 1em 0; }

* html #tabContainer ul.tabSubLinks { width: 980px; }

div.tabs ul ul.tabSubLinks { background: #fff; top: 37px; left: 5px; }
div.tabs ul li, div.tabs ul li.active { padding: 0; }
div.tabs ul li.active, div.tabs ul li.active a { height: 37px !important; }

div.tabs ul li.active a span,
div.tabs ul li:hover a span { background: url(images/nav-select.jpg) no-repeat top right !important; zoom: 1; }

div.tabs ul li.active a:hover,
div.tabs ul li:hover a { background: url(images/nav-select.jpg) no-repeat top left !important; zoom: 1; }

div.tabs ul li.tabMainLink ,
div.tabs ul li.tabMainLink:hover{ }

div.tabs ul li.active a span,
div.tabs ul li.tabMainLink:hover a,
div.tabs ul li.tabMainLink:hover a span /* todo:  */ { color: #fff; }

div.tabs ul li a { background: none !important; height: 37px; }
div.tabs ul li a span { background:none!important; font-size: 1.2em; color: #fff; padding: 10px 15px; margin: 0 !important; }
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,
div.tabs ul li.active a,
div.tabs ul li.active a:visited { background: url(images/nav-select.jpg) no-repeat top left !important; zoom: 1; }

div.tabs ul li a:hover span,
div.tabs ul li.active a span,
div.tabs ul li.active a:visited span { background: url(images/nav-select.jpg.jpg) no-repeat top right !important; zoom: 1; }

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

div.tabs ul ul.tabSubLinks li a:link, 
div.tabs ul ul.tabSubLinks li a:visited { color: #36C; background:none !important;text-decoration: none;height: auto; zoom:0; }
div.tabs ul ul.tabSubLinks li a:hover{ background:none !important; text-decoration: underline; height: auto; }
div.tabs ul ul.tabSubLinks li a:active{ color: #36C; background:none !important; text-decoration: none; height: auto; }
div.tabs ul ul.tabSubLinks li.subActive a{ font-weight: bold; text-decoration: none; }
#topMenu { right: 0px; top: 30px; }
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu div.dropDownListControl li:hover { background: #333 }
#topMenu div.dropDownListControl li:hover A { color: #fff; _color:#333; _text-decoration: underline; }
#topMenu div.dropDownListControl li a { color:#333; }
#topMenu div.dropDownListControl li a:hover { color:#FFF; _color:#333; _text-decoration: underline; }

/* Login styles */
#mainLoginPage .pageBlurb p:first-child { font-size: 13.5pt; line-height: 1.3; color: #000; width: 335px; margin: 0 0 0 40px; }
#mainLoginPage div.pageBlurb { float: left; margin-top: 0; margin-bottom: 0; }
#mainLoginPage #registrationEntry { width: 335px; float: right; margin-top: -6px; color: #000; line-height: 1.3; }
#mainLoginPage #bottomContent { width: 560px; float: left; clear: none; margin: 20px 0; }
#mainLoginPage #siteEntryPoints { margin-bottom: 0; float: right; width: 420px; height: 520px; margin-top: -145px; margin-right: -15px; background: url(images/bottom_banner.png) -39px bottom no-repeat; }
#mainLoginPage, #registrationWizard, #forgottenPassword { padding-top: 0; }
div.maintenanceMessages { margin: 2em 0 1em; background: white; }
#registrationEntry { font-size: 11pt; }
#registrationEntry h2 { border-bottom: none; color: #000; font-size: 11pt; margin-bottom: 4px; }
#registrationEntry a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px 15px;
    background: #04324C;
    font-size: 14px;
    text-align: center;
    line-height: normal;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: none;
    color: #fff;
    text-decoration: none !important;
}
#registrationEntry a:hover {
    background: #36C;
    color: #fff;
}
#loginEntry { /*background: #fce100;*/ padding: 10px 15px 24px 14px; margin: 0 0 10px 70px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 310px; background: url(images/login_bg.png) 0 0 no-repeat; border: 0; }
#loginEntry h2 { color: #000; border-bottom: none; font-size: 18pt; margin-bottom: 4px; float: left; }
#loginEntry .formAction #lnkForgottenPassword { float: right; font-size: 10.5pt; color: #000; margin-top: -27px; margin-right: 12px; font-style: italic; }
input, select, textarea { font-size: 1em;  padding: 1px; }
#frmLogin .fiLabel { margin-top: 5px; width: 110px !important; }
#frmLogin .fiLabel label { font-size: 11.5pt; color: #000; }
#frmLogin .fiElem input { padding: 6px 8px; font-size: 10pt; width: 160px; }
#frmLogin .formItem:nth-child(3) { clear: both; }
#rememberMe { transform: scale(1.5); margin: 6px 0 0 4px; }
.loginLeftContent .pageBlurb li { font-size: 11pt; color: #000; padding-left: 16px; }
.pageBlurb ul { border-bottom: 3px solid #fce100; margin: 28px 0 0 40px; padding-bottom: 20px; line-height: 1.4; }
.loginLeftContent { background: url(images/ami_banner.png) 0 0 no-repeat; height: 200px; margin-left: -15px; margin-right: -15px; }
.loginLeftContent h1 { width: 214px; color: #fff; font-size: 28pt; line-height: 1.4; margin-left: 40px; margin-bottom: 0; padding-top: 8px; }
.loginLeftContent .pageBlurb h3 { margin-left: 40px; font-size: 11.5pt; color: #000; }
.loginLeftContent .pageBlurb h3:nth-child(3) { margin-top: 24px; }
.loginLeftContent .pageBlurb p { font-size: 11pt; line-height: 1.5; margin: 0 0 15px 40px; color: #000; } 
.loginLeftContent .pageBlurb p:nth-child(6) { margin: 0 0 0px 40px; }
DIV.formItem { margin-bottom: 4px; }

#frmLogin #btnLogin { background: #fff; }
#frmLogin #btnLogin span { color: #04324C; font-size: 14px; }
#frmLogin #btnLogin:hover { background: #36C; }
#frmLogin #btnLogin:hover span { color: #fff; }

/************************************************            new login change -- for other pages            ***********************************************************/

/*     contact us   */
#frmContactUs p.required { font-size: 11pt; }
#frmContactUs h1 { color: #44a6bd; }
#frmContactUs #btnSubmit {  }
#contactUsContainer .formItem { font-size: 11pt; }
#contactUsContainer .feedbackHeader .label { color: #44a6bd; font-size: 14pt; }
#contactUsContainer .formAction { padding-bottom: 20px; }
#contactUsContainer .formAction .btnLinkToFullPage {
    width: auto;
    height: auto;
    padding: 10px 15px;
    background: #e8e8e8;
    color: #000;
    text-align: center;
    line-height: normal;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: none;
    text-decoration: none;
}
#contactUsContainer .formAction .btnLinkToFullPage:hover {
    background: #ccc;
    color: #000;
    text-decoration: none;
}

.contactDetails { font-size: 11pt; }
#frmLogin .formItem:nth-child(4) { clear: both; }

/* Terms and Conditions */
#termsAndConditionsPage h1 { color: #44a6bd; font-size: 25pt; }
#termsAndConditionsPage { font-size: 11pt; line-height: 1.4; margin-bottom: 40px; }

/*   Privacy  */
#privacy { font-size: 11pt; line-height: 1.5; }
#privacy h1 { color: #44a6bd; font-size: 25pt; }

/*   Help  */
#simplemodal-container h2 { color: #44a6bd; font-size: 18pt; }
#simplemodal-container #simplemodal-data { font-size: 11pt; }

/*   validation  */
#frmLogin #validationSummary { padding: 0px 8px; float: right; margin-bottom: 4px; width: 176px; }    
#validationSummary li { font-size: 9pt; }

/*   forget password  */
#forgottenPassword h1 { color: #44a6bd; font-size: 25pt; }
#forgottenPassword .pageBlurb { font-size: 11pt; }
#forgottenPassword #form0 { font-size: 11pt; }
#forgottenPassword #btnSubmit span { background: #01334c; color: #fff; text-shadow: 0 0 0 #fff; padding: 8px 16px; font-size: 12pt; }
#forgottenPassword #btnSubmit span:hover { color: #333; background: #bbb; } 
#forgottenPassword .btnLinkToFullPage { font-size: 11pt; margin-top: 12px; float: left; }

/*   registration   */
#wizardContainerregistrationWizard h1 { color: #44a6bd; font-size: 25pt; }
#wizardContainerregistrationWizard .pageBlurb { font-size: 11pt; line-height: 1.5; }
#wizardContainerregistrationWizard .form { font-size: 11pt; }
#wizardContainerregistrationWizard P.required { font-size: 11pt; }

#registrationWizard .oc-wizard-error { font-size: 9pt; }

/*   FAQ   */
#faq { font-size: 11pt; }
#faq h1 { color: #44a6bd; font-size: 25pt; }

/*************************************************************************************************************************************************************************/

/*  Terms and Conditions  */
#termsAndConditionsContainer .content { width: 98%; }

/*Registration */
#userReg h3 { color: #36C; font-size: 1.6em; }
#userReg .termsConditions { border: 1px solid #28344E; padding: 5px; margin: 20px 0; }

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

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

/* Styling of dashboard */
#dashboard .dashboardBoxSmall { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: url(Images/nav-bg.jpg) repeat-x top left; }
#dashboard .dashboardBoxLarge { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: url(Images/nav-bg.jpg) repeat-x top left; }

#dashboard .title { width: 100%; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #818285; font-weight: bold; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #FFFFFF; font-weight: bold; margin: 0 0 15px 0; }
.highcharts-axis-labels tspan { color: #818285; 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: #28344E; color: #fff; }
#eventsAccordion .header .title { color: #fff; }
#divInsuranceCover .iconIP { margin-bottom: 25px; }

/* 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;}

/* Member Profile */
div.form { padding: 0; border: none; background: none; }

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

#AccountSummaryRightContainer { margin-left: 20px; }

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

#AccountSummaryLeftContainer a, 
#AccountSummaryRightContainer a { position: absolute; right: 0px; top: 7px; }

#AccountSummaryContainer .personalEmailUpdateBtn { font-weight: bold; }

legend { font-weight: bold; font-size: 1.2em; width: 310px; color: #36C; border-bottom: 1px solid #36C; padding: 7px 0px; 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; width: 320px; }

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

#membershipdetails .fiLabel { width: 120px; }
#membershipdetails .fiElem { width: 190px; text-align: right; }
#beneficiarydetails .benePercentage { text-align: right; }
.header { border: none; }

/* Personal Details */
#communicationDetails .header { height: auto; }

/* Beneficiaries */
#beneficiaries th { text-align: left; background: #36C; 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: none; color: #333; padding: 0.5em 0; 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:#36C; font-size: 1.3em; }

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

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: #36C; }

#balanceEnquiryAccountBalanceTable tr.header th, #balanceEnquiryPreservationTable tr th, #balanceEnquiryAssetDetailsTable tr.header td {
   background: #36C;
   color: #fff;
   padding: 1em;
   border: none;
}

#balanceEnquiryFilter { text-align: left; color: #333; padding: 0.5em 0; font-size: 1.2em; font-weight: bold; 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.6em; color: #36C; }

#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; color: #333; }
#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: #36C; 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; }

#gview_transactionHistoryGrid th { background: #36C; padding: 0.5em; border: none; }
#gview_transactionHistoryGrid th div { color: white; }
#gview_transactionHistoryGrid th div:hover { text-decoration: underline; }

/* Investment Enquiry */
#investmentOptions { margin: 2em 0; }
#investmentOptions th.ioInvestOptions, 
#investmentOptions th.ioFutureTrans { padding: 0 1em; }

#investmentOptions .edit th.ioInvestOptions, 
#investmentOptions .edit th.ioFutureTrans { padding: 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: 100px; }

#investmentEnquiryFilter .filterItem { text-align: left; color: #333; padding: 0.7em 0; 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 #333; }
#investmentOptions tr.metaHeading th { color: #333; }

#investmentOptions tr.rowHeading td { background: #E8F6F9; }
#investmentOptions input { text-align: right; }

/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }

#gview_insuranceCoverGrid th { background: #36C; 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: #36C; border: none; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: white; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }

/* Consolidate */
p#sameAddressContainer { font-weight: bold; }

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

/* Messages */

#gbox_MessageGrid { border: none; }
#gview_MessageGrid th { background: #36C; border: none; padding: 0.5em 0; }
#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 10px 0 0; }
ul.messageNavBar li a, #messageNavBar ul li a { color: #333; text-decoration: none; }
ul.messageNavBar li a:hover, #messageNavBar ul li a:hover { text-decoration: underline; cursor: pointer; }

#messagesContainter .topBar ul li a {
    background: #04324C;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: normal;
}
#messagesContainter .topBar ul li a:hover {
    background: #36C;
    color: #fff;
}

#messageHeader { color: #36C; }

/* Correspondence */
#gbox_correspondenceGrid { border: none; margin-top: 20px; }

#gview_correspondenceGrid th { background: #36C; border: none; padding: 0.5em; }
#gview_correspondenceGrid th td { border: none; }
#gview_correspondenceGrid div.ui-jqgrid-sortable { color: white; }
#gview_correspondenceGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_correspondenceGrid th#correspondenceGrid_Title { width: auto !important; }

#correspondenceContainter div.ftElem { font-weight: bold; font-size: 1.2em; margin-left: 0; }

/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header, #alertAccordion.ui-accordion .ui-accordion-header {
    background: #FFf;
    border: 1px solid #FF4F4F;
    color: #FF4F4F;
    font-weight: bold;
}

#messageAccordion .ui-accordion .ui-icon, #alertAccordion .ui-accordion .ui-icon {
    /*background-image: url("images/ui-icons_469bdd_256x240.png");*/
    background-image: url("images/ui-icons_469bdd_256x240-whitebg.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-whitebg.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-whitebg.gif");
    background-position: -16px -192px;
}

.campaignSectionHeader { background-color: #A49C91; }

.collapsibleContainerTitle { border-bottom: solid 1px #A49C91; color: #A49C91; }

/* Member Info */
#memberInfoBox { border: 2px solid #F9DF30; width: auto; padding: 0; }                                                                      
                                                                        
/* contact us */
.feedbackHeader .label { color: #36C; }

/* Footer */
#footer { margin-top: 1em; height: 80px; border-top: none; }

div#wrapper { padding-bottom: 0;  width: 1016px; margin: auto; padding: 0 10px; margin-top: 20px; }

ul.footer { padding-top: 15px; text-align: center; }
ul.footer li { padding: 0 30px 0 0; color: #fff; }
ul.footer li a { color: #fff !important; }