@charset "utf-8";
/* 
	CSS Document PROJECT BASED STYLES 
	Frame work created by Christian Buchholz 2011 
 
*/
body {
		background: url(../../mpmppt/images/bg_body.gif) repeat-x scroll 0 0 #FFFFFF;
		color:#2E2E2E;
		font-family:Arial, Helvetica, sans-serif;
}
h2 {
		font-weight:normal;
}
h3 {
		padding-bottom:0.5em;
}

/* Colors >> Brand 
-----------------------------------------------------------------------------------------------------------*/
.fontBrandColor{
	color:#298DAA;
}

/* Custome Page Layout >> Elements
----------------------------------------------------------------------------------------------------*/

.loginContent {
		background-color: #C2D0E1;
		width: 379px;
		height: 190px;
		border: 1px solid #B0BAC5;
		/*border-right: 1px solid #B0BAC5;
border-bottom: 1px solid #B0BAC5;*/
padding: 25px 0 0 0;
		margin-left: 20px;
}
.clientLoginContent {
		background-color: #C2D0E1;
		width: 379px;
		height: 70px;
		border: 1px solid #B0BAC5;
		/*border-right: 1px solid #B0BAC5;
border-bottom: 1px solid #B0BAC5;*/
padding: 25px 0 0 0;
		margin-left: 20px;
}
.needHelpContent {
		background-color: #C2D0E1;
		width: 379px;
		height: 252px;
		border: 1px solid #B0BAC5;
		/*border-right: 1px solid #B0BAC5;
border-bottom: 1px solid #B0BAC5;*/
padding: 25px 0 0 0;
		margin-left: 20px;
}
.clientLoginContent a {
	color:#0664d9;
	text-decoration:underline;
}
.pageTopContainer {
		padding:0 15px;
}
.pageTopContainer h2 {
		padding:25px 0 0 5px;
		font-size:2.0em;
		/*font-weight:bold;*/
}

.pageTopContainer .subHeader{
	font-size:1.5em;
}

.pageTopContainer2 {
		padding:0 15px;
}
.pageTopContainer2 h2 {
		padding:25px 0 0 5px;
		font-size:2.0em;
		/*font-weight:bold;*/
}

.columStatic .two {
		width: 171px;
}
.contactUs {
		margin-left: 10px;
		margin-top: 25px;/*width:170px;*/
}
.globalNav {
		height:28px;
}
.globalNav .full {
		margin:0;
		/*border-left:solid 2px #1d5a89;
	border-right:solid 6px #1d5a89;*/
	width:990px;
		/*background:#1d5a89;*/
	background:transparent;
}
.bgTopBanner {
		background:url(../../mpmppt/images/bg_logo.png) no-repeat;
		width:990px;
		height:103px;
		position:relative;
}
.bgTopBanner h1 {
		display:inline;
}
.bannerNav {
		position:absolute;
		top:30px;
		right:15px;
}
.footerContainer,
.contentColor {
		background:#FFFFFF;
}
.footerContainer p {
		font-size:1.1em;
}
.footerStrip {
		background:#00abd5;
		height:4px;
}
.footerNav {
		height:35px;
		border-top:1px solid #E6E4E5;
}
/* Navigations >>  Navigation 
----------------------------------------------------------------------------------------------------*/

