/**** Lightbox *****/
.overlay {
    position:absolute;
    z-index:99;
    top:0;
    left:0;
    background:url(/myplan/images/tools/overlay-bg.png);
}
.lightbox {
    background:#fff url(/myplan/images/tools/coins.jpg) no-repeat right bottom;
    z-index:100;
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    width: 580px;
}
.lightboxInner {
    padding:30px 80px 10px 50px;
}
.close {
    height:30px;
    width:30px;
    background:url(/myplan/images/tools/close.png) no-repeat top left;
    position:absolute;
    top:-15px;
    right:-15px;
    z-index:1000;
}
.retirementCalcLightbox {
    width:980px;
    height:860px;
}
.performanceLightbox {
    background:#fff;
}

/***** Quilt *****/
.floatFix {
    float: left;
    width: 880px;
}
.lightboxStyle900 {
    background:#fff;
    width:880px;
}
.lightboxStyle900 .lightboxInner1 {
    color:#333;
    padding:0;
    font-size:60%;
}
.lightboxStyle900 .row {
    width:auto;
    margin:0;
    float:none;
    clear:none;
    padding:0;
}
.lightboxStyle900 .row:after {
    visibility:hidden;
    clear:both;
    content:".";
    height:0;
    display:block;
}
.lightboxStyle900 .row {
    height:1%;
}
.lightboxStyle900 .rowStyle00 {
    padding:0 0 20px;
}
.lightboxStyle900 .rowStyle01 {
    background:#fff;
}
.lightboxStyle900 .rowStyle02 {
    padding:0 0 19px;
}
.lightboxStyle900 .row img {
    float:left;
}
.lightboxStyle900 .columnRt {
    float:right;
}
.lightboxStyle900 #logo {
    display:block;
}
.lightboxStyle900 h1 {
    font-size:2.2em;
    color:#000;
    padding:25px 32px;
    margin-bottom:15px;
    background:#ddd url(/myplan/images/tools/bg_h1.gif) left top repeat-x;
    margin-top:0;
}
.lightboxStyle900 h2, .lightboxStyle900 h3 {
    font-weight:normal;
}
.lightboxStyle900 h2 {
    font-size:2em;
    margin-bottom:10px;
    padding-top:10px;
}
.lightboxStyle900 h3 {
    font-size:1.6em;
    margin-bottom:10px;
}
.lightboxStyle900 h4 {
    font-size:1.4em;
}
.lightboxStyle900 .body {
    margin-bottom:15px;
    padding:0 30px;
}
.lightboxStyle900 .row {
    height:1%;
}
.lightboxStyle900 .row:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.lightboxStyle900 .quiltToolColumn {
    float:left;
    width:400px;
}
.lightboxStyle900 p {
    padding:0;
}

