/*580M-Myfund-20130729-Log On Page Comments.docx width:900px */
html {
    overflow-y: scroll;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    color:#4D4D4D;
    font-weight:300;
    background:#ececec;
}

a img {
    border:0px;
}

a {
    color:#3A8CAA;
    text-decoration:none;
}

a:hover {
    color:#3AA1D4;
    
}

a:hover i {
    color:#3AA1D4;
}
/*8639P-iPortfolio-20130814-Icon-name and Theme.docx*/
h1 {
    font-weight:300;
    color: rgb(75,113,142);
    font-size:35px;
    letter-spacing:-1px;
    line-height:120%;
}

h3, h2{
    font-weight:800;
    color:#4D4D4D;
}

h2 {
    color:#3A8CAA;
}

hr {
    border:0px;
    border-bottom:solid 1px #ccc;
}

/*8580M-Myfund-20130729-Log On Page Comments.docx width:900px */
.containit {
    max-width:952px;
    margin:auto;
    text-align:left;
    background-color:White;
}

.left {
    float:left;
    width:10%;
    text-align:center;
    padding-top:20px;
}

.left i {
    font-size:50px;
    color:#999999;
}

.right {
    float:right;
    width:88%;
    margin-bottom:30px;
}

.one_half img,
.one_third img,
.two_third img,
.one_fourth img,
.three_fourth img,
.one_fifth img,
.two_fifth img,
.three_fifth img,
.four_fifth img,
.one_sixth img{
    max-width:100%;
    height:auto;
    margin-bottom:20px;
}

.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth
 {
    float: left;
    margin-right: 4%;
    position: relative;
    padding:20px;
}

.one_half {
    width: 40%;
}

.three_fourth {
    width: 74%;
}
.one_third {
    width: 30.666%;
}
.two_third {
    width: 65.334%;
}
.one_fourth {
    width: 22%;
}
.one_fifth {
    width: 16.8%;
}
.two_fifth{
    width: 37.6%;
}
.three_fifth {
    width: 58.4%;
}
.four_fifth {
    width: 79.2%;
}

.last_column {
  margin-right:0px;
}


.clear {
    clear:both;
}

/*8580M-Myfund-20130729-Log On Page Comments.docx width:900px */
.header {
    padding-bottom:60px;
    height:85px;
    display:block;
}
.logo {
    float:left;
    margin-top:59px;
    margin-left:6.2%;
    width:auto;
    height:20px;
}
/*8580M-Myfund-20130729-Log On Page Comments.docx width:900px */
.logo img{
    width: auto;
    height: 43px;
}
/*head nav*/

.head-navigation {
    height:30px;;
}
.head-navigation ul, .main-navigation ul{
    list-style:none;
    padding:0px;
    margin:0px;
}

.head-navigation > ul {
    background:#3A8CAA;
    padding:10px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.head-navigation > ul li {
   padding-right:18px;
    padding-left:18px;
    border-left:solid #fff 1px;
}

.head-navigation > ul li:first-child {
    border:none ;
}

.head-navigation > ul a {
    color:#fff;
    text-decoration:none;
    font-weight:400;
}

.head-navigation li, .main-navigation li{
    float:left;
}

.head-navigation ul {
    float:right;
    margin-left:10px;
}

.head-navigation .social {
    float:right;
    padding:9px;
}

.head-navigation .social li {
    margin-left:5px;  
}

.head-navigation .social a {
    text-decoration:none;
    color:#999999;
    font-size:23px;
}

/*main nav*/
#menu-icon {
    display: hidden;
    text-align:center;
}

a:hover#menu-icon {
    background-color: #444;
}

.main-navigation {
    float:left;
    margin-top:23px;
    margin-left:30px;
}

.main-navigation li {
    border-right:solid 1px #eee;
    margin-right:20px;
    padding-right:20px;
}

.main-navigation li:last-child {
    border:none;
}

.main-navigation a {
    font-size:26px;
    font-weight:300;
    color:#999999; 
    text-decoration:none;
    letter-spacing:-1px;
    text-transform:lowercase;
}

.main-navigation .active, .main-navigation a:hover {
    border-bottom:solid 1px #F5F7F5;
}


.home-banner {

}

.checklist {
    list-style:none;    
}