.globalNav li,
.globalNav li a,
.globalNav li a:hover {
		color:#FFFFFF;
}
.footerNav,
.footerNav a,
.footerNav a:hover {
		color:##003082;
}
.footerNav ul {
		float:left;
		margin:10px 0 0 20px;
		display:inline;
}
.bannerNav li,
.bannerNav li a,
.footerNav li a {
		color:#003082;
}
.footerNav li {
		color:#298daa;
}
.bannerNav li,
.footerNav li {
		float:left;
		margin:0 5px 0 5px;
		font-size:1.1em;
}
.footerContainer p {
		padding:10px;
}
/* Navigations >> Main Navigation
----------------------------------------------------------------------------------------------------*/
.mainTopNav {
		background:url(../images/bg-nav.gif) repeat-x #298daa;
		height:28px;
		line-height:28px;
}
.topNavigation {
		color:#525252;
}
.topNavigation li a {
		color:#FFFFFF;
}
.topNavigation li.sfHover {
		background-color:#FFFFFF;
}
.topNavigation li:hover ul,
.topNavigation li:hover ul li:hover,
.topNavigation li.sfHover ul,
.topNavigation li.sfHover ul li:hover {
		background-color:#EAE9E9!important;
		background-image:none!important;
}
.topNavigation li.sfHover ul {
		border-left:1px solid #c9c9c9;
		border-bottom:1px solid #c9c9c9;
		border-right:1px solid #c9c9c9;
}
.topNavigation li.sfHover a,
.topNavigation li.sfHover li a {
		color:#000000;
}
.topNavigation li:hover,
.topNavigation li.sfHover,
.topNavigation a:focus,
.topNavigation a:active {
		outline:0;
		color:#FFFFFF;
}
.topNavigation li li a:hover {
		color:#525252;
}
/*** arrows **/
.topNavigation a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
		background: url(../../public/images/arrows-ffffff.gif) no-repeat 0px -101px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		background-position: 0px -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.topNavigation ul .sf-sub-indicator {
		background-position:  -10px 0;
}
.topNavigation ul a > .sf-sub-indicator {
		background-position:  -10px 0;
}
/* apply hovers to modern browsers */
.topNavigation ul a:focus > .sf-sub-indicator,
.topNavigation ul a:hover > .sf-sub-indicator,
.topNavigation ul a:active > .sf-sub-indicator,
.topNavigation ul li:hover > a > .sf-sub-indicator,
.topNavigation ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* Utilities Color >> 
----------------------------------------------------------------------------------------------------*/
.expandButton {
		float:right;
		padding:4px 4px 4px 0;
}
/* Navigations >> Jump Menu
----------------------------------------------------------------------------------------------------*/
.jumpNavigation .jumpersMenuPrimary {
		background:url("../../mpmppt/images/sprite.gif") no-repeat right -1124px;
		color:#FFFFFF;
}
.jumpNavigation .jumpersMenuPrimary span {
		background:url("../../mpmppt/images/sprite.gif") no-repeat -14px -1124px;
}
.jumpNavigation .jumpersMenuSecondary {
		background:url("../../mpmppt/images/sprite.gif") no-repeat right -710px;
}
.jumpNavigation .jumpersMenuSecondary span {
		background:url("../../mpmppt/images/sprite.gif") no-repeat -16px -710px;
}
.jumpNavigation ul li a {
		color:#000000;
}
/* Brand Color >> 
----------------------------------------------------------------------------------------------------*/

a.primaryButton {
		background:url(../../mpmppt/images/sprite.gif) no-repeat right -12px;
}
a.primaryButton span {
		background:url(../../mpmppt/images/sprite.gif) no-repeat -14px -12px;
}
a.primaryButton:hover {
		background:url(../../mpmppt/images/sprite.gif) no-repeat right -51px;
}
a.primaryButton:hover span {
		background:url(../../mpmppt/images/sprite.gif) no-repeat -14px -51px;
}
/* Prosess Container >> 
----------------------------------------------------------------------------------------------------*/
.stepContainer .inactive {
		color:#000;
}
.stepContainer .active {
		color:#000;
}
.stepContainer ul {
		background:#a6a6a6;
}
.stepContainer li {
}
.stepContainer .inactive {
		color:#464646;
		background:#a6a6a6;
}
.stepContainer .active {
		color:#000;
		background:#a6d5f7;
}
.stepContainer .activeStart,
.stepContainer .inactiveStart,
.stepContainer .inactiveEnd {
}
.stepContainer .arrow {
		font-weight:600;
		color:#a6d5f7;
}
.stepContainer h3 {
}
.stepContainer .activeStart {
		background:url(../../mpmppt/images/stepStartOn.gif) no-repeat;
}
.stepContainer .inactiveStart {
		background:url(../../mpmppt/images/stepStart.gif) no-repeat;
}
.stepContainer .inactiveEnd {
		background:url(../../mpmppt/images/stepEnd.gif) no-repeat;
}
/* Content  >> 
  -----------------------------------------------------------------------------------------------------------*/


.headerGroup {
		float:left;
		margin:25px 0 0px 0;
		border-bottom:1px solid #97c5eb;
}
/* Form Styles  >> 
  -----------------------------------------------------------------------------------------------------------*/
  
 /* Content >> Form Elements
----------------------------------------------------------------------------------------------------*/

