/*********************************
CSS - QANTAS
**********************************/

/*** GENERIC CSS ***/
body { background: #FFF; padding-bottom: 0; margin-top:0px; color: #111 } /* make bg white +generic */
h2, h4 { color: #dd0000;}
h1 { font-family: arial, serif; font-size: 1.8em; padding: 1em 0 0.25em 0; color:#333; font-weight:bold; }
h2 { color: #555; }
h3 { font-family:Arial, sans-serif; color: #444; font-weight: bold }
h3 .highlight, .highlight { color: #000; }
a { color: #000; }
.container { background: #FFF url("/images/custom/QAN/bg.jpg") repeat-x scroll 0 0; } /* remove BG shadow +generic */
.pageHeader { height: 90px; margin: 0; background: url("/images/custom/QAN/QANTAS_logo.jpg") no-repeat left 7px; }  /*remove margin +generic */
.pageHeader .headerLogo img.issuerLogo { display:none; }
.pageHeader .headerTitle { color: #333; font-size: 1.8em; font-family: arial, serif; font-weight:bold;} /* allow color change for title */
.pageHeader .headerLogo { background: none; margin: 21px 0 0 0px; height: 85px; width: 200px }
.pageHeader .accountLinks ul a, .pageHeader ul.serviceLinks li a { color: #dd0000 !important; }
.logo { display: none; }
.footer { background: #efefef; border-top: 3px solid #dd0000; }

.footerLinksMain li a, .footerLinksMain li a:active {color:#555;}
.footerLinksMain li a { border-right: solid 1px #555; }
.footer .copyright { color: #555; }


ul.serviceLinks { padding-top: 36px; }

/* Fonts */
@import url("https://fast.fonts.net/cssapi/6a89aef5-6e7b-4b2f-9a9d-3ce5f4b290d6.css"); 


@font-face {
	font-family: 'ArialNarrow';
	src: url('/images/custom/CCL/arialn-webfont.eot'); /* IE9 Compat Modes */
	src: url('/images/custom/CCL/arialn-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('/images/custom/CCL/arialn-webfont.woff') format('woff'), /* Modern Browsers */
	     url('/images/custom/CCL/arialn-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/images/custom/CCL/arialn-webfont.svg#arialn-webfont') format('svg'); /* Legacy iOS */
}

/*********************************
BRAND SITE COLORS

RED: #dd0000
BODY TEXT COLOR: #555
BG LIGHT GREY: #EFEFEF
BLUE



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


/* Login CSS */
.loginPanel { background: #FFF; border: 1px solid #CCCCCC; *padding: 0 0 10px 0; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #efefef;}
#loginContent h1 { font-size: 1.2em; line-height: 1.1; font-weight:bold;}
#loginContent .loginControls a:hover { color:#464542; text-decoration: underline; } /* T&C link on login */
.loginControls .orangeBorderLeft { border-left: #CCC 1px solid; }
.registerNow a { background: #dd0000 url(/images/Btn_arrow-white.png) 90% 50% no-repeat; color: #fff; border: 0; height: 30px; padding: 3px 25px 0 15px; line-height: 26px; margin: 0; overflow: visible; vertical-align: baseline; cursor: pointer; font-size: .8em; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#loginContent .loginControls p{color: #111;}

.registerPanel { overflow: visible; width: 457px; float: none; background: #efefef; overflow: hidden; position: relative; clear: both; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

/* Employee Screen */
#employeeRegister h1 { color: #000; }
.login-welcome-title { font-size: 1.6em !important; line-height: 1.7em !important; }
h2.login-welcome-subTitle { color: #555; font-size: 1.2em; font-family: arial;line-height: 1.1; font-weight: bold; }
.login-welcome-description h2 { color: #000; font-size: 1.2em; }
.login-welcome-description li { list-style: disc !important; color: #111; }

/*** BUTTONS ***/
.orangeButton { background: none; padding: 0; margin: 0; /* add Generic */ }
.orangeButton button, .orangeButton input { padding: 0 25px 0 15px; margin: 0; color: #FFF; cursor: pointer; zoom: 1; z-index: 2; text-decoration: none; line-height: 26px; background-color: #dd0000; *background: #dd0000; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
background-position: 92%; }  /* modify bg color, text color*/
button.linkButton:hover span, button.linkButton span:hover, .linkButton a:hover, a.linkButton:hover { color: #000 !important; }

/* hover */
.orangeButton:hover { text-decoration:none; }
.orangeButton:hover button, .orangeButton:hover input { background-color:#dd0000; } /* modify bg color, text color*/

/* disabled */
.orangeButton.disabled button { background: #c0c0c0 none 0 0 no-repeat; color: #ddd; }
.orangeButton.disabled { background: #fff none 0 0 no-repeat; }

/*** TABLE ***/
.ui-jqgrid TH, .ui-th-div-ie { color: #dd0000 !important }/* +generic theme color main */
.ui-jqgrid .ui-jqgrid-sortable { color: #dd0000 !important }/* +generic theme color main sortable */

.linkButton, .linkButton a, .ui-jqgrid a, .shortcutLink, .form a, .sectionHighlight a, .formList li a, p a { color: #000 !important; } /* allow modify link color through out IC */
.formList li a:hover span.name, .sectionHighlight a:hover { color: #000 !important; text-decoration: underline;}

/**** navigation ****/
.noMenu { background: none; height: 69px; } /* put navigation background +generic */
.mainmenu { background: #dd0000; height: 69px; }



/**** navigation link color ****/
/* 1st level navigation */
.mainmenu ul { height:69px; font-family:Arial, Helvetica, sans-serif !important; font-size: 0.8em }
.mainmenu ul li {}
.mainmenu ul li:last-child {}
.mainmenu ul li, .mainmenu li#formsMenuItem { line-height:normal; background: transparent; padding:0; height:69px }

/* navigation link color */
.mainmenu li a { color: #FFF; line-height: 69px; font-weight:normal; border-right: 0; font-family: 'ArialNarrow', arial; font-size:17px; } /* color */
.mainmenu li:first-child a { padding: 0 1.25em 0 1.25em }
.mainmenu li.focus a { color: #dd0000 !important; }
.mainmenu li.focus.highlight a, .mainmenu li.focus.highlight a:hover { color: #dd0000; }

/* navigation link hover color */
.mainmenu li a:hover { color: #dd0000 !important; }

/* navigation link hover bg color */
.mainmenu li:hover { background:#fff; color:#dd0000; } /* Hover on-Click */
.mainmenu li:hover a { background:#fff; color:#dd0000; } 
.mainmenu li.focus { background:#fff !important; }  /* bg hover  */

/* navigation link active state */
.mainmenu li.highlight a { color:#444 !important; background:#efefef; /* Remove arrow on active state */ }
.mainmenu li.highlight, .mainmenu li.focus.highlight { background: #efefef !important; } /* +generic  */

/*2nd level navigation */
/* navigation link hover color */
.mainmenu ul ul { 
	width: auto; *width:17em;
	background: #dd0000; top:69px; border-left: 0px dotted #efefef; border-right: 0px dotted #efefef; left: -1px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
 } /* background color */
.mainmenu li li { background-color:#fff; height:39px; border-bottom: 1px dotted #fff; /* +generic  */ border-top:0; /* +generic  */ } /* background color */
.mainmenu li li a { background-color:#fff !important; color: #dd0000 !important; font-weight: normal; line-height: 39px; } /* background drop down color */
.mainmenu li li:first-child { border-left: 0; }

/* navigation link hover bg color */
.mainmenu li li:hover a, .mainmenu li li:hover { color: #dd0000 !important; } /* text color */
.mainmenu li:hover li a, .mainmenu li.focus li a { color: #dd0000 !important; } /* text color */
.mainmenu li li a:hover { color:#dd0000 !important; background:#fff !important; text-decoration:none; } /* drop down hover, text color, bg color*/


.helpmenu ul{ background:#dd0000 !important; }
.helpmenu { background:#dd0000 !important;  }

#glossaryMenu a:hover { color:#dd0000; background:#fff; }
.helpMenu li.highlight a, .helpMenu li.highlight { color:#dd0000 !important; background:#fff !important; }
.helpMenu li a:hover, .helpMenu li:hover a { color:#dd0000 !important; background:#fff !important; }

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

/*** Inner Page ***/
#mainContent .planFilter, #mainContent .holdingFilter { border-top: 0px solid #011e41; background: #011e41; color: #fff; }
.planFilter label, .holdingFilter label {color: #fff;}
.sectionHighlight { border-top: 3px solid #dd0000; background: #EFEDEA; }  /* forms */
#mainContent .gridContainer { background: #FFF; border-top: 5px solid #dd0000; padding-top:2px; margin-top: 45px; } /* grid border top */
#loginContent .loginControls a, #loginContent .loginControls button.linkButton { color:#000 } /* T&C link on login */

/* holding details */
table.info th.orange { color: #000; }
#viewBarDetails .planSummarySectionColumn {background: none;}

/**** Registry drop down ****/
.registryMenuDiv, .registryMenuDiv a { background: #AAA; border: 0 !important; }
.registryMenuDiv a:hover { background: #62194A }
hr { border-top: solid 1px #CCC }
.loginWelcome li { list-style: disc; }
tr.blueBorderTop td, tr.blueBorderTop th { border-color: #CCC !important; }

/* back arrow */
.planFilter a.backBtn, .holdingFilter a.backBtn { color: #FFF !important; }

/* Page grid navigator */
.ui-jqgrid .ui-pg-table td { color: #444; }
.ui-icon { background-image: url("/images/custom/icons-generic.gif"); }

/* Error */
.field-validation-error, label.error { background-color: #FFF; }
.errorContainer ol { margin-left: 1em; }
.errorContainer { background-color: #fff; }

/* update background grid hover */
.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-state-hover td { background-color: #edeff1; }
.ui-jqgrid .ui-jqgrid-htable th { background-color: #efefef; }

/* FAQ box */
.formsSectionBox { background-color: #efefef; border:none; }
.sectionHighlight { background: #efefef; }

/* View plan */
#gbox_PlanDetailsGrid { margin-top: 0; border-top: none; }

/* Sell/Transfer */
#gbox_SellOrTransferSecuritiesGrid { padding-top: 2px; background: none; border-top: 5px solid #000; }
.bottom-blue-line {border-bottom: 3px solid #000;}

/* plans */
#planSummaryContainer .displayLinks ul a.selected, #planSummaryContainer .displayLinks ul a:hover { color: #000 !important }
#planSummaryContainer .gridContainer { margin-top: 10px !important }

/* exercise */
.html-container { border-top: 5px solid #000;}

/* modal */
.modal-container .form {border-top: 5px solid #000;}

/* no records error */
.noRecords td {color: #7c7e80; background-color: #fff; }

.transaction_password {
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 5px;
border-bottom: 0px solid #39f;
}

.ui-datepicker-calendar .ui-state-hover {
	background-color: #dd0000;
	color:#fff;
}

.ui-datepicker .ui-state-active {
	color: #fff;
	background-color: #dd0000;
}

#viewBarDetails .planSummarySectionColumn .planSummarySection {
	margin-top: 15px;
	border-top: 5px solid #dd0000;
	width: 552px;
}

.bottom-blue-line { height: 20px; width: 100%; border-bottom: 0px solid #39f; }
.transaction_password { border-bottom: 0px solid #39f; }

/****************************************/
/* -- Custom branding fixes -- */
/* Registration */
.MfaRegistrationLeftPanel img, .progressbar, .MfaRegistrationRightPanel .headerLogo, .MfaRegistrationRightPanel > form > #PostSuccessfulVerification > div.form > br {
	display: none;
}

.MfaRegistrationRightPanel > form > #PostSuccessfulVerification h2, .MfaRegistrationRightPanel > form > #PostSuccessfulVerification > p, .MfaRegistrationRightPanel > form > #PostSuccessfulVerification > div, .MfaRegistrationRightPanel > form > #PostSuccessfulVerification > div label, .MfaRegistrationRightPanel > form > #PostSuccessfulVerification > div input, .MfaRegistrationRightPanel > form > #generateEmailPINDiv {
	float: none;
}

	.MfaRegistrationRightPanel > form > #PostSuccessfulVerification > div label {
		display: block;
		margin-bottom: 0;
	}

.MfaRegistrationRightPanel > form > #PostSuccessfulVerification {
	margin-top: 1rem;
}

.MfaRegistrationRightPanel > form > #generateEmailPINDiv {
	margin: .5rem 0 .75rem;
	display: block;
}

.MfaRegistrationRightPanel > div > .buttonsPanel {
	float: none;
}

.MfaRegistrationRightPanel > hr {
	margin: 1.5rem 0 1rem;
}

.MfaRegistrationRightPanel > form > #PostSuccessfulVerification > .form, .MfaRegistrationRightPanel > form > .form {
	margin-bottom: .25rem;
	display: block;
	margin-left: 0;
}

.MfaRegistrationRightPanel > form > #PostSuccessfulVerification > div.errorContainer a {
	color: #c00;
	text-decoration: underline;
	cursor: pointer;
}

.MfaRegistrationRightPanel > form > .form #EmailPin {
	margin-bottom: .75rem;
}

.MfaRegistrationRightPanel > form .section label {
	cursor: text;
}

.MfaRegistrationRightPanel > form .section .checkbox label, .MfaRegistrationRightPanel > form .section .checkbox input {
	cursor: pointer;
}

.MfaRegistrationRightPanel > form .section .checkbox label {
	padding-right: 0;
}

.MfaRegistrationRightPanel > form .section .checkbox a {
	margin: 0 !important;
	padding: 3px 0 3px 5px;
	float: none;
	font-weight: bold;
}

#RegistrationSuccess, #RegistrationFailure {
	margin-left: 0;
}

.MfaRegistrationRightPanel .buttonsPanel .linkButton#CancelVerifyEmail {
	padding: 0 !important;
	border: 0;
	display: inline-block;
}

	.MfaRegistrationRightPanel .buttonsPanel .linkButton#CancelVerifyEmail a {
		display: inline-block;
		margin: 0 !important;
	}

/* MFA */
#SetupMFA .headerLogo {
	display: none
}

/* Login */
#divAddressFields {
	margin-left: 0
}

.buttonsPanel > a + .orangeButton {
	margin-left: .5rem
}


#MfaRegistration .MfaRegistrationLeftPanel p, #MfaRegistration .MfaRegistrationRightPanel p {
	padding: 0;
}

#verifyEmailPINDiv #verifyEmailPinNew > button {
	margin-top: 5px;
	margin-bottom: 0;
	width: auto;
}

	#verifyEmailPINDiv #verifyEmailPinNew > button:last-child {
		margin-bottom: 10px;
	}

#helpPane br {
	clear: both;
}

#helpPane ul {
	list-style: disc inside;
	padding-bottom: 0.5em;
	margin: 0 0.5em 0 3em;
}
#EmailpinVerified p {
	margin: 10px 0;
}

#EmailpinVerified img {
	position: relative;
	top: 4px;
}

#EmailpinVerified .orangeButton {
	margin-bottom: 20px;
}
#RegistrationSuccess img {
	position: relative;
	top: 5px;
}

#RegistrationSuccess p {
	margin: 5px 0 10px;
}

#RegistrationSuccess .orangeButton {
	margin-bottom: 20px;
}


/* Single Holding fixes */


.MfaRegistrationRightPanel#loginContent #divAccessSingle {
	margin-top: 20px !important;
	padding: 12px;
	max-width: 560px;
}

.MfaRegistrationRightPanel #divAccessSingle #divInsideAustralia, .MfaRegistrationRightPanel #divAccessSingle #divOutsideAustralia {
	float: left;
	clear: both;
	margin-bottom: .5rem;
}

.MfaRegistrationRightPanel #divAccessSingle .singleholdingsubheader {
	margin: 10px 0;
	display: block;
	font-size: small;
}

.MfaRegistrationRightPanel #divAccessSingle .issuerNameBox {
	float: left;
	width: auto;
	margin-top: 2px;
}

.MfaRegistrationRightPanel #divAccessSingle .titleBox {
	font-size: larger
}


.MfaRegistrationRightPanel #divAccessSingle #divOscarShares label.hint {
	display: none;
}

.MfaRegistrationRightPanel#loginContent #divAccessSingle .helpLink {
	margin-top: 3px;
	position: inherit;
}

.MfaRegistrationRightPanel #divAccessSingle .checkbox a {
	font-size: .75em;
}

.MfaRegistrationRightPanel #divAccessSingle .checkbox {
	margin-top: 10px;
}

.MfaRegistrationRightPanel #divAccessSingle span.orangeButton.floatRight {
	margin-bottom: 10px;
}

.MfaRegistrationRightPanel #divAccessSingle #divOutsideAustralia .loginLeftPad {
	padding-left: .5rem;
	margin: 8px 0 0
}

.MfaRegistrationRightPanel #divAccessSingle #divInsideAustralia > span {
	display: inline-block;
	margin: 0 2px 0 2px;
	line-height: 2.1;
}

.MfaRegistrationRightPanel #divAccessSingle #SingleHolding_Postcode {
	height: 24px
}


.MfaRegistrationRightPanel #divAccessSingle #divOutsideAustralia select {
	margin-top: 4px;
	height: 28px
}