/* ::: Top Level Tags ::: */
html {b//ackground: url(/_images/footer-bg.png) bottom left repeat-x;}
body { margin: 0px;padding:0px; background: url(/_images/header-bg.png) repeat-x;text-align: center; font:62.5%/1.25 Arial, Helvetica, sans-serif;}
strong, em {font-family: Arial, Helvetica, sans-serif;}
img {border:0px}
ul {list-style:none;padding-left:0px;}
/* buttons */
.learnMore {background: url(/_images/button-learn-more.gif) no-repeat top left; width: 108px; height: 20px; display: block}
.learnMore span {display: none}
a.learnMore:hover {background-image:(/_images/button-learn-more.gif); background-repeat: no-repeat; background-position: -108px 0;}
.showMe {background: url(/_images/button-show-me.png) no-repeat top left; width: 108px; height: 20px; display: block; margin: 4px 0 20px 0}
.showMe span {display: none}
a.showMe:hover {background-image:(/_images/button-show-me.png); background-repeat: no-repeat; background-position: -108px 0;}
.joinNow {background: url(/_images/button-join-now.gif) no-repeat top left; width: 156px; height: 36px; display: block; margin-top:15px;}
.joinNow span {display: none}
.download {background-image: url(/_images/button-download.gif); width: 108px; height: 20px; display: block}
.download span {display: none}
.download:hover {background-position: -108px 0;}
.post {background-image: url(/_images/button-post-it.gif); width: 108px; height: 20px; display: block}
.post span {display: none}
.post:hover {background-position: -108px 0;}
.recalculate {background: url(/_images/button_recalculate_small.png) no-repeat top left; width: 108px; height: 20px; display: block; margin-top:15px;}
.recalculate span {display: none}
.recalculate:hover {background-position: -108px 0;}
.workItOut {background: url(/_images/button_work_it_out_small.png) no-repeat top left; width: 108px; height: 20px; display: block; margin-top:15px;}
.workItOut span {display: none}
.workItOut:hover {background-position: -108px 0;}
.letsGo {background: url(/_images/button-join-now.png) no-repeat top left; width: 156px; height: 36px; display: block; margin-top:5px;}
.letsGo span {display: none}
a.letsGo:hover {background-image:(/_images/button-join-now.png); background-repeat: no-repeat; background-position: -156px 0;}
.submit {background: url(/_images/button-submit.png) no-repeat top left; width: 108px; height: 20px; display: block}
.submit span {display: none}
a.submit:hover {background-image:(/_images/button-submit.png); background-repeat: no-repeat; background-position: -108px 0;}
.next {background-image: url(/_images/back-next.gif); background-repeat: repeat-x; background-position: top; padding: 8px 0 0 0; font-size: 1.1em}
.next span {font-weight: bold; font-size: 1.3em}
.next a {text-decoration: none; font-size: 1.1em; color: #2193FF}
.fundinfo {}
.fundinfo p {font-size: 1.1em; padding: 0; margin: 0 0 4px 0}
.fundinfo p span {font-weight: bold; color: #FF6600}
/* (l|_|ste|2|=|_|(|< this */
/* Main pages - classess for the main section pages, members, business, etc */
/* for business */
.joiningKit {background-image: url(/_images/back-joining-kit.gif); background-repeat: repeat-x; height: 150px}
.kit p {padding: 0px 15px 10px 0; margin: 0}
.kit h4 {color: #0A0A0A; padding: 5px 0 2px 0}
/* members */
.mainPageIntro {background-image: url(/_images/image-title-back.gif);background-repeat: repeat-x; padding: 0; display: block; }
.roundedCorners {height: 15px; background-color: #ffaf1e; background-image: url(/_images/back-roundedCorners.gif); background-repeat: no-repeat; background-position: top left}
.roundedCorners span {height: 15px; background-image: url(/_images/back-roundedCorners2.gif); background-repeat: no-repeat; background-position: top right; display: block}
.investType2 {padding: 0 0 0 10px; background-image: url(/_images/back-investcorner.gif); background-position: top left; background-repeat: no-repeat }
.rightCorn{background-image: url(/_images/back-investcorner.gif); background-position: top right; background-repeat: no-repeat ; display: block}
p.subHead {padding: 5px 10px 9px 20px; font-size: 1.3em; margin: 0; color: #483e33}
p.subh {font-weight: bold; padding: 0px 5px 0px 0px; font-size: 1.1em; margin: 0; color: #584b38}
.mainIntro {padding: 5px 25px 5px 20px; font-size: 1.1em; margin: 0 5px 0 0}
.mainTable tr {background-image: url(/_images/maintable-back.gif); background-repeat: repeat-x; background-position: bottom; padding: 0 0 5px 0; margin: 0}
.mainTable td {padding: 0 0 10px 0}
td.tableDesc {padding: 5px 10px 20px 20px}
.dottedLine {background-image: url(/_images/maintable-back.gif); background-repeat: repeat-x; background-position: bottom; height: 3px}
.dottedLine2 {background-image: url(/_images/maintable-back.gif); background-repeat: repeat-x; background-position: bottom; height: 3px; margin: 5px 0 5px 0}
.dottedDiv {background-image: url(/_images/maintable-back.gif); background-repeat: repeat-x; background-position: top; padding: 5px 0 5px 0}
.dottedDiv img {margin: 5px 0 0 0}
/* benefits */
/* join page */
.joinHeader {background-image: url(/_images/join-header-back.png); background-repeat: no-repeat; height: 153px}
.joinPage {margin: 5px 30px 0 27px}
.joinHeaderImg {background-image:url(/_images/join-header-ball.png); background-position: right top; background-repeat: no-repeat;
display: block; height: 153px}
.joinBox {background-image: url(/_images/join-beginning.gif); background-repeat: no-repeat; height: 111px; background-position: left; margin: 14px 0 4px 0}
.joinBoxInner {background-image: url(/_images/join-end.gif); background-repeat: no-repeat; background-position: right; height: 111px;}
.joinBox2 {background-image: url(/_images/join-beginning2.gif); background-repeat: no-repeat; height: 134px; background-position: left; margin: 14px 0 4px 0}
.joinBoxInner2 {background-image: url(/_images/join-end2.gif); background-repeat: no-repeat; background-position: right; height: 134px;}
.joinPad { padding: 10px 5px 0 20px}
.joinPad0 { padding: 10px 5px 0 20px; width: 500px}
.join0 {color: #ffffff; font-size: 28px; padding: 0; margin: 0}
.join1 {color: #483e33; font-size: 22px; padding: 0; margin: 0}
.join2 {color: #483e33; font-size: 16px; padding: 0; margin: 0}
.joinSub {padding: 10px 0 0 20px; margin: 0; font-size: 1.6em}
/* h1, h2s,h3s etc */
h1.main{background-color: #ffaf1e; margin: 0; padding: 0 0 0 20px; color: #FFFFFF; font-size: 26px}
h1.page{color: #ff6400; font-size: 26px; padding: 0; margin: 0; }
h1#headertitle {}
h2{color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 0; margin: 5px 0 0 0}
h3{color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 0; margin: 5px 0 0 0}
h4{color: 0A0A0A; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; padding: 0; margin: 5px 0 0 0}
/* bold max thru a span */
span.max {font-weight: bold}
/* unordered list */
.sta {list-style: circle; padding: 7px 0 0px 5px; margin: 0; font-size: 1.1em; line-height: 1.5em;}
.sta li {padding: 0 0 8px 0}
.sta li strong {}
.sta a {color: #2193ff; text-decoration: none}
.sta a:hover {color: #2193ff; text-decoration: underline}
/* orange bullets */
.ob {list-style: circle; padding: 7px 0 0px 5px; margin: 0; font-size: 1.1em; line-height: 1.5em; }
.ob li {padding: 0 0 8px 0}
.ob li strong {}
.ob a {color: #2193ff; text-decoration: none}
.ob a:hover {color: #2193ff; text-decoration: underline}
.sta2 {list-style: circle; padding: 0px 0 0px 5px; margin: 0; font-size: 1.1em; line-height: 1.5em;}
.sta2 li {padding: 0 0 8px 0}
.sta2 li strong {}
.sta2 a {color: #2193ff; text-decoration: none}
.sta2 a:hover {color: #2193ff; text-decoration: underline}
/* no bullet list */
.nob {list-style: none; padding: 0px 0 0px 5px; margin: 0; font-size: 1.1em; line-height: 1.5em;}
.nob li {list-style: none; padding: 0 0 8px 0;}
.nob a {color: #2193ff; text-decoration: none}
.nob a:hover {color: #2193ff; text-decoration: underline}
.tight {line-height:1em;margin-top:0px;padding-top:0px;}
/* sitemap list */
.sitemap {list-style: none; padding: 0 0 0 5px; margin: 0; font-size: 1.1em; line-height: 1.2em;}
.sitemap li {list-style: none; padding: 0 0 5px 0}
.sitemap a {color: #333; text-decoration: none}
.sitemap a:hover {color: #2193ff; text-decoration: underline}
/* ordered list */
.sto { padding: 7px 0 0px 35px; margin: 0; font-size: 1.1em; line-height: 1.5em}
.sto li {padding: 0 0 8px 0}
.sto a {color: #2193ff; text-decoration: none}
.sto a:hover {color: #2193ff; text-decoration: underline}
/* list with ticks */
.tick {list-style: circle; padding: 7px 0 0px 5px; margin: 0; font-size: 1.1em; line-height: 1.5em;}
.tick li {padding: 0 0 8px 0}
.tick a {color: #2193ff; text-decoration: none}
/* dt */
.glossary dt {font-size: 1.4em; padding: 0 ; margin: 0; font-weight: bold; color: #FF6600}
.glossary dd {font-size: 1.1em; padding: 0 0 5px 0; margin: 0 0 15px 0}
/* paragraphs */
.intro {font-weight: normal; font-size: 1.4em; color: #483e33}
.nm {font-weight: normal; font-size: 1.1em; color: #483e33; padding: 0 0 5px 0; margin: 0 0 8px 0}
.more {clear: both; margin: 9px 0 0 0}
.lawyers {font-size: .8em; border-top: 1px dotted #999999; margin: 20px 0 0 0}
.content p {line-height: 1.5em;}
.content p a {color: #2193ff; text-decoration: none}
.content p a:hover {color: #2193ff; text-decoration: underline}
.date {font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif;padding: 0 0 3px; margin: 10px 0 0 0; border-bottom: 1px dotted #999999}
/* links */
.blueLinks a {color: #2193ff; text-decoration: none}
.blueLinks a:hover {color: #2193ff; text-decoration: underline}
.backToTop {text-decoration: none; border: 1px solid #CCCCCC; padding: 2px; display: block; width: 40px; color: #006699; margin: 0px 0 16px 0}
.calendar {width: 52px; height: 69px; background-image:url(/_images/icon-calendar.gif); background-repeat: no-repeat; text-align: center; padding: 2px 22px 0 0; float: left}
.calendar p {font-size: 20px; font-weight: bold; margin: 0; padding: 14px 5px 0px 0}
.calendar span {display: block; font-size: 10px; padding: 0 3px 0 0}
.newsitem td{padding: 8px 0 12px 0; border-bottom: 1px dotted gray}
.footnote {margin: 30px 0 0 0; font-size: .8em; color: gray;}
.graphnote {font-size: 1.1em;padding: 0 20px 10px 20px; margin: 0 5px 5px 5px; color: #483e33; border-bottom: 1px dotted #6f604a}
/* Callouts, design elements */
.floatybox {border-top: 2px solid #dbd7d2; border-bottom: 2px solid #dbd7d2; padding:5px 0 5px 0; float: right; width: 164px; margin: 0 0 10px 10px; color: #483e33; font-size: 2em}
.floatybox2 {border-top: 2px solid #dbd7d2; border-bottom: 2px solid #dbd7d2; padding:5px 0 5px 0; float: right; width: 164px; margin: 0 0 10px 25px; color: #483e33; font-size: .9em}
div.tip {background-image: url(/_images/box-top.gif); background-repeat: no-repeat; width: 184px; float: right; margin: 30px 0 70px 10px}
div.tip a {color: #2193FF}
div.tip a:hover {text-decoration: underline}
div.tip p {color: #333333; padding: 5px 10px 5px 10px; margin: 0 0 5px 0}
div.tip h5 {font-size: 1.6em; padding: 10px 5px 0px 10px; margin: 0; font-weight: normal;color: #483e33;}
div.tipend {background-image: url(/_images/box-end.gif); background-repeat: no-repeat; height: 8px; display: block; margin: 0 0 -5px 0}
div.tip img {margin: 5px 0 5px 0}
.lowfees {background-image: url(/_images/icon-1percent-fees.gif); background-repeat: no-repeat; background-position: right top; padding: 0; margin: 0; height: 200px}
.lowfee {padding: 0; margin: 0; height: 200px; list-style:none}
.lowfee li {padding: 0; margin: 0; list-style: none; font-size: 1.6em; font-weight: bold}
.lowfee li span {font-weight: bold; color: #FF8D21; font-size: 1.6em}
.lowfeerow {text-align: right; padding: 5px; margin: 15px 0 15px 0}
.lowfeerow a {font-weight: bold; color: #2193ff}
div.fact {border-top: 2px solid #dbd7d2; border-bottom: 2px solid #dbd7d2; padding:5px 0 5px 0; float: right; width: 164px; margin: 0 0 10px 10px; color: #483e33; font-size: 2em}
div.alert {border-top: 2px solid #dbd7d2; border-bottom: 2px solid #dbd7d2; padding:5px 0 5px 0; float: right; width: 164px; margin: 0 0 10px 10px; color: #483e33; font-size: 2em}
div.quote {border-top: 2px solid #dbd7d2; border-bottom: 2px solid #dbd7d2; padding:5px 0 5px 0; float: right; width: 164px; margin: 0 0 10px 10px; color: #483e33; font-size: 2em}
.pdfforms td {padding:5px;color:#483E33;}
.pdfforms td a {color: #2193ff;text-decoration:none;}
.formicon {text-align: center; font-size: .8em}
.desc {margin: 0 5px 0 0}
.row1 {color:#483E33;background-color: #FFF7E6}
.row2 {color:#483E33;background-color: #ffefcf}
.row1 td.default {font-weight:bold;background-color: #fcefd2;}
.row2 td.default {font-weight:bold;background-color: #fee4ab;}
.pdfforms .row1 {background-color: #fff7e6}
.pdfforms .row2 {background-color: #fff}
.pdfforms2 {padding:6px 4px 11px 4px;}
.pdfforms2 img {float:left;padding:4px 15px 4px 4px;}
.pdfforms2 a {color: #2193ff;text-decoration:none;}
.pdfforms2 h4 {font-size:1em;color:#000;margin-bottom:7px;}
.pdfforms2.row1 {background-color:#fff7e6;}
.pdfforms2.row2 {background-color:#fff;}
h3.pdfforms2 {padding: 8px 4px 4px 4px;}
/* FAQ */
#faq {}
.linky2 {text-decoration: underline; cursor: pointer; margin: 0 0 5px 0; display: block; font-size: 1.2em; font-weight: normal; color: #0099CC}
.container2 {margin:4px 0 10px 0;}
.container2 img {}
.off {display:none;}
.on {display:block; margin:10px 0;color:#0A0A0A;border-bottom: 1px dotted #666666;}
.options {border-top: 1px solid #C9AEAB; border-bottom: 1px dotted #C9AEAB; clear: both; margin: 0 0 10px 0; height: 120px; padding: 10px 0 0 0}
.options strong {font-weight: bold}
.optionsimg {float: left; margin: 0 5px 35px 0}
/* data, tables, performance etc */
.returnsTable {}
.returnsTable th {background-color:#CEBFB3; padding: 5px; border-right: 1px solid #FFFFFF; font-size: .9em}
.returnsTable td {padding: 5px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #ECECEA}
.indextable {background-color:#77684a; padding: 10px 0 10px 0}
.indextable span {color: white; font-size: 1.4em; display: block; padding: 0 0 10px 10px}
.indextable table {background-color:#FFFFFF; border: 1px solid #FFFFFF}
.indextable table td {padding: 3px;}
.indextable th {background-color:#77684a; color: #FFFFFF; padding: 3px; border-bottom: 1px solid #FFFFFF}
.indextable caption {display: none}
.indexleft {background-color:#FFCCCC; border-bottom: 1px solid #FFFFFF}
.indexright {background-color:#FF9966; border-bottom: 1px solid #FFFFFF}
.excel {border-top: 1px solid #CCCCCC; margin: 10px 0 10px 0; border-bottom: 1px solid #CCCCCC}
.notes {font-size: .9em; color: #333333; padding: 0 0 10px 0}
.investmentoptions {border: 1px solid #666666}
.content {}
.content img a {border: 0;}
.placeleft {float: left}
/*}}}*/
/* ::: Container Structure ::: */
/*{{{ */
#bodyContainer {
background: url(/_images/footer-bg.png) bottom left repeat-x;
}
#bodyDiv {
min-width: 780px;
max-width: 1000px;
margin: 0px auto;
background: url(/_images/bar-left-side-full.png) bottom left no-repeat;
text-align: left;
font-size: 1.1em;
}
/* This extra div is necessary to support right side background image only */
#bodyDivInner {
background: url(/_images/bar-right-side-full.png) bottom right no-repeat;
} /*}}}*/
/* ::: Page Header ::: */
/*{{{ */
#pageHeader {
height: 127px;
background: url(/_images/bar-left-header.png) no-repeat;
color: #FFF;
margin: 0 0 10px 0;
}
.pageHeaderRight {background:url(/_images/bar-right-header.png) top right no-repeat; height: 127px; padding: 0; margin: 0; display: block}
#pageHeaderLogo {
width: 116px;
float: left;
margin: 16px 0px 0px 28px;
b//ackground: url(/_images/logo.png) no-repeat;
}
#signIn {
margin: 24px 0 0 0;
float: right;
width: 190px;
padding: 0px;
}
#signIn form {padding: 0; margin: 0}
#signIn label input {font-size: .9em; width: 96px; display: inline; margin: 0 5px 0 0}
#signIn label {display: block; margin: 0 0 5px }
#signIn ul {
list-style: none;
padding: 0;
margin: 0px;
font-size: 1.1em
}
#signIn li {
padding-left: 10px;
background: url(/_images/bullet-arrow-yellow-matte-orange.png) left center no-repeat;
}
#pageTopNav {
float: left;
clear: left;
m//in-width: 600px; /* min-width not necessary for moz */
margin: 13px 0px 0px 0px;
l//ine-height: normal;
}
#pageTopNav ul {
list-style: none;
margin: 0px;
padding: 0px 0 0 27px;
}
#pageTopNav li {
display: inline
}
#pageTopNav li a {
float: left;
text-align: center;
font-size: 1.2em;
margin: 0px 2px 0px 0px;
padding: 0px 0px 0px 4px;
background: url(/_images/top-nav-bg-left-up.png) no-repeat left top;
color: #FFF;
text-decoration: none;
}
#pageTopNav a span {
display: block;
height: 29px;
background: url(/_images/top-nav-bg-right-up.png) no-repeat right top;
padding: 7px 7px 5px 4px;
white-space: nowrap
}
#pageTopNav a:hover {
background: url(/_images/top-nav-bg-left-over.png) left top no-repeat;
}
#pageTopNav li a:hover span {
background: url(/_images/top-nav-bg-right-over.png) right top no-repeat;
cursor: pointer;
}
#pageTopNav li a.currentNavItem {
background: url(/_images/top-nav-bg-left-current.png) left top no-repeat; color: #ff8c15;
}
#pageTopNav li a.currentNavItem span {
background: url(/_images/top-nav-bg-right-current.png) right top no-repeat; color: #ff8c15;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
/*}}}*/
/* ::: Page Content ::: */
/*{{{ */
/* This extra div is necessary to wrap the resizable content */
#pageContentHolderHome {padding-right: 220px;margin: 0;}
#pageContentHolder {padding-right: 220px;margin: 0;}
#pageContentHome {position: relative;float:left;width:100%;margin:0px 0px 0px 0px;}
#pageContent {position: relative;float:left;width:100%;margin:0px 0px 0px 0px; }
#rightBar {position:relative;float:left;width:190px;margin:0px -220px 0px 0px;}
#rightBarHome {position:relative;float:left;width:190px;margin:0px -220px 0px 0px;}
/*}}}*/
/* Right bar boxes */
/*{{{ */
.rightBarPanel {width:171px;margin:0px 0px 18px 29px;height:112px;padding-top:0px;}
.rightBarPanelTop {
margin: 0px;
padding: 0px;
/* background: url(/_images/join-bg.png) top left no-repeat;*/
}
.rightBarPanelLowerBottom {
width: 171px;
margin: 0px 0px 0px 29px;
padding: 0;
/* background: url(/_images/right-bar-orange-bottom.png) bottom left no-repeat;*/
}
.rightBarPanelLowerTopStart {
margin: 0px;
padding: 0px;
/* background: url(/_images/right-bar-orange-top-start.png) top left no-repeat;*/
}
.rightBarPanelLowerTop {
margin: 0px;
padding: 0px;
/* background: url(/_images/right-bar-orange-top.png) top left no-repeat;*/
}
.rightBarPanelLowerBottomEnd {
width: 171px;
margin: 0px 0px 0px 29px;
/* background: url(/_images/right-bar-orange-top-start.png) bottom left no-repeat;*/
}
/* left bar */
.leftBarPanel {
width: 171px;
margin: 0px;
padding-top: 72px;
background: url(/_images/join-bg.png) top left no-repeat;
}
.leftBarPanelTop {
margin: 0px;
padding: 0px;
background: url(/_images/join-bg.png) top left no-repeat;
}
.leftBarPanelLowerBottom {
width: 171px;
margin: 0px;
background: url(/_images/right-bar-orange-bottom.png) bottom left no-repeat;
}
.leftBarPanelLowerTopStart {
margin: 0px;
padding: 0px;
background: url(/_images/right-bar-orange-top-start.png) top left no-repeat;
}
.leftBarPanelLowerTop {
margin: 0px;
padding: 0px;
background: url(/_images/right-bar-orange-top.png) top left no-repeat;
}
.leftBarPanelLowerBottomEnd {
width: 171px;
margin: 0px;
background: url(/_images/right-bar-orange-top-start.png) bottom left no-repeat;
}
/*}}}*/
/* Right bar tags */
/*{{{ */
.rightBarPanelTop, .rightBarPanelLowerTop, .rightBarPanelLowerTopStart {
padding: 7px 0px 13px 13px;
font-size: 1.2em;
font-weight: normal;
}
.rightBarPanelLowerTopStart {}
.rightBarPanelLowerBottom p, .rightBarPanelLowerBottomEnd p, .rightBarPanelLowerBottom form {
margin: -3px 0px 0px;
padding: 0px 13px 10px 13px;
font-size: 1.2em;
color: #666666;
}
.rightBarPanelLowerBottom form {
font-size: 1em;
}
.rightBarPanelLowerBottom label {
line-height: 1.5em;
padding-left: 3px
}
.rightBarPanelLower p a {
color: #8C8C8C;
text-decoration: underline
}
.rightBarPanel ul, .rightBarPanelLowerBottom ul {
margin: 0px;
padding: 0px 0px 10px 13px;
list-style: none;
font-size: 1.1em;
color: #666666
}
ul.contactList {
background: url(/_images/max-laptop.png) 93% 90% no-repeat
}
.rightBarPanel li, .rightBarPanelLowerBottom li {
padding: 0px 20px 10px 13px;
background: url(/_images/bullet-arrow-grey-matte-cream.png) left 5px no-repeat;
}
.rightBarPanelLowerBottom li img {
float: right;
margin-top: -19px;
}
img.floatRight {
float: right;
padding: 35px 10px 0px 0px;
}
p.padRight {
margin-right: 60px;
padding-right: 0px;
}
p.padRight img, input.submitBtn {
padding-top: 10px;
}
span.smallText {
font-size: 0.8em;
}
#rightBar textarea {
width: 138px;
height: 85px;
margin-top: 4px;
padding: 6px 0px 0px 6px;
background: url(/_images/textarea-bg.png) no-repeat;
border: 0px;
font: 0.8em Arial, Helvetica, sans-serif;
}
/*}}}*/
/* Right bar unique */
/*{{{ */
ul.joinNow {
padding: 0px;
margin: 0px;
background: url(/_images/join-bg.png) bottom left no-repeat;
}
.joinNow li {
line-height: 1.75em;
height: 29px;
width: 162px;
background: none;
padding: 0px 0px 8px;
margin: 0px;
font-size: 1.4em;
}
.joinNow a {
display: block;
margin: 0px 0px 0px 9px;
padding: 0px 0px 5px 40px;
background: url(/_images/join-now-btn.png) 0px 0px no-repeat;
color: #FFF;
text-decoration: none
}
.joinNow a:hover {
background: url(/_images/join-now-btn-over.png) 0px 0px no-repeat;
} /*}}}*/
/* Centre column resizable boxes */
/*{{{ */
.contentFrontHeader {
height: 159px;
margin: 0px 0px 15px 18px;
}
.contentFrontHeaderMain {
height: 159px;
margin: 0px 0px 15px 18px;
}
.contentFrontHeaderHome {margin: 0 0 16px 26px}
.contentFrontLeft {
float: left;
width: 56%;
margin: 0px 0px 0px 27px;
padding: 0px;
background: url(/_images/content-box-bottom-orange.png) bottom left no-repeat;
}
.contentFrontRight {
float: right;
width: 36%;
margin: 0;
padding: 0px;
background: url(/_images/content-box-bottom-orange.png) bottom left no-repeat;
}
.contentBoxHeader {
min-height: 28px;
margin: 0px 0px 0px 0px;
background: url(/_images/content-box-header-orange.png) top right no-repeat;
}
.contentBoxHeader img {
background: url(/_images/content-box-header-orange.png) top left no-repeat;
}
.contentBoxBody {
margin-left: 18px;
padding: 5px 25px 0px 0px;
background: url(/_images/content-box-bottom-orange.png) bottom right no-repeat;
height: 303px;
}
/* Centre column tags */
/*{{{ */
.contentBoxBody dl {margin: 0px; padding:0px;}
.contentBoxBody dt {font-size: 16px; color:#FF8D21; margin: 0; padding: 0; font-weight: bold}
.contentBoxBody dd {background-image: url(/_images/bullet-dark-arrow.gif); background-repeat: no-repeat; font-size: 12px; padding: 0 0 0 15px; margin: -5px 0 5px 0}
.contentBoxBody dd a {color: #003333; font-weight: normal; font-size: 12px; text-decoration: none; }
.contentBoxBody dd a:hover {color: #0A0A0A; text-decoration: underline}
.contentBoxBody h4 {font-size:17px;color:#FF8D21;font-weight:bold;margin:0; padding: 0; height: 26px}
.contentBoxBody ul {margin: -5px 0px 12px 0px;list-style:none;color: #666666;}
.contentBoxBody li {margin-top: 3px;padding:0px 5px 0px 15px;background-image: url(/_images/bullet-dark-arrow.gif); background-repeat: no-repeat; font-size: 12px;}
.contentBoxBody li a{text-decoration: none; color: #0A0A0A;}
.contentBoxBody li a:hover{text-decoration: underline}
/*}}}*/
/* ::: Page Footer ::: */
/*{{{ */
#pageFooterHolder {position:relative;clear:both;padding-top:178px;}
#pageFooterHolderHome {position:relative;clear:both;padding-top:178px;}
#pageFooter {
position: absolute;
bottom: 0px !important;
margin: 0px 25px 0px;
/*background: #EBEAE3;*/}
#pageFooter ul {
padding: 5px 0 0 0;
margin: 40px 0px 0px;
list-style: none;
}
#pageFooter li {
display: inline;
padding: 0px 5px 0px 10px;
background: url(/_images/bullet-arrow-orange-matte-grey.png) left center no-repeat;
font-weight: bold;
}
#pageFooter p {
margin: 8px 0 0 0;
padding: 0px 0 4px 0;
max-width: 774px;
color: #8C8C8C;
font-size: 0.9em;
}
#pageFooter a {text-decoration: none; color: #333333}
#pageFooter a:hover {text-decoration: underline}
/*}}}*/
#cleared:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cleared {display: inline-block;}
* html #cleared {height: 1%;}
#cleared {display: block;}
.cleared:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cleared {display: inline-block;}
* html .cleared {height: 1%;}
.cleared {display: block;}
/* ::: Unused / Testing ::: */
.flush {
clear: both;
width: 100%;
v//isibility: hidden;
p//osition: absolute;
background: purple;
}
.tableStart { color:0A0A0A;margin-top:5px; margin-botton:0px; background-image: url(/_images/round-orange-tl.gif); background-position: top left; background-repeat: no-repeat; height: 3px; background-color: #ff8d21}
.tableStart span {background-image: url(/_images/round-orange-tr.gif); background-position: top right; background-repeat: no-repeat; height: 3px; display: block}
.tableEnd {color:0A0A0A;background-image: url(/_images/round-orange-bl.gif); background-position: bottom left; background-repeat: no-repeat; height: 3px; background-color: #ff8d21}
.tableEnd span {background-image: url(/_images/round-orange-br.gif); background-position: bottom right; background-repeat: no-repeat; height: 3px; display: block}
.tablemiddle {background-color: #ff8d21; color:white; padding: 0 4px 0 4px; border:1px solid #ff8d21;}
.tableStartPink {margin-top:5px; margin-bottom:0px; background-image: url(/_images/round-pink-tl.gif); background-position: top left; background-repeat: no-repeat; height: 3px; background-color: #FFF7E6}
.tableStartPink span {background-image: url(/_images/round-pink-tr.gif); background-position: top right; background-repeat: no-repeat; height: 3px; display: block}
.tableEndPink {background-image: url(/_images/round-pink-bl.gif); background-position: bottom left; background-repeat: no-repeat; height: 3px; background-color: #FFF7E6}
.tableEndPink span {background-image: url(/_images/round-pink-br.gif); background-position: bottom right; background-repeat: no-repeat; height: 3px; display: block}
.calcBlock {border:1px solid #fff7e6;background-color:#fff7e6;margin-top:0px;padding:7px;padding-top:0px;padding-bottom:0px;}
.callTxt {font-size: 18px; color: #483e33; width: 108px;}
.numeral {width: 77px; text-align: center}
.numeral img{padding: 5px 0 0 0;}
.award {width: 165px; text-align: left}
.award img {padding: 12px 0 20px 0;}
.smallth {font-size: .9em}
.assetTable th {background-color: #ff8d21; color: white; padding: 5px 0 5px 10px; font-size: 1.2em}
.assetTable2 th {background-color: #ff8d21; color: white; padding: 5px 0 5px 10px; font-size: 1em}
.assetTable td {}
.assetTable .center {text-align:center;}
.objective {text-align:left;padding: 5px 10px 5px 10px; font-size: 1.1em}
.invests {text-align:left;padding: 5px 10px 5px 10px; font-size: 1.1em}
.option {text-align:left;font-weight: bold; padding: 5px 10px 5px 10px; font-size: 1.1em}
.option2 {text-align:left;font-weight: normal; padding: 5px 10px 5px 10px; font-size: 1em}
.option3 {text-align:left;font-weight: bold; padding: 5px 10px 5px 10px; font-size: 1em; background-color: #FFFFFF; border-bottom: 1px dotted #999999;}
.option img {margin: 5px 0 0 0}
.standard {text-align:left;padding: 5px 10px 15px 10px; font-size: 1.1em}
.investmentOptions {background-color: #ff8d21; padding: 0 4px 0 4px; border:1px solid #ff8d21;}
.investmentOptions table {background-color:#FFFFFF}
.investmentProfile {padding: 0 15px 10px 20px}
.investmentHeader {color: white; padding: 0px 0 10px 12px; margin: 0}
.investmentSub {color: #ff8d21; font-size: 1.1em; margin: 0}
.investType {padding: 0 10px 0 10px; background-color: #fff7e6}
.investType3 {padding: 0 10px 0 10px; background-color: #fff7e6}
.investType2 {padding: 0 10px 0 10px; background-color: #ffffff}
.investPie2 {background-color: #fff7e6; }
.investPie {background-color: #fff7e6; border-bottom: 4px solid #ff8d21;}
.investPieLL {background-color: #ffffff; border-bottom: 4px solid #ff8d21;}
.investmentProfile {background-color: #ffffff; border-bottom: 4px solid #ff8d21;}
.investmentProfile2 {padding: 0 15px 10px 20px; background-color: #fff7e6}
.investmentProfile3 {padding: 0 15px 10px 20px; background-color: #fff7e6; border-bottom: 4px solid #ff8d21;}
.investPie {background-color: #fff7e6}
.tabDiv {padding: 0 0 0 24px}
.joinFlash a {font-size: 18px; font-weight: bold}
.indexing {padding: 5px 10px 15px 10px; font-size: 1.1em; background-color:#FFF7E6; width: 50%}
.activeIndexing {padding: 5px 10px 15px 10px; font-size: 1.1em; background-color:#ffefcf; width: 50% }
.calcLink {}
.calcLink img {margin:4px 7px 0 0;border:0;float:left;}
.dhtmlgoodies_question{ padding: 8px 0 10px 12px; font-weight: bold; cursor:pointer; background-image: url(/_images/bar-fund.gif);background-repeat: no-repeat }
.dhtmlgoodies_question span {color:white; display: block; margin: 0 0 5px 26px; text-decoration: underline; font-size:1.1em;}
.dhmtlgoodies_quesiton span a:hover {color: #0A0A0A}
.question {padding: 8px 0 10px 12px; margin: 0 0 5px 0; font-weight: bold; cursor:pointer; background-image: url(/_images/bar-fund.gif); background-repeat: no-repeat}
.question a {margin: 0 0 5px 26px;color: white; text-decoration: none; text-decoration: underline; font-size:1.1em;}
.dhtmlgoodies_answer{border: 1px solid #FF6600;overflow:hidden;visibility:hidden;height:0px;display: none; margin: -8px 0 5px 0}
.dhtmlgoodies_answer_content{padding: 3px 8px 8px 8px;font-size:1em;}