/* Aviva - Making Sense Of It */
/* Site created by Halpern Cowan - www.halperncowan.com */
/* For questions call up and ask for Wolfgang */
/* Colors used: #e5e5e5: background grey, #454545: text grey, #489fcc: link blue, #0072bb header blue, #f0f0f0 footer background grey, #f7f7f7: topNav bacgkround, #e9e9e9: fixedLinks, #cdd4d8: wrapperHome background, #e91010: .formError */

* {margin: 0; padding: 0; font-size:100%;}
html, body {height: 100%;}
a, a:link, a:visited {color: #0058A3; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
a img {border: none;}
abbr, acronym {border-bottom: 1px dashed #454545; cursor: help;}

/* =BANNERS
-----------------------------------------------------------------------------*/
#banner ul {list-style-type:none;}
#bannerBespoke1, #bannerBespoke2, #bannerBespoke3, #bannerBespoke4, #bannerBespoke5, #bannerBespoke6 {display:none; margin-bottom:10px;}
body {
	background: #EDF4FA url(../images/layout/background.jpg) repeat-x top left;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em; 
	text-align: center;
}

#breadcrumbs, .breadcrumbs {
	clear: left;
	font-size: 91%;
	list-style-type: none;
	padding: 10px;
	background:#ffffff;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

#breadcrumbs li, .breadcrumbs li {display: inline;}

#breadcrumbs li a, #breadcrumbs li a:link, #breadcrumbs li a:visited, .breadcrumbs li a, .breadcrumbs li a:link, .breadcrumbs li a:visited {
	background: url(../images/layout/divider-breadcrumbs.gif) no-repeat center right;
	color: #454545;
	padding: 0 10px 0 0;
	text-decoration: underline;
}

#breadcrumbs li a:hover, #breadcrumbs li a:active, .breadcrumbs li a:hover, .breadcrumbs li a:active {
	color: #489fcc;
	text-decoration: none;
}

.clear {clear: both;}

#content {
	float: left;
	padding: 10px;
	overflow: hidden;
	width: 716px;

}

#contentheader {
	background: url(../images/layout/dotted-line.gif) repeat-x bottom left;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	width: 716px;
}

.contentOneColumn {
	float: left;
	width: 716px;
}

.contentOneColumn h3, .contentOneColumn h4, .contentOneColumn h5, .contentOneColumn h6 {color: #454545; margin: 0 0 5px 0;}

.column, .columnlast, .columnSmall, .columnSmallLast, .columnThree, .columnThreeLast  {
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	width: 232px;
}
.columnSmall, .columnSmallLast {margin:0 5px 0 0; width:177px;}
.columnlast, .columnSmallLast, .columnThreeLast {
	margin: 0;
}
.columnThree, .columnThreeLast {margin:0 7px 0 0; width:237px;}


/* =COLUMLIST
-----------------------------------------------------------------------------*/
.columnList a, .columnList a:link, .columnList a:visited, .columnList a:hover, .columnList a:active {
	color: #454545;
	text-decoration: none;
}

.columnList a:hover, .columnList a:active {text-decoration: underline;}

.columnList {list-style-type: none;}

.columnList li {
	font-size: 91%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

.columnListViewMore:link, .columnListViewMore:visited, .columnListViewMore:hover, .columnListViewMore:active { 
	background: url(../images/layout/yellow-arrows-big-right.gif) no-repeat center left;
	color: #454545;
	display: block;
	font-size: 91%;
	font-weight: bold;
	margin: 0 0 10px 10px;
	padding: 0 0 2px 12px;
	text-decoration: none;
}

.columnListViewMore:hover, .columnListViewMore:active {color: #489fcc; text-decoration: underline;}

/* =COLUMNRIGHT50/LEFT50 50% columns
-----------------------------------------------------------------------------*/
.columnLeft50, .columnRight50 {
	margin-top: 10px;
	float: left;
	width: 343px;
}

.columnRight50 {float: right;}

.columnLeft50 h3, .columnRight50 h3 {
	color: #454545;
	margin-bottom: 5px;
}

.columnLeft50 ol, .columnRight50 ol {
	list-style-position: inside;
}

.columnLeft50 ol li, .columnRight50 ol li {
	margin: 0 0 5px 0;
}

/* =CONTENTBOX as used on helpful tools page, your page, ...
-----------------------------------------------------------------------------*/
.contentBoxList {
	list-style-type: none;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.contentBoxList li {
	float: left;
	margin: 0 5px 5px 0;
	width: 232px;
}

.contentBoxList li.second {margin: 0 0 5px 5px;}

.contentBox, .contentBoxColumn {
	background:url(../images/boxes/contentbox_base.gif) no-repeat 0 100%;
	float: left;
	overflow: hidden;
	width: 232px;
}

.contentBoxColumn {margin: 0 0 10px 0;}

.contentBoxColumn p {margin: 5px 0;}

.contentBoxInner {
	background: url(../images/boxes/contentbox_top.gif) no-repeat 0 0;
	min-height: 60px;
	padding: 7px 9px;
}

* html div.contentBoxInner {
	height: 60px; /* min-height not supported in ie */
}

.contentBoxInner ul {list-style-type: none;}

.contentBox h3 {
	margin: 0 0 3px 0;
}

.contentBox h3 a, .contentBox h3 a:link, .contentBox h3 a:visited {color: #0072bb; text-decoration: none;}

.contentBox h3 a:hover, .contentBox h3 a:active {text-decoration: underline;}

.contentBoxImg, .contentBoxInner img {
	float: left;
	margin: 0 10px 10px 0;
}
.contentBoxClose {
	float: right;
	margin: -3px -6px 0 0;
}

.contentBoxTxt {
	margin-left: 70px;
}

.contentBoxTxt p, .contentBoxTxtSmall p {font-size: 91%;}

.contentBoxTxtSmall {
	margin-left: 47px;
}

.dashMenu li {
	list-style-type: none;
	background: url(../images/layout/dash.gif) no-repeat center left;
	padding: 0 0 0 10px;
}

#fasttrackScenarios {width: 150px;}

/* =FIXEDLINKS in the top right corner just after the search form fields
-----------------------------------------------------------------------------*/
#fixedLinks {
	float: right;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}

#fixedLinks li {
	background: url(../images/layout/divider-fixedlinks.jpg) no-repeat top left;
	float: left;
	padding: 0 0 0 2px;
}

#fixedLinks a, #fixedLinks a:link, #fixedLinks a:visited {
	color: #e9e9e9;
	display: block;
	padding: 6px 8px;
	text-decoration: none;
}

#fixedLinks a:hover, #fixedLinks a:active, #fixedLinks li em {
	background: url(../images/layout/background-fixedlinks-hover.jpg) repeat-x top left;
	color: #fff;
}

#fixedLinks li em, #fixedLinksRight em {
	color: #fff;
	display: block;
	font-style: normal;
	padding: 6px 8px;
}