.checklist li {
    position: relative;
}

.banner {
    margin-top:-30px;
}

.banner-greybg {
  /*background:#F5F7F5;----*/
  height:300px;
  width:100%;
  position:absolute;
  margin-top:40px;
  z-index:-1;
  
}

.banner-image {
    float:left;
    width:45%;
    max-width:468px;
    position:relative;
}

.banner-image img {
    margin-right:-125px;
    float:right;
    margin-bottom:30px;
}

.banner-msg {
    float:right;
    width:45%;
    max-width:468px;
    margin-top:50px;
    background:#F5F7F5;
    padding:0px 20px 0px 20px;
}

/*8580M-Myfund-20130729-Log On Page Comments.docx width:900px */
.loginbanner {
    margin-top:0px;
}
/*8639P-iPortfolio-20130814-Icon-name and Theme.docx*/
.Login {
    float:left;
    width:872px;
    margin-top: 0px;
    /*height:250px;*/
    background: #fff;
    padding-left: 80px;
}

/*16936M-USER NAME RECOVERY AND PASSWORD RESET REQUESTS - 27 OCTOBER 2017.docx*/
.logintextbox{
    width: 170px;
    height: 16px;
    padding:5px;
    /*margin-bottom:10px;*/
    border:0px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border:solid 1px #ccc;
    color: #393c40;
}

/*8574M-Myfund-20130726-IDS Log on screen Bugs.docx*/
#UserName, #Password, #PasswordEmpty{
    width: 240px;
    height: 16px;
    padding:5px;
    margin-bottom:10px;
    border:0px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    /*18374M-18375P-remove shadow from borders.docx allen*/
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 2%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(16%,rgba(255,255,255,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border:solid 1px #ccc;
    color: #393c40;
}
/*8639P-iPortfolio-20130814-Icon-name and Theme.docx*/
.Login input[type="submit"] {
    background:rgb(75,113,142) !important;
    color:#fff;
    font-weight:600;
    width:120px;
    border:none;
    cursor:pointer;
    margin-top:14px;

    padding:5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.Login input[type="submit"]:hover {
    background: rgb(90,130,160) !important;
}

.code {
    width:15px;
    margin-right:9px;
}

.txt{
    /*width: 240px;*/
    height: 16px;
    padding:5px;
    /*margin-bottom:10px;*/
    border:0px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    /*18374M-18375P-remove shadow from borders.docx allen*/
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 2%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(16%,rgba(255,255,255,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border:solid 1px #ccc;
    color: #393c40;
}

.checklist li:before {
    content:"\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    font-size: 14px;
    position: absolute;
    top: 4px;
    left: -30px;
    color:#3A8CAA;
}

.readmore a, .readmore{
    color:#808080;
    text-decoration:none;
}

.readmore:after {
    content:"\f0a9";
    font-family: FontAwesome;
    margin-left:10px;
    color:#3A8CAA;
}

.readmore:hover:after {
    color:#3AA1D4;
}

.infoimage {
    width:100%;
    background:url("/page/inc/images/feature_bg.png");
    background-repeat:no-repeat;
    background-size:100%;
    display:inline-block;
    padding-bottom:64px;
    margin-top:30px;
}

.infoimage img {
    position:relative;
    z-index:-1;
    margin-top:4%;
    margin-left:3%;
    margin-right:3%;
    margin-bottom:-1%;
    width:94%;
    background:#fff;
}

.profile img {
    -webkit-border-radius: 10px 10px 0px 10px;
    border-radius: 10px 10px 0px 10px;
}

.profile {
    margin-top:30px;
    
}
/*8639P-iPortfolio-20130814-Icon-name and Theme.docx*/
.footer {
    margin-top:0px;
    background:#fff;
}

.copyright {
    float:left;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:50px;
    color:#999999;
    font-size:11px;
    font-weight:400;
}

.backtop {
    float:right;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:50px;
    color:#999999;
    cursor:pointer;
}

.backtop:hover {
    color:#ccc;
}


blockquote {
    margin: 34px 0 30px 0;
    padding: 0 30px 0 30px;
}

blockquote {
    background: transparent url(/page/inc/images/blockquote.png) no-repeat; 
}

/* Specific to example one */
#example-one { 

}

#example-one .nav { 
    display:table;
    width:100%;
    padding:0px;
    margin:0px;
    border-bottom:solid 1px #ebebeb;
    padding-left:20px;
    padding-right:20px;
    margin-left:-20px;
    margin-right:-20px;
    margin-bottom:40px;
}
#example-one .nav li {
    display:table-cell;
    padding:0px 4px 0px 4px;
}

#example-one .nav li a { 
    display: block; 
    padding: 15px; 
background: #f5f7f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f7f5 0%, #f5f7f5 65%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f7f5), color-stop(65%,#f5f7f5), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f5', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    color: #aaa; 
    font-size: 18px; 
    text-align: center; 
    border:solid #ebebeb 1px;
    border-bottom:0px;
    text-decoration:none; 
    margin-bottom:-1px;
    font-weight:600
}

