/* Sort padding & margins out */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, img,form {margin: 0; padding: 0; border:0;}
ol, ul {list-style-image:none; list-style-position:inside; list-style-type:square;}
.clearer {clear:both; line-height:1px; height:1px; font-size:1px;}
#wrapper{width:964px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#main-content{width:964px; padding-left:15px; padding-right:14px;  min-height:500px; height:auto !important;}

/*--------------Breadcrumbs--------------------*/
#breadbox{height: 18px;padding: 2px 10px 2px 10px; }
.breadcrumb{display: inline; font-size: 12px; }

/*--------------Typography--------------------*/
h1{font-size:28px; font-weight:bold;   word-spacing: 0px; line-height: 36px;}
h2{font-size:22px; font-weight:normal; word-spacing: 0px; padding: 4px 0 10px 10px;}
h3{font-size:17px; font-weight:bold;   word-spacing: 0px; padding: 4px 0 5px 0px; }
h4{font-size:12px;}
h1,h2 {color: #f79609;}
p{color:#5e5e5e; margin: 0 0 10px 0px;}
a{color: #004DB3; text-decoration:none;}
a:hover{color: #CC0000;}
.center{text-align:center;}

/*---------------Top Section Styles---------------*/
#logo{float:left; width:50%; padding-top:25px;}
#icon-links{float:right;  width:250px; padding-top:18px; }
a.home-button-link, a.fund-finder-button-link{height:0 !important; overflow:hidden; padding:66px 0 0;}
a.portfolio-button-link{height:0 !important; overflow:hidden; padding:68px 0 0;}
#home-button{float:left; width:61px;}
#home-button a {background:transparent url(home-button.jpg) no-repeat scroll left top; display:block; height:66px; width:61px;}
#home-button a:hover {background:transparent url(home-button.jpg) no-repeat scroll right top; display:block; height:66px; width:61px;}
#fund-finder-button{float:left; width:98px;}
#fund-finder-button a {background:transparent url(fund-finder-button.jpg) no-repeat scroll left top; display:block; height:66px; width:98px;}
#fund-finder-button a:hover {background:transparent url(fund-finder-button.jpg) no-repeat scroll right top; display:block; height:66px; width:98px;}
#portfolio-button{float:left; width:88px;}
#portfolio-button a {background:transparent url(portfolio-button.jpg) no-repeat scroll left top; display:block; height:68px; width:88px;}
#portfolio-button a:hover {background:transparent url(portfolio-button.jpg) no-repeat scroll right top; display:block; height:68px; width:88px;}

/*-------------  Header Image Styles--------------------*/
#header-promo {width: 600px; margin-left: 20px;}
#header-promo img{margin-left: 20px; margin-right: 20px; float:left;}
#header-box-left {width: 600px; float: left;}
#header-box-right{width: 270px; float: right; padding: 5px 10px 5px 10px;}
#header-box-right h4 {font-weight: normal; padding-bottom: 5px;}
#header-box-right li {font-size:12px; line-height:16px; padding-left:15px; }
#header-buttons{width:505px; float:right;}
#header-buttons img{margin-right:13px; margin-bottom:6px;}

/*-------- header-image-blank ---------*/
#homepage-box-left{width:700px; height:320px; padding-bottom:10px; -moz-border-radius-bottomright: 50px;
  border-bottom-right-radius: 50px; border: 1px solid #dbdbdb; float: left; background-color: #B9CFDD;}
#homepage-box-left h1{font-size: 40px; font-weight: bold; margin-top: 10px; padding: 20px 0 0px 20px; color: #595959; line-height: 52px;}
#homepage-box-left h2{color: black; padding-left: 20px; font-size: 20px;}
#homepage-box-right{width: 180px; float: right; padding: 5px 10px 5px 10px;}
#homepage-box-right li {list-style: square inside; font-size:12px; line-height:16px; padding-left:15px;}
#homepage-box-right h4{color: #004DB3;}
#homepage-box-right li a{color: #004DB3;}



/*-------------Footer Styles--------------*/
#footer{padding-top:20px; float:left; width:100%; padding-bottom:20px;}
#footer-left{float:left; width:49%;}
#footer-right{float:right; width:49%; text-align:right;}
#footer-right li{display:inline; padding-left:10px; margin-right:10px; border-left:1px solid #6a6a6a;}
.no-border{border-left:0px solid white !important; }
#footer-right li a{ color:#6a6a6a; text-decoration:none;}
#footer-right li a:hover{text-decoration:underline;}

/*------------- Fundcompare top header ------------------*/
#left-compare-form{width:450px; float:left;}
#left-compare-form h1{color:#f79609; font-size:19px; font-weight:bold; margin-bottom:15px; padding:0;}
#left-compare-form h2{color:#f79609; font-size:17px; font-weight:bold; margin-bottom:15px; padding:0;}
#left-compare-form h3{color:#6e6e6e; font-size:15px; font-weight:bold; margin-bottom:15px; padding:0;}

/*-----------------Fund Table----------------*/
.fund-table .table-header-left{font-weight: normal;  color:white;  -moz-border-radius: 5px 0px 0px 0px;  border-radius: 5px 0px 0px 0px;  padding:5px; background-color:#f79609;}
.fund-table .table-header{font-weight: normal; color:white;  padding: 5px; background-color:#f79609;}
.fund-table .table-header-right{font-weight: normal;  color:white; -moz-border-radius: 0px 5px 0px 0px;  border-radius: 0px 5px 0px 0px;  padding:5px; background-color:#f79609;}
.fund-table td{padding:4px; border:1px solid #dbdbdb; border-top:0px solid white;}
.dark-row{background-color:#f2f2f2;}
.current-row{background-color:#e3e3e3;}
.light-row{background-color:#f5f5f5; border-bottom:0px solid white;}
.red-row{background-color:#f8b6b6;}
.blue-row{background-color:#a7e3fa;}
.green-row{background-color:#b0f3b7;}
.abi-row{background-color:#b0f3b7; border-bottom: 3px solid; height: auto; padding-top:0px; padding-bottom: 0px;}
table a, table a:hover{text-decoration:none; color:#2a2a2a;}
.showlink a{color: #004Db3;}
.showlink a:hover{color: #CC0000; text-decoration:underline;}
#table-noheader h3{color:white; font-weight:normal; font-size:16px; padding:8px; -moz-border-radius: 5px 5px 0px 0px;  border-radius: 5px 5px 0px 0px;}


/*--------------  Foot Notes at bottom of pages ---------------*/
#footnotes{margin-top:100px;}
#footnotes p{font-size:11px;}
#smalltext, .smalltext, .smalltext p, p.smalltext{font-size:11px; padding-bottom:10px;}

/*---------- Notes  eg. Assumptions  ---------------*/
#notes{clear:both; float:left; margin-top:15px;}
#notes h4{ color:#f79609; font-size:19px; font-weight:bold; padding:0px; margin-bottom:15px;}
#notes h5{ color:#f79609; font-size:15px; font-weight:bold; padding-bottom:15px; }
#notes ul, .text-page ul{padding-bottom:4px;}
#notes p{font-size:12px;}
#notes li, .text-page li{list-style: square inside; color:#525252; font-size:12px; line-height:20px; margin-bottom:6px; padding-bottom:0; padding-left:25px;}

/*------------Text Pages-----------------*/
.text-page h1{color:#f79609; font-weight:bold;}
.text-page h2{color:#f79609; font-size:17px; padding:0px; margin-bottom:6px; font-weight:bold;}
.text-page h3{color:#f79609; font-size:16px; padding:0px; margin-bottom:6px; font-weight:bold;}
.text-page h4{color:#f79609; font-size:15px; padding:0px; margin-bottom:6px; font-weight:bold;}
.text-page h5{color:#f79609; font-size:14px; padding:0px; margin-bottom:6px; font-weight:bold;}

/*----------Form Styles  used on icapture  ----------------*/
.day-select{width:60px !important; padding-left: 0px;}
.month-select{width:80px !important; padding-left: 0px;}
.year-select{width:65px !important; padding-left: 0px;}

/*-------Validation Styles--------*/
.validation-icon{margin-left:10px; margin-top:10px; vertical-align:bottom;}
.myportfolio{margin-bottom:20px;}
.form-left{float:left; width:220px;}
.form-right{ width:60px; float:right; padding-top:22px;}
.form-right input{margin-right:10px;}
.error{display:block; padding-bottom:5px; color:red;}
.field-error{color: red; font-weight: bold;}
input.success {height:18px; border:0 !Important; background:url(validtextbox-sml.png) no-repeat top left !Important; padding-right:40px !Important;}
input.error {height:18px; border:0 !Important; background:url(invalidtextbox-sml.png) no-repeat top left !Important; padding-right:40px !Important;}

/*--------  ICOMPLETE status page ---------*/
#status-one{float:left; width:260px;}
#status-one img{margin-left:40px;}
#status-two{float:left; border-left:1px solid #dddddd; border-right:1px solid #dddddd; width:260px; margin-left:30px; padding-left:30px; margin-right:30px; padding-right:30px;}
#status-two img{margin-left:70px;}
#status-three{float:left; width:260px; }
#status-three img{margin-left:40px;}
.complete-page img{padding-bottom:20px;}

/*--------------Fund Info Styles---------------*/
#column-450-left{width:450px; float:left;}
#column-450-right{width:450px; float:right;}
.boostbox{ background-color:white;padding:0 0 10px 0; float:left; width:300px;}
.boostbox-top{font-weight: bold; font-size:12px;}
.boostbox-sum{font-size:28px; text-align: center; padding: 4px 0 0 0;color: #f79609;}
.boostbox-sml{font-size:14px; width:250px; text-align: right; padding: 0; color: #f79609;}

/*-------- 300 width box ---------*/
#box-300-left{width:300px; float:left;}
#box-300-right{width:300px; float:right;}
#box-300{width:300px; padding-bottom:15px;}
#box-300-inner{padding:8px; padding-top:8px;}
#box-300 li{list-style: square inside; padding-left:15px; margin-bottom:6px; margin-left:5px;}
#box-300 li.tick{list-style: none; background-image:url(check.png); background-position:left top; background-repeat:no-repeat; font-size:13px; line-height:16px; padding-left:45px; margin-bottom:6px; padding-bottom:8px; margin-right:5px;}
#box-300-inner{min-height: 50px;}
#box-300 .formrow{width:280px; float:left; padding-bottom:5px;}
#box-300 .formleft{width:130px; }
#box-300 .formright{float:right; width:140px;}
#box-300 select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:2px; border:1px solid #cccccc; width:140px; color:#5e5e5e;}
#box-300 input[type=text],#box-300 input[type=password] { background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:2px; border:1px solid #cccccc; width:130px;}
#box-300 p {padding-bottom: 5px;}

/*-------- 450 width box ---------*/
#box-450-left{width:450px; float:left; margin-top: 20px;}
#box-450-right{width:450px; float:right; margin-top: 20px;}
#box-450{width:450px; padding-bottom:15px; }
#box-450-inner{padding:8px; padding-top:15px;}
#box-450 .formrow{width:440px; float:left; padding-bottom:15px;}
#box-450 .formleft{ width:220px; }
#box-450 .formright{float:right; width:200px;}
#box-450 select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:160px; color:#5e5e5e;}
#box-450 input[type=text]{ background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:160px;}
#box-450 li{font-size: 14px; padding-left:25px; margin-bottom:8px;}

/*-------- 620 width box ---------*/
#box-620-left{width:620px; float:left;}
#box-620-right{width:620px; float:right;}
#box-620-center{width:620px; margin-left: 170px;}
#box-620{width:620px; padding-bottom:15px;}
#box-620-inner{padding:8px; padding-top:15px;}
#header-box-left li  {list-style: square inside; font-size:20px; line-height:26px; padding-left:45px; margin-bottom:8px;  margin-right:5px;}
#box-620-inner{min-height: 50px;}
#box-620 .formrow{width:470px; float:left; padding-bottom:5px;}
#box-620 .formleft{width:200px; }
#box-620 .formright{width:240px; float:right;}
#box-620 select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:4px; border:1px solid #cccccc; width:204px; color:#5e5e5e;}
#box-620 input[type=text], #box-620 input[type=password]{width:194px; background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:4px; border:1px solid #cccccc;}
#box-620 h4{padding-bottom:2px; padding-top:2px; font-size:15px; color:#f39403; border-bottom:1px solid #dadada; margin-bottom:6px; clear:both;}

/*--------  920 width box ---------*/
#box-920{width:920px; padding-bottom:15px;}
#box-920-inner{padding:8px; padding-top:15px;} 
#box-920 li{background-image:url(check.png); background-position:left top; background-repeat:no-repeat; font-size:16px; line-height:22px; padding-left:45px; margin-bottom:6px; padding-bottom:8px; margin-right:5px;}
#box-920 li.red {background-image:url(nav_plain_red.png);}
#box-920 li.blue {background-image:url(nav_plain_blue.png);}
#box-920-inner{min-height: 80px;}
#box-920 .formrow{width:600px; float:left; padding-bottom:15px;}
#box-920 .formleft{width:300px;  }
#box-920 .formright{float:right; width:255px;}
#box-920 select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:250px; color:#5e5e5e;}
#box-920 input[type=text]{ background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:235px;}
#showreti_age{font-size: 22px;}

/*-------- icapture width box ---------*/
#box-icap-right{float: right;}
#box-icap-left{float: left;}
#box-icap-center{padding-left: 170px;}
#box-icap{width:620px; padding-top:15px; padding-bottom:15px; }
#box-icap-inner{background-image:url(620-bg.jpg); background-position:right bottom; background-repeat:no-repeat; padding:8px; padding-top:15px;}
#box-icap-inner .formrow{width:470px; float:left; clear:both; padding-bottom:4px;}
#box-icap-inner .formleft{float:left; width:200px; padding-top:4px; text-align: right;}
#box-icap-inner .formright{float:right; width:240px;}
.validation-icon{margin-left:10px; margin-top:10px; vertical-align:bottom;}
#box-icap-inner{padding-top:15px;}
#box-icap-inner select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:4px; border:1px solid #cccccc; width:204px; color:#5e5e5e;}
#box-icap-inner input[type=text] { background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:4px; border:1px solid #cccccc; width:194px; color:#5e5e5e;}
#box-icap h4{padding-bottom:2px; padding-top:2px; font-size:15px; color:#f39403; border-bottom:1px solid #dadada; margin-bottom:6px; clear:both;}
#box-icap label{font-size:12px;}
#box-icap input.success {height:18px; border:0 !Important; background:url(validtextbox-sml.png) no-repeat top left !Important; padding-right:40px !Important;}
#box-icap input.error {height:18px; border:0 !Important; background:url(invalidtextbox-sml.png) no-repeat top left !Important; padding-right:40px !Important;}

/*-------- Generic Box Settings ---------*/
#box-icap h3, #box-260 h3, #box-300 h3, #box-320 h3, #box-420 h3, #box-450 h3, #box-560 h3, #box-620 h3,#box-920 h3 {background-color: #3C6F90; font-size:14px; font-weight:bold; color:white; padding:5px 10px 5px 10px; -moz-border-radius: 3px 3px 0px 0px;  border-radius: 3px 3px 0px 0px;}
#table-noheader h3, .fund-table .table-header-left, .fund-table .table-header, .fund-table .table-header-right{ background-color:#3C6F90;}
.formleft {float: left; text-align: right; color:#444444; padding-top: 3px;}

/*-------- Assessment results ---------*/
#assessment{margin-top: 0px; margin-left: 10px; width: 600px;}
#assessment .box{width: 120px; height: 120px; text-align: center; float: left;line-height: 20px;}
#assessment ul{padding-left: 140px; padding-top: 10px;}
#assessment h3{ font-size:18px; font-weight: normal; margin-bottom: 10px; padding-top: 0px;}
#assessment ul {list-style-type: none;}
#assessment li{background-image:url(icon16-red.png); background-position:left top; background-repeat:no-repeat; line-height:18px; padding-left:30px;  padding-bottom:0px; margin-bottom: 6px;}
#assessment li.green{background-image:url(icon16-green.png);}
#assessment li.amber{background-image:url(icon16-amber.png);}
#assessment li.red{background-image:url(icon16-red.png);}

/*-------- Report-Fund Summary layout ---------*/
.summary{background-image:url(retiredcouple.png); background-position:left top; background-repeat: no-repeat; background-color:#FCFCFC; border:1px solid #e0e0e0; padding:10px 10px 10px 300px; margin-bottom:20px; float:left; width:220px; height: 166px;}
.summary-title{width:240px; font-size:14px;}
.summary-right{width:200px; padding: 0 0 10px 40px; font-size:36px; color:#f39404;}

/*-------- Report-Fund Summary layout ---------*/
.results{width: 500px; min-height:20px; padding: 5px 0px 15px 20px; }
.results-title{width:350px; float: left;}
.results-value{width:100px; float: right; font-size:28px; color:#f79609; text-align: right;}

#showreti_age, #showreti_dat, #showreti_stp {font-size: 36px; padding-right: 30px; text-align: right; width: 120px;}
a:hover.button{color:#0066CC;}
.add{background:url(add.gif) no-repeat 10px 8px;text-indent:30px;display:block;}

.perfrank{font-family:Tahoma, Verdana; font-weight: bold; font-size: 30px; color:#589442; padding: 0 10px 0 10px; float: left;}
.perfnote{padding:2px 0 0 0; font-size: 11px; line-height: 14px;}
.perfname{padding:2px; font-size: 12px;}

#performancedate{font-size:12px; float:left; width: 200px; padding-right: 20px;}
#performancetable{-moz-border-radius: 3px 3px 3px 3px;  border-radius: 3px 3px 3px 3px; border: 1px solid #dbdbdb; font-size:18px; color: green; text-align: center; padding: 2px;}
#performancetable td{width: 60px; border-right: 1px solid #dbdbdb; padding: 5px 5px 5px 5px;}
#performancetable td.noborder{border-right: none;}
#performancetable tr.middle{border-top: 1px solid #dbdbdb; background: #FFFDBB; font-size: 12px;}
#performancetable tr.lower{color: red;}
#performancetable tr.lower, #performancetable tr.lower a{color: red;}
#performancetable tr.upper, #performancetable tr.upper a{color: green;}

#smalllist li {list-style: square inside; font-size:12px; line-height:16px; padding-left:15px; }

/*-------- Designed for DailyMail, but needs to be backward compatible ---------*/
#news-box{width:300px; padding-bottom:5px;}
#news-box img {float: left; width: 84px; height: 87px; margin: 0 8px 0 0; display: block;}
#news-box h3 {font-size:16px; font-weight:bold; color: #004Db3; padding:0px;}
#news-box h3 a:hover {color: #CC0000;}
#news-box p {padding-bottom: 0; margin-bottom: 0; font-size: 12px; height: 88px;}

#link-box{width:300px; margin-bottom:10px;  height: 90px; border: 1px solid #e3e3e3;}
#link-box img {float:right; width: 84px; height: 87px; padding: 2px 2px 2px 2px; display: block;}
#link-box-txt{float: left;  width: 196px; height: 85px; padding: 5px 5px 5px 7px;}
#link-box-txt h3 {font-size:12px; color: #004Db3; line-height: 14px; padding: 0;}
#link-box-txt h2 {font-size: 28px; color: #5e5e5e; padding: 0;}
#link-box p {font-size: 12px; line-height: 14px; margin-bottom: 0px;}
#link-box li {font-size: 12px;}

input.button{width:auto;color:#fff; font-size: 16px; border:solid thin #D7EBF9; -webkit-border-radius:.7em;-moz-border-radius:.7em;border-radius:.4em;-webkit-box-shadow:2px 2px 3px #999;box-shadow:2px 2px 2px #bbb; background-color:#f79609; padding:.1em 2em;}

/* BUTTONS */
.btn a, .btn button{display:block; float:left; margin:0 7px 0 0; background-color:#f79609;    border:1px solid #dedede; -moz-border-radius: 5px; border-radius: 5px; border-top:1px solid #eee; border-left:1px solid #eee;  text-decoration:none;  color:#fff; cursor:pointer; padding:3px 30px 3px 10px; font-size: 16px;}
.btn button{ width:auto; overflow:visible; padding:4px 10px 3px 7px;}
.btn button[type]{padding:5px 10px 5px 7px; line-height:17px; }
*:first-child+html button[type]{ padding:4px 10px 3px 7px;}
.btn button img, .btn a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px;
    height:16px;}
button:hover, .btn a:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
.btn a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff;}
.sub{font-size:  11px; padding-left: 30px;}