#fixedLinks a#fixedLinksRightLink, #fixedLinks li#fixedLinksRight em {padding: 6px 15px 6px 8px;}

#fixedLinks a:hover#fixedLinksRightLink, #fixedLinks a:active#fixedLinksRightLink, #fixedLinks li#fixedLinksRight em {
	background: url(../images/layout/background-fixedlinks-yourp.jpg) repeat-x top right;
}

#fixedLinksHelp {
	background: url(../images/layout/background-tools.gif) no-repeat center left;
	padding: 0 0 0 14px;
}

#fixedLinksGuideMe {
	background: url(../images/layout/background-guideme.gif) no-repeat center left;
	padding: 0 0 0 20px;
}

#fixedLinksYourPage {
	background: url(../images/layout/background-yourpage.gif) no-repeat center left;
	padding: 1px 0 1px 18px;
}

/* =FLASH components on homepage
-----------------------------------------------------------------------------*/
#flashHomepage, #flashSplashpage {
	background: #fff url(../images/layout/background-homepage-flash.jpg) no-repeat bottom left;
	float: left;
	height: 392px;
	padding: 0 0 77px 0;
	width: 746px;
}
#flashSplashpage {
	background:none;
	height: 475px;
	padding: 1px 0 0 0;
}
#flashcontentInvestments, #flashcontentPensions, #flashcontentRetirement, #flashcontentretirement, #flashcontentProtection, #flashcontentHome {
	background: #fff url(../images/layout/background-homepage.jpg) no-repeat top left;
	height: 392px;
	width: 746px;
}

#flashcontentPensions {background: #fff url(../images/layout/background-pensions.jpg) no-repeat top left;}
#flashcontentRetirement, #flashcontentretirement {background: #fff url(../images/layout/background-retirement.jpg) no-repeat top left;}
#flashcontentProtection {background: #fff url(../images/layout/background-protection.jpg) no-repeat top left;}
#flashcontentHome {background: #fff url(../images/layout/background-needs-home.jpg) no-repeat top left; height: 420px;}
#flashcontentHomeContainer {left:11px; position:absolute; top: 344px;}
#flashcomplete, #flashincomplete {display:none;}
.floatLeft {float: left;}
.floatRight {float: right;}


#footer_container {

background-color: transparent;
	background-image: url("/images/footer-background.gif");
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 756px;
	padding-bottom: 10px;
	margin: auto; 



}


#footer {

	font-size: 82%;
	margin:  -60px auto 0 auto;
	height: 20px;
	padding: 0px 15px 10px 15px;
	position: relative;
	overflow: hidden;
	width: 716px;
	
	
}

#footerHome {
	background: #cfd6da url(../images/layout/background-footer-home-bot.gif) no-repeat bottom left;
	font-size: 82%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	overflow: auto;
	width: 746px;
}

#footerHome div {
	background: #cfd6da url(../images/layout/background-footer-homepage.jpg) no-repeat top left;
	padding: 30px 15px 0 15px;
	float: left;
	width: 716px;
}

#footer ul, #footerHome ul {
	float: left;
	list-style-type: none;
}

#footer ul li, #footerHome ul li {
	background: url(../images/layout/divider-footer.gif) no-repeat center left;
	display: inline;
	padding: 0 10px;
}

#footer ul li a, #footer ul li a:link, #footer ul li a:visited, #footerHome ul li a, #footerHome ul li a:link, #footerHome ul li a:visited {
	color: #454545;
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active, #footerHome ul li a:hover, #footerHome ul li a:active {
	text-decoration: underline;
}

#footer img, #footerHome img, #footer div img, #footerHome div img {
	float: right;
	margin-top: -5px;
}

/* =REGISTER / LOGIN FORMS
-----------------------------------------------------------------------------*/ 
.formList, .formCalculator, .formCheckbox {
	margin: 0 10px 0 0;
	overflow: hidden;
	width: 287px;
}

.formCalculator, .formCheckbox {/*border:1px dotted gold;*/ margin: 0 0 10px 0; width:454px;}
.formList dt, .formCalculator dt  {
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	width: 111px;
}

.formCalculator dt, .formListPanel {width: 278px;}