#example-one .nav li a:hover { 
    background-color: #F4F4F4; 
    color:#3A8CAA;
}

#example-one .nav li a.current {
    background:#fff;
    border-bottom:0px;
    color:#3A8CAA;
}

#example-one ul.nav li a.current:hover {
    color:#3A8CAA;
}

.backhome {
    border:solid red 1px;
    display: block; 
    padding: 15px; 
    background: #f5f7f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f7f5 0%, #f5f7f5 65%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f7f5), color-stop(65%,#f5f7f5), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f7f5 0%,#f5f7f5 65%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f5', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    color: #aaa; 
    font-size: 18px; 
    text-align: center; 
    border:solid #ebebeb 1px;
    border-bottom:0px;
    text-decoration:none; 
    margin-bottom:-1px;
    font-weight:600
}


@media only screen and (max-width: 759px){

    .banner-image {
    float:none;
    width:100%;
    max-width:100%;
    position:relative;
    margin:0px;
    }

.banner-image img {
    margino:0px;
    float:none;
    margin-bottom:0px;
    width:100%;
    height:auto
}
    
    .banner-greybg {
        display:none;
    }
    
    .banner-msg {
        width:calc(100% - 40px);
        max-width:100%;
        padding:20px 20px 20px 20px;
        float:none;
    }
}

@media only screen and (max-width: 600px){
    body {
        padding:20px;
    }
    .header {
        margin-top:100px;
        text-align:center;
    }
    .logo {
        float:none;
        text-align:center;
        margin:auto;
    }
    
    .head-navigation {
        float:none;
        display:inline-block;
        margin:auto;
        margin-top:40px;
        margin-left:-40px;
    }
    
    .banner-greybg {
        display:none;
    }
    
    .head-navigation > ul {
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    
    #menu-icon {
        position:fixed;
        top:0;
        margin-left:-20px;
        height:30px;
        padding:10px 0px 10px 0px;;
    }
    
    #menu-icon:before {
        font-family: 'FontAwesome';
        content:"\f00b";
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size:26px;
        display:inline-block;
        position:relative;
    }

    #menu-icon {
        color:#fff;
        z-index:9999;
        width:100%;
        background-color:rgba(51,51,51,0.9);
        cursor:pointer;
    }

    .main-navigation ul { 
        display:none;
        position: fixed;
        z-index:99;
        background-color:rgba(51,51,51,0.9);
        right: 0px;
        top: 50px;
        width: 100%;
        padding-bottom:20px;
    }

    .main-navigation li {
        display:inline-block;
        text-align: center;
        width: 100%;
        margin: 0;
        border-bottom:solid 1px #333;
        line-height:230%;
    }

    .main-navigation:hover ul {
        /*visibility:visible;
        opacity:1;*/
    }
    .left{
        float:none;
    }
    
    .right {
        float:none;
    }
    
    .one_half,
    .one_third,
    .two_third,
    .one_fourth,
    .three_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth {
        width:100%;
        margin-bottom:30px;
    }
}

@media only screen and (max-width: 320px){

    
    body {
        padding:20px;
    }
    .backtop, .copyright {
        float:none;
        text-align:center;
        border-top:solid 1px #fff;
    }
    
    .banner-msg {
        margin:0px -20px 0px -20px;
        width:100%;
    }
    
    #example-one .nav li a { 
        font-size:10px;
        font-weight:600;
    }
    #example-one .nav {
        padding:0px;
        margin:0px auto 0px auto;
        
    }
}