﻿@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic);
body {
   font-family:Lato,sans-serif;
   font-size:17px;
   color:#444;

}

h1, h2, h3, h4 {
margin-top:0px;
}
h1, h2 {
color:black;
margin-top:0px;
margin-bottom:20px;
}
h3 {
    text-transform:none;
    color:#0099ff;
    font-size:22px;
    margin-bottom:20px;
    margin-top:20px;
}
p {
    margin-bottom:15px;
    margin-top:20px;
}
ul {
list-style-image:url('/images/bullet.jpg');
}
li {
margin-bottom:15px;
}
.pull-right-md {
    padding-bottom:15px;
}
.pull-left-md {
    padding-bottom:15px;
}
.img-pad-bottom {
    margin-bottom:15px;
}
@media (min-width:993px) {
.pull-right-md {
    float:right;
    margin-left:15px;
}
.pull-left-md {
    float:left;
    margin-right:25px;
}
}

@media (max-width:992px) {
.pull-right-md {
  width:100%;
  
   
}
.pull-left-md {
    width:100%;
}
.pull-right-md img {
    width:100%;
}
}
.super-title {
    text-transform:uppercase;
    color:#ccc;
}
.bottom-header-margin {
    margin-bottom:25px;
}
.text-pad {
    padding-top:35px;
}
.image-pad-right {
    margin:0px 0px 20px 35px;
}
.image-pad-left {
margin:0px 35px 10px 0px
}
.text-min {
min-height:600px;
}