fieldset {
		display:block;
		float:left;
		width:100%;
}
.formBoxStyled p,
.formBoxStyled .listStyle,
.formBox {
		font-size:1.2em;
}
.formBoxStyled {
		background:#EEE;
}
.formBoxStyled .listStyle,
.formBoxStyled p {
		padding:10px;
}
.formBoxStyled .listStyle li {
		list-style:disc!important;
		float:none;
		list-style-position:outside;
		padding:5px 0 0 0;
		margin:0 0 0 20px;
}
.formBox .sectionInfo {
		float:left;
		clear:right;
		background:none;
		color:#000000;
		width:610px;
		font-weight:600;
		padding:0 0 0 10px;
}
.formAction,
.formBoxStyled,
.formBox ul,
.formBoxStyled,
.formBox .formLabel,
.formBox .formField,
.formDescription,
.formBox {
		float:left;
}
.formBoxStyled,
.formBox {
		width:100%;
		_margin-left:-1px;
}
.formBoxStyled,
.formBox ul {
		width:100%;
}
.formBoxStyled ul {
		padding:10px 0;
}
.formBox .formLabel {
		text-align:right;
		height:auto;
		display:inline-block;
		width:30%;
}
.formLabel .formAction,
.formInputStatic,
.formField,
.formDescription {
		text-align:left;
		margin-left:10px;
		_margin-left:5px;
		display:inline-block;
		float:left;
		width:60%;
}
.formBox .formAction,
.formBox .formInputStatic,
.formBox .formField,
.formBox .formDescription {
		text-align:left;
		margin-left:10px;
		_margin-left:5px;
		display:inline-block;
		float:left;
		width:60%;
}
.formLineHeight {
		padding:5px 0 0 0;
}
.inLineBox ul li.formLabel {
		width:33%;
		line-height:25px;
		padding:0;
}
.inLineBox ul li.formLabel label {
}
.inLineBox ul li.formAction,
.inLineBox ul li.formInputStatic,
.inLineBox ul li.formField,
.inLineBox ul li.formDescription {
		width:63%;
}
.modalFrameMedium ul li.formLabel {
		width:35%;
		line-height:25px;
		padding:0;
}
.modalFrameMedium ul li.formLabel label {
}
.modalFrameMedium ul li.formAction,
.modalFrameMedium ul li.formInputStatic,
.modalFrameMedium ul li.formField,
.modalFrameMedium ul li.formDescription {
		width:53%;
}
.formBox .formInputStatic {
		font-weight:600;
		margin-left:20px;
		display:block;
		clear:right;
}
.formBox .formLabel {
		padding-right:10px;
}
.formBox .formInputStatic span {
		display:block;
}
.formField ul {
		margin:0;
		float:left;
		width:100%;
}
.formBox .RadioBox {
		margin:0 0 5px 0;
		float:left;
		clear:both;
		display:inline-block;
}
.standardPension .RadioBox p {
		width:450px;
}
.formBox .RadioBox p {
		display:inline;
		line-height/*\**/:1.6em\9;
}
.productType .RadioBox p {
		display:inline;
		float:left;
}
.productType .superProductsMinor .RadioBox p {
		display:inline-block;
		width:20px!important;
}
input[type="radio"] {
		/*	margin:3px 5px 5px 5px;
		_margin:5px 5px 5px 10px;
		margin/*\* * /:3px 10px 5px 10px\9;*/
		vertical-align: middle;
		margin:-1px 2px 0 10px;
		margin/*\* */:-1px 5px 0 10px\9;
*/
}
.formBox .RadioBox input {
		float:left;
}
.formBox input[type="checkbox"] {
		margin:5px 10px 5px 0;
		float:left;
}
.formSpacer {
		clear:both;
		width:100%;
		height:10px;
		display:block;
}
.formSubDivider,
.formDivider {
		border-top: 2px solid #088fd7;
		clear:both;
		width:100%;
		margin:10px 0 10px 0;
		height:5px;
		display:block;
		float:left;
}
*+html .formDivider {
		width:940px;
}
p.description,
.formDescription {
		color:#666;
		font-size:0.9em;
}
.formLabel p.description {
		float:right;
}
p.description {
		float:left;
		clear:both;
}
.fullTable {
		position:relative;
		float:left;
}
.fullTable ul {
		float:left;
		width:100%;
		margin-top:5px;
}
.fullTable ul li.mainRow {
		width:16%;
		_width:16.5%;
		float:left;
		margin-right:10px;
		_margin-right:5px;
}
.fullTable ul li.firstColum {
		width:25%;
}
.fullTable ul li.subRow {
		width:8%;
		float:left;
		margin-right:10px;
		_margin-right:5px;
}
.fullTable ul li.radioRow {
		width:2%;
		float:left;
		margin-right:10px;
		_margin-right:5px;
}
.fullTable ul li.subRow input[type="checkbox"] {
		margin:7px 0 0 30px;
		_margin:7px 0 0 15px;
}
.fullTable .nonLapsingDeathsDetails .subRow ul .RadioBox {
		width:100%; /* Required for IE */
}
.fullTable .colLabel {
		font-size:0.9em;
		font-weight:bold;
		text-align:center;
}
.fullTable li.cap {
		width:50px;
		float:left;
		display:block;
		margin:0!important;
}
.fullTable li.mainGap {
		width:90px;
		float:left;
		display:block;
		margin:0!important;
}
.fullTable .formDivider {
		height: 2px;
		margin: 5px 0;
}
.subTable {
		table-layout:auto;
		margin-bottom:10px;
		width:500px;
}
.subTable li {
		float:left;
		margin:5px 0px 0 0;
}
.subTable li ul,
.subTable li ul li.RadioBox {
		display:inline;
}
.fullTable li ul li.RadioBox .subTable li ul li.RadioBox {
		clear:right;
		width:auto!important;
}
.fullTable li ul li.RadioBox p .subTable li ul li.RadioBox p {
		width:auto!important;
}
/* Table Styles >> 
  -----------------------------------------------------------------------------------------------------------*/