/*.formList dd *, .formCalculator dd * {float: left;}*/
.formList dd * *, .formCalculator dd * * {float: none;} /* to prevent dropdown menus to float */

dd.formFieldBackground input, .formFieldBackground input {background: url(../images/layout/background-input.gif) no-repeat top left;}
.formFieldBackgroundSmall input {background: url(../images/layout/background-input-small.gif) no-repeat top left;}
.formFieldBackgroundMedium input {background: url(../images/layout/background-input-medium.gif) no-repeat top left;}

.formCalculator dd span label {padding: 0 10px 0 5px;}

.formLoginSidebar {padding: 0 10px; overflow:hidden;}
* html .formLoginSidebar {height: 1%; margin: 0 0 -10px 0;}
.formFoot {
	margin: 5px 10px 0 0;
	text-align: right;
	width: 287px;
}

input.textField, .textArea, .txtBoxes  {
	background: transparent;
	border: none;
	padding: 3px 5px 3px 2px;
	width: 150px;
	height:13px;
}
/* Richard's major CF
html * input.textField, .textArea, .txtBoxes  {
position:relative;
top:-2px;
left:3px;
}*/

.formListWide {
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 464px;
}

.formListWide dd.formTextareaBackground {
	background: url(../images/layout/background-enquiry.gif) no-repeat top left;
	margin: 10px 0 0 0;
}

.fullImageBanner{width:212px;}

.textArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 90px;
	overflow: auto;
	width: 459px;
}

.formFootWide {
	margin: 5px 10px 0 0;
	text-align: right;
	overflow: hidden;
	width: 464px;
	clear:left;
	float:left;
}