.text-pad-small {
padding-top:20px;
}
.text-pad-small-bottom {
padding-bottom:20px;
}
.form-horizontal {
    margin-top:20px;
}
.form-horizontal .form-group {
margin-left:0px;

}
.alert-color {
color:#fc610e;
}
.na {
color:#ccc;
}
.btn-full {
    width:100%;
}
.btn {
    transition: all 0.3s;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
p {

}
    p a {
      
    }
a {

}
    a:hover {
    text-decoration:none;
    color:#0066cc;
    }
    a:active {
        text-decoration:none;
    }
    a:visited {
        text-decoration:none;
    }
.logo-bold {
font-family:arial, sans-serif;
font-weight:900;
}
.logo-reg {
font-family:Arial;
}
.heavy {
font-weight:900;
}
.trial-box {
background-color:#3683dd;
padding:8px 20px 8px 20px;
border-radius:10px;
color:#efefef;



z-index:2;
text-shadow:2px 2px 2px rgba(0,0,0,0.3);


}
.location-text {
font-size:16px;
}
.finePrint {
color:#999; font-size:14px;
}
.white-link {
   color:#efefef;
}
.white-link:hover {
     background-color:#0066cc;
        color:white;
}
.free-trial {
font-size:24px;
}
@media (min-width: 768px) {
  .trial-box {
   display:block;
  }
    .mobile-trial {
    display:none;
    }
}
@media (max-width: 767px) {
    h1, h2, h3, h4 {
    margin-top:25px;
    }
  .trial-box {
   display:none;
  }
 
}
   .mobile-trial {
    display:block;
    background-color:#3683dd;
    padding:10px;
    font-size:20px;
    color:white;
  
    }
.head-shot {
float:left;
margin:5px 30px 10px 0px;
}
.extra-pad {
padding:24px 40px 55px 40px !important;
}
.head-space {
margin-bottom:20px;
}
.home-banner {
    background-color:#efefef;
    padding:20px 0px 20px 0px;
    margin-top:0px;
}
.x5-chart-wrapper {
    background-color:white;
    
    position:relative;
    padding:20px;
    width:100%;
}
.x5-chart {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;

height:464px;
position:relative; 
width:100%;
}
.x5-chart-short {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
height:365px;
position:relative; 
width:100%;
}
.x5-line {
    position:absolute;
    z-index:1;
    width:100%;
    border-bottom:1px solid #ccc;
    height:1px;
}
    .x5-line:first-of-type {
        bottom:20%;
    }
    .x5-line:nth-of-type(2) {
        bottom:40%;
    }
    .x5-line:nth-of-type(3) {
        bottom:60%;
    }
     .x5-line:nth-of-type(4) {
        bottom:80%;
    }
    .x5-line:nth-of-type(5) {
        bottom:100%;
    }
.x5-sa-bar {
    position:absolute;
    width:13%;
    height:0px;
    bottom:0px;
    background-color:#3683dd;
    left:5%;
    z-index:2;
    animation: bargrow 2s forwards;
    -webkit-animation: bargrow 2s forwards;
}
.x5-sp-bar {
 position:absolute;
    width:13%;
    height:0px;
    bottom:0px;
    background-color:#ccc;
    left:24%;
    z-index:2;
    animation: sp-bargrow 2s forwards;
    animation-delay:1s;
    -webkit-animation: sp-bargrow 2s forwards;
    -webkit-animation-delay:1s;
}
@keyframes bargrow {
    0% {
        height:0%;
    }
    100% {
        height:90%;
    }
}
@keyframes sp-bargrow {
    0% {
        height:0%;
    }
    100% {
        height:39%;
    }
}
@-webkit-keyframes bargrow {
    0% {
        height:0%;
    }
    100% {
        height:90%;
    }
}
@-webkit-keyframes sp-bargrow {
    0% {
        height:0%;
    }
    100% {
        height:39%;
    }
}
.x5-sa-text {
position:absolute;
left:25%;
top:2%;
z-index:2;

}

.x5-x5 {

font-size:75px;
color:#99cc33;
margin-top:0px;
line-height:100%;
}
.x5-percent-text {
position:absolute;
top:40%;
left:25%;
z-index:2;
}
.x5-percent {
color:#3683dd;
font-size:55px;
line-height:100%;
}
.x5-sp-text {
position:absolute;
color:#999;
left:42%;
bottom:2%;
}
.x5-sp-percent {
    font-size:30px;
}
.img-center {
    margin:0px auto;
}
.sidebar {
    background-color:#0099ff;
    color:white;
    padding:26px;
    margin-left:20px;
    margin-bottom:20px;
   font-style:italic;

 }
    .sidebar h3 {
        color:white;
    text-align:center;
   
    font-weight:bold;
    margin-top:0px;
    }
.byline {
text-indent:20px;
}
/*----------------------------
     Subscriptions 
--------------------------------*/

.plan-select {

margin-left:15px !important;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.home-section {
padding:40px 0px 40px 0px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.navbar {
margin-bottom:0px;
}
    .navbar li {
    margin-bottom:0px !important;
    }
.navbar-inverse {
  
    border:none;
    border-radius:0px;
    background: #3683dd; /* Old browsers */
    background: -moz-linear-gradient(top, #3683dd 0%, #3683dd 50%, #0066cc 51%, #0066cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3683dd), color-stop(50%,#3683dd), color-stop(51%,#0066cc), color-stop(100%,#0066cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3683dd 0%,#3683dd 50%,#0066cc 51%,#0066cc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3683dd 0%,#3683dd 50%,#0066cc 51%,#0066cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3683dd 0%,#3683dd 50%,#0066cc 51%,#0066cc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3683dd 0%,#3683dd 50%,#0066cc 51%,#0066cc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3683dd', endColorstr='#0066cc',GradientType=0 ); /* IE6-9 */
}
    .navbar-inverse .navbar-nav > li > a {
    color:#efefef;
    font-weight:bold;
    font-size:18px;
    padding-right:45px !important;
    cursor:pointer;
    }
        .navbar-inverse a:hover {
        color:white;
        }
    
        .navbar-inverse .navbar-nav > .open > a {
                background-color:#0066cc;
        }
         .navbar-inverse .navbar-nav > .open > a:hover {
                background-color:#0066cc;
        }
.navbar-toggle {
    border-color:white !important;
}
.caret {
    border:none !important;
}
    .navbar-toggle:hover {
        background-color:#ccc !important;
    }
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color:white !important;
    border-bottom-color:white !important;
}
.dropdown-menu a {
    color:#0099ff;
}
.header-box {
padding:20px 0px 10px 0px;
}
.home-section {
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    position: relative;
    z-index: 120;
}
/* Background Colors */
.bg-white {
     background-color:white;
}
.bg-gray-light {
background-color:#efefef;
}

.bg-gray-med {
background-color:#ccc;
}
/* Font Colors */
.red {
color:red;
}
.green {
color:green;
}
/* styles for validation helpers */
.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid red;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: red;
}
    .validation-summary-errors ul {
        list-style-type:disc;
        list-style-image:none;
    }
.validation-summary-valid {
    display: none;
}
@media (max-width:992px) {
    .table-fund th:nth-child(1),  .table-fund td:nth-child(1) {
        display:none;
    }
        .table-fund th:nth-child(3),  .table-fund td:nth-child(3) {
       display:none;
    }
            .table-fund th:nth-child(5),  .table-fund td:nth-child(5) {
         display:none;
    }
}

.table-striped td {
    background-color:#fff;
}
.table-striped th, .table-striped tr {
    border-bottom:none !important;
     border-top:none !important;
    border-color:#0099ff;
}
.table-striped > tbody > tr:nth-child(odd) > td {
    background-color:#efefef;
}
.table{margin:0;border-spacing:0;border-collapse:collapse;width:100%;background-color:#fff}
.table td{padding:6px;margin:0; border-top:none; border-bottom:none;}
.table th{padding:10px 6px;text-align:left;font-weight:400;color:#fff;background-color:#3683dd;cursor:pointer}
.table th a{color:#fff}.table th:first-child{}
                            .table th:last-child{}
                            .table tr:nth-child(even){background-color:#f5f5f5;}
.sortable {
 
}
.table tbody > tr > td {
    border:none;
}

.sortable th {
    cursor:pointer;
}
 /* Inputs */

input[type=text], input[type=password], input[type=datetime], select, input[type=url], input[type=number], input[type=email], input[type=tel], textarea  {
    padding:5px 10px 5px 10px;
    border:1px solid #ccc;
    border-radius:4px;
   
    outline: none;
   
} 
input[type=text]:hover, input[type=password]:hover, input[type=datetime]:hover, select:hover, input[type=url]:hover, input[type=number]:hover, input[type=email]:hover, input[type=tel]:hover, textarea:hover  {
  
    border:1px solid #999;
   
    outline: none

} 
input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, select:focus, input[type=url]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {
  
    border:1px solid #5486dc;
   
    outline: none

} 
input[type=text]:invalid, input[type=password]:invalid, input[type=datetime]:invalid, select:invalid, input[type=url]:invalid, input[type=number]:invalid, input[type=email]:invalid, input[type=tel]:invalid, textarea:invalid  {
  
    border:1px solid red;
   
    outline: none

} 
input[type=submit], input[type=button] {
    padding:5px 10px 5px 10px;
    border:1px solid #ccc;
    border-radius:4px;
     background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
   
    outline: none
} 
input[type=submit]:hover, input[type=button]:hover {
     background-image: -moz-linear-gradient(top, #e6e6e6, #c9c9c9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#c9c9c9));
	background-image: -webkit-linear-gradient(top, #e6e6e6, #c9c9c9);
	background-image: -o-linear-gradient(top, #e6e6e6, #c9c9c9);
	background-image: linear-gradient(to bottom, #e6e6e6, #c9c9c9);
    cursor:pointer;
   
}
textarea {
 display:block;
 width:80%;
 max-width:none;   
}
/*-------------------------------
     Common Elements
-----------------------------------*/

.sub-access {
float:right;
text-align:right;
margin-right:10px;
}
.sub-subtitle {
color:#666;
}
/*-------------------------------
     Members Page
-----------------------------------*/
.member-link-box {
    display:block;
    border:1px solid #ccc;
    border-radius:6px;
    
    color:#666;
    padding:12px;
    margin-bottom:15px;
}
    .member-link-box:hover {
    color:#0099ff;
    border-color:#0099ff;
    }
.member-link-icon {
float:left;
margin:9px 20px 6px 6px;
color:#0099ff;
width:35px;

}

.error-message {
background-color:red;
color:white;
border-radius:10px;
padding:20px;

}
.sub-warning {
width:60%;
margin:0px auto;
padding-top:20px;
padding-bottom:20px;
display:block;

}
    .sub-warning .fa {
    color:#ff3300;
    }
/* Stocks */
.stock-highlight {
    font-weight:bold;
}
.stock-table {
    width:100%;
}
    .stock-table th,.stock-group-row {
        background-color:#3683DD;
        color:white;
        font-weight:bold;
    }


.stock-table th, .stock-table td {
padding:8px;
}
   .stock-table tr:nth-child(even){background-color:#e9f4ff}
   .stock-table tr:nth-child(odd){background-color:white;}

.news-article {
    
   
    overflow:hidden;
    padding-bottom:20px;
    margin-bottom:20px;
   
  
}
.border-bottom {
    border-bottom: 1px solid #efefef;
}
.news-title {
height:60px;
display:block;
}
.news-date {
    color:#666;
    margin-bottom:10px;
}

@media (min-width: 768px) {
    .news-content {
      margin-bottom:20px;
      min-height:335px;
    }
    .main-content {
       
     }
}
@media (max-width: 767px) {
   
}
.footer {
text-align:center;
background-color:#efefef;
color:#aaa;
font-size:14px;
padding:30px 0px 30px 0px;

}
    .footer a {
    color:#666;
    }

/* SIA Stuff */
.link-button {
     padding:10px 25px 10px 25px;
    border:1px solid #ccc;
    border-radius:4px;
     /*background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);*/
     background-color:#fbfbfb;
   
    outline: none;
    color:#0099ff;
    display:block;
    transition:all 0.3s;
} 
.link-button:hover {
     /*background-image: -moz-linear-gradient(top, #e6e6e6, #c9c9c9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#c9c9c9));
	background-image: -webkit-linear-gradient(top, #e6e6e6, #c9c9c9);
	background-image: -o-linear-gradient(top, #e6e6e6, #c9c9c9);
	background-image: linear-gradient(to bottom, #e6e6e6, #c9c9c9);*/
    cursor:pointer;
   
    /*background-color:#efefef;
    border-color:#999;*/
    color:white;
    background-color:#0099ff;
    border-color:white;
}
.button-spacer {
    margin-top:34px;
}

@media (max-width: 768px) {
 .video-box {
     width:100%; margin-bottom:25px;
 }

 .prop-row div { margin-bottom:40px;}
}
@media (min-width: 769px) {
 .video-box {
     float:right; 
     margin-left:15px;
 }
}

.prop-row {
    margin-bottom: 20px;
}