html{ }
*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0 none}
address, caption, cite, code, dfn, em, th, var{font-style:normal; font-weight:normal}
li{list-style:none outside none}
caption, th{text-align:left}
q:before, q:after{content:""}
abbr, acronym{border:0 none; font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input[type=submit]{ cursor:pointer; border:none;}
input[type=submit]:hover{ background-position: bottom left!important;}
input, textarea, select{font-size:100%;font-family:inherit; font-size:inherit; font-weight:inherit}
legend{color:#000}
input[type=text],input[type=password]{ border: none; }
/*body#home{ background: #fff url(../../homebackground.jpg) no-repeat center top; }*/
body{ background:#d4e6f0 url(../images/bg.png) left top repeat-x; font-family: Arial,Helvetica,sans-serif; font-size: .8em;}
.bgfaderCont{ position:absolute; top:0; width:100%; height:1100px; overflow:hidden; z-index:-10; text-align:center;}
.bgfader{ margin:0 auto; width:100%; height:100%;}
.bgfader li{ width:100%; height:100%; margin:0 auto;}
a{color:#297c94; text-decoration:none; outline:0}
a:hover{color:#0b242b}
:focus, :active{outline:0 !important}
h1, h2, h3, h4, h5{color:#1b1b1b; line-height: 1.2em; font-family: Helvetica,sans-serif; font-weight: normal;}
h1{font-size:2.0em; font-weight: bold;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px;}
h3{font-size:1.6em}
h4{font-size:1.4em}
h5{font-size:0.813em}
h6{font-size:1.0em}
hr{border-top:0; border-left:0; border-right:0; border-bottom:1px solid #dedede; margin:18px 0; clear:both; width:100%}
.header{
margin:0 auto;
width:800px;
height:245px;
float:left;
}
.logoCont{
/*background:#fff;*/
width:195px;
height:236px;
top:-31px;
left:0;
z-index:100;
position:absolute;
}
a#logo{
background:url(../images/logo.png) no-repeat;
margin:7px 0 0 5px;
width:159px;
height:240px;
display:block;
}
.banner {
width:600px;
height:219px;
float:right;
margin:31px 0 0 0;
position: relative;
}
#home .banner h1{
background:url(../images/h1Banner.jpg)left 10px no-repeat;
font-family:Tahoma, Geneva, sans-serif;
padding:0 0 0 43px;
width:261px;
position: absolute;
right:65px;
bottom:125px;
font-size:21px;
font-weight:normal;
}
.banner h1{
background:url(../images/h1Banner.jpg)left 10px no-repeat;
font-family:Tahoma, Geneva, sans-serif;
padding:0 0 0 43px;
width:238px;
position: absolute;
right:65px;
bottom:125px;
font-size:21px;
font-weight:normal;
}
.main-wrapper{
background:#FFF url(../images/main-wrapper-bg.jpg) left top no-repeat;
width:900px;
margin:0 auto;
}
.main{
width:872px;
margin:0 auto;
position:relative;
}
/*Homepage Override*/
#home .main{
width:872px;
margin:0 auto;
position:relative;
}
.main p{
margin: 0 0 10px;
line-height: 1.6em;
}
.navCont{
width:900px;
margin:auto;
height:31px;
background:#333333;
/*float:left;*/
}
.nav{
width:800px;
margin:0 auto;
position:relative;
}
.nav ul{
position:absolute;
right:0;
top:5px;
z-index:500;
}
.nav ul li{
float:left;
list-style:none;
background:url(../images/navBorder.jpg) right center no-repeat;
padding:0 40px;
}
.nav ul li.last{
background:none;
padding: 0 0 0 40px;
}
.nav ul li a, .nav ul li > span{
font-size:11px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}
.nav ul li a:hover{
color:#f6ff00;
}
/*body (not the document BODY)*/
.head, .head2{
cursor:pointer;
}
.head {
color:#000;
}
.head2 {
color:#000 !important;
}
.body{}
.body h1{}
.footerCont{
background:#191919;
height:84px;
padding: 8px 0;
width:900px;
margin:auto;
}
.footer{
margin:0 auto;
color:#fff;
font-size:11px;
padding:7px 0 0 0;
}
.footer p {
margin: 4px 0;
}
.footerLeft{
float:left;
margin-left:20px;
}
.footerRight{
text-align:right;
margin-right:20px;
float:right;
}
.footerBlue, .footerBlue a:hover {
color: #297C94;
}
.sidebar{
float:right;
width:195px;
min-height:700px;
background: url(../images/mainBg.png) repeat;
position:absolute;
left:0;
top:220px;
}
.sidebar .head{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
background:url(../images/headArrow-Active.png) 175px center no-repeat;
border-bottom:1px solid #c8caca;
text-transform:uppercase;
color:#333;
padding:10px 0 0 10px;
width:185px;
height:25px;
margin-left:0;
margin-bottom:3px;
}
.sidebar .head_close, .sidebar .head:hover {
background:url(../images/headArrow-Activex.png) 175px center no-repeat;
}
.sidebar .head_close:hover {
background:url(../images/headArrow-Active.png) 175px center no-repeat;
}
.sidebar .head_link, .sidebar .head_link:hover {
background: none;
}
.sidebar .head a, .sidebar .head a:hover, .sidebar .head_link a, .sidebar .head_link a:hover {
color: #333;
}
.head.double{
padding:0 0 0 10px;
height:35px;
}
.sidebar .drawer:last-child{
border-bottom:none;
}
/*.sidebar .head.active{
background:url(../images/headArrow.png) 210px center no-repeat;
}*/
.drawer{
border-bottom:1px solid #c8caca;
border-top:1px solid #fff;
font-size:11px;
padding:5px 0;
margin-bottom:0!important;
}
.drawer li{
font-size:11px;
font-weight:bold;
line-height:16px;
color:#333;
}
.drawer li ul li{
margin-left:0px;
padding-left:8px;
background:url(../images/sideBullet.png) left 8px no-repeat;
color:#666;
text-transform:uppercase;
}
.drawer li ul{
margin-bottom:0;
}
.drawer li ul.first{
margin-top:10px;
}
.drawer li ul.last{
margin-bottom:10px;
}
.drawer li ul li ul li{
color:#999;
}
.drawer a{
text-transform:uppercase;
color:#666;
}
.drawer a:hover{
color:#127EA9;
}
.drawer li.current a {
color:#127EA9;
}
.drawer2{
border-bottom:1px solid #c8caca;
border-top:1px solid #fff;
border-top:none;
display:none;
}
.drawer2 p {
font-size:11px;
}
.content{
width:670px;
background: url("../images/disclaimer-bg-80.png") left top repeat;
float:right;
margin-top:-72px;
min-height:750px;
}
.contentTop{
/*background: url(../images/contentTop.png) no-repeat;*/
height:13px;
width:668px;
float:left;
}
.contentMid{
position:relative;
/*background: url(../images/contentMid.png) repeat-y;*/
width:636px;
float:left;
padding:230px 16px 0 16px;
}
.contentMid.subpages{
position:relative;
/*background: url(../images/contentMid.png) repeat-y;*/
width:636px;
float:left;
padding:15px 14px 0 18px;
min-height:608px;
}
.contentMid h2{
color:#333;/*#666;*/
margin:0 0 20px 0;
}
.contentMid h3{
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 5px 0;
}
.contentMid p{
line-height:16px;
color:#000;/*#666;*/
font-size:12px;
padding:0 4px;
}
.contentMid lI{
list-style:disc!important;
color:#666;
font-size:11px;
}
.contentMid input[type=text], .contentMid input[type=password] {
background:url(../images/regInputBg.png) no-repeat;
width:367px;
height:27px;
}
.contentMid .midMast{
margin:0 0 10px 0;
}
.contentMid .Box{
font-family:Tahoma, Geneva, sans-serif;
width:272px;
float:left;
background:#ddedf3 url(../images/fund-terms-Bg.jpg) repeat-x bottom;
padding:5px;
margin:0 10px 10px 0;
min-height:65px;
}
.contentMid .Box.none{
margin:0;
}
#info {
text-align: center;
font-size: 1.8em !important;
/* font-weight: bold;
color: #DD4444;*/
color: #1292A9;
}
#info .contentMid {
padding-top: 65px;;
}
#info .info_small {
font-size: .74em !important;
}
#info a {
text-decoration: underline;
color: #1292A9;
}
.Box h5{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
margin:0 0 5px 0;
}
.Box p{
font-size:12px;
}
.headMid{
background:#3f85a5 url(../images/headMidArrow.png) 547px center no-repeat;
border-right:1px solid #2b5c72;
border-bottom:1px solid #2b5c72;
border-top:1px solid #74aec3;
border-left:1px solid #74aec3;
height:23px;
color:#fff;
padding:9px 0 0 10px;
font-size:12px;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
cursor:pointer;
}
.headMid.active{
background:#3f85a5 url(../images/headMidArrow-on.png) 547px center no-repeat;
}
.contentDraw{ padding:5px 0;}
.safety{
width:222px;
float:left;
padding:0 0 0 50px!important;
margin:10px 0!important;
}
.safety.first{
background:url(../images/safety1.png) no-repeat center left;
}
.safety.second{
width:514px;
background:url(../images/safety2.png) no-repeat center left;
}
.safety.third{
background:url(../images/safety3.png) no-repeat center left;
}
.contactBlock{
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#666666;
background:url(../images/contactBg.png) no-repeat;
float:left;
width:272px;
height:139px;
padding:12px 0 0 10px;
}
.contactBlock li{
line-height:17px;
}
.contactBlock li a { font-size:12px; color:#0173a4;}
.contactBlock li a:hover { color:#2a9fd1;}
.contactBlock li em{
color:#0173a4;
font-weight:bold;
}
.contact-h3{
font-size:18px;
color:#0173a4!important;
margin:0 0 10px 0!important;
}
.dl-materials{
margin:0 7px 0 0;
}
.dl-materials.none{
margin:0;
}
.animation{
position:absolute;
top:-215px;
left:0;
width:605px;
height:595px;
}
.animation img{
position:absolute;
top:320px;
left:35px;
}
div.compliance_border {
width:574px;
border-top:1px solid #abacac;
margin-top:20px;
}
table.compliance{
margin:0;
width: 574px;
}
table.compliance tr td:first-child {
width: 120px;
}
table.compliance tr td:first-child img{
margin:2px 10px 10px 0;
}
table.compliance td {
padding-top: 15px;
vertical-align: top;
}
table.compliance td p {
font-size:11px;
padding: 5px 2px;
}
.contentBottom{
/*background: url(../images/contentBottom.png) repeat-y;*/
width:636px;
height:127px;
float:left;
}
.login{
background:url(../images/loginBg.png) no-repeat;
height:150px;
width:162px;
padding:15px 23px 0 19px;
position:absolute;
right:5px;
top:160px;
}
.login input[type=text], .login input[type=password]{
background:url(../images/inputBg.jpg) no-repeat;
width:170px;
height:31px;
color:#fff;
font-size:11px;
padding: 0 10px;
}
.login h4{
text-transform:uppercase;
font-weight:bold;
font-size:15px;
margin:0 0 5px 0;
}
.login p{
margin:0 0 4px 0;
padding:0;
}
.login .warning{
display:block;
float:left;
width:85px;
color:#414142;
font-style:italic;
font-size:10px;
margin:15px 0 0 0;
}
.login input[type=submit]{
background:url(../images/Logsubmit.png) no-repeat;
height:24px;
width:76px;
float:left;
margin:5px 0 0 0;
}
.logout{
display:block;
background:url(../images/logoutSubmit.png) no-repeat;
width:81px;
height:27px;
margin:-3px 0 0 0;
}
.logged{
text-transform:none!important;
}
.activated{
color:#fff600;
}
.accountname{
color:#fff600;
}
.goalsCont{
width:375px;
margin:0 0 35px 0;
}
.goalsCont .head2{
background:url(../images/goalBg.png) bottom repeat-x;
font-size:16px;
text-transform:uppercase;
height:30px;
padding:14px 0 0 0;
position:relative;
}
.goalsCont .head2 img{
position:absolute;
z-index:1000;
top:17px;
left:0;
}
.returns{
border-bottom:1px solid #a6a9ab;
border-top:1px solid #a6a9ab;
width:575px;
margin:0 0 36px 0;
}
.returns th{
background:#f2f6f7;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
height:56px;
color:#006c9e;
padding:0 0 0 30px;
}
.returns tr.highlighted td{ background: #dce9f0;}
.returns tr.filler td{ background: none; border-bottom:1px solid #adadad;}
.returns td{
font-size:11px;
background:#f2f6f7;
margin:0 3px 0 0 ;
height:34px;
text-transform:uppercase;
border-bottom:1px solid #fcfdfe;
border-top:1px solid #fcfdfe;
padding:0 0 0 30px;
}
.sidemenu{}
/* Blockquote */
blockquote, .blockquote{
font-family: Georgia, Times New Roman;
font-size: 1.25em;
font-style: italic;
}
/*.blockquote:before{ content: '"' }
.blockquote:after{ content: '"' }*/
.main ol,
.main ul{
margin-bottom: 10px;
line-height: 1.6em;
}
.main ul li{
margin-left: 13px;
padding-left: 4px;
}
.main ol li{
list-style: decimal;
margin-left: 24px;
padding-left: 0px;
}
/* Template for Buttons */
.btn.sample{
height: 40px;
width: 200px;
background-image: url(../images/btn-sample.png);
margin: 0 0 20px;
}
.clickhere{
width: 220px;
height: 24px;
margin: 0 0 20px;
padding: 10px 10px 0;
background-image: url('imgurl');
background-color: yellowgreen;
border-radius: 4px;
-moz-border-radius: 4px;
}
.clickhere:hover{
background-color: green;
color: #fff;
}
#registry p{
margin:0 0 25px 80px;
}
#registry .formset p {
width:534px;
height:27px;
background:url(../images/formreg.png) no-repeat !important;
}
#registry .formset label{
width:163px;
display:block;
float:left;
margin:5px 0 0 12px;
}
#registry .formset p input{
background:none;
float:left;
width:348px;
}
.formset p{
margin:0 0 14px 10px !Important;
}
#registry .textinput{
width:420px;
height:20px;
background:url(../images/textboxgray.png) no-repeat;
padding:3px 10px;
margin:0 0 20px 0;
}
#registry .checkinput_container {
position: relative;
}
#registry .checkinput {
position: absolute;
top: 2px;
left: 30px;
}
#registry .checknumber {
position: absolute;
top: 2px;
left: 2px;
color: #666666;
font-size: 12px;
}
#registry #feedback {
color: #dd4444;
font-weight: bold;
font-size: 1em !important;
}
#registry #feedback > div {
padding-top: 25px;
margin-bottom:20px;
border:1px solid;
}
.btnset{
margin:0 0 0 78px;
position:relative;
top:10px
}
.submitbtn{
width:154px;
height:36px;
background:url(../images/submitbtn.png) no-repeat;
float:left;
margin:0 15px 0 0;
clear:none !Important
}
.idn{
width:274px;
height:36px;
background:url(../images/idonotmeet.png) no-repeat;
float:left;
clear:none !important
}
.leftindent p{
margin-left:0 !Important
}
.terms {
border: 1px solid #333333;
height: 300px;
margin: 20px 0;
overflow: auto;
width: 575px;
}
.terms h2 {
padding: 10px 0 0 10px;
}
.terms p {
color: #666666;
font-family: "Courier New",Courier,monospace;
font-size: 12px;
line-height: 18px;
margin: 0 !important;
padding: 12px;
}
.agree {
height: 10px;
margin: 0 0 10px !important;
vertical-align: text-bottom;
}
.term-dont {
height: 600px;
overflow: auto;
padding: 20px;
width: 760px;
}
.term-dont p {
color: #666666;
line-height: 16px;
margin: 0 0 20px;
}
.term-dont ul {
margin: 0 0 20px;
}
.term-dont ul li {
color: #666666;
line-height: 18px;
list-style: disc outside none !important;
margin: 0 0 5px 20px;
}
/* Other Globals */
.left{float:left}
.right{float:right}
.clear{clear:both; height:0}
.btn{display:block; overflow:auto; text-indent:-1000em; background-position:left top; background-repeat: no-repeat; clear:left; border: 0;}
.txtbtn{display:block; overflow:auto; text-align:center; background-position:left top; background-repeat: no-repeat; clear:left; border: 0;}
/* Buttons global definition - for buttons using image*/
a.btn:hover, input.btn.submit:hover{background-position:left bottom !important; cursor:pointer;}
.submit:hover{background-position:left bottom}
.txtlink{
display: inline-block;
padding-right: 20px;
background: url(../images/arrow-link.png) no-repeat right 6px;
}
.txtlink:hover{
background-position: right -14px;
}
/* global img styling */
img.left{margin:0 10px 10px 0}
img.right{margin:0 0 10px 10px}
/*Just In Case*/
pre{
padding: 16px 20px;
margin: 20px;
border: 1px solid #ababab;
}
code{
font-size: 1.2em;}
#article_tool {
text-align: right;
margin-top: 30px;
}
#feedback, .feedback, #feedback p, .feedback p {
color: #990000 !important;
font-weight: bold !important;
}
/* added 8.30.13 */
.disclaimer{
/*display:none;*/
background:url(../images/disclaimer-bg-90.png) left repeat;
width:800px;
border:1px solid #CCC;
padding:20px 15px 20px;
position:fixed;
left:50%;
top:15%;
margin-left:-400px;
z-index:9999;
-webkit-box-shadow: 2px 5px 5px 5px #CCC;
box-shadow: 2px 5px 5px 5px #CCC;
}
.disclaimer p{
line-height:1.4em;
margin-bottom:15px;
}
.disclaimer p label{
padding:5px;
}