.tableHeader {
		border-top:1px solid #97c5eb;
		border-bottom:1px solid #97c5eb;
		background:#d6e1e7;
		color:#2e2e2e;
}
.tableRow {
		border-bottom:1px solid #d6e1e7;
		float:left;
		background:#FFFFFF;
}
.tabelRowTopBorder {
		border-top:1px solid #d6e1e7;
}
/*.firstColLabel,
.secondColLabel {
	text-align:center;
	}*/

.tableProductName {
		padding-top:8px;
}
/* Expand  Sections 
----------------------------------------------------------------------------------------------------*/

/* Action Sections 
----------------------------------------------------------------------------------------------------*/
.actionContainer {
		padding:5px 0 10px 0;
}
.actionContainer,
.subAction {
		float:left;
}
.mainAction {
		float:right;
}
/* Navigations >> Bottom Navigation
----------------------------------------------------------------------------------------------------*/


/* Auto Complete >> 
------------------------------------------------------------------------*/	
.ui-autocomplete {
		background:#FFFFFF;
		width:27em!important;
		border-bottom:#CCCCCC 1px solid;
		border-left:#CCCCCC 1px solid;
		border-right:#CCCCCC 1px solid;
		margin-top:10px;
}
.ui-autocomplete li {
}
.ui-autocomplete .ui-menu-item a {
		font-size:1.2em;
		cursor:pointer;
		line-height:25px;
		padding:5px 10px;
		display:block;
}
.ui-autocomplete .ui-menu-item a:hover {
		background:#97c5eb;
		color: #fff!important;
}
/* BV Specific Icons >> 
------------------------------------------------------------------------*/	
.b-chart,
.b-quote,
.b-research,
.b-down,
.b-vaneyk,
.b-commentary,
.b-aegis {
		padding: 5px 0 0 5px;
		width:18px;
		height:15px;
		display:block;
		float:left;
}
.b-chart {
		background: url(../../mpmppt/images/b_chart.gif) no-repeat scroll 0 0 transparent;
}
.b-quote {
		background: url(../../mpmppt/images/b_quote.gif) no-repeat scroll 0 0 transparent;
}
.b-research {
		background: url(../../mpmppt/images/b_research.gif) no-repeat scroll 0 0 transparent;
}
.b-down {
		background: url(../../mpmppt/images/b_down.gif) no-repeat scroll 0 0 transparent;
}
.b-vaneyk {
		background: url(../../mpmppt/images/b_vaneyk_snap.gif) no-repeat scroll 0 0 transparent;
}
.b-commentary {
		background: url(../../mpmppt/images/b_commentary.gif) no-repeat scroll 0 0 transparent;
}
.b-aegis {
		background: url(../../mpmppt/images/b_aegis.gif) no-repeat scroll 0 0 transparent;
}
/* TAM style >>
------------------------------------------------------------------------*/
.featureContent {
		background-color: #E2E2E2;
		display: inline;
		float: left;
		height: 350px;
		margin-left: 20px;
		width: 100%;
		word-wrap: break-word;
}
/* Legacy styles >> 
------------------------------------------------------------------------*/
#legacyRoot .SecurityInformationBox {
		background:#1d5a89;
		color:#FFFFFF;
}
#legacyRoot .BlankPage td a {
		color:#298daa;
}
#legacyRoot .AcctLink,
#legacyRoot span.H4,
#legacyRoot td.NormalStyle .InfoLinkCategory,
#legacyRoot td.NormalStyle a.InfoLinkCategory,
#legacyRoot a.AcctLink,
#legacyRoot.TableCopyLeft a,/*#applicationMessages */
#legacyRoot .TableCopyRight a,
#legacyRoot .Caps,
#legacyRoot span.H1,
#legacyRoot .esi h2,
#legacyRoot h1 {
		color:#298daa;
}
#legacyRoot td.TableCopyMessage,
#legacyRoot td.NormalStyle,
#legacyRoot table td,
#legacyRoot a.AcctLink,
#legacyRoot .BlankPage td {
		font-size:12px;
}
#legacyRoot .TableSubHeadLeft,
#legacyRoot .TableSubHeadRight,
#legacyRoot .TableSubHeadCentre,
#legacyRoot .termDepositCopy #termDepositTable th {
		background:#B8B9BB;
		color:#fff;
		font-size:12px!important;
}
#legacyRoot .TableCopyAltLeft,
#legacyRoot .TableCopyAltRight,
#legacyRoot .TableCopyAltCentre {
		background:#FFFFFF;
}
#legacyRoot .TableCopyCentre,
#legacyRoot .TableCopyRight,
#legacyRoot .TableCopyLeft {
		background:#FFFFFF;
}
#legacyRoot input[type="text"] {
		border:1px solid #adadad;
}
#legacyRoot .TableCopyLeft td.NormalStyle {
}
#legacyRoot .clientDetailsList .odd .TableCopyLeft,
#legacyRoot .clientDetailsList .odd .TableCopyRight,
#legacyRoot .clientDetailsList .odd .TableCopyCentre,
 #legacyRoot .clientDetailsList .odd .TableCopyAltLeft,
#legacyRoot .clientDetailsList .odd .TableCopyAltRight,
#legacyRoot .clientDetailsList .odd .TableCopyAltCentre,
 #legacyRoot .clientModifyList .odd .TableCopyLeft,
#legacyRoot .clientModifyList .odd .TableCopyRight,
#legacyRoot .clientModifyList .odd .TableCopyCentre,
 #legacyRoot .clientModifyList .odd .TableCopyAltLeft,
#legacyRoot .clientModifyList .odd .TableCopyAltRight,
#legacyRoot .clientModifyList .odd .TableCopyAltCentre,
 #legacyRoot .clientList .odd .TableCopyLeft,
#legacyRoot .clientList .odd .TableCopyRight,
#legacyRoot .clientList .odd .TableCopyCentre,
 #legacyRoot .clientList .odd .TableCopyAltLeft,
#legacyRoot .clientList .odd .TableCopyAltRight,
#legacyRoot .clientList .odd .TableCopyAltCentre,
 #legacyRoot .termDepositCopy #termDepositTable .odd {
		background:#FFFFFF;
}
#legacyRoot .TableHead,
#legacyRoot .TableCopyAltRight,
#legacyRoot .TableCopyAltLeft,
#legacyRoot .TableCopyLeft,
#legacyRoot .TableCopyRight,
#legacyRoot .TableCopyCentre,
#legacyRoot .TableCopyAltCentre,
 #legacyRoot .clientList .even .TableCopyLeft td.NormalStyle,
 #legacyRoot .clientDetailsList .even .TableCopyLeft,
#legacyRoot .clientDetailsList .even .TableCopyRight,
#legacyRoot .clientDetailsList .even .TableCopyCentre,
 #legacyRoot .clientDetailsList .even .TableCopyAltLeft,
#legacyRoot .clientDetailsList .even .TableCopyAltRight,
#legacyRoot .clientDetailsList .even .TableCopyAltCentre,
 #legacyRoot .clientModifyList .even .TableCopyLeft,
#legacyRoot .clientModifyList .even .TableCopyRight,
#legacyRoot .clientModifyList .even .TableCopyCentre,
 #legacyRoot .clientModifyList .even .TableCopyAltLeft,
#legacyRoot .clientModifyList .even .TableCopyAltRight,
#legacyRoot .clientModifyList .even .TableCopyAltCentre,
 #legacyRoot .clientList .even .TableCopyLeft,
#legacyRoot .clientList .even .TableCopyRight,
#legacyRoot .clientList .even .TableCopyCentre,
 #legacyRoot .clientList .even .TableCopyAltLeft,
#legacyRoot .clientList .even .TableCopyAltRight,
#legacyRoot .clientList .even .TableCopyAltCentre,
 #legacyRoot .termDepositCopy #termDepositTable .even {
		background:#FFFFFF;
}
#legacyRoot .tdShade {
		background:#e5e4e6!important;
}
#legacyRoot td.NormalStyle a,
#legacyRoot a {
		font-weight:600;
		color:#298daa;
		text-decoration:underline;
}
.globalNav ul li {
		float:left;
		padding: 0 2px 0 2px;
}