.formFootWide p {text-align: left;}
.formCheckbox dt {float: right; text-align: left; margin: 0 0 3px 0; width: 434px;}
.formCheckbox dd {float: left; text-align: left; width: 15px;}
.formError {color: #e91010;}
.formLinkButton {float: left; margin: 0 0 0 10px;}
.formNotRegistered {margin:-10px 0 10px 64px; display: block;}
* html .formNotRegistered {margin:-10px 0 0 64px;}
.formDropDown {float:none; width:156px; clear: right;}
.radiotwo{padding-left:20px;}
.formStep {float:right; font-weight:bold; color:#ffc10e;}

.formTable{border:none;border-collapse:collapse;margin-bottom:0.5em;width:100%;}
.formTable caption{display:none;}
.formTable td{padding-bottom:0.5em;}
.formTable th{font-weight:normal;padding:0 5px 2px 0;}
.formTable .dropDown{padding-left:5px;text-align:right;width:65px;}
.formTable .formFieldBackground{width:156px;}
.formTableHeadings th {font-weight:bold;}


/* =GETTING STARTED SECTION
-----------------------------------------------------------------------------*/ 
.previousNext
{
	margin: 0 0 10px 0;
	padding: 4px 8px;
	overflow: hidden;
	width: 458px;
}

#gs1 {background: url(../images/layout/background-bar-1.jpg) no-repeat center center;}
#gs2 {background: url(../images/layout/background-bar-2.jpg) no-repeat center center;}
#gs3 {background: url(../images/layout/background-bar-3.jpg) no-repeat center center;}
#gs4 {background: url(../images/layout/background-bar-4.jpg) no-repeat center center;}
#gs5 {background: url(../images/layout/background-bar-5.jpg) no-repeat center center;}
#gs6 {background: url(../images/layout/background-bar-6.jpg) no-repeat center center;}


/* =HEADINGS
-----------------------------------------------------------------------------*/ 
.grey {color: #454545; margin: 0 0 10px 0;}
h1, h2, h3, h4, h5, h6 {color: #454545;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0072bb;}
h1, h2 {float: left;}
h2 {font-size: 154%; width: 320px;}
#header {
	background: #edf5f9;
	float: left;
	padding: 0px;
	overflow: hidden;
	width: 756px;
	height: 130px;
}

.imagePreloader img {display:inline; height: 1px; visibility:hidden;}

.jargonTip, .jargonTip:link, .jargonTip:visited {border-bottom: 1px dashed #489fcc; cursor: help; text-decoration: none;}
.jargonTip:hover, .jargonTip:active {border-bottom: none; cursor: help; text-decoration: underline;}

/* links with arrows, see active, hover states at .saveToPage link options further down */
.linkNext {background: url(../images/layout/yellow-arrows-big-right.gif) no-repeat center right; float: right; padding: 0 10px 3px 0;}
.linkPrevious {background: url(../images/layout/yellow-arrows-big-left.gif) no-repeat center left; float: left; padding: 0 0 3px 10px;}


/* Tell Me More - Bore Me Rigid link list */
.levelMenu {
	list-style-type: none;
	margin: 0 0 10px 0;
	width: 400px;
}

.levelMenu li {
	background: url(../images/layout/divider-footer.gif) no-repeat center left;
	display: inline;
	padding: 0 10px;
}
.levelMenu li.noBG {padding: 0 10px 0 0;}
.levelMenu li a, .levelMenu li a:link, .levelMenu li a:visited {color: #454545;	text-decoration:none;}
.levelMenu li a:hover, .levelMenu li a:active {color: #454545; text-decoration: underline;}
.levelMenuActive {font-weight: bold;}

#mainNav {
	float: left;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}

#mainNav li {
	float: left;
}

.mainNavInvestments a, .mainNavPensions a, .mainNavRetirement a, .mainNavProtection a {
	color: #fff;
	cursor: pointer;
	display: block;
	height: 28px;
	position: relative;
}

.mainNavInvestments {width: 88px;}
.mainNavPensions {width: 73px;}
.mainNavRetirement {width: 84px;}
.mainNavProtection {width: 77px;}

.mainNavInvestments a:link span, .mainNavInvestments a:visited span, .mainNavInvestments span.mainNavActive, .mainNavPensions a:link span, .mainNavPensions a:visited span, .mainNavPensions span.mainNavActive, .mainNavRetirement a:link span, .mainNavRetirement a:visited span, .mainNavRetirement span.mainNavActive, .mainNavProtection a:link span, .mainNavProtection a:visited span, .mainNavProtection span.mainNavActive {
	background: url(../images/navigation/investments.jpg) no-repeat 0 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.mainNavInvestments span.mainNavActive, .mainNavPensions span.mainNavActive, .mainNavRetirement span.mainNavActive, .mainNavProtection span.mainNavActive {height: 28px;}

.mainNavPensions a:link span, .mainNavPensions a:visited span {background: url(../images/navigation/pensions.jpg) no-repeat 0 0}
.mainNavRetirement a:link span, .mainNavRetirement a:visited span {background: url(../images/navigation/retirement.jpg) no-repeat 0 0}
.mainNavProtection a:link span, .mainNavProtection a:visited span {background: url(../images/navigation/protection.jpg) no-repeat 0 0}

.mainNavInvestments a:hover span, .mainNavInvestments a:active span, .mainNavInvestments span.mainNavActive {
	background: url(../images/navigation/investments.jpg) no-repeat 0 -28px;
}
.mainNavPensions a:hover span, .mainNavPensions a:active span, .mainNavPensions span.mainNavActive {
	background: url(../images/navigation/pensions.jpg) no-repeat 0 -28px;
}
.mainNavRetirement a:hover span, .mainNavRetirement a:active span, .mainNavRetirement span.mainNavActive {
	background: url(../images/navigation/retirement.jpg) no-repeat 0 -28px;
}
.mainNavProtection a:hover span, .mainNavProtection a:active span, .mainNavProtection span.mainNavActive {
	background: url(../images/navigation/protection.jpg) no-repeat 0 -28px;
}

#mainNavWrapper {
	background: url(../images/layout/background-mainnavigation.jpg) no-repeat top left;
	clear: left;
	font-size: 91%;
	height: 28px;
	overflow: hidden;
	width: 756px;
	position: absolute;
}

#makingSensePicture {margin: 0 0 10px 0;}
.footPrint{margin:0 12px;} 
.mandatory {font-size: 82%;}
.marginBottom {margin: 0 0 10px 0;}
.minorCalc {list-style-type:none;}
.minorCalc li {margin:0 0 10px 0; padding:0 5px 0 10px; overflow:hidden;}
.minorCalc li img {padding:0 8px 8px 0;}
.minorCalc li p {margin:3px 0 0 0; width:155px;}
.minorCalc li img, .minorCalc li a, .minorCalc li h4, .minorCalc li p {float:left;}
.noBG {background: none !important;}

/* =NEEDS BASED
-----------------------------------------------------------------------------*/
.needsList {
	float: right;
	list-style-type: none;
	margin: 0 0 10px 0;
	width: 232px;
}
.needsList li, .needsNavigationList li {background: url(../images/layout/yellow-arrows-small.gif) no-repeat left .5em; padding: 3px 0 5px 15px;}
.needsNavigationList li {font-size: 110%; padding:3px 0 3px 15px;}
.needsGoalContainer {float: left; width: 434px;}
.needsGoalContainer .saveToPage {margin: 10px 0;}
.needsGoal, .needsSubGoal {color:#489fcc; font-size:120%; width:434px;}
.needsGoal a {text-decoration: none;}
.needsSubGoal {color: #999; width:auto;}
.needsIcon {display:block; float:left; margin:0 10px 0 0;}
.needsContentSmall {float:left;	width: 222px;}
.needsGoalSelect {margin:5px 5px 3px 0; width:360px;}
.needsPanel {overflow:hidden;}
* html .needsPanel {height: 1%; overflow:visible}
.needsContentBox {
	background:url(../images/boxes/needscontentbox_base.gif) no-repeat 0 100%;
	font-size: 90%; /* equals to 10pt having 11pt equaling 100% which is set earlier */
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 474px;
}
.needsContentBoxInner {
	background: url(../images/boxes/needscontentbox_top.gif) no-repeat 0 0;
	min-height: 60px;
	padding: 7px 10px;
	overflow: hidden;
}
#needsTextBox .needsContentBoxInner {background: url(../images/boxes/needscontentboxline_top.gif) no-repeat 0 0; float:left; width:454px;}
#needsTextBox {background: url(../images/boxes/needscontentboxline_base.gif) no-repeat 0 100%;}
.needsContentBox h4 {margin:0 0 5px 0;}
.needsNavigation h3, .needsNavigation h4, .needsNavigation h5 {font-size: 110%; margin:0 0 5px 0;} /* font-size: 110% = 11pt with 10pt=100% set earlier in sidebar */
.needsNavigation h4 {font-weight:normal;}
.needsNavigation h5 {margin:8px 0 2px 0;}
.needsTextBoxLeft, .needsTextBoxLeftStatic {float:left; padding:0 10px 0 0; width:212px;}
.needsTextBoxLeftStatic {background: url(../images/layout/yellow-arrow-big-down.gif) no-repeat center bottom; padding:0 10px 10px 0;}
.needsTextBoxRight {background: url(../images/layout/blue-arrow-big-right.gif) no-repeat center right; float:right; padding:0 20px; width:192px;}
* html .needsTextBoxRight {margin:0 10px 0 0; padding:0 20px; width:192px;}
#needsQuestionOpen {background: url(../images/layout/yellow-arrow-big-down.gif) no-repeat top center; color:#eee !important; display:block; height:10px; width:212px;} /* color: #eee; to make link invisible on bg, probably better than text-indent for css-on images-off situation */
.needsQuestionList {display:block; overflow:hidden;}
.needsQuestionList dt, .needsQuestionList dt.second {clear:left; float:left; margin:0 10px 5px 0; padding:2px 0 0 0; width:87px;}
.needsQuestionList dt.second {clear:none; margin: 0 10px 5px 20px;}
.needsQuestionList dd {float:left; margin:0 0 5px 0; width:120px;}
.needsQuestionList dd span label {margin:0 3px;top:-3px;position:relative;}
#needsQuestionClose {background: url(../images/layout/yellow-arrow-small-up.gif) no-repeat center left; float:left; margin: 5px 0 0 0; padding: 0 0 2px 18px;}
.needsQuestionButton {float:right; margin: 0 10px 10px 0;}
.needsContent {line-height: 1.5em;}
.needsContent ol li {list-style-type:decimal; margin: 0 0 5px 23px;}
* html .needsContent ol li {margin: 0 0 5px 25px;}
.needsFlashWrapper #flashcontent {
	/* fix for absolute positioning in IE */
	position: relative;
	margin: 0 -242px 0 0;
}
.needsFlashWrapper object {position:absolute; z-index:1;}

/* =NOTES 
-----------------------------------------------------------------------------*/ 
.note {background: url(../images/boxes/note.gif) 0 100% no-repeat; float:left; position:absolute; width:143px; cursor:move;}
.note .inner {background: url(../images/boxes/note.gif) 0 100% no-repeat; margin:2px -2px 0 0; padding:10px 12px 12px 10px; text-align:left;}
.note .minimise {position:absolute; top:10px; right:10px; cursor:pointer}
.note input {margin:0 0 2px 0; width:115px;}
.note textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:0 0 2px 0; width:115px;}
.note h3 {font-size:120%; margin:0 0 5px 0;}
.ghosted {color:#999;}
.noteIcon {margin-bottom:5px; cursor:pointer; white-space:nowrap}
#noteTray {position:absolute; top:10px; left:770px;}

.noteCancelBt, .noteDeleteBt, .noteEditBt, .noteSaveBt, .noteSendBt, #noteOkBt {border:none; cursor:pointer; height:19px; margin:0 2px 0 0;}
.noteCancelBt {background: transparent url(../images/buttons/button-note-cancel.gif) no-repeat top left; width:52px;}
.noteDeleteBt {background: transparent url(../images/buttons/button-note-delete.gif) no-repeat top left; width:50px;}
.noteEditBt {background: transparent url(../images/buttons/button-note-edit.gif) no-repeat top left; width:41px;}
.noteSaveBt {background: transparent url(../images/buttons/button-note-save.gif) no-repeat top left; width:43px;}
.noteSendBt {background: transparent url(../images/buttons/button-send-submit.gif) no-repeat top left; width:42px;}
#noteOkBt {background: transparent url(../images/buttons/button-note-ok.gif) no-repeat top left; width:30px;}

p {
	line-height: 1.5em;
	margin-bottom: 10px;
}

.radtwo{
padding-left:20px;
}
.radone{
width:300px;
}
.rads{
padding-top:10px;
float:left;
clear:left;
}
.rads dd{
padding-bottom:8px;
}
.formCalculator dl{
margin-left:12px;
}
.non{
padding-left:4px;
}
.nudge{
padding-left:12px;
}
.bnudge{
position:relative;
left:-10px;
top:8px;
}
.boxy{
border:1px dotted red;
}
.blue{
color:#0072bb;
font-size:1.2em;
font-weight:bold;
position:relative;
left:60px;
height:38px;
}
.perc{
color:#0072bb;
font-size:1.1em;
font-weight:bold;
padding:7px 0 0 4px;
}

.cost{
	background: url(../images/layout/dotted-line.gif) repeat-x left top;
	height:38px;
}

.expenseTable{
padding:0;
margin:0;
}
/* =PANELS which are sliding (474px wide) 
-----------------------------------------------------------------------------*/ 
.panelTitle, .panelTitleStatic {
	background: url(../images/boxes/panel_base.gif) no-repeat 0 100%;
	clear: both;
	margin: 0 0 3px 0;
}

.panelTitle h3, .panelTitleStatic h3, .panelTitleBottom {background: url(../images/boxes/panel_top.gif) no-repeat 0 0;}
.panelTitleStatic h3 {padding-right: 150px;}

.panelTitle h3 a, .panelTitle h3 a:link, .panelTitle h3 a:visited {
	background: url(../images/boxes/panel_button_close.gif) no-repeat 455px 50%;
	color: #0072bb;
	display: block;
	outline: none;
	padding: 6px 20px 6px 10px;
	text-decoration: none;
}

.panelTitle h3 a:hover, .panelTitle h3 a:active {text-decoration: underline;}

* html div.panelTitle h3 a {width: 474px;}

.panelTitle h3 a:hover {background: url(../images/boxes/panel_button_open.gif) no-repeat 455px 50%;}

.panelTitle h3 a.activehead, .panelTitle h3 a.activehead:link, .panelTitle h3 a.activehead:visited, .panelTitle h3 a.activehead:hover, .panelTitle h3 a.activehead:active {background:none;}

.panel, .panelStatic, .columnPanelStatic {
	background: #fff; /* needed for IE7 bug which displays the text totally weird */
	padding: 0 10px;
	overflow: hidden;
}

.panelStatic, .columnPanelStatic {line-height: 1.5em; margin: 0 0 10px 0;}

* html .panel, * html .panelStatic, * html .columnPanelStatic {padding: 0 10px 1px 10px;}

.panel h3, .panel h4, .panel h5, .panel h6, .panelStatic h3, .panelStatic h4, .panelStatic h5, .panelStatic h6 {margin: 0 0 10px 0;}

.panel ul, .panelStatic ul, .contentOneColumn, .needsContent ul {
	list-style-type: disc;
	margin: 0 0 10px 15px;
	line-height: 1.5em;
}

.panel ol, .panelStatic ol {list-style-type: decimal; margin: 0 0 10px 30px;}

.panel ul li, .panelStatic ul li, .panel ol li, .panelStatic ol li, .contentOneColumn {margin: 3px 0;}

/* =PANELS SMALL
-----------------------------------------------------------------------------*/ 
.panelSmallTitle {
	background:url(../images/boxes/panel_small_base.gif) no-repeat 0 100%;
	margin: 0 0 3px 0;
}

.panelSmallTitle h3, .panelSmallTitleStatic h3 {background:url(../images/boxes/panel_small_top.gif) no-repeat 0 0;}

.panelSmallTitle h3 a, .panelSmallTitle h3 a:link, .panelSmallTitle h3 a:visited {
	background:url(../images/boxes/panel_button_close.gif) no-repeat 212px 50%;
	color: #0072bb;
	display: block;
	outline: none;
	padding: 6px 20px 6px 10px;
	text-decoration: none;
}

.panelSmallTitle h3 a:hover, .panelSmallTitle h3 a:active {text-decoration: underline;}

* html div.panelSmallTitle h3 a {width: 202px;}

.panelSmallTitle h3 a:hover {
	background:url(../images/boxes/panel_button_open.gif) no-repeat 212px 50%;
}

.panelSmallTitle h3 a.activehead {
	background:url(../images/boxes/panel_button_open.gif) no-repeat 212px 50%;
}

/* !important this is the main class for all h3s that are boxed out and no link */
.formPanel {
	color: #454545;
	margin: 0 0 10px 0;
	padding: 6px 20px 6px 10px;	
}

.panelSidebarTitle {
	background:url(../images/boxes/panel-sidebar-base.gif) no-repeat 0 100%;
	margin: 0 0 3px 0;
}

.panelSidebarTitle h3 {
	background:url(../images/boxes/panel-sidebar-top.gif) no-repeat 0 0;
}

#printDetails {display:none;}

/* =QUICKLINKS for print, send to a friend and make a note
-----------------------------------------------------------------------------*/
#quickLinks {
	float: right;
	font-size: 91%;
	padding: 0.7em 0 0 0;
}

#quickLinks li {
	display: inline;
	padding: 0 0 0 6px;
}

#quickLinks li a, #quickLinks li a:link, #quickLinks li a:visited {
	color: #454545;
	text-decoration: none;
}

#quickLinks li a:hover, #quickLinks li a:active {
	color: #489fcc;
	text-decoration: underline;
}

#quickLinksPrint, #quickLinksSend, #quickLinksNote {padding: 0 0 0 18px;}

#quickLinks li a.quickLinksRegLogin, #quickLinks li a.quickLinksRegLogin:link, #quickLinks li a.quickLinksRegLogin:visited {padding: 0;}
#quickLinksPrint {background: url(../images/icons/quicklinks-print.gif) no-repeat center left;}
#quickLinksSend {background: url(../images/icons/quicklinks-send.gif) no-repeat center left;}
#quickLinksNote {background: url(../images/icons/quicklinks-note.gif) no-repeat center left; padding: 0 0 0 15px;}

.saveToPage, .saveToPageTick, .saveToPageNeeds, .saveToPageNeedsTick {
	background: url(../images/layout/background-save-to-page.gif) no-repeat center left;
	float: right;
	font-size: 91%;
	margin: 5px 5px -23px 0;
	padding: 2px 0 5px 16px;
}
.saveToPageNeeds, .saveToPageNeedsTick {margin: 5px;}
.saveToPageTick, .saveToPageNeedsTick {background: url(../images/icons/savetopage-tick.png) no-repeat center left;}
.saveToPage a, .saveToPage a:link, .saveToPage a:visited, .saveToPageTick a, .saveToPageTick a:link, .saveToPageTick a:visited, .saveToPageNeeds a, .saveToPageNeeds a:link, .saveToPageNeeds a:visited, .saveToPageTickNeeds a, .saveToPageTickNeeds a:link, .saveToPageTickNeeds a:visited, .linkNext, .linkNext:link, .linkNext:visited, .linkPrevious, .linkPrevious:link, .linkPrevious:visited {color: #454545; text-decoration: none;}
.saveToPage a:hover, .saveToPage a:active, .saveToPageTick a:hover, .saveToPageTick a:active, .saveToPageNeeds a:hover, .saveToPageNeeds a:active,  .saveToPageTickNeeds a:hover, .saveToPageTickNeeds a:active, .linkNext:hover, .linkNext:active, .linkPrevious:hover, .linkPrevious:active {text-decoration: underline;}

/* =SEARCH FORM in the top right corner, also in the content on the jargonbuster results page
-----------------------------------------------------------------------------*/

.searchForm {float: right; margin: 8px 0 0 0;}

.searchForm input {float: left;}

.searchForm input.inputfield, #jargonBuster input.inputfield {
	background: transparent;
	border: none;
	color: #454545;
	font-size: 91%;
	height: 12px;
	padding: 2px 6px 4px 4px;
	width: 110px;
}

.searchForm span, #jargonBuster span {
	background: url(../images/layout/background-searchbox.gif) no-repeat center left;
	float: left;
	margin: 0 2px 0 15px;
	position: relative;
	top: -1px;
}

.searchForm label,  #jargonBuster label {display: none;}

#jargonBuster span {margin: 0 2px 0 0;}

#section .searchForm { float:left; margin:0;}
.noJargon {float:left}

/* =SEARCH RESULTS
-----------------------------------------------------------------------------*/
dl.searchResults, ul.searchResults {
	margin-top: 10px;
}

ul.searchResults {list-style-type:none;}

dl.searchResults dt, ul.searchResults li {
	background: url(../images/layout/yellow-arrows.gif) no-repeat center left;
	padding-left: 10px;
	margin: 0 0 5px 0;
}

dl.searchResults dd {
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

/* =JARGON SEARCH RESULTS
-----------------------------------------------------------------------------*/

dl.jargonResults dt {font-weight:bold;margin-bottom:5px}
dl.jargonResults dd {margin-bottom:20px;}

#jargonSearchTerms { margin-bottom:20px;}
#jargonSearchTerms span { font-weight:bold; }

/* =MAIN SECTION (474px wide) AND SIDEBAR (212px wide)
-----------------------------------------------------------------------------*/
#section, .section {
	float: left;
	overflow: hidden;
	width: 474px;
	/*border:1px dotted red;*/
	margin:0;
	padding:0;
}

#sidebar {
	float: right;
	font-size: 91%;
	list-style-type: none;
	width: 212px;
}

#sidebar ul {list-style-type: none;}

#sidebar ol {list-style-type: decimal; margin: 0 0 0 20px;}

/* =SIDEBOX located in .sidebar
-----------------------------------------------------------------------------*/
.sidebox, .sideboxLong {
	background: #f0f0f0 url(../images/boxes/sidebox_base.gif) no-repeat 0 100%;
	margin: 0 0 10px 0;
	width: 212px;
}

.sideboxInner {
	background: url(../images/boxes/sidebox_top.gif) no-repeat 0 0;
	padding: 7px 10px;
	min-height: 70px;
	overflow: hidden;	
}

.sideboxInner img {float:left; padding: 0 10px 10px 0;}

.sidebox h3, .sideboxInner h3, .sideboxLong h3, .sideboxHome h3, .sideboxHomeThree h3 {margin: 3px 0 10px 0;}

.sideboxHome {
	background: #f0f0f0 url(../images/boxes/homepage-panel-bottom.gif) no-repeat 0 100%;
	margin: 0 0 10px 0;
	width: 177px;
}
.sideboxHomeInner {
	background: url(../images/boxes/homepage-panel-top.gif) no-repeat 0 0;
	padding: 7px 10px;
	min-height: 150px;
}

* html .sideboxHomeInner {height:150px;}

.sideboxHomeThree {
	background: #f0f0f0 url(../images/boxes/homepage-3panel-bottom.gif) no-repeat 0 100%;
	margin: 0 0 10px 0;
	width: 237px;
}
.sideboxHomeInnerThree {
	background: url(../images/boxes/homepage-3panel-top.gif) no-repeat 0 0;
	padding: 7px 10px;
	min-height: 120px;
}
* html .sideboxHomeInnerThree {height:120px;}

.linkHome, .linkHome:link, .linkHome:visited {
	background: url(../images/boxes/panel_button_close.gif) no-repeat center right;
	color: #454545;
	font-size: 100%;
	font-weight: bold;
	padding: 0 20px 0 0;
	text-decoration: none;
}

/* =SKIPLINK
-----------------------------------------------------------------------------*/
#skiplink a, #skiplink a:hover, #skiplink a:visited{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden} /* hide skip link */
#skiplink a:active, #skiplink a:focus{position:static;width:auto;height:auto} /* make visible when tabbed to */

.smallFont {font-size: 82%;} /* used eg. in the disclaimer on the calculator pages which are located in .columnRight50 */

/* =SUBNAVIGATION located in .sidebar
-----------------------------------------------------------------------------*/
.subNav a, .subNav a:link, .subNav a:visited {
	color: #454545;
	text-decoration: none;
}

.subNav a:hover, .subNav a:active  {
	text-decoration: underline;
}

.subNavActive {color: #489fcc;}

.subNav {
	list-style-type: none;
}

.subNav li {
	background: url(../images/layout/dotted-line-tall.gif) repeat-x bottom left;
	font-weight: bold;
	padding: 0 0 20px 0;
}

.subNav li ul, ul.subNavYourPage {
	list-style-type: none;
	margin: 0 0 0 15px;
}

.subNav li ul.subNavYourPage {margin: 0;}

ul.subNavYourPage {margin: 0;}

.subNav li ul.subNavPanel {background: #fff; margin: 6px 0 0 0;}

.subNav li ul.subNavPanel li {margin: 0 0 3px 0; padding: 0 0 0 10px;}

.subNav li ul li, ul.subNavYourPage li {
	background: url(../images/layout/listbullet-subnav.gif) no-repeat 0 0.5em;
	font-weight: normal;
	padding: 0 0 2px 10px;
}

ul.subNavYourPage li {margin: 0 0 2px 0; padding: 0 0 0 10px; overflow: hidden; width: 202px;}

ul.subNavYourPage li a.floatLeft {width: 185px;}

.subNav li ul li ul {margin: 5px 0 0 0;}

ul.subNavYourPage li.subNavViewAll {
	background: url(../images/layout/dotted-line.gif) repeat-x 0 2px;
	padding: 10px 0 0 0;
	width: 212px
}

ul.subNavYourPage li.subNavViewAll a, ul.subNavYourPage li.subNavViewAll a:link, ul.subNavYourPage li.subNavViewAll a:visited {color: #489fcc; text-decoration: underline;}

ul.subNavYourPage li.subNavViewAll a:hover, ul.subNavYourPage li.subNavViewAll a:active {text-decoration: none;}

/* SPLASH PAGE NEEDS 
-----------------------------------------------------------------------------*/
#splashQuickLinks {
	background: #fff url(../images/layout/background-splash-qlinks.gif) no-repeat bottom left;
	padding: 12px 20px 20px 20px;
	overflow: hidden;
	width: 706px;
}
#splashQuickLinks h3, #splashQuickLinks ul {float: left; margin-right: 10px;}
#splashQuickLinks ul li {
	float: left;
	list-style-type: none;
	background: url(../images/layout/yellow-arrows-small.gif) no-repeat center left;
	padding: 0 15px 2px 15px;
}
#splashNavigation {
	list-style-type: none;
	left: 100px;
	position: absolute;
	top: 145px;
}
#splashNavigation a {
	display: block;
	height: 25px;
	margin: 10px 0;
	text-indent: -9000px;
	width: 90px;
}
#splashGoals {
	left: 380px;
	position: absolute;
	top: 280px;
}
#splashGoals h3 {margin: 0 0 5px 0;}
#splashGoals ul li {
	list-style-type: none;
	background: url(../images/layout/yellow-arrows-small.gif) no-repeat 0 0.2em;
	margin: 2px 0;
	padding: 0 0 2px 15px;
	width: 305px;
}

.tableGeneric {border:none; margin: 0 0 10px 0;	width:100%;}
.tableGeneric td {padding: 5px 5px 5px 0; vertical-align:top;}

/* =TOOLTIP JARGONBUSTER
-----------------------------------------------------------------------------*/
#tooltip, #toolTipHome {
	background: url(../images/boxes/jargon-bottom.gif) no-repeat bottom left;
	left:0;
	padding: 0 0 5px 0;
	position: absolute;
	top:0;
	text-align: left;
	visibility: hidden;
	width: 194px;
}
#toolTipHome {left:185px; top:130px; visibility:visible;}
#tooltip div, #toolTipHome div {background: url(../images/boxes/jargon-top.gif) no-repeat top left; padding: 10px 5px 0 25px; width:164px;}
#tooltip h3, #toolTipHome h3 {color: #0072bb; margin: 0 0 10px 0;}

#flashcontentHome #toolTipHome {left:330px; top:120px;}
#flashcontentInvestments #toolTipHome {left:185px; top:120px;}
#flashcontentPensions #toolTipHome {left:420px; top:100px;}
#flashcontentRetirement #toolTipHome, #flashcontentretirement #toolTipHome {left:330px; top:100px;}
#flashcontentProtection #toolTipHome {left:420px; top:100px;}

/* =TOPNAV
-----------------------------------------------------------------------------*/
.topNav {
	background: #f7f7f7 url(../images/layout/background-topnav.gif) no-repeat bottom left;
	font-size: 91%;
	list-style-type: none;
	padding: 0 15px 0 0;
	overflow: hidden;
	width: 731px;
}
.topNav li {
	background: url(../images/layout/divider-topnav.gif) repeat-y top left;
	float: left;
	padding: 0 1px;
}

.topNav li.noBG {
	float: left;
	padding: 0 1px 0 0;
}

.topNav li a, .topNav li a:link, .topNav li a:visited, .topNavActive {
	color: #454545;
	display: block;
	float: left;
	padding: 8px 1em;
	text-decoration: none;
}

.topNav li a:hover, .topNav li a:active {
	background: url(../images/layout/background-topnav-hover.jpg) repeat-x top left;
	color: #489fcc;
}

.topNav li a.topNavFirst {padding: 8px 1em 8px 15px;} /* 15px padding left to get the hover and active bg to go the left edge */

.topNavActive {
	background: url(../images/layout/background-topnav-hover.jpg) repeat-x top left;
	font-weight: bold;
}

.topNav li a:hover.topNavActive, .topNav li a:hover.topNavActive {color: #454545;}

#topPicture {
	display: block;
	clear: both;
}

.topRuler{
	background: url(../images/layout/dotted-line.gif) repeat-x top left;
	clear: left;
	margin: 0 0 10px 0;
	padding: 11px 0 0 0;
	overflow: hidden;
}

* html .topRuler {height:1%; overflow:visible}

.ruled{
background: url(../images/layout/dotted-line.gif) repeat-x left 2px;
padding:0;
margin:6px 0;
height:6px;
overflow: hidden;
}

#wrapper, #wrapperHome {

	background-color: #EDF4FA;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 756px;

}

#wrapperHome {background: #cdd4d8;}

* html #wrapper, * html #wrapperHome {height: 100%;}

#wrapperInner {
	padding-bottom: 0px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 4em;
	background-image: url("/images/body_background.gif");
	background-repeat: repeat-y;
		padding-bottom: 2em;

}


@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}
	
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	
	.sIFR-hasFlash #content h2 {visibility: hidden; }
}