/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a:-webkit-any-link {color:#fff;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;height:0;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
ol.lr {
	list-style: decimal;
	list-style-type: lower-roman;
	list-style-position: outside;	
}
.lr li {
    font-size: 13px;
    line-height: 1.4;
    margin-left: 30px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset complete */
html
{
	min-width:1024px;
	width:100%
}
body
{
	min-width:1024px;
	width:100%;
	background-position: left top;
	font-family: robotoregular,Sans-serif;
}
form
{
	width:100%;
	background-position: center top;
}
.nonselectable
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}
span[contenteditable="true"]{cursor:pointer;}
.fh{height:100%;}
.ra{text-align:right;}
.ml50{margin-left:50px;}
.ml40{margin-left:40px;}
.ml30{margin-left:30px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.mr40{margin-right:40px;}
.mr30{margin-right:30px;}
.mr20{margin-right:20px;}
.mr15{margin-right:15px;}
.mr10{margin-right:10px;}
.mr5{margin-right:5px;}
.mt-3{margin-top:-3px;}
.mt3{margin-top:3px;}
.mt6{margin-top:6px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}

/* default styles */
h1, .scenarioname
{
	color: #525c54;
	font-size:30px;
	margin-top:4px;
	margin-bottom:6px;
}
h2
{
	color: #525c54;
	font-size:22px;
	margin-top:3px;
	margin-bottom:4px;
}
h3
{
	color: #525c54;
	font-size:17px;
	margin-top:2px;
	margin-bottom:3px;
}
p.small, .container p.small
{
	color: #a3a3a3;
	font-size:14px;
	line-height: 16px;
	margin-top:1px;
	margin-bottom:0px;
	font-family: roboto_cnregular, Sans-serif;
}
p.vsmall, .container p.vsmall
{
	color: #a3a3a3;
	font-size:8px;
	line-height: 10px;
	margin:0;
	font-family: roboto_cnregular, Sans-serif;
}
p.normal, .container p.normal  
{
	color: #8b8c8e;
	font-size:15px;
	line-height: 19px;
	margin-right:30px;
	margin-top:0px;
	margin-bottom:0px;
	font-family: roboto_cnregular, Sans-serif;
}
p.large 
{
	color: #525c54;
	font-size:48px;
	margin-top:4px;
	margin-bottom:6px;
}
a, a:link, a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
.burntorange{color: #cd623b;}
.green{color: #6c7939;}
.lightgreen{color: #86a20b;}
.brown{color: #785f34;}
.orange{color: #d38800;}
.blue{color:#6d8ca1;}
.gray{color:#919191;}
.lightgrey{color:#b0b0b0;}
.darkgrey{color:#343434;}
.mediumgrey{color:#5f6062;}
.error{color:#e71818;}
.mlerr{margin-left:40px;text-indent:-10px;}
.pfgray{color:#5f6062}
.input-text, .input-number
{
	background-position: center center;
	font-size: 34px;
	margin-top: 4px;
	margin-bottom: 6px;
	background-image: url('../img/input-150.png');
	background-repeat: no-repeat;
	margin: 0 auto;
	
}  

.validationerror
{
	font-family:roboto_cnregular, Sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-top:5px;
	margin-bottom: 10px;
	margin-left:40px;
	text-indent:-10px;
	margin-right:30px;
}
.validationerror h10 
{
	font-family:roboto_cnregular, Sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin-top:5px;
	margin-bottom: 10px;
	margin-left:30px;
	margin-right:30px;
}
/* content containers */
.container
{
	display:block;
	width: 326px;
	height: 240px;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	z-index: 201;
	overflow:hidden;
}
.chelp {    background-image: url('../img/help-contrast.png');}
.chalf{    width:489px;}
.cwide{    width:653px;}
.cwfnormal{    width:394px;}
.cwfwide{    width:585px;}
.cfull{    width:980px;}
.ciconhelp{margin-left:40px;margin-right:0px;margin-top:30px;margin-bottom:30px;width:390px;}
.lockouthelp{margin-left:40px;margin-right:0px;margin-top:30px;margin-bottom:30px;width:340px;}
h2.light
{
	font-family:roboto_ltregular, Sans-serif;
	margin-bottom:10px;
}
.container h2
{
	margin-left:30px;
	margin-top:25px;
	font-family: robotoregular,Sans-serif;
	color: #5f6062;
	font-size: 22px;
	line-height: 22px;
	vertical-align:top; 
}
img.house
{
	position: absolute;
	top: 15px;
	left: 30px;
}
img.didyouknow
{
	position: absolute;
	top: 20px;
	left: 30px;
}
.footercontainer h2, .footercontainer-tall h2
{
	margin-left:30px;
	margin-top:20px;
	font-family: roboto_cnregular, Sans-serif;
	font-size:16px;
	line-height:18px;
	color:#5f6062;
}

.container h1
{
	margin-left:30px;
	margin-top:25px;
	font-family: robotoregular,Sans-serif;
	font-size: 30px;
	line-height: 35px;
	color: #5f6062;
}
.container p, .footercontainer p, .footercontainer-tall p
{
	margin-left:30px;
	font-family: roboto_cnregular, Sans-serif;
	color: #a3a3a3;
}
.container p
{
	font-size: 16px;
	line-height: 18px;
	margin-right:20px;
}
.footercontainer p, .footercontainer-tall p
{
	font-size: 12px;
	line-height: 14px;
	margin-right:15px;
}

.container p.bodycopy
{
	margin-left:30px;
	margin-right:30px;
	font-family: roboto_ltregular, Sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin-top:10px;
	margin-bottom:5px;
	color: #343434;
}
.container span.number
{
	font-size: 26px;
	line-height: 26px;
	color:#343434;
}
.container span.times
{
	font-size: 16px;
	line-height: 26px;
	color:#525c54;
}
.container span.copy
{
	font-size: 16px;
	line-height: 26px;
	color:#343434;
}
.container img.icon
{
	margin-right:10px;
}
.container h3.pad
{
	margin-left:15px;
}
span.number2
{
	font-size: 26px;
	line-height: 26px;
	color:#343434;
}

span.times2
{
	font-size: 16px;
	line-height: 26px;
	color:#525c54;
}
span.copy2
{
	font-size: 16px;
	line-height: 26px;
	color:#343434;
}
h3.padleft
{
	margin-left:55px;
}
.container a.email, .container a:link.email, .container a:visited.email
{
	font-size: 26px;
	line-height: 26px;
	color:#6d8ca1;
	
	cursor:pointer;
}
.container a:hover.email
{
	font-size: 26px;
	line-height: 26px;
	color:#6d8ca1;
	
	cursor:pointer;
}
.container .money
{
	background-color: transparent;
	background-image: url('../img/input-200.png');
	background-repeat: no-repeat;
	background-position: left center;
	width: 220px;
	height: 33px;
	vertical-align: middle;
	border: 0px none;
	font-size:32px;
	font-family: robotoregular,Sans-serif;
	padding:0px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	outline: none;
	margin-left:15px;
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.container .moneysml, .container .datasml, .container .yearsml
{
	background-image: url('../img/input-150.png');
	background-repeat: no-repeat;
	background-position: left center;
	width: 148px;
	height: 25px;
	vertical-align: middle;
	border: 0px none;
	font-size:24px;
	font-family: robotoregular,Sans-serif;
	padding:0px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	outline: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right:20px;
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.container table
{
	margin-left:30px;
}
.container thead
{
	text-align: left;
	color: #525c54;
	font-size:17px;
	margin-top:2px;
	margin-bottom:5px;
}
.container td
{
	margin-top:3px;
	margin-bottom:4px;
}
.c-top{border-top:1px solid #d5d5d5;}
.c-tall{height:250px;}
.c-verytall{height:285px;}
.c-summary{height:272px;}
.c-supertall{height:425px;}
.c-bottom{border-bottom:1px solid #d5d5d5;}
.c-right{border-right:1px solid #d5d5d5;float:left;}
.c-left{float:left;}
.c-none,.clear{clear:both;}
.c-btn{margin-top:20px;cursor:pointer;}
.c-button{margin-top:10px;margin-left:30px;cursor:pointer;}
.c-auto{height:auto;}
.c-body{margin-left:40px;margin-right:40px;width:900px;}
.chr    
{
	border-bottom:0px none;
	border-top:1px solid #c2c2c2;
	width:266px;
	height:0px;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.chrround    
{
	border-bottom:0px none;
	border-top:1px solid #c2c2c2;
	width:266px;
	height:0px;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.chrthin    
{
	border-bottom:0px none;
	border-top:1px solid #c2c2c2;
	width:266px;
	height:0px;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.chrmp    
{
	border-bottom:0px none;
	border-top:1px solid #c2c2c2;
	width:266px;
	height:0px;
	margin-left: 30px;
	margin-top: 4px;
	margin-bottom: 15px;
}
.fcchr
{
	border:0px none;
	border-top:1px solid #c2c2c2;
	width:266px;
	height:0px;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 8px;
}
.chrhalf{width:429px;}
.chrpf{width:255px;margin-left:0px;}
.chrwide{width:593px;}
.chrwfnormal{width:330px;}
.chrwfwide{width:520px;}
.chrfull{width:918px;}
.hrwide
{
	border-bottom:1px solid #ffffff;
	border-top:1px solid #c2c2c2;
	width:900px;
	height:0px;
	margin: 0 auto;
}
.hrwiderp
{
	border-bottom:1px solid #ffffff;
	border-top:1px solid #c2c2c2;
	width:910px;
	height:0px;
	margin: 20px auto;
}
.hrwide2
{
	position:relative;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #c2c2c2;
	margin-bottom:20px;
	margin-top:20px;
	width:920px;
	height:0px;
	margin: 0 auto;
}
.hrwide3
{
	position:relative;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #c2c2c2;
	margin-bottom:20px;
	margin-top:20px;
	width:720px;
	height:0px;
	margin: 0 auto;
}

.hrwide4
{
    width: 870px;
    margin-left: 35px;
}
.hrcontent
{
	border-bottom:1px solid #ffffff;
	border-top:1px solid #c2c2c2;
	width:840px;
	height:0px;
	margin: 0 auto;
}
.helpButton
{
	display:block;
	overflow:hidden;
	position:absolute;
	height: 30px;
	width:30px;
	bottom:0px;
	right:0px;
	
	cursor:pointer;
}
.helpPanel
{
	display:none;
	overflow:hidden;
	position:absolute;
	background-color: #fdfdfd;
	bottom:0px;
	right:0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 230;
}
.helpPanel p
{
	margin-bottom:8px;
}
.helpPanelClose
{
	display:block;
	position: absolute;
	bottom:12px;
	right:12px;
	height: 20px;
	width: 20px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url('../img/cross-gray.png');
	
	cursor:pointer;
}
/* header styles */

.page
{
	width: 980px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
.regopage
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
.header
{
	clear:both;
	height: 80px;

}
#logo
{
	position:relative;
	left: 40px;
	top: 30px;
	width: 200px;
}
#usermsg img
{
	position:relative;
	top:5px;
}
#usermsg
{
	position:relative;
	float:left;
	left:190px;
	top: -3px;
	vertical-align:middle;
	height:30px;
}
#usermsg label
{
	color:#ffffff;
	font-size: 12px;
	margin-left:10px;
	font-family: roboto_cnregular, Sans-serif;
}
#usermsg label a, #usermsg label a:link, #usermsg label a:visited
{
	color:#ffffff;
	font-size: 12px;
	font-family: roboto_cnbold, Sans-serif;
}
#usermsg label a:hover
{
	color:#c3830e;
	font-size: 12px;
	font-family: roboto_cnbold, Sans-serif;
}
#topnav
{
	position:relative;
	float:right;
	right:20px;
	top:7px;
}
#topnav ul li
{
	float:left;margin-left:10px;
}
#topnav ul li a.selected,#topnav ul li a:link.selected,#topnav ul li a:visited.selected
{
    background-color: #919191;
	background-color: rgba(0,0,0,0.2);
	border-top:1px solid #777;
	border-bottom:1px solid #bbb;
}

#topnav ul li a,#topnav ul li a:link,#topnav ul li a:visited
{
	font-size: 16px;
	color:#ffffff;
	font-family: roboto_cnbold, Sans-serif;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	-khtml-border-radius: 17px;
	border-radius: 17px;
	height:24px;
	padding:5px;
	padding-left: 10px;
	padding-right: 10px;
	behavior: url(/css/PIE.htc);
	vertical-align: middle;
}
#topnav ul li a:hover
{
	border-top:1px solid #777;
	border-bottom:1px solid #bbb;
	color:#ffffff;
	font-family: roboto_cnbold, Sans-serif;
	background-color: #d38800;
}
#topnav ul
{
	list-style:none;
	float:left;
}
.msaverage
{
	background-image: url('../img/header/average91-10.png');
	background-repeat: no-repeat;
	background-position: left 15px;
}
.msstrong
{
	background-image: url('../img/header/strong91-00.png');
	background-repeat: no-repeat;
	background-position: left 15px;
}
.msweak
{
	background-image: url('../img/header/weak01-10.png');
	background-repeat: no-repeat;
	background-position: left 15px;
}

/* profile */
#partnernotice
{
	position:relative;
	bottom: 40px;
}
.editprofile
{
	position:absolute;
	display:block;
	bottom:1px;
	left:800px;
	width: 80px;
	height: 60px;
}
.editprofile li
{
	background-image: url('../img/profile/edit-profile-btn.png');
	background-repeat: no-repeat;
	width: 80px;
	height: 60px;
	
	cursor:pointer;
}
.editprofile li.selected 
{
	background-image: url('../img/profile/profile-btn.png');
	background-repeat: no-repeat;
}
.profilebutton
{
	background-image: url('../img/profile/saving-bg.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	right: 40px;
	width: 200px;
	height: 29px;
	text-align:center;
	vertical-align:baseline;
	font-family: robotoregular,Sans-serif;
	font-size:14px;
	line-height:16px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.profilebutton img 
{
	
	cursor:pointer;
	position:relative;
	top:2px;
}
.profilebutton label 
{
	
	cursor:pointer;
	position:relative;
}
.profilenudge
{
		margin-top:2px;
}
.profilebutton a, .profilebutton a:link, .profilebutton a:visited
{
	font-family: robotoregular,Sans-serif;
	font-size:14px;
	line-height:25px;
	vertical-align: baseline;
	width:200px;
	text-decoration: none;
	color:#6d8ca1;
	
	cursor: pointer;
}
.profilebutton a:hover
{
	font-family: robotoregular,Sans-serif;
	font-size:14px;
	line-height:25px;
	vertical-align: baseline;
	width:200px;
	
	cursor: pointer;
}
.profileriskpanel
{
	display:none;
	position:relative;
	background-color: #e4e5e5;
	border-top: 1px solid #d3d4d4;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-top: 10px;
	margin-bottom: 40px;
}
.profileriskpanelarrow
{
	display: block;
	background-image: url('../img/profile/risk-panel-arrow-overlay.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	left:420px;
	height: 21px;
	width: 39px;
	top:11px;
	z-index: 240;
}
#riskprofilesurvey span.error
{
	color:#e71818;
	font-family: robotoregular,Sans-serif;
	font-size: 14px;
	position:relative;
	top: 20px;
	margin-bottom: 20px;
}
#riskprofilesurvey p.rpcopy, .profileriskpanel p.rpcopy
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#343434;
}
#riskprofilesurvey .tickbox-outer, #riskprofilesurvey .hrwide
{
	margin-top:15px;
	margin-bottom:15px;
}
#riskprofilesurvey .jquery-tick
{
	margin-right: 20px;
}
#boxes #riskprofilesurvey
{
	background-position: left top;
	width: 900px;
	height: 400px;
	border: 1px solid #ffffff;
}
.back
{
	background-image: url('../img/profile/back.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 104px;
	height: 45px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	
	cursor:pointer;
}
.back-disabled
{
	background-image: url('../img/profile/back-disabled.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 104px;
	height: 45px;
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.next
{
	width: 104px;
	height: 45px;
	position: absolute;
	right: 30px;
	bottom: 30px;
	
	cursor:pointer;
}
.next-disabled
{
	background-image: url('../img/profile/next-disabled.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 104px;
	height: 45px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.close{position:absolute; right:40px;top:30px;}
.startsurvey
{
	position: relative;
	left: 0px;
	top: 20px;
	
	cursor:pointer;
}
.rpconservativeicon
{
	background-image: url('../img/profile/teacup.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
}
.rpmoderateicon
{
	background-image: url('../img/profile/coffeecup.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
}
.rpaggressiveicon
{
	background-image: url('../img/profile/martini.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
}
#riskprofilesurvey-inner, .popupwindow-inner
{
	margin-left: 35px;
	margin-top: 30px;
	margin-right: 35px;
}
#riskprofilesurvey div.ok, .panelheader div.ok, .panelheader div.edit
{
	width: 80px;
	height:45px;
	position:absolute;
	bottom: 2px;
	color:#ffffff;
	line-height:34px;
	vertical-align:middle;
	font-family: roboto_cnregular, Sans-serif;
	font-size:22px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
	padding-top:15px;
}
.panelheader div.edit:hover
{
	background-position: bottom left;
}
#riskprofilesurvey div.ok:hover, .panelheader div.ok:hover
{
	background-position: bottom right;
}
#riskprofilesurvey div.ok
{
	background-position: right top;
	background-image: url('../img/profile/edit-btn.png');
	right: 40px;
}
.panelheader div.ok
{
	background-position: right top;
	background-image: url('../img/profile/edit-btn.png');
	right: 80px;
}
.panelheader div.edit
{
	background-position: left top;
	background-image: url('../img/profile/edit-btn.png');
	right: 80px;
}

#riskprofilesurvey p.risklabel
{
	margin-left:20px;
	margin-right:20px;
	font-family: roboto_ltregular, Sans-serif;
	font-size: 14px;
	line-height: 22px;
	color:#343434;
	position:relative;
	top: 80px;
}
#riskprofilesurvey p.youranswer,#riskprofilesurvey p.note
{
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
	font-family: roboto_ltregular, Sans-serif;
	font-size: 15px;
	color:#343434;
	position:relative;
}
#conservativerisk
{
	background-image: url('../img/profile/conservative.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 287px;
	float: left;
	display:block;
	position:relative;
	
	cursor:pointer;
}
#conservativerisk[selected]
{
	background-image: url('../img/profile/conservative-selected.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#moderaterisk
{
	background-image: url('../img/profile/moderate.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 279px;
	float: left;
	display:block;
	position:relative;
	
	cursor:pointer;
}
#moderaterisk[selected]
{
	background-image: url('../img/profile/moderate-selected.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#aggressiverisk
{
	background-image: url('../img/profile/aggressive.png');
	background-repeat: no-repeat;
	background-position: right top;
	width: 286px;
	float: left;
	display:block;
	position:relative;
	
	cursor:pointer;
}
#aggressiverisk[selected]
{
	background-image: url('../img/profile/aggressive-selected.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.chooserisklevel
{
	float:left;
	width:279;
}
.dropdownlist{cursor:pointer;}
.selectall{cursor:text;}
.focuscursor{cursor:text;}
.rpddl,.nmlddl
{
	display:none;
	float:left;
	position:absolute;
	border:5px solid rgba(200,200,200,.5);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	z-index: 3000;
}
.rpddl{
	height:203px;
	width:217px;
}
.rpddl-inner{
	height:203px;
	width:215px;
}
div.btn-uparrow{
    border-bottom:9px solid #b0b0b0;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
	position:absolute;
	height:0px;
	width:0px;
	
	cursor:pointer;
}
div.ddlarrow
{
    position:absolute;
    right:15px;
    top:20px;
}
.nmlddl,.nmlddl-inner{	
	height:auto;
	width:auto;
}
#superannuationddl li.ddltext{width:160px;}
#periodddl li.ddltext{width:187px;}
#mariagestatusddl li.ddltext{width:203px;}
#annualpercentddl li.ddltext{width:124px;}
.rpddl-inner,.nmlddl-inner
{
	position:relative;
	border:1px solid #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.rpddl ul,.nmlddl ul
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.rpddl li,.nmlddl li
{
	width:100%;
	height:50px;
}
.nmlddl li.ddltext
{
	text-indent:20px;
	background-color:#f2f2f2;
	color:#7b9ab0;
	font-family: roboto_ltregular, Sans-serif;
	font-size:24px;
	line-height:48px;
	
	cursor:pointer;
}
.rpddl li.ddltext
{
	background-color:#f2f2f2;
	color:#7b9ab0;
	font-family: roboto_ltregular, Sans-serif;
	font-size:24px;
	line-height:48px;
	text-indent: 20px;
	
	cursor:pointer;
} 
.nmlddl li.ddltext:hover,.rpddl li.ddltext:hover
{
    background-color: #7b9ab0;
    color:#ffffff;
}

.rpddl li.ddltext ,.nmlddl li.border
{
	border-bottom:1px solid #c2c2c2;
}
.rpddl li.ddlimg,.nmlddl li.ddlimg
{
	width:100%;
	height:50px;
	background-color:#7c9ab0;
	color:#ffffff;
	font-family: robotoregular,Sans-serif;
	font-size:16px;
	line-height:16px;
	vertical-align: middle;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	
	cursor:pointer;
}
.rpddl li.ddlimg img,.nmlddl li.ddlimg
{
	margin-left: 20px;
	margin-right: 20px;
}
.ddldiv
{
	position:relative;
	top: 8px;
}
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#f2f2f2;
  display:none;
}

#maskshow {
  position:absolute;
  z-index:9000;
  background-color:#f2f2f2;
  display:block;
}
   
#boxes .window {
  position:absolute;
  margin:0 auto;
  left:250px;
  top:300px;
  width:440px;
  height:250px;
  display:none;
  z-index:9999;
}
#boxes .copywindow
{
  position:absolute;
  margin:0 auto;
  left:250px;
  top:300px;
  width:440px;
  height:280px;
  display:none;
  z-index:9999;
}
#boxes .riskwindow {
  position:absolute;
  top:0px;
  left:0px;
  width:440px;
  height:250px;
  display:none;
  z-index:9999;
}
#boxes .referwindow {
  position:absolute;
  margin:0 auto;
  top:180px;
  left:40px;
  width:900px;
  height:550px;
  display:none;
  z-index:9999;
}
#boxes .uploadwindow {
  position:absolute;
  margin:0 auto;
  left:180px;
  top:180px;
  width:600px;
  height:320px;
  display:none;
  z-index:9999;
}
#boxes .ksinfopackwindow, #boxes .pfinfopackwindow
{
  position:absolute;
  top: 0px;
  left:0px;
  width:980px;
  height:450px;
  display:none;
  z-index:9999;
}
#boxes .registerwindow 
{
  position:absolute;
  top: 80px;
  margin:0 auto;
  width:980px;
  height:550px;
  display:block;
  z-index:9999;
}
#boxespwd .registerwindow 
{
  position:absolute;
  top: 80px;
  margin:0 auto;
  width:980px;
  height:550px;
  display:block;
  z-index:9999;
}

#boxes .ksschemewindow {
  position:absolute;
  top:0px;
  left:0px;
  width:980px;
  height:1795px;
  display:none;
  z-index:9999;
}
#boxes .nzfmipwindow {
  position:absolute;
  top:0px;
  left:0px;
  width:980px;
  height:1275px;
  display:none;
  z-index:9999;
}
#boxes .loginwindow {
  position:absolute;
  margin:0 auto;
  top:180px;
  width:450px;
  height:320px;
  display:none;
  z-index:9999;
}
#boxes .lockoutwindow {
  position:absolute;
  margin:0 auto;
  top:0px;
  display:none;
  z-index:9999;
  width: 100%;
}
#boxes .errorwindow {
  position:absolute;
  margin:0 auto;
  top:240px;
  display:none;
  z-index:9999;
}
#boxes .customerrorwindow {
  position:absolute;
  margin:0 auto;
  top:240px;
  display:none;
  z-index:9999;
}
#errorcontainer {
	width:850px;
	height:380px;
    margin:0 auto;
    top:240px;
}
#boxespwd .confirmwindow {
  position:absolute;
  margin:0 auto;
  top:240px;
  width:550px;
  height:390px;
  display:none;
  z-index:9999;
}
#boxespwd .lockoutwindow {
  position:absolute;
  margin:0 auto;
  top:240px;
  display:none;
  z-index:9999;
}
.contentfooter
{
	display:block;
	background-image: url('../img/footer/footer-bg-small.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	height:129px;
	width:100%;
}
/* footer styles */
.contentfooter-tall
{
	display:block;
	background-image: url('../img/footer/footer-bg.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	height:149px;
	width:100%;
}
.footercontainer
{
	display:block;
	width: 326px;
	height: 123px;
	position: relative;
	background-position: right bottom;
	background-repeat: no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	font-family: robotoregular,Sans-serif;
	font-size:40px;
	overflow:hidden;
}
.footercontainer-tall
{
	height: 143px;
}
.footercontainer h3, .footercontainer-tall h3
{
	font-family: roboto_cnregular, Sans-serif;
	font-size:16px;
	line-height:18px;
	color:#5f6062;
	margin-left: 30px;
	margin-top:20px;
}
.footercontainer h4, .footercontainer-tall h4
{
	font-family: roboto_cnregular, Sans-serif;
	font-size:12px;
	line-height:15px;
	color:#a0a0a0;
	margin-left: 30px;
}
.footercontainer label, .footercontainer-tall label
{
	font-family: robotoregular,Sans-serif;
	font-size:48px;
	color:#5f6062;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	height:48px;
	line-height:48px;
}
.footercontainer img.icon, .footercontainer-tall img.icon
{
	margin-left:30px;
	margin-right: 10px;
}
.footercontainer img, .footercontainer-tall img
{
	float:left;
	position:relative;
	top:3px;
}

.f-right
{
	border-right:1px solid #cccccc;
	float:left;
}
.f-none
{
	border-right:1px solid transparent;
	float:left;
}
.f-hr    
{
	border-bottom:0px none;
	border-top:1px solid #a2a2a2;
	width:266px;
	height:0px;
	margin-left: 30px;
	margin-top: 8px;
	margin-bottom: 10px;
}
.f-hr-half    
{
	border-bottom:0px none;
	border-top:1px solid #a2a2a2;
	width:130px;
	height:0px;
	margin-left: 30px;
	margin-top: 8px;
	margin-bottom: 10px;
}
.fwfnormal
{
	width:394px;
}
.fwfwide
{
	width:585px;
}

/* main */
.main
{
	display:block;
	position:relative;
/*	min-height:1300px; */
}
.panelgradient
{
	display:block;
	position:relative;
	height: 100%;
	background-color:#f2f2f2;
	width:984px;
}
.panelheader
{
	display:block;
	border: 2px solid #ffffff;
	height: 100%;
	width:980px;
}
.panelheader h1
{
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.panelheader p
{
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 40px;
	margin-right: 40px;
}
.panelheader p.normal
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 24px;
	line-height:37px;
	color: #343434;
}
.panelheader p.disabled
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 18px;
	line-height:24px;
	color: #8b8c8e;
}
.panelheader p.small
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 16px;
	line-height:24px;
	margin-right: 200px;
	color: #343434;
}

p.mssmall
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 12px;
	line-height:15px;
	color: #8b8c8e;
	margin-left:30px;
	margin-top:5px;
}
.contentheader p.tebr
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 12px;
	line-height:15px;
	color: #8b8c8e;
}
.contentheader label.tebr
{
	font-family: roboto_cnbold, Sans-serif;
	font-size: 24px;
	line-height:24px;
}
.contentheader label.tebr sup 
{
	font-family: roboto_cnbold, Sans-serif;
	font-size: 14px;
	position: relative;
	line-height: 1;
	height: 0;
	vertical-align: top;
}

.contentheader label.pbbr
{
	font-family: roboto_mdregular, Sans-serif;
	font-size: 20px;
	line-height:20px;
	background-color: #d9d9d9;
	border: 5px solid #d9d9d9;
}
.contentheader label.pbbr sup 
{
	font-family: roboto_mdregular, Sans-serif;
	font-size: 12px;
	position: relative;
	line-height: 1;
	height: 0;
	vertical-align: top;
}


.contentheader p.wtbr
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 16px;
	line-height:18px;
	color: #8b8c8e;
	margin-right:20px;
}
.contentheader label.wtbr
{
	font-family: roboto_cnbold, Sans-serif;
	font-size: 40px;
	line-height:40px;
}
.contentheader label.wtbr sup
{
	font-family: roboto_cnbold, Sans-serif;
	font-size: 22px;
	position: relative;
	line-height: 1;
	height: 0;
	vertical-align: top;
}
.progressbar
{
	background-image: url('../img/progressbar/progress-bg.png');
	background-repeat:no-repeat;
	background-position: left bottom;
	width: 935px;
	height: 54px;
	position:relative;
	margin-bottom:55px;
	white-space:nowrap;
}
.ksprogress {background-color: #6c7939;position:relative;height:40px;top:14px;width:0px;float:left;}
.heprogress {background-color: #cd623b;position:relative;height:40px;top:14px;width:0px;float:left;}
.mpprogress {background-color: #de9472;position:relative;height:40px;top:14px;width:0px;float:left;}
.rsprogress {background-color: #86a20b;position:relative;height:40px;top:14px;width:0px;float:left;}
.wfprogress {background-color: #785f34;position:relative;height:40px;top:14px;width:0px;float:left;}
.pfprogress {background-color: #d38800;position:relative;height:40px;top:14px;width:0px;float:left;}
.ksprogress-icon {background-image: url('../img/progressbar/kiwi-white.png');background-repeat:no-repeat;background-position:center center;width:100%;height:100%;}
.heprogress-icon {background-image: url('../img/progressbar/house-white.png');background-repeat:no-repeat;background-position:center center;width:100%;height:100%;}
.mpprogress-icon {background-image: url('../img/progressbar/moneyhouse-white.png');background-repeat:no-repeat;background-position:center center;width:100%;height:100%;}
.rsprogress-icon {background-image: url('../img/progressbar/piggy-white.png');background-repeat:no-repeat;background-position:center center;width:100%;height:100%;}
.wfprogress-icon {background-image: url('../img/progressbar/growthtree-white.png');background-repeat:no-repeat;background-position:center center;width:100%;height:100%;}
.pfprogress-icon {background-image: url('../img/progressbar/stats-white.png');background-repeat:no-repeat;background-position:center center;width:100%;height:100%;}
.progressbar .arrow
{
	background-image: url('../img/progressbar/progress-arrow.png');
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	float:left;
	left: -13px;
	top: 14px;
	width:26px;
	height:52px;
}
.progressbar .totalsofar
{
	margin-left:-40px;
	top: 64px;
	white-space: nowrap;
}
.progressbar #totalsofar-label
{
	min-width: 75px;
}
.progressbar .totalsofar-inner
{
	position:relative;
	top:54px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
.panelheader input, .panelheader select, .panelheader span[contenteditable="true"] {
	font-family: roboto_ltregular, Sans-serif;
	font-size: 24px;
	color: #7b9ab0;
	background-color: #eaeaea;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: none;
	text-align: left;
	min-width:10px;
	padding-left:6px;
}
.panelheader span.error{color:#e71818;position:relative;top:-10px;}
#requiredprofilefields
{
    position:absolute;
    left:40px;
    bottom:25px;
    width: 400px;
}
.panelheader input.dollar, .panelheader span[contenteditable="true"].dollar
{
	padding-left:12px;
	background-image: url('../img/profile/dollar-sign-blue.png');
	background-position: 2px center;
	background-repeat: no-repeat;
}
.panelheader input.scenarioname
{
	font-family: robotoregular,Sans-serif;
	font-size: 30px;
	width: 300px;
	vertical-align:baseline;
	margin-top:26px;
	margin-left:0px;

}
.panelheader span.input{display:none;}
.panelheader span.scenarioname
{
	font-family: robotoregular,Sans-serif;
	font-size: 30px;
	width: 450px;
	line-height:30px;
	vertical-align:top;
	margin:0px;
}
.panelheader h1
{
	margin-right:5px;
}
.panelheader input.scenarioname:focus
{
	font-family: robotoregular,Sans-serif;
	font-size: 30px;
	color: #3f97bc;
	outline:none;
	vertical-align:baseline;
	margin-top:25px;
	margin-left:0px;
}
.panelheader input.percent
{
	background-image: url('../img/profile/percent-sign-blue.png');
	background-position: right 6px;
	background-repeat: no-repeat;
	padding-right:12px;
}

.panelheader select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow:hidden;
}
.panelheader span[clipping="true"]    
{
	display:inline;
	position:relative;
	overflow:hidden;
	line-height:0px;
}
.panelheader input:focus, .panelheader select:focus {
	font-family: roboto_ltregular, Sans-serif;
	font-size: 24px;
	color: #3f97bc;
	outline:none;
	vertical-align:baseline;
}
.panelheader input[disabled='disabled'], .panelheader select[disabled='disabled'], .panelheader span {
	background: none;
	border: none;
	width: 0px;
	font-family: robotoregular,Sans-serif;
	font-size: 18px;
	color:#8b8c8e;
	-webkit-appearance: none;
}
.panelheaderspan1{font-family: roboto_ltregular, Sans-serif;font-size: 24px;color:#8b8c8e;}
.panelheaderspan2{font-family: roboto_ltregular, Sans-serif;font-size: 16px;font-weight:bold;color:#8b8c8e;}
 
#age{width:50px;}
#mariagestatus{width:190px;}
#salary{width:150px;}
#netper{width:150px;}
#period{width:180px;}
#annualpercent{width:70px;}
#superannuation{width:100px;}
#retire{width:60px;}
#years{width:60px;}
#retirepercent{width:70px;}
#riskprofile{width:160px;}
.bb2px{border-bottom: 2px solid #ffffff;}
.content
{
	display:block;
	margin-top:20px;
	font-family: robotoregular,Sans-serif;
	background-position: left top;
	font-family: robotoregular,Sans-serif;
	border: 2px solid #ffffff;
	border-bottom: 0 none;
}
.contentheader
{
	padding-left:40px;
	padding-right:40px;
	padding-top:40px;
	display:block;
	height:100%;
	background-color:#f2f2f2;
	border-bottom: 1px solid #e9e9e9;
}
.selectedtab
{
	position:absolute;
	display:block;
	top:-26px;
	background-image: url('../img/content/selectedbtn-arrow.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 99px;
	height: 55px;
	z-index:240;
}
#kwtabsel{left:70px;}
#hetabsel{left:220px;}
#rstabsel{left:370px;}
#wftabsel{left:520px;}
#pftabsel{left:670px;}
.onswitchpad
{
	margin: 10px 15px;
}

.onswitch
{
	position:absolute;
	display:block;
	top:-26px;
	left:840px;
	background-image: url('../img/content/off-on-bg.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 99px;
	height: 55px;
	z-index:240;
}
.onswitch img
{
	z-index:241;
}
.contentmain,profilemain
{
	position:relative;
	display:block;
}
.contentwrapper
{
	border-bottom: 1px solid #ffffff;
}    

.hideControlsPanel
{
	display:block;
	overflow:hidden;
	position:absolute;
	background-color: #fdfdfd;
	top:0px;
	right:0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	display:none;
	z-index: 230;
}

.hideControlsAll
{
	display:block;
	overflow:hidden;
	position:absolute;
	background-color: #fdfdfd;
	top:0px;
	right:0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	display:none;
	z-index: 260;
}

.contentmain
{
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI0NywyNDcsMjQ3LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjI1LDIyNSwyMjUsMCk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

	/* Opera 11.10+ */
	background: -o-linear-gradient(top, rgba(247,247,247,1), rgba(225,225,225,0));

	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, rgba(247,247,247,1), rgba(225,225,225,0));

	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(247,247,247,1)), color-stop(1, rgba(225,225,225,0)));

	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF7F7F7,EndColorStr=#00E1E1E1);

	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF7F7F7,EndColorStr=#00E1E1E1)";

	height: 100%;
	background-position: bottom center;
	background-repeat:repeat-x;
	background-size: cover;
}
.panelheader
{
/* CSS */
/*    background-image: linear-gradient(to bottom, #f3f3f3 0%, #f2f2f2 75%, #e1e3e1 100%);*/
}
/* Regular Savings */
/* Home Equity */
MortgagePaymentValue, #PaymentFrequencyOuter, #PaymentFrequencyOuter, .dollarOrange
{
	float:left;
}
.dollarOrange{
	background-image: url('../img/dollar-sign-orange.png');
	background-position: 1px center;
	background-repeat: no-repeat;
	margin-left:30px;
}
.arrowGrey
{
	background-image: url('../img/arrow-grey.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 34px;
	margin-right: 34px;
	float:left;
	width:20px;
	height:53px;
}
.checkbox-outer
{
	margin-left:45px;
	margin-top:15px;
	float: left;
}
/*.checkbox-outer label
{
	position:relative;
	top: -5px;
	margin-left:10px;
}*/
.cblabel{color:#5F6062;}
/* KiwiSaver */
.droplist-outer
{
	margin-left:30px;
}
.dollarGreen{
	background-image: url('../img/dollar-sign-green.png');
	background-position: 2px center;
	background-repeat: no-repeat;
	margin-left:30px;
}
/* portfolios */
.portfoliopacks
{
	margin-left:30px;
	margin-top:15px;
	margin-bottom:30px;
	height:220px;
	width:296px;
}
.portfoliototals
{
	margin-top:15px;
	margin-bottom:30px;
	margin-right:30px;
	height:220px;
	width:620px;
}
.portfoliopacks-inner
{
	margin-top:20px;
	margin-right:30px;
}
.portfoliototals-inner
{
	margin-top:25px;
	
}
.portfoliototalsleft,portfoliototalsright{width:300px;margin-left:30px;margin-right:30px;}
.portfolionumber
{
	font-family: robotoregular, Sans-serif;
	font-size:30px;
	line-height:30px;
	vertical-align:top;
}
.profile
{
	height:478px;
}
.profile h1
{
	margin-left:40px;
	margin-top:30px;
}

/*profile page */
h1.profile img{}
span.profilepad
{
	position:relative;
	
	cursor:pointer;
	font-size:18px;
	line-height:18px;
	font-family: robotoregular, Sans-serif;
	top:14px;
}
li#email img{margin-right:15px;margin-left:50px;vertical-align:middle;margin-top:24px;}
li#password img{margin-right:15px;margin-left:50px;vertical-align:middle;margin-top:16px;}
.profilenav li
{
	
	cursor:pointer;
	width: 320px;
	height: 70px;
	font-size: 18px;
	line-height: 18px;
	vertical-align:middle;
}
.profilenavholder{width: 320px;float:left;}
#email
{
	background-position: center top;
	background-image: url('../img/profilesettings/short-button-gradient.png');
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	background-repeat: repeat-x;
}
#email.selected
{
	background-color:#ffffff;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #ffffff;
}
#password
{
	background-position: center top;
	background-image: url('../img/profilesettings/short-button-gradient.png');
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
}
#password.selected    
{
	background-color:#ffffff;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #ffffff;
}
.profilecontent
{
	display:none;
	background-color:#ffffff;
	position:relative;
	bottom:0px;
	height:410px;
	right:0px;
	width:655px;
	float:right;
}
.pad4030{margin-left:40px;margin-top:30px;}
.profilecontent input[type=text],.profilecontent input[type=password]
{
	background-image: url('../img/profilesettings/input-profile-bg.png');
	background-repeat: no-repeat;
	background-position: left center;
	width:240px;
	height:20px;
	outline:none;
	border: 0 none;
	vertical-align: middle;
	border: 0px none;
	font-size:18px;
	line-height: 20px;
	font-family: robotoregular,Sans-serif;
	padding:10px;
	outline: none;
	margin-right:10px;
	margin-left:0px;
}
.profilecontent input[type='submit']:hover, .sendbtn:hover
{
	background-position: left bottom;
}
.profilecontent input[type='submit'], .sendbtn
{
	background-image: url('../img/profilesettings/send-button.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 120px;
	height: 45px;
	outline: none;
	border: 0 none;
	
	cursor:pointer;
}
.profilecontent label
{
	font-size:16px;
	line-height: 19px;
	font-family: roboto_ltregular, Sans-serif;
}
/* info panel at page bottom */
.infopanel
{
	display:block;
	position:relative;
	background-color:#cccccc;
	width:980px;
	height:100%;
	border: 2px solid #ffffff;
	margin-bottom:20px;
	margin-top:20px;
	z-index: 1;
}
.infopanelheading
{
}
.infopanelheading p
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 18px;
	color:#343434;
	margin-left:40px;
	margin-top:28px;
	margin-bottom:28px;
}
.infopanel li .udarrow
{
	position:absolute;
	width: 30px;
	height: 30px;
	right:20px;
	top:18px;
	background-image: url('../img/round-arrow.png');
	background-position: 0px 0px;
}
.infopanel li:hover .udarrow
{
	background-position: 60px 0px;
}
.infopanel li.selected .udarrow, .infopanel li.selected:hover .udarrow
{
	background-image: url('../img/round-arrow.png');
	background-position: 60px 30px;
}
.infopanel li .outarrow
{
	position:absolute;
	width: 30px;
	height: 30px;
	left:280px;
	top:18px;
	background-image: url('../img/round-arrow.png');
	background-position: 0px 30px;
}
.infopanel li:hover .outarrow
{
	background-position: 30px 0px;
}
.infopanel li.selected .udarrow,.infopanel li:hover.selected .udarrow
{
	background-position: 0px 30px;
}
.infopanelmenu
{
	width:980px;
	height:72px;
}
.infopanel ul
{
	background-color:#e6e6e6;
	border-bottom:#cccccc;
}
.infopanel li
{
	position:relative;
	width:326px;
	height:72px;
	float:left;
	
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.infopanel li:hover
{
	background-color:#6d8ca1;
}
.infopanel h6
{
	color: #6d8ca1;
	font-family: robotoregular,Sans-serif;
	font-size: 18px;
	margin-left:30px;
	margin-top:18px;
}
.infopanel li:hover h6
{
    color:#ffffff;
}
.infopanel li.selected h6
{
	color: #6d8ca1;
}
.infopanel .rb
{
		border-right:1px solid #cccccc;
}
.infopanel .nrb
{
		border-right:1px solid #e6e6e6;
}
.infopanel li.selected, .infopanel li:hover.selected
{
	background-color: #f5f5f5;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}

.infopanel li
{
	background-color:#e6e6e6;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
.infopanelcontent
{
	background-color: #f5f5f5;
}
.infopanelcontent input[type=text], .ksinfopackwindow input[type=text], .pfinfopackwindow input[type=text], .registerwindow input[type=text]
{
	background-color: #ededed;
	
	outline:none;
	width:180px;
	height:19px;
	border: 0 none;
	vertical-align: middle;
	border: 0px none;
	font-size:18px;
	line-height: 19px;
	font-family: robotoregular,Sans-serif;
	padding:8px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

}
.infopanelcontent  input.address[type=text], .ksinfopackwindow input.address[type=text], .pfinfopackwindow input.address[type=text], .registerwindow input.address[type=text]
{
	width:134px;
}
.infopanelcontent  input.addresswide[type=text], .ksinfopackwindow input.addresswide[type=text], .pfinfopackwindow input.addresswide[type=text], .registerwindow input.addresswide[type=text]
{
	width:229px;
}
.infopanelcontent input[type=button]:hover, .ksinfopackwindow input[type=button]:hover, .pfinfopackwindow input[type=button]:hover, .registerwindow input[type=button]:hover
{
	background-position: left bottom;
}
.infopanelcontent input[type=button], .ksinfopackwindow input[type=button], .pfinfopackwindow input[type=button], .registerwindow input[type=button]
{
/*background-image: url('../img/profilesettings/send-button.png');
	background-repeat: no-repeat;
	background-position: left top;*/
	width: 120px;
	height: 45px;
	outline: none;
	border: 0 none;
	margin-left:30px;
	margin-top:10px;
	
	cursor:pointer;
}
.infopanelcontent label, .ksinfopackwindow label, .pfinfopackwindow label, .registerwindow label
{
	font-size:16px;
	line-height: 19px;
	font-family: roboto_ltregular, Sans-serif;
}
/* set the first page state to hide everything except the profile entry panel */
.page .ipinfopanel{display:none;}
#allContent{display:none;width:980px;}
.ipcopy
{
	margin-left: 30px;
	margin-right: 30px;
	color:#343434;
	line-height: 22px;
	font-family: roboto_ltregular, Sans-serif;
	font-size: 16px;
	position:relative;
}
.blueipcopy
{
	margin-left: 30px;
	margin-right: 30px;
	color:#6d8ca1;
	line-height: 22px;
	font-family: robotoregular,Sans-serif;
	font-size: 16px;
	position:relative;
}
.ipcontent
{
	margin-left:30px;
	margin-right:10px;
	margin-top: 30px;
	white-space:nowrap;
}
.ipcontentnarrow
{
	margin-right:5px;
	margin-left:10px;
	margin-top: 30px;
	white-space:nowrap;
}
.ipcontentwide
{
	margin-right:5px;
	margin-left:10px;
	margin-top: 30px;
	white-space:nowrap;
}

.legalinfo
{
	color: #000000;
	font-size:14px;
	line-height: 22px;
	margin-left:30px;
	margin-right:30px;
	margin-top:15px;
	margin-bottom:15px;
	font-family: roboto_ltregular, Sans-serif;
}
.hrlegalinfo
{
	border-top: 1px solid #727274;
	border-bottom:1px solid rgba(255,255,255,0.4);
	width:984px;
}
.legalinfo a, .legalinfo a:visited, .legalinfo a:link, .legalinfo a:hover 
{
	color: #ffffff;
	font-size:14px;
	line-height: 22px;
	margin-top:15px;
	margin-bottom:15px;
	font-family: roboto_ltregular, Sans-serif;
}
/* dashboard header */

.dashboardheader
{
	width: 976px;
	height: 296px;
	border: 2px solid #ffffff;
	background-image: url('../img/dashboard/NZF_BannerImage1.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 20px;
	display: block;
	position: relative;
	overflow: hidden;
	clip: rect(auto, 976px, 296px, auto);
}
.dashboardheader div.panel
{
	background-color:#f2f2f2;
	position:absolute;
	left:0px;
	top:200px;
	height: 50px;
	overflow:hidden;
}
.dashboardheader div.uploadimg
{
	background-color:#11140a;
	background-color:rgba(0,0,0,0.65);
	position:absolute;
	right:0px;
	top:200px;
	height: 50px;
	width:45px;
	overflow:hidden;
	
	cursor:pointer;
}
.dashboardheader div.selectimg
{
	background-color:#11140a;
	background-color:rgba(0,0,0,0.65);
	position:absolute;
	right:48px;
	top:200px;
	height: 50px;
	width:45px;
	overflow:hidden;
	
	cursor:pointer;
}
.dashboardheader div.profileimg
{
	background-color:#11140a;
	background-color:rgba(0,0,0,0.65);
	position:absolute;
	right:48px;
	top:200px;
	height: 50px;
	width:385px;
	overflow:hidden;
	
	cursor:pointer;
}
.dashboardheader div.selectimg img,.dashboardheader .uploadimg img
{
	position:relative;
	left:10px;
	top:15px;
	
	cursor:pointer;
}
.dashboardheader div.img1
{
	width:50px;
	height:38px;
	border: 1px solid #ffffff;
	position:absolute;
	left:152px;
	top:6px;
}
.dashboardheader div.img2
{
	width:50px;
	height:38px;
	border: 1px solid #ffffff;
	position:absolute;
	left:208px;
	top:6px;
}
.dashboardheader div.img3
{
	width:50px;
	height:38px;
	border: 1px solid #ffffff;
	position:absolute;
	left:264px;
	top:6px;
}
.dashboardheader div.img4
{
	width:50px;
	height:38px;
	border: 1px solid #ffffff;
	position:absolute;
	left:320px;
	top:6px;
}
.dashboardheader h1
{
	text-indent:40px;
	font-family: robotoregular,Sans-serif;
	font-size:30px;
	line-height:30px;
	vertical-align:middle;
}
.dashboardheader label
{
	font-family: robotoregular,Sans-serif;
	font-size:30px;
	line-height:40px;
	vertical-align:middle;
	margin-right:40px;
}

.dashboardpanel
{
	border: 2px solid #ffffff;
	background-color: #f2f2f2;
	width: 478px;
	margin-right:0px;
	margin-bottom:20px;
}
.dashboardpanel-wrapper
{
	width: 482px;
	margin:0;
	padding:0;
}
.dashboardpanel-inner
{
	margin-left:40px;
	margin-right:40px;
	margin-top:30px;
	margin-bottom:30px;
}
#kiwisaver-scheme-pack
{
    height:53px;
    width:400px;
    background-image: url('../img/dashboard/buttons/KiwiSaver-Scheme-pack-btn.png');
    background-position:center 0px;
}
#kiwisaver-scheme-pack:hover
{
    background-position: center 53px;
}
#kiwisaver-scheme-pack[selected]
{
    background-position: center 106px;
}#portfolio-info-pack
{
    height:53px;
    width:400px;
    background-image: url('../img/dashboard/buttons/Portfolio-Info-pack-btn.png');
    background-position:center 0px;
}
#portfolio-info-pack:hover
{
    background-position: center 53px;
}
#portfolio-info-pack[selected]
{
    background-position: center 106px;
}
#kiwisaver-scheme-portfolios
{
    height:53px;
    width:400px;
    background-image: url('../img/dashboard/buttons/KiwiSaver-Scheme-Portfolios-btn.png');
    background-position: top;
}
#kiwisaver-scheme-portfolios:hover
{
    background-position: center 53px;
}
#kiwisaver-scheme-portfolios[selected]
{
    background-position:  center 106px;
}
#investement-portfolios
{
    height:53px;
    width:400px;
    background-image: url('../img/dashboard/buttons/nzfunds-investment-portfolios-btn.png');
    background-position:top;
}
#investement-portfolios:hover
{
    background-position: center 53px;
}
#investement-portfolios[selected]
{
    background-position: center 106px;
}
#investment-bulletin
{
    height:56px;
    width:400px;
    background-image: url('../img/dashboard/buttons/nzfunds-investment-bulletin-btn.png');
    background-position:top;
}
#investment-bulletin:hover
{
    background-position: center 56px;
}
#investment-bulletin[selected]
{
    background-position: center 112px;
}
#kiwisaver-scheme-pack,
#kiwisaver-scheme-portfolios,
#investement-portfolios,
#investment-bulletin
{
	
	cursor:pointer;
}
.dbhr
{
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #ffffff;
	margin:0px;
	margin-top:15px;
	margin-bottom:20px;
	width:100%;
	padding:0;
	height:0;
}
.dbhr30
{
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #ffffff;
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	padding:0;
	height:0;
}
.dbhr20
{
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #ffffff;
	margin:0px;
	margin-top:0px;
	margin-bottom:20px;
	width:100%;
	padding:0;
	height:0;
}
.dbhrscen
{
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #ffffff;
	margin:0px;
	margin-top:0px;
	margin-bottom:20px;
	height:0;
	width:100%;
}
.scenariosummary
{
	position: relative;
	margin-bottom:20px;
}
.scenariosummary p, .dashboardpanel p
{
	font-family: roboto_ltregular, Sans-serif;
	font-size:18px;
	line-height:24px;
	vertical-align:middle;
	color:#343434;
}
.dashboardpanel h2,.dashboardpanel p
{
	margin-top: 10px;
	margin-bottom: 15px;
}
.scenarioselect
{
	position:absolute;
	left:410px;
	top:40px;
}
.scenarioprogress
{
	width: 170px;
	height:24px;
	background-color: #b7bcb8;
}
.scenarioprogress p.progresslabel
{
	color:#f2f2f2; 
	font-family:robotobold, Sans-serif;
	font-size: 16px;
	line-height:24px;
	vertical-align:middle;
	position:relative;
	right:4px;
	width:80px;
	margin:0;
	text-align:right;
	float:right;
}
.scenarioprogress-fill
{
	position:relative;
	width:82px;
	height:24px;
	background-color: #d38800;
	overflow:hidden;
	text-align:right;
}
.copyscenario img, .deletescenario img
{
	
	cursor:pointer;
}
.copyscenario,.deletescenario
{
	line-height:0px;
}
.deletescenario{padding-left:2px;}


.windfall input.datasml, .windfall input.moneysml, .windfall input.yearsml
{
	font-size: 18px;
}
.lifecycleprocess img.graph{
	width:400px;
}
.lifecycleprocess div.weak-btn{
	position:absolute;
	left:317px;
	top:-36px;
	height:36px;
	width:75px;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
	color:#ffffff;
	background-image: url('../img/dashboard/buttons/st-wk-btn.png');
	background-position: 0px 60px;
	
	cursor:pointer;
	font-size:14px;
	font-family: roboto_cnbold, Sans-Serif;
}
.lifecycleprocess div.weak-btn[selected],.lifecycleprocess div.weak-btn:hover[selected]{
	background-position: 0px 0px;
}
.lifecycleprocess div.weak-btn:hover{
	background-position: 0px 120px;
}
.lifecycleprocess{position:relative;}
.lifecycleprocess div.strong-btn{
	position:absolute;
	left:242px;
	top:-36px;
	height:36px;
	width:75px;
	text-align:center;
	vertical-align:middle;
	background-image: url('../img/dashboard/buttons/st-wk-btn.png');
	background-position: 0px 60px;
	line-height:36px;
	color:#ffffff;
	
	cursor:pointer;
	font-size:14px;
	font-family: roboto_cnbold, Sans-Serif;
}
.lifecycleprocess div.strong-btn[selected],.lifecycleprocess div.strong-btn:hover[selected]{
	background-position: 0px 0px;
}
.lifecycleprocess div.strong-btn:hover{
	background-position: 0px 120px;
}
.lifecycleprocess div.btn-arrow{
    border-top:9px solid #7b9ab0;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
	position:absolute;
	left:270px;
	top:0px;
	height:0px;
	width:0px;
}
.lifecycleprocess div.btn-arrow:hover{
	position:absolute;
}
.dashboardpanel div.dbhr,.dashboardpanel div.dbhrscen
{
	width:400px;
}
.dashboardpanel p
{
	font-family:roboto_ltregular, Sans-serif;
	font-size:18px;
	line-height:24px;
	color:#343434;  
}
.dashboardpanel p.strong
{
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	line-height:20px;
}
.dashboardpanel p.strongblue
{
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	line-height:20px;
	color:#6d8ca1;
}
.findoutmore
{
	background-image: url('../img/dashboard/find-out-more.png');
	width: 165px;
	height: 40px;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 30px;
	
	cursor:pointer;
	background-position:top;
}
.findoutmore:hover
{
	background-position:bottom;
}
#createscenario
{
	
	cursor:pointer;
}
/* dashboard popups */
.popup
{
	border: 2px solid #ffffff;
	background-color: #f2f2f2;
}
#loginwindow input[type="text"],#loginwindow input[type="password"]
{
	margin-bottom:10px;
	margin-top:10px;
}
#confirmwindow input[type="text"],#confirmwindow input[type="password"]
{
	margin-bottom:10px;
	margin-top:10px;
}
.popup-inner
{
	margin-left:40px;
	margin-top:30px;
	margin-right:40px;
	margin-bottom:30px;
}
.popup p.popupcopy, p.popupcopy
{
	font-family:roboto_ltregular, Sans-serif;
	font-size: 16px;
	line-height: 21px;
	margin-top:15px;
	margin-bottom:20px;
	color: #343434;
}
.popup label.popupcopy, label.popupcopy
{
	font-family:roboto_ltregular, Sans-serif;
	font-size: 16px;
	line-height: 21px;
	margin-top:15px;
	margin-bottom:20px;
	margin-right:30px;
	color: #343434;
	padding-top:10px;
	padding-bottom:10px;
}
.popup h1.popupcopy, h1.popupcopy
{
	color: #343434;
}
.popup h2.popupcopy, h2.popupcopy
{
    margin-bottom:15px;
}
.popup h2.popupcopynb, h2.popupcopynb
{
    margin-bottom:2px;
}

.button
{
	width: 117px;
	height: 34px;
	background-image: url('../img/dashboard/button-bg.png');
	color:#ffffff;
	line-height:34px;
	vertical-align:middle;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button:hover
{
	background-position: bottom;
}
.button300
{
	width: 300px;
	height: 40px;
	background-image: url('../img/profile/button-300-bg.png');
	color:#ffffff;
	line-height:34px;
	vertical-align:middle;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button300:hover
{
	background-position: bottom;
}
.button270
{
	width: 270px;
	height: 34px;
	background-image: url('../img/dashboard/button-270-bg.png');
	color:#ffffff;
	line-height:34px;
	vertical-align:top;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button270:hover
{
	background-position: bottom;
}
.button260
{
	width: 260px;
	height: 34px;
	background-image: url('../img/dashboard/button-260-bg.png');
	color:#ffffff;
	line-height:34px;
	vertical-align:top;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button260:hover
{
	background-position: bottom;
}
.button250
{
	width: 250px;
	height: 40px;
	background-image: url('../img/dashboard/button-250-bg.png');
	color:#ffffff;
	line-height:40px;
	vertical-align:middle;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button250:hover
{
	background-position: bottom;
}
.button240
{
	width: 240px;
	height: 40px;
	background-image: url('../img/dashboard/button-240-bg.png');
	color:#ffffff;
	line-height:40px;
	vertical-align:middle;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button240:hover
{
	background-position: bottom;
}
.button200
{
	width: 200px;
	height: 40px;
	background-image: url('../img/dashboard/button-200-bg.png');
	color:#ffffff;
	line-height:34px;
	vertical-align:top;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button200:hover
{
	background-position: bottom;
}
.confirmbutton200
{
	width: 200px;
	height: 34px;
	background-image: url('../img/dashboard/button-200-large-bg.png');
	color:#ffffff;
	line-height:34px;
	vertical-align:top;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}

.confirmbutton200:hover
{
	background-position: bottom;
}
.button160
{
	width: 160px;
	height: 40px;
	background-image: url('../img/dashboard/button-160-bg.png');
	color:#ffffff;
	line-height:40px;
	vertical-align:top;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
	
	cursor:pointer;
	background-position: top;
	white-space: nowrap;
}
.button160:hover
{
	background-position: bottom;
}
#LoginButton
{
	width: 117px;
	height: 34px;
	color:#ffffff;
	line-height:34px;
	vertical-align:middle;
	font-family: robotoregular, Sans-serif;
	font-size:18px;
	text-align:center;
}
.popup .confirm
{
	position:absolute;
	right: 70px;
	bottom: 30px;
}
.popup .confirmbutton
{
	position:absolute;
	right: 40px;
	bottom: 30px;
}
.popup .cancel
{
	position:absolute;
	left: 70px;
	bottom: 30px;
}
.popup input.name,.popup input.copyname
{
	font-family: roboto_ltregular, Sans-serif;
	font-size: 24px;
	color: #7b9ab0;
	background-color: #eaeaea;
	border-top: 1px solid #8c8c8c;
	border-left: 1px solid #8c8c8c;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	vertical-align:baseline;
	left:70px;
	right:70px;
	position:absolute;
}
.popup input.name
{
	bottom:90px;
}
.popup input.password,.popup input.username,.popup input.email,.popup input.emailwide,.popup textarea.message
{
	font-family: roboto_ltregular, Sans-serif;
	border-top: 1px solid #8c8c8c;
	border-left: 1px solid #8c8c8c;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	vertical-align:baseline;
	margin-left:0px;
}
.popup input.password,.popup input.username,.popup input.email,.popup textarea.message
{
	width:250px;
}
.popup input.emailwide
{
	width:380px;
}
.popup input.password,.popup input.username
{
	font-size: 24px;
	padding: 8px;
	color: #7b9ab0;
	background-color: #e0e0e0;
}
.popup input.email,.popup input.emailwide,.popup textarea.message
{
	font-size: 24px;
	padding: 8px;
	color: #5f6062;
	background-color: #ffffff;
}
.popup textarea.message
{
	font-size: 22px;
	color: #5f6062;
	width:800px;
	height:180px;
	padding: 20px;
}
#lcsource
{
	font-family: roboto_ltregular, Sans-serif;
	line-height:16px;
	font-size: 12px;
	color: #5f6062;
	margin-top:3px;
}
/* summary page */
.summarypanel
{
	width: 489px;
	border-left: 1px solid #dcdbdc;
}
.summarypanel-inner
{
	margin-left:40px;
	margin-top:30px;
	margin-bottom:30px;
}
.summarypanel-innerleft
{
	margin-left:40px;
	margin-right:0px;
	margin-top:30px;
	margin-bottom:30px;
}
.summarypanel div.dbhr
{
	width:430px;
	margin-bottom:20px;
}
.summarypanel img.icon
{
	position:relative;
	top: -6px;
	margin-right:10px;
}
.summarypanel p
{
	font-family: roboto_ltregular, Sans-serif;
	font-size:16px;
	line-height:24px;
	vertical-align:middle;
	color:#343434;
}
.summarypanel p.strong
{
	font-family: robotoregular, Sans-serif;
	font-size:16px;
	line-height:20px;
}
.summarypanel p.strongblue
{
	font-family: robotoregular, Sans-serif;
	font-size:16px;
	line-height:20px;
	color:#6d8ca1;
	vertical-align:baseline;
}
.summarypanel h2
{
	font-size: 21px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.summarypanel p
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.summaryinfopanel
{
	display:block;
	position:relative;
	background-color:#cccccc;
	width:487px;
	height:100%;
	border: 2px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	margin-bottom:0px;
	margin-top:0px;
	
}
.summaryinfopanel li:hover
{
	background-color:#6d8ca1;
}

.summaryinfopanel li .udarrow
{
	position:absolute;
	width: 30px;
	height: 30px;
	right:20px;
	top:18px;
	background-image: url('../img/round-arrow.png');
	background-position: 0px 0px;
}
.summaryinfopanel li.selected, .summaryinfopanel li:hover.selected
{
	background-color: #f5f5f5;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
.summaryinfopanel li.selected .udarrow, .summaryinfopanel li:hover.selected .udarrow
{
	background-position: 60px 30px;
}
.summaryinfopanel li:hover .udarrow
{
	background-position: 60px 0px;
}
.summaryinfopanel li .outarrow
{
	position:absolute;
	width: 30px;
	height: 30px;
	left:150px;
	top:18px;
	background-image: url('../img/round-out-arrow-blue.png');
	background-repeat: no-repeat;
}
.summaryinfopanelmenu
{
	width:490px;
	height:72px;
}
.summaryinfopanel ul
{
	background-color:#e6e6e6;
	border-bottom:#cccccc;
}
.summaryinfopanel li
{
	position:relative;
	height:72px;
	float:left;
	
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.summaryinfopanel li h6
{
	color: #6d8ca1;
	font-family: robotoregular,Sans-serif;
	font-size: 16px;
	margin-left:25px;
	margin-top:20px;
}
.summaryinfopanel li:hover h6
{
	color: #ffffff;
}
.summaryinfopanel li:hover.selected h6
{
	color: #6d8ca1;
}
.summaryinfopanel .rb
{
	width:257px;
	border-right:1px solid #f2f2f2;
}
.summaryinfopanel .nrb
{
	width: 229px;
}
.summarybutton
{
	position:relative;
	width: 211px;
	height: 82px;
	background-position: center center;
	background-image: url('../img/summary/summary-button-bg.png');
	background-repeat: no-repeat;
	margin-bottom: 10px;
	float:left;
	
	cursor:pointer;
}
.summarybutton img.icon
{
	position:absolute;
	left:10px;
	top:29px;
}
.summarybutton p
{
	position:absolute;
	display:block;
	color: #6d8ca1;
	font-family: roboto_cnregular, Sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin-left:45px;
	margin-right:25px;
	float:left;
	margin-top:0;
	margin-bottom:0;
}
.summarybutton p.l1{ top: 30px; }
.summarybutton p.l2{ top: 25px; }
.summarybutton p.l3{ top: 15px; }
.summarybutton p.l4{ top: 5px; }
.summarybutton p.l5{ top: 0px; }
.summarybutton strong
{
	font-family: roboto_cnbold, Sans-serif;
}
.summarytoppanel
{
	margin-top:40px;
	margin-bottom:40px;
}
.stpright{	border-right: 1px solid #dcdbdc;	width: 480px;}
.stpleft{	border-right: 1px solid #dcdbdc;	width: 490px;}
.summarytoppanel p
{
	text-align:center;
	font-family: roboto_cnregular, Sans-serif;
	font-size: 24px;
	color:#8b8c8b;
	line-height:28px;
}
.summarytoppanel p.compress
{
    	letter-spacing: -1px;
}
.summarytoppanel p
{
	margin-top:0px;
	margin-bottom:0px;
}
.summarytoppanel p.number
{
	position:relative;
	font-family: robotoregular,Sans-serif;
	font-size: 82px;
	color:#d38800;
	line-height:68px;
	letter-spacing: -1px;
	margin-top:5px;
	margin-bottom:0px;
	vertical-align:top;
}
.summarytoppanel p.number sup
{
	font-size: 38px;
	position: relative;
	line-height: 1;
	height: 0;
	vertical-align: top;
}
.summarytoppanel strong
{
	font-family: roboto_cnbold, Sans-serif;
	color:#d38800;
}

.summary_emailpdfbutton,#MainContent_summary_emailbutton,#emailbutton
{
	position:relative;
	float:left;
	top:20px;
	left:200px;
	background-image: url('../img/summary/email-btn.png');
	background-repeat: no-repeat;
	background-position: left top;
	width:88px;
	height:56px;
	
	cursor:pointer;
}
.summary_pdfbutton
{
	position:relative;
	top:20px;
	left:200px;
	float:left;
	background-image: url('../img/summary/download-pdf-btn.png');
	background-repeat: no-repeat;
	background-position: left top;
	width:158px;
	height:56px;
	
	cursor:pointer;
}
/* login page */
#ForgotPassword
{
	position:absolute;
	bottom: 90px;
	left:35px;
	color:#343434;
	font-family: roboto_ltregular, Sans-serif;
	font-size:14px;
	
	cursor:pointer;
}
.dot
{
	float:left;
	width: 11px;
	height: 11px;
	margin-left:3px;
	margin-right:3px;
	background-image: url('../img/dashboard/dot-gray.png');
}
#tipsandinfo
{
	height:220px;
}
#tipsandinfo div.indicators
{

	bottom:85px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	width:102px;
}
.tips-outer
{
	height:160px;
}
#referfriendpopup
{
	width:900px;
	height:540px;
}
#uploadprofileimage
{
	width:600px;
	height:300px;
}
#ksinfopackrequest
{
	width:900px;
	height:500px;
}
#registerpanel
{
	width:930px;
	height:500px;
}
#termswindow
{
	width:930px;
	height:500px;
}
#lockoutwindow
{
	width:850px;
	height:310px;
}
#customerrorwindow
{
	width:850px;
	height:380px;
}
#errorwindow
{
	width:850px;
	height:310px;
}
#riskprofilesurvey div.indicators
{
	bottom:85px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	width:136px;
	position:absolute;
	bottom: 40px;
	left:423px;
}
#sendkiwisaverpack
{
	
	cursor:pointer;
}
#ippsendportfoliopack
{
	
	cursor:pointer;
}

/* KiwiSaver Scheme Page */
.lifecycleprocesslarge img.graph{
	width:900px;
}
.lifecycleprocesslarge div.weak-btn{
	position:absolute;
	left:808px;
	top:2px;
	height:36px;
	width:75px;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
	color:#ffffff;
	background-color:#9bb5c7;
	
	cursor:pointer;
}
.lifecycleprocesslarge div.weak-btn[selected],.lifecycleprocesslarge div.weak-btn:hover[selected]{
	background-color:#7b9ab0;
}
.lifecycleprocesslarge div.weak-btn:hover{
	background-color:#46667c;
}
.lifecycleprocesslarge{position:relative;}
.lifecycleprocesslarge div.strong-btn{
	position:absolute;
	left:733px;
	top:2px;
	height:36px;
	width:75px;
	text-align:center;
	vertical-align:middle;
	background-color:#9bb5c7;
	line-height:36px;
	color:#ffffff;
	
	cursor:pointer;
}
.lifecycleprocesslarge div.strong-btn[selected],.lifecycleprocesslarge div.strong-btn:hover[selected]{
	background-color:#7b9ab0;
}
.lifecycleprocesslarge div.strong-btn:hover{
	background-color:#46667c;
}
.lifecycleprocesslarge div.btn-arrow
{
    border-top:15px solid #7b9ab0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
	position:absolute;
	left:757px;
	top:34px;
}
.lifecycleprocesslarge div.btn-arrow:hover{
	position:absolute;
}
#lifecycletext
{
	position:absolute;
	top:0px;
	left:0px;
}
.w300{width:300px;}
.w500{width:500px;}
.w570{width:570px;}
.w600{width:600px;}
.popup p.copy
{
	font-size: 18px;
	line-height: 22px;
	font-family: roboto_ltregular, Sans-serif;
	color: #343434;
	margin-top:10px;
	margin-bottom:20px;
}
.popup p.copysmall
{
	font-size: 15px;
	line-height: 19px;
	font-family: roboto_ltregular, Sans-serif;
	color: #343434;
	margin-top:10px;
	margin-bottom:20px;
}
.popup p.copy a, .popup p.copy a:link, .popup p.copy a:visited,
.popup p.copysmall a, .popup p.copysmall a:link, .popup p.copysmall a:visited
{
	color:#6d8ca1;
}
.popup p.copy a:hover,
.popup p.copysmall a:hover
{
	color:#46667c;
}
.hrtbwide
{
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #e2e2e2;
	width:910px;
	height:0px;
}
.hrpopup
{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #e2e2e2;
	width:530px;
	height:0px;
}
#managedportfolioservice
{
	background-image: url('../img/dashboard/mps-bg.png');
	background-repeat: repeat-x;
	background-position: center 99px;
	height:285px;
	position:relative;
}
#managedportfolioservice div.mpscopy
{
	position:relative;
	font-size: 18px;
	font-family: roboto_ltregular, Sans-serif;
	color: #343434;
	padding-top:40px;
	margin-left: 40px;
	margin-right:40px;
	line-height: 21px;
	width:530px;
}
#managedportfolioservice div.mpsbrdr
{
	position:absolute;
	left:600px;
	bottom:0px;
	height:141px;
	width:1px;
	border-right: 1px solid #dfdfdf;
}
 .mpslist
 {
	position:absolute;
	font-size: 15px;
	font-family: robotoregular,Sans-serif;
	top:120px;
	right:20px;
	width:240px;

 }
 #managedportfolioservice ul
 {
		 list-style:disc;
 }
 .terms
{
	border-width: 0px;
	border-style: none;
	height: 345px;
	width: 920px;
	overflow:scroll;
	clip: rect(auto, auto, 366px, auto);
	font-family: roboto_ltregular, Sans-serif;
	font-size: 14px;
	color: #343434;
	line-height: 22px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.terms a, .terms a:visited, .terms a:link, .terms a:hover{color:#343434;}
.terms ul
{
    margin-top:1.0em; 
    margin-bottom:1.0em; 
    margin-left:1.0em; 
    padding-left:0.5em;
    list-style-type:circle;
}
.terms li
{
    list-style-type:circle;
}

#content-slider-handle
{
	left:932px;
	top:101px;
	width: 24px;
	height: 67px;
	display: block;
	position: absolute;
	background-image: url('../img/register/scroller-scrub.png');
	z-index:999;
}
#content-slider
{
	left:938px;
	top:101px;
	width: 10px;
	height: 345px;
	display: block;
	position: absolute;
	background-color:#d7d8d9;
	z-index:998;
	border: 1px solid #cfd0d0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}
#content-slider-outer
{
	left:930px;
	top:101px;
	width: 24px;
	height: 345px;
	display: block;
	position: absolute;
	background-color:#f2f2f2;
	z-index:997;
}

#managedportfolioservice div[mpsbtn]
{
	
	cursor:pointer;
}
input.puselectall{background-image: url('../img/pixel.gif'); background-repeat:repeat;background-color:white;opacity:100;}

.btnWrapper.download {
    float: left;
}
.mt12
{
    margin-top: 12px;
}