/*** QUILT TABLE ***/
.lightboxStyle900 .quilt {
    float:left;
    border-collapse:collapse;
    border:none;
    margin-right:20px;
}
.lightboxStyle900 .quilt td, table th {
    padding:3px;
    border:none;
    font-size:1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.lightboxStyle900 .quiltContainer {
    margin-bottom:20px;
    position:relative;
}
.lightboxStyle900 .quiltIntro {
    position:absolute;
    top:80px;
    left:30px;
    background:#fff;
    border:1px solid #c2c2c2;
    padding:20px;
    width:275px;
    z-index:10;
}
.lightboxStyle900 .quiltIntro h2 {
    padding:0;
    font-size:1.6em;
    font-weight:bold;
}
.lightboxStyle900 .quiltIntro p {
    font-size:1.6em;
}
.lightboxStyle900 .quiltIntro .close {
    height:16px;
    width:16px;
    background:url(/myplan/images/tools/close_small.png) no-repeat top left;
    position:absolute;
    top:-8px;
    right:-8px;
}
.lightboxStyle900 .quiltScale {
    float:left;
    width:40px;
    height:238px;
    margin:28px 10px 0 0;
    position:relative;
    background:url(/myplan/images/tools/arrow.gif) no-repeat 8px center;
}
.lightboxStyle900 .quiltScale p {
    background-color:transparent;
    font-size:1.1em;
    font-weight:bold;
    position:absolute;
    z-index:5;
    line-height:normal;
    color:#000;
    padding:0;
}
.lightboxStyle900 .quiltScale p.top {
    top:0;
}
.lightboxStyle900 .quiltScale p.bottom {
    bottom:0;
}

/*** QUILT TABLE TOOLTIP ***/
.lightboxStyle900 .hoverReady {
    position:relative;
    cursor:pointer;
}
.lightboxStyle900 .tooltip {
    display:none;
    position:absolute;
    bottom:16px;
    left:-20px;
    z-index:15;
    cursor:default;
    background:transparent url(/myplan/images/tools/bg_tooltipArrow.gif) bottom center no-repeat;
    padding-bottom:6px;
}
.lightboxStyle900 .hoverReady:hover .tooltip {
    display:block;
}
.lightboxStyle900 .tooltip span {
    display:block;
}
.lightboxStyle900 .tooltipText {
    background:#fff;
    padding:4px 6px;
    border:1px solid #c2c2c2;
    border-bottom:none;
    font-weight:bold;
    white-space:nowrap;
}

/*** QUILT TABLE KEY ***/
.lightboxStyle900 .quiltKey {
    clear:both;
}
.lightboxStyle900 .quiltKey ul {
    list-style:none;
    float:left;
    padding-right:10px;
    width:190px;
    padding-left:0;
    margin: 0;
}
.lightboxStyle900 .quiltKey li {
    font-size:1.2em;
    margin-bottom:3px;
}
.lightboxStyle900 .quiltKey a {
    display:block;
    color:#db0011;
    text-decoration:none;
    padding:4px 6px 5px;
    outline:0;
    border:1px solid #c2c2c2;
}
.lightboxStyle900 .quiltKey a.selected {
    color:#000;
    background:#eee;
}
.borderradius .lightboxStyle900 .quiltKey a {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/*** QUILT INFO ***/
.lightboxStyle900 .quiltInfoColumn {
    float:right;
    width:400px;
    line-height:1.4;
}
.lightboxStyle900 .quiltInfoColumn p {
    font-size:1.2em;
    margin-bottom:10px;
}
.lightboxStyle900 .quiltInfoColumn .phoneNumber {
    font-size:2em;
    font-weight:bold;
    color:#ff0014;
}
.lightboxStyle900 .btnFindBranch {
    display:block;
    width:102px;
    height:22px;
    background:#ccc url(/myplan/images/tools/btnFindBranch.gif) top left no-repeat;
    outline:0;
    text-indent:-9999px;
    font-size:0;
    line-height:0;
}
.lightboxStyle900 .footnote {
    border-top:1px solid #c2c2c2;
    margin:0 30px;
    padding:10px 0 15px;
}
.lightboxStyle900 .footnote p {
    font-size:1em;
    line-height:normal;
    color:#666;
    margin-bottom:10px;
}
.lightboxStyle900 .footnote p span {
    padding:0 20px 6px 0;
}
.borderradius .lightboxStyle900 {
    -moz-border-radius:10px 0;
    -webkit-border-radius:10px 0;
    border-radius:10px 0;
}
.lightboxStyle900 .footnote .riskWarning p {
    font-size: 120%;
    color: #4c4c4c;
}

/*** QUILT COLOUR SCHEME STYLES ***/
.lightboxStyle900 div.investment,
.lightboxStyle900 a.investment span {
    width:22px;
    height:22px;
    -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.2);
    box-shadow:inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    transition:background 0.2s linear;
    background-image:url(/myplan/images/tools/sprite.gif);
    background-repeat:no-repeat;
    background-position:left top;
}
.lightboxStyle900 a.investment span {
    width:12px;
    height:12px;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
.lightboxStyle900 div.invType00,
.lightboxStyle900 a.invType00 span {
    background-color:#404041;
}
.lightboxStyle900 a.invType00 span {
    background-position:-26px 0;
}
.lightboxStyle900 div.invType01,
.lightboxStyle900 a.invType01 span {
    background-color:#EE3124;
    background-position:left -26px;
}
.lightboxStyle900 a.invType01 span {
    background-position:-26px -26px;
}
.lightboxStyle900 div.invType02,
.lightboxStyle900 a.invType02 span {
    background-color:#87C3EA;
    background-position:left -52px;
}
.lightboxStyle900 a.invType02 span {
    background-position:-26px -52px;
}
.lightboxStyle900 div.invType03,
.lightboxStyle900 a.invType03 span {
    background-color:#0075BF;
    background-position:left -78px;
}
.lightboxStyle900 a.invType03 span {
    background-position:-26px -78px;
}
.lightboxStyle900 div.invType04,
.lightboxStyle900 a.invType04 span {
    background-color:#F79C7B;
    background-position:left -104px;
}
.lightboxStyle900 a.invType04 span {
    background-position:-26px -104px;
}
.lightboxStyle900 div.invType05,
.lightboxStyle900 a.invType05 span {
    background-color:#E7E7E8;
    background-position:left -130px;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.4);
    -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.4);
    box-shadow:inset 0 0 3px rgba(0,0,0,0.4);
}
.lightboxStyle900 a.invType05 span {
    background-position:-26px -130px;
}
.lightboxStyle900 div.invType06,
.lightboxStyle900 a.invType06 span {
    background-color:#FBCAB5;
    background-position:left -156px;
}
.lightboxStyle900 a.invType06 span {
    background-position:-26px -156px;
}
.lightboxStyle900 div.invType07,
.lightboxStyle900 a.invType07 span {
    background-color:#A7A9AC;
    background-position:left -182px;
}
.lightboxStyle900 a.invType07 span {
    background-position:-26px -182px;
}
.lightboxStyle900 div.invType08,
.lightboxStyle900 a.invType08 span {
    background-color:#F36E4B;
    background-position:left -208px;
}
.lightboxStyle900 a.invType08 span {
    background-position:-5px -213px;
}
a.invType08 span {
    background-position:-26px -208px;
}
.no-js .lightboxStyle900 div.investment, .no-js .lightboxStyle900 a.investment span,
.no-cssgradients .lightboxStyle900 div.investment, .no-cssgradients .lightboxStyle900 a.investment span {
    background-color:transparent;
}
.cssgradients .lightboxStyle900 a.investment span {
    background-image:none;
}
.borderradius .lightboxStyle900 div.investment, .borderradius .lightboxStyle900 a.investment span {
    border-radius:3px;
    -moz-border-radius:3px;
}
.cssgradients .lightboxStyle900 div.invType08, .cssgradients .lightboxStyle900 a.invType08 span {
    background:-webkit-gradient(radial, 50% 50%, 4, 50% 50%, 5, from(#000), to(#F36E4B));
    background:-moz-radial-gradient(50% 50%, circle, #000 4px, #F36E4B 5px );
}
.cssgradients .lightboxStyle900 a.invType08 span {
    background:-webkit-gradient(radial, 50% 50%, 2, 50% 50%, 3, from(#000), to(#F36E4B));
    background:-moz-radial-gradient(50% 50%, circle, #000 2px, #F36E4B 3px );
}
.lightboxStyle900 div.disabled {
    opacity:0.2;
    filter:alpha(opacity=20);
}
/***** Tax Efficiency *****/
.lightboxStyle901 {
    background:none;
    width:580px;
    font-size:60%;
    margin:0 auto;
}
.lightboxStyle901 .lightboxInner {
    padding:0;
}
.lightboxStyle901 h1 {
    padding:30px 45px 30px 45px;
    background:#ddd url(/myplan/images/tools/bg_h1.gif) top left repeat-x;
    font-size:2.8em;
    font-weight:bold;
    color:#000;
    margin:0;
}
.lightboxStyle901 h1 span {
    display:block;
    font-size:22px;
    font-weight:normal;
}
.lightboxStyle901 .body {
    background:#fff;
    padding:23px 39px 25px 45px;
}
.lightboxStyle901 p,
.lightboxStyle901 li {
    font-size:1.2em;
    line-height:1.5;
}
.lightboxStyle901 p {
    line-height:1.4;
}
.lightboxStyle901 .checkList {
    float:left;
    list-style-type:none;
    width:238px;
    padding:0 20px 0 0;
    margin: 0;
}
.lightboxStyle901 #othersList {
    padding:0 0 0 0;
}
.lightboxStyle901 .checkList li {
    font-size:1.4em;
    border-bottom:1px dotted #bbb;
    padding:2px 0;
}
.lightboxStyle901 .checkList a {
    display:block;
    padding-left:25px;
    background-color:transparent;
    color:#000;
    text-decoration:none;
    outline:0;
    background:url(/myplan/images/tools/bg_checkList.gif) 0 -27px no-repeat;
}
.lightboxStyle901 .checkList a.checked {
    background-position:0 0;
}
.lightboxStyle901 h2 {
    font-size:1.4em;
    padding:10px 0 6px;
    color:#333;
}
.lightboxStyle901 .linkList {
    list-style-type:none;
}
.lightboxStyle901 .linkList li {
    padding:0 0 5px 12px;
    background:url(/myplan/images/tools/bg_linkList.gif) 0 4px no-repeat;
}
.lightboxStyle901 .linkList li a {
    background-color:transparent;
    color:#000;
}
.borderradius .lightboxStyle901 .body {
    border-radius:0 0 10px 0;
    -moz-border-radius:0 0 10px 0;
    -webkit-border-radius:0 0 10px 0;
}
.no-js .lightboxStyle901 .lightboxInner,
.no-borderradius .lightboxStyle901 .lightboxInner {
    background:transparent url(/myplan/images/tools/bg_bottomCorner.gif) bottom right no-repeat;
    padding-bottom:10px;
}
.lightboxStyle901 p.footnote {
    font-size:1em;
    line-height:normal;
    color:#666;
    padding:6px 0;
    font-size:112.5%;
}
.lightboxStyle901 #listResults {
    padding:15px 0 0;
    border-top:1px solid #c2c2c2;
}
.lightboxStyle901 .buttonStyle00 {
    background:url(/myplan/images/tools/btn00-right.gif) top right no-repeat transparent;
    color:#fff;
    padding-right:10px;
    display:block;
    font-size:118.75%;
    float:left;
    font-weight:bold;
    text-decoration:none;
}
.lightboxStyle901 .buttonStyle00:hover {
    text-decoration:underline;
}
.lightboxStyle901 .buttonStyle00 span {
    background:url(/myplan/images/tools/btn00-left.gif) top left no-repeat;
    display:block;
    padding:3px 6px;
    text-align:center;
    float:left;
    cursor:pointer;
}
.lightboxStyle901 .rowStyle02 {
    margin: 20px 0;
    height: 1%;
}
.lightboxStyle901 .row {
}
.lightboxStyle901 .row:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility:hidden;
}
.lightboxStyle901 .rowStyle01 {
    background:#fff;
}
.lightboxStyle901 .columnRt {
    float:right;
}
.productLightbox {
    position: absolute;	
    background-color:white;
    width:300px;
    height:300px;
    padding:25px;
    z-index:5000;
}