html, body { height: 100%; } .container{ max-width: 970px !important; } .navbar-default .navbar-nav>li>a { color: #000; } p { height: 100%; font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 1.25em; line-height: 1.4em; margin-top: 20px; } li, li p { font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 1.4em; } li p { display: inline; } h3, h4, h5 { font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-style: normal; letter-spacing: -0.01em; word-spacing: -0.07em; font-weight: 500; } h2 { font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-weight: 400; font-style: normal; letter-spacing: -0.01em; word-spacing: -0.07em; font-size: 22px; } h1{ font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-weight: 500; font-style: normal; letter-spacing: -0.03em; word-spacing: -0.08em; //font-size: 2.4em; } /* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */ .carousel { max-height: 400px; width: 100%; position: relative; z-index: 1; } .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 6em; line-height: 0em; } .item, .active, .carousel-inner { height: 100%; } .carousel-inner img{ max-height: 400px; width: auto; height: auto; vertical-align: middle; } /* Background images are set within the HTML using inline CSS, not here */ .carousel-control.left, .carousel-control.right { background-image: none !important; } .top-ad{ width: 100%; padding: 0; margin: 0; } .top-brand{ width: 100%; padding: 0; margin: 0; padding-bottom: 0.75em; } .img-thumbnail{ padding: 20px; border-radius: 0px; } .fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } footer { margin: 12px auto; text-align: center; } footer a{ margin: 0px 12px; text-align: center; color: #969696; } footer ul li a{ text-align: left; font-size: 0.8em; margin: 0; } .white-bg-centered{ background-color: #ffffff; padding-right: 1em; padding-left: 1em; } .leverage-the-conversation{ letter-spacing: 0.12em; } .rounded-upper{ border-top-right-radius: 9px; border-top-left-radius: 9px; } .rounded-lower{ border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; } .category-header{ font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; text-transform: uppercase; font-size: 1.2em; vertical-align:top; } .category-header-bg{ max-height: 1.1em; height:1.1em; line-height:1.1em; } .category-header-bg .slug{ text-transform: uppercase; margin: 0; font-size: 0.8em; vertical-align:top; } .category-header-bg .thinkmoney-slug{ text-transform: uppercase; margin: 0 auto; font-size: 0.8em; vertical-align:middle; text-align: center; color: #fff; } .large-white-text { color: #ffffff !important; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 1.5em; line-height: 1.0em; text-transform: uppercase; } .sidebar-perspectives{ padding: 0.5em 1em; } .bg-gray { background-color: #f4f4f4; } .no-margin { margin: 0; } .left-margin{ margin: 0px 0px 16px 20px; } .left-margin{ margin: 0px 0px 16px 20px; } .left-padding-16{ padding-left:16px; } .padding-16{ padding:16px; } .latest-stories{ font-weight: bold; display: none; } .margin-16{ margin:16px; } .no-right-padding{ padding-right:0px; } .border-top{ border-top: 1px solid #bcbcbc; } .border-bottom{ border-bottom: 1px solid #bcbcbc; } .thinkmoney-pod-item { padding: 16px 0px; border-bottom: 1px solid #bcbcbc; margin: 0px 16px; } .thinkmoney-pod-item:last-child { padding: 16px 0px; border-bottom: 0px solid red; margin: 0px 16px; } .perspectives-block { //border-bottom: 1px solid #bcbcbc; margin: 18px 0px 8px 0px; } .perspective-article{ border-left: 1px solid #bcbcbc; } .perspective-body{ padding: 16px 16px 22px 16px; } .perspective-article h3{ font-size: 1.6em; line-height: 1.2em; letter-spacing: -0.01em; word-spacing: -0.07em; font-weight: 500; margin: 0.35em 0em 0em 0em !important; padding-bottom: 0; } .perspective-article h3 a{ color: #333; text-decoration: none; } .perspective-article h3 a:hover{ color: #428bca; text-decoration: underline; } .perspective-article:first-of-type{ border-left: 0px solid #bcbcbc; } .perspective-article .byline{ color: #000; } .perspective-article .txt_date{ } .border-left{ border-left: 1px solid #bcbcbc; } .padding-top-8{ padding-top: 8px; } .padding-top-16{ padding-top: 16px; } .txt_date{ font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 12px; font-weight: 100; color: #828282; text-transform: uppercase; margin: 0px 0px 0px 0px; } .byline{ font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 12px; font-weight: 100; color: #000; text-transform: uppercase; margin: 0px 0px 0px 0px; } .latest-stories-container{ border-bottom: 1px solid #bcbcbc; } .btf .category { padding-left: 0px; } .btf-right-column { padding-right: 0px; margin-right: 0px; } .btf-story{ font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 19px; line-height: 25px; font-weight: 300; padding: 22px 0px; border-bottom: 1px solid #bcbcbc; color: #231f20; display: block; text-decoration: none; } .btf-story:hover{ color: #428bca; text-decoration: underline; } .btf-story:last-child { border-bottom: 0px; } .social_links{ margin-bottom: 8px; margin-top: 4px; } .social-icon { font-size: 1.5em !important; height: 28px; width: 32px; display: inline-block; text-align: center; padding: 4px 0px 0px 0px; } .social-icon:hover { text-decoration: none; } .story_main_image { width: 50%; float: right; } .story_main_image img{ width: 100%; margin-top: 32px; } .social_links > .fa-rss { background-color: black; color: white; } .social_links > .fa-facebook{ background-color: #3461a1; color: white; } .social_links > .fa-twitter{ background-color: #28aae1; color: white; } .social_links > .fa-google-plus{ background-color: #de5543; color: white; } .social_links > .fa-linkedin{ background-color: #136d9d; color: white; } .social_links > .fa-pinterest{ background-color: #d73633; color: white; padding: 3px 0px 1px 0px !important; } .social_links > .fa-stumbleupon{ background-color: #ea4925; color: white; } .social_links > .fa-envelope{ background-color: #999999; color: white; padding: 3px 0px 1px 0px !important; } .sidebar-right { width: 30%; clear: right; margin-top: 5px; } .sidebar-right h6{ width: 100%; text-align: center; margin: 0px; padding: 2px 0px 2px 0px; } .sidebar-right img { width: 100%; } .sidebar-right h3{ font-size: 1.4em; line-height: 1.3em; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-weight: 500; margin: 10px 0px 6px 0px; padding: 0; } .sidebar-right p{ font-size: 1.2em; line-height: 1.4em; margin: 0px 0px 20px 0px; padding: 0; } .sidebar-pod{ text-align: left; padding-left: 0px; margin-bottom: 20px; } .sidebar-pod .txt_date{ margin: 0px; padding: 0px; font-size: 12px !important; } .sidebar-pod .byline{ margin: 0px; padding: 0px; font-size: 12px !important; } .sidebar-pod h3{ font-size: 1.3em; margin: 0.35em 0em 0em 0em !important; } .sidebar-pod h3 a{ color: #333; text-decoration: none; } .sidebar-pod h3 a:hover{ color: #428bca; text-decoration: underline; } .caption{ color: #333; padding: 1em; margin: 0px 0px 10px 0px; } .caption h6{ font-size: 1.0em; line-height: 1.4em; font-weight: 700; color: #333; display: inline; } .caption p{ font-size: 0.9em; line-height: 1.6em; margin: 0; padding: 0; display: inline; } .italic{ font-style: italic; font-weight: 300; } .caption .figure{ text-transform: uppercase; font-weight: bold; } .story-body { //border-bottom: 6px solid black; } .bio-body{ margin-top: 2em; } .more_link_bottom { color: #333; text-decoration: none; display: block; font-size: 1.3em; margin-top: 6px; } .bg-black{ background-color: #333; color: #333; } .bg-marketupdate{ background-color: #194697; color: #194697; } .bg-trading{ background-color: #938500; color: #938500; } .bg-investing{ background-color: #46a146; color: #46a146; } .bg-perspectives{ background-color: #017477; color: #017477; } .bg-retirement{ background-color: #d26827; color: #d26827; } .bg-options{ background-color: #e31e25; color: #e31e25; } .bg-tools{ background-color: #a82070; color: #a82070; } .bg-thinkmoney{ background-color: #722673; color: #722673; } .category{ display: block; text-align: center; margin: 0; font-weight: 300; margin-top: -1px; padding: 2px; letter-spacing: 0.1em; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 12px; line-height: 13px; } .teasers .teaser{ border-top: 1px solid #bcbcbc; margin-top: 27px; padding-top: 0px; margin-bottom: 0px; } .category-stories-container .teasers .teaser{ //border-top: 0px solid #bcbcbc !important; padding-top: 19px; } .category-stories-container{ padding-bottom: 0px; border-bottom: 0px solid #bcbcbc; } .mu-stories-container .teasers .teaser{ //border-top: 0px solid #bcbcbc !important; padding-top: 19px; } .mu-stories-container{ padding-bottom: 0px; border-bottom: 0px solid #bcbcbc; } .mu-stories-container .teasers .teaser .byline { font-size: 1.0em; margin-top: -14px; margin-bottom: 4px; width: 50%; } .perspectives-stories-container .teasers .teaser{ //border-top: 0px solid #bcbcbc !important; padding-top: 19px; } .perspectives-stories-container .teasers .no-top-border{ border-top: 0px solid #bcbcbc !important; } .perspectives-stories-container{ padding-bottom: 0px; border-bottom: 0px solid #bcbcbc; } .perspectives-stories-container .teasers .teaser .byline { font-size: 1.0em; margin-top: -14px; margin-bottom: 4px; width: 70%; } .perspectives-stories-container .teasers .teaser .txt_date { font-size: 1.0em; margin-top: -14px; margin-bottom: 4px; text-align: right; } .teasers > .teaser:first-child { margin-top: 20px; } .teasers .teaser h3{ margin-bottom: 7px; margin-top: 0px; line-height: 1.18em; } .teasers .teaser .category{ width: 30%; display: block; float: left; margin-right: 3%; margin-top: -1px; } .teasers .teaser .byline{ width: 36%; display: block; float: left; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-weight: 300; font-size: 12px; color: #000 !important; height: 16px; } .teasers .teaser .date{ width: 30%; display: block; float: left; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 12px; font-weight: 300; color: #828282 !important; text-align: right; height: 16px; } .teasers .teaser img{ width: 30%; float: left; clear: both; margin-right: 16px; margin-top: -1px; margin-bottom: 14px; } .teasers .teaser p{ margin-top: 0px; line-height: 1.4em; margin-bottom: 0px; } .teasers .teaser a{ color: #333; text-decoration: none; } .teasers .teaser a:hover { color: #428bca; text-decoration: underline; } .middle-feature{ text-align: center; } .middle-feature > h1{ font-size: 2.5em; line-height: 1em; margin: 12px 0px 6px 0px; padding: 0; font-weight: 100; } .middle-feature > p{ margin: 0; padding: 0px 0px 12px 0px; font-size: 1.0em; line-height: 1.1em; text-align: left; } #tt-features-collapse { margin-top: 20px; margin-bottom: 20px; } //#tt-features-collapse .feature-story{ border-right: 1px solid #bcbcbc; } .feature-story h3 { font-size: 1.1em; line-height: 1.4em; } .feature-story h3 a{ color: #333; text-decoration: none; } .feature-story h3 a:hover{ color: #428bca; text-decoration: underline; } .feature-story:first-child{ margin-left: 0px; padding-left: 0px; } .feature-story:last-child{ border: none !important; margin-right: 0px; padding-right: 15px; } .feature-story-disabled{ opacity: 0.25; } .feature{ background-color: #bce5e7; cursor: pointer; margin-bottom: 20px; margin-top: 20px; } .feature-active{ color: #aaa; } .feature-active img{ opacity: 0.3; } .navbar-collapse{ padding: 0; margin:0; } .navbar { margin: 0px 0px 0px 0px; padding: 0; min-height: 0px; background-color: white; border: 0px; border-radius: 0px; } .navbar-default ul { width: 100%; text-align: center !important; background-color: white; } .navbar-default ul > li { display:inline-block; *display:inline; /*IE7*/ *zoom:1; /*IE7*/ float: none; } .navbar-tm-bottom { text-transform: uppercase; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; margin: 12px 0 0 0; padding-bottom: 0px; font-size: 0; border-top: 1px solid #999; text-align: center; } .navbar-tm-bottom > li { display: inline-block; width:20%; margin: -1px 0 0 0; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; background-color: #ebebeb; text-align: center; padding: 0; border-right: 1px solid #999; border-bottom: 1px solid #999; background-color: #fff !important; } .navbar-tm-bottom > li.selected { border-bottom: 0px solid #999; background-color: #fff !important; } .navbar-tm-bottom > li:first-child { border-left: 1px solid #999; } .navbar-tm-bottom > li > a { font-size: 1.1em; color: #333; font-weight: 100; padding: 5px 0; } .navbar-nav > li > a { padding-left: 0.6em; padding-right: 0.6em; font-size: 1.0em; padding-top: 6px; padding-bottom: 6px; color: #000; } .navbar-nav > li > a.marketupdate { padding-left: 0em; } .navbar-nav > li > a.search { padding-right: 0em; } i.fa-search { cursor: pointer; } .black-border { border: 1px solid #333; padding: 4px; } .cta { min-width: 66%; padding: 10px 0px 10px 0px; margin-top: 20px; } .cta h2{ color: #428bca; font-size: 2.0em; line-height: 1.3em; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-weight: 700; padding: 0px 0px 6px 0px; margin: 0; } .cta p{ font-size: 1.2em; line-height: 1.4em; margin: 0px 20px 6px 0px; padding: 0px 0px 6px 0px; } div.zoomimage .directions{ text-align: center; background-color: #333; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-weight: 200; font-size: 12px; padding: 2px 0px; text-transform: uppercase; color: #fff; cursor: pointer; } .cta div.cta_link{ font-size: 1.2em; line-height: 1.4em; margin: 6px 20px 0px 0px; padding: 6px 0px 0px 0px; border-top: 2px solid #afafaf; } .lowercase{ text-transform: lowercase !important; } .zoomimage { margin-top: 20px; width: 100%; } .zoomimage img{ width: 100%; } .top-logo{ //margin-top: 10px; //margin-bottom: 10px; } .marketupdate-stories .txt_date{ margin: 0; padding:0; } .marketupdate-stories .txt_by{ margin: 1em 0 0 0; padding:0; } .marketupdate-stories .story{ border-top: 1px solid #bcbcbc; margin: 0px 0em 2em 0px; padding-top: 1em; display: block; color: #333; } .marketupdate-stories .story a{ text-decoration: none; color: #333; } .marketupdate-stories .story a:hover{ text-decoration: underline; color: #333; } .marketupdate-stories .story:first-of-type{ border: 0px solid #bcbcbc; } .marketupdate-stories .story img{ float: left; width: 25%; margin: 0px 2em 1em 0px; } .marketupdate-stories .story h3{ font-size: 2.0em; line-height: 1.3em; margin: 0; } .marketupdate-stories .story p{ font-size: 1.35em; line-height: 1.6em; margin: 0; } .marketupdate-bio{ margin: 0 0 20px 0; padding:0em; display: block; text-decoration: none; color: #333; } .marketupdate-bio:hover{ text-decoration: none; color: #333; } .marketupdate-bio h5{ margin: 0 0 8px 0px; padding:0; font-weight: 600; text-transform: uppercase; } .marketupdate-bio img{ width: 50%; float: left; } .marketupdate-bio .bio-text{ padding: 10px 10px 0px 55%; } .marketupdate-bio .about{ border-bottom: 1px solid #999 !important; margin: 0 0 4px 0; padding: 0 0 7px 0; line-height: 1.1em; height: auto; clear: right; } .marketupdate-bio .descriptor{ clear: both; margin-top: 1em; border-top: 1px solid #bcbcbc; } .marketupdate-bio a{ margin-top: 0em; } .perspectives-bio{ margin: 8px 0 20px 0; padding:0em; display: block; text-decoration: none; color: #333; border: 0px solid red; //width: 325px; } .perspectives-bio:hover{ text-decoration: none; color: #333; } .perspectives-bio h5 { margin: 0 0 8px 0px; padding:0; font-weight: 600; text-transform: uppercase; } .perspectives-bio img{ width: 100%; } .perspectives-bio .bio-text{ padding: 10px 13px 6px 10px; } .perspectives-bio .about{ border-bottom: 1px solid #999 !important; margin: 0 0 4px 0; padding: 0 0 7px 0; line-height: 1.1em; height: auto; clear: right; font-size: 1.1em; } .perspectives-bio a{ margin-top: 0em; } .perspectives-team-bio{ margin: 0 0 1.2em 0; padding: 0em 0 0.6em 0em; display: block; text-decoration: none; color: #333; border-bottom: 1px solid #999 !important; } .perspectives-team-bio:hover{ text-decoration: none; color: #333; } .perspectives-team-bio h5{ margin: 0 0 4px 0px; padding:0; font-weight: 600; text-transform: uppercase; } .perspectives-team-bio img{ width: 30%; float: left; } .perspectives-team-bio .bio-text{ padding: 6px 10px 0px 35%; } .perspectives-team-bio .about{ margin: 0 0 4px 0; padding: 0 0 7px 0; line-height: 1.1em; height: auto; clear: right; font-size: 1.1em; } .perspectives-team-bio a{ margin-top: 0em; } .category-lead{ //border-bottom: 1px solid #bcbcbc; margin-top: 18px; } .category-lead p{ font-size: 1.3em; line-height: 1.5em; } .category-sub-tease{ padding-top: 16px; border-top: 1px solid #bcbcbc; display: block; clear: left; } .category-sub-tease:first-child{ padding-top: 16px; border-top: 0px solid #bcbcbc; } .category-sub-tease h3{ padding-top: 0; margin-top: 0; } .blog-side-story { margin-left: 1em; padding-top: 1em; padding-bottom: 1em; margin-top: 0em; margin-bottom: 0em; margin-right: 1em; border-top: 1px solid #bcbcbc; } .blog-side-story .txt_date { margin: 0; padding: 0; } .blog-side-story h3 { margin: 4px 0; padding: 0; } .blog-side-story p { margin: 0; padding: 0 1em 0 0 ; } .blog-side-story:first-of-type { border-top: 0px solid gray; } .bio-meet-image-left{ height: 100px; float: left; margin-right: 1em; } .bio-meet-image-right{ height: 100px; float: right; margin-left: 1em; margin-right: 1em; } sup{ font-size: 0.7em; top: -7px; } .byline sup { font-size: 9px; top: -5px; } .mu-border-container{ padding: 1px; } .mu-border{ border: 1px solid #fff; width: 100%; display: block; padding: 4px; } .mu-story-body aside { width: 16%; float: left; margin-left: -5%; border: 0px solid red; padding: 1em 1em 1em 0em; } .mu-story-body .bio-image-small { width: 40%; display: block; } .mu-category-icon { width: 20%; float: left; margin: 2em 1em 1em 0em; } .banner_ad_full_container{ position: fixed; top: 0; z-index: 10000; width: 970px; display: none; } .banner_ad_container{ width: 970px; height: 70px; overflow: hidden; } .bio-sidebar-header { text-align:center; } .disclaimer{ background-color: #dfdfdf; color: #333; font-size: 0.8em; margin: 2em 0em; padding:2em 2em 1em 2em; text-align: left; } .disclaimer p{ margin: 0 0 20px 0; padding:0; } .disclaimer a{ color: #333; margin: 0; text-decoration: underline; } .disclaimer a:hover{ color: #428bca; } .story-body ol { margin:1.5em 0 1.5em; padding:0; counter-reset:item; } .story-body ol>li { margin:0; padding:0 0 0 55px; text-indent:-26px; list-style-type:none; counter-increment:item; font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; font-weight: 100; font-style: normal; font-size: 1.25em; line-height: 1.5em; } .story-body ol>li:before { display:inline-block; width:1.5em; padding-right:0.5em; font-weight:900; text-align:right; content:counter(item) "."; } .story-body .byline{ font-size: 1.1em; } .story-body .txt_date{ font-size: 1.1em; } .txt-home{ color: #cdcdcd !important; } .txt-marketupdate{ color: #194697 !important; } .txt-gray{ color: #757575 !important; } .txt-white { color: #fff !important; } .txt-trading{ color: #938500 !important; } .txt-investing{ color: #46a146 !important; } .txt-perspectives{ color: #017477 !important; } .txt-retirement{ color: #d26827 !important; } .txt-options{ color: #e31e25 !important; } .txt-tools{ color: #a82070 !important; } .txt-thinkmoney{ color: #722673 !important; } .perspective-header{ text-align: left; color: #ffffff !important; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 1.3em; line-height: 1.0em; text-transform: uppercase; border-top-right-radius: 9px; border-top-left-radius: 9px; padding: 4px 4px 4px 16px; font-weight: 200; display:block; } .sidebar-wide{ border-radius: 12px; background-color:#898989; padding: 0px 14px; } .sidebar-content { background-color: #efefef; padding: 12px 14px; margin-top: 20px; } .sidebar-content h2{ margin: 6px 0px 12px 0px; padding: 0; } .sidebar-content p{ margin: 0 0 12px 0px; padding: 0; } .mu-border-container .slug{ font-size: 14px; } .reset-box-sizing, .reset-box-sizing * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bold{ font-weight: 700 !important; font-size: 14px !important; } .perspectives-team { max-height: 510px; border: 1px solid #fff; overflow: auto; padding-right: 10px; } .perspectives-team::-webkit-scrollbar { -webkit-appearance: none; width: 8px; background-color: rgba(0,0,0,.1); border-radius: 4px; } .perspectives-team::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.4); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { background-image: inherit; box-sizing: content-box; } .meet-the-team { text-align: center; padding: 2px 0px; margin-top: 0; } .gigyaDiv{ text-align: right; } .bio-body h4{ margin: 1em 0 0em 0; padding: 0; } .bio-body h3{ margin: 0 0 1em 0; padding: 0; } .bio-body p{ margin-top: 1em; padding: 0; } .popover-title{ color: #fff; font-weight: 300; text-transform: uppercase; } h1 a{ color: #333; text-decoration: none; } h1 a:hover{ color: #428bca; text-decoration: underline; } .perspectives-header-text{ font-size: 2.3em; line-height: 1em; margin: 0px 0px 12px 0px; padding: 0; font-weight: 300; letter-spacing: 0.03em; text-transform: uppercase; text-align: center; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica Nueue', sans-serif; } input.gsc-input { line-height: 13px !important; } .scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; width: 50px; height: 50px; right: 30px; bottom: 30px; padding: 0 0 0 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .scroll-top-wrapper:hover { //background-color: #888888; } .scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 1.0; } .scroll-top-wrapper i.fa { line-height: inherit; } .define { cursor: pointer; } .table-striped { font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; font-weight: 400; font-style: normal; font-size: 1.25em; line-height: 1.4em; } .table-striped thead th { background-color: #000; color: #fff; font-weight: bold; } .chart { width: 90%; margin-left: 5%; border-collapse:collapse; } .chart a{ color: #3366CC; font-size: 13px; } .chart th{ color: white; background-color: black; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left; padding: 4px; vertical-align: center; } .chart th.whitebar { border-left: 4px solid white; } .chart td{ padding: 4px; } .chart .odd{ color: #414042; background-color: white; font-size: 13px; padding: 3px 12px 2px 12px; } .chart .even{ color: #414042; background-color: #edeeef; font-size: 13px; padding: 3px 12px 2px 12px; } .chart .odd2{ color: #414042; background-color: white; font-size: 13px; padding: 3px 0px 2px 0px; } .chart .even2{ color: #414042; background-color: #edeeef; font-size: 13px; padding: 3px 0px 2px 0px; } .chart .dark{ color: #414042; background-color: #d5d5d5; font-size: 13px; padding: 3px 0px 2px 12px; } .chart .quarter{ width: 25%; } .chart .half{ width: 50%; } .chart .threequarters{ width: 75%; } p:empty { display: none; } .photo-credit { font-size: 7px; text-transform: uppercase; color: #999; text-align: right; letter-spacing: 0.1em; font-family: arial; } .loadmore { cursor: pointer; } .rss-options { background-color: #000; color: #fff; font-size: 0.8em; margin-top: -10px; padding-left: 1em; border-top-left-radius: 4px; border-top-right-radius: 4px; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; } @media(max-width:767px){ /* sceen-xs-max - iPhone */ aside { width: 50%; float: right; margin-left: 5%; border-left: 3px solid black; padding: 0px 10px; } .latest-stories-container{ border: 0px solid #bcbcbc; } .category-stories-container{ border: 0px solid #bcbcbc; padding-left: 0; padding-right: 0; } .txt_date{ margin: 0px 0px 8px 0px; height: 1em; display: inline-block; } .carousel { //height: 220px; width: 100%; background-color: #fff; } .carousel-controls-bg { background-color: black; height: 20px; width: 100%; } .teasers .teaser{ padding-top: 20px; border-top: 1px solid #bcbcbc; margin-bottom: 20px; } .teasers .teaser .category { width: 100%; } .teasers .teaser img { width: 100%; clear: both; margin-right: 16px; //margin-top: -16px; margin-bottom: 16px; } .teasers .teaser .byline{ width: 36%; display: block; float: left; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-weight: 300; font-size: 12px; color: #000 !important; height: 16px; } .teasers .teaser .date{ width: 64%; display: block; float: left; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 12px; font-weight: 300; color: #828282 !important; text-align: right; height: 16px; } .teasers .teaser h3 { margin: 19px 0px 8px 0px; font-weight: 700; color: #333; clear: right; font-size: 1.45em; } .teasers .teaser p { margin: 0px 0px 20px 0px; padding-right: 16px; font-size: 1.16em; line-height: 1.12em; } .btf .category { padding-left: 16px; margin-top: 32px; } .btf-right-column { margin-right: 12px; } .btf-header{ width: 100%; text-align: left; margin: 0px; display: block; line-height: 0.9em; } .btf-story{ font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 1.2em; font-weight: 100; padding: 1em 0px; border-bottom: 1px solid #bcbcbc; color: #231f20; display: block; text-decoration: none; } .btf-ad { width: 100%; text-align: center; } .slug { color: #ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 12px; text-transform: uppercase; text-align: center; margin: 0; font-weight: 300; letter-spacing: 0.1em; } .navbar-tm-bottom > li { width:46%; } .market-update-homepage > .item > p{ font-size: 1.2em; line-height: 1.1em; } .market-update-homepage { margin-top: 20px; padding: 0; } .market-update-homepage > .item { margin: 0px 10px 0px 16px; padding: 10px 0px 20px 0px; border-bottom: 0px solid #bcbcbc; display: block; color: #333; text-decoration: none; } .market-update-homepage > .item a { color: #333; text-decoration: none; } .market-update-homepage > .item a:hover { text-decoration: underline; color: #428bca; } .market-update-homepage > .item > .txt_date { margin-left: 0px; } .market-update-homepage > .item:last-child { border-bottom: 0px; } .market-update-homepage > .item > h3{ margin: 4px 0px; font-size: 1.5em; line-height: 1.1em; font-weight: 500; padding: 0; } .market-update-homepage > .item > p{ font-size: 1.0em; line-height: 1.36em; margin: 0px; } .carousel-indicators { bottom:-30px; } .carousel-indicators li{ border: 0px solid red; background-color: #ccc; } .carousel_image { max-width: 150% !important; width:100% !important; } .carousel-inner { //height: 200px; } .carousel-inner img.sm{ border: 1px solid red; display: none !important; } .carousel-control { position: absolute; bottom: -20px; } .carousel-control .icon-prev, .carousel-control .icon-next { bottom: -6px !important; line-height: 0em; top: auto; font-size: 1.2em; } .latest-stories{ font-weight: bold; display: block; } .top-logo{ margin-top: 16px; margin-bottom: 4px; } .navbar-default .navbar-collapse { border: none; } .navbar-default .navbar-toggle:hover { background: none; } .mobile-search-icon i{ font-size: 1.5em; position: absolute; top: 16px; left: 10px; } .navbar-toggle { border: none; background: none; margin-right: 0px; margin-top: 10px; } .navbar-default { background: none; border: none; position: absolute; top: 50px; z-index: 100; width: 100%; } .navbar-default button{ border: 0px solid red; margin-top: -40px; } .top-brand > img { z-index: 101; } .navbar-collapse{ padding: 0; } .navbar-default ul { width: 100%; text-align: left !important; background-color: #000; } .navbar-nav > li > a.marketupdate { padding-left: 0.6em; } .navbar-default ul > li { display:block; float: none; border-bottom: 2px solid black; } .xxxxxheader-logo img { position: absolute; top: 0; z-index: 200; border: 1px solid red; } .navbar-nav { text-transform: uppercase; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; font-family: font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif !important; margin: 0; } .navbar-nav > li > a{ font-size: 1.6em; padding-top: 8px; padding-bottom: 8px; color: #fff !important; } .story_main_image { width: 100%; clear: both; } .more_link_bottom { margin-top: 12px; } .sidebar-right { display: none; } .mobile-home-icon { color: #46a146; } .mobile-nav-bg-marketupdate{ background-color: #194697; } .mobile-nav-bg-home hidden-sm hidden-md hidden-lg{ background-color: #000000; } .mobile-nav-bg-trading{ background-color: #938500; } .mobile-nav-bg-investing{ background-color: #46a146; } .mobile-nav-bg-perspectives{ background-color: #017477; } .mobile-nav-bg-retirement{ background-color: #d26827; } .mobile-nav-bg-options{ background-color: #e31e25; } .mobile-nav-bg-tools{ background-color: #a82070; } .mobile-nav-bg-thinkmoney{ background-color: #722673; } .cta-didyouknow{ background-image: url('../images/art/xs/cta_didyouknow.gif'); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; padding: 23vw 1em 1em 1em; } .cta-getschooled{ background-image: url('../images/art/xs/cta_getschooled.gif'); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; padding: 23vw 1em 1em 1em; } .cta-letstalk{ background-image: url('../images/art/xs/cta_letstalk.gif'); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; padding: 23vw 1em 1em 1em; } .cta-optionsjargon{ background-image: url('../images/art/xs/cta_optionsjargon.gif'); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; padding: 23vw 1em 1em 1em; } .cta-stepbystep{ background-image: url('../images/art/xs/cta_stepbystep.gif'); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; padding: 23vw 1em 1em 1em; } .cta-watchavideo{ background-image: url('../images/art/xs/cta_watchavideo.gif'); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; padding: 23vw 1em 1em 1em; } #tt-features-collapse { margin-top: 20px; margin-bottom: 20px; } #tt-features-collapse .feature-story{ border-bottom: 1px solid #bcbcbc; margin: 0; padding: 0; border-right: 0px; } #tt-features-collapse .feature-story > img{ width: 25%; float: left; margin-right: 8px; } #tt-features-collapse .feature-story > h3{ font-size: 1.3em; line-height: 1.05em; } #tt-features-collapse .feature-story > p{ font-size: 1.1em; line-height: 1.2em; margin-top: 0px; } .series-read-more{ font-size: 1em; } .gsc-results-wrapper-overlay{ left: 5%; } .marketupdate-stories .txt_date{ margin: 0; padding:0; } .marketupdate-stories .txt_by{ margin: 1em 0 0 0; padding:0; } .marketupdate-stories .story{ border-top: 1px solid #bcbcbc; margin: 0px 0em 1em 0px; padding-top: 1em; } .marketupdate-stories .story:first-of-type{ border-top: 1px solid #bcbcbc; } .marketupdate-stories .story img{ float: left; width: 35%; margin: 0.5em 1em 0em 0px; } .marketupdate-stories .story h3{ font-size: 1.1em; line-height: 1.3em; margin: 0; padding: 0; } .marketupdate-stories .story p{ font-size: 1.0em; line-height: 1.4em; margin-top: 0.4em; } .category-header{ font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; text-transform: uppercase; font-size: 1.4em; line-height: 0.9em; } .category-header-bg{ max-height: 1.0em; margin: 0.7em 0px; } .category-lead h1{ font-size: 1.8em; } .category-sub-image{ width: 40%; float: left; } .category-sub-tease h3{ padding-top: 0; margin-bottom: 0; font-size: 1.1em; } .category-sub-tease p{ font-size: 1.0em; line-height: 1.2em; margin-top: 0.2em; } .perspectives-block { border-bottom: 1px solid #bcbcbc; margin-top: 24px; padding-bottom: 24px; padding-left: 14px; padding-right: 14px; } .perspective-article{ border-top: 1px solid #bcbcbc; border-left: 0px solid #bcbcbc; margin-top: 16px; padding-top: 16px; } .perspective-article:first-of-type{ border-top: 0px solid #bcbcbc; border-left: 0px solid #bcbcbc; margin-top: 0px; padding-top: 0px; } .perspective-article .txt_date{ display: block; } .bio-photo-lead{ width: 80%; margin-right: auto; margin-left: auto; } .mu-category-icon { width: 100%; display: block; margin: 0em 1em 1em 0em; } .mu-story-body aside { width: 100%; float: left; margin-left: 0em; border: 1px solid #bcbcbc; padding: 1em 1em 1em 0em; margin-bottom: 2em; } .mu-story-body .bio-image-small { width: 20%; float: left; margin: 0em 1em; } .mu-story-body .txt_date{ display: block; float: none; clear: right; } .banner_ad_full_container{ display: none; } .banner_ad_container{ display: none; } .bio-sidebar-header { text-align:left; } .story-body{ //padding-left: 0; //padding-right: 0; } .story-body .hero{ width: 100%; margin: 20px 0px 20px 0px; padding-right: 0px; } .story-body .hero img{ width: 100%; } .marketupdate_header{ background: url('../images/art/xs/market_update_half.gif') bottom right no-repeat; display: block; background-size: 60% auto; } .marketupdate_header:hover{ text-decoration: none; } .white-bg{ background-color: #ffffff; padding-right: 0.5em; } .marketupdate_block{ display: block; background-color: #000; width: 40%; padding: 2px; text-align: center; font-weight: 300; letter-spacing: 0.3em; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; } .marketupdate_block .border{ border: 1px solid #fff; padding: 16px 10px 16px 10px !important; } .marketupdate_block .small{ color: #fff; text-transform: uppercase; font-size: 0.9em; line-height: 0.8em; margin: 0; padding: 0; } .marketupdate_block .large{ color: #fff; font-size: 1.1em; line-height: 1.1em; text-transform: uppercase; margin: 8px 0px 0px 0px !important; padding: 0; letter-spacing: 0.2em; } .leverage-the-conversation{ font-size: 0.9em; letter-spacing: 0em; display: block; height: 1.2em; } .perspectives-stories-container{ padding-left: 0; padding-right: 0; } .perspectives-stories-container .teasers .teaser .byline { font-size: 0.7em; width: 100%; letter-spacing: 0; } .left-column{ padding-top: 20px; } .no-side-padding { padding-left: 0; padding-right: 0; } .bold{ font-weight: 700 !important; font-size: 11px !important; letter-spacing: 0; } .navbar-perspectives { display: none; text-transform: uppercase; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; margin: 0px 0 0px 0; padding-bottom: 0px; font-size: 0; background-color: #ebebeb; } .navbar-perspectives > li { display: block; //width:20%; margin: 0; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; text-align: center; padding: 0 12px; border-bottom: 1px solid #999; } .navbar-perspectives > li.selected { color: #017477 !important; } .navbar-perspectives > li.selected a { color: #000 !important; font-weight: 600; } .navbar-perspectives > li:first-child { //border-left: 1px solid #999; } .navbar-perspectives > li > a { font-size: 1.1em; color: #333; font-weight: 100; padding: 5px 0; } .btn-perspectives { margin: 10px auto; display: block; border: 1px solid #727272; } .perspectives-header-text { margin-top: 12px; } .disclaimer, .tm-opener-text { padding-left: 14px; padding-right: 14px; } .mu-stories-container .teasers .teaser { padding-top: 4px; } .mu-stories-container .teasers .teaser .txt_date { font-size: 1.0em; margin-top: -24px; margin-bottom: 8px; text-align: left; } .gsc-results-wrapper-overlay{ left: 5% !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .txt-marketupdate { white-space: nowrap; } .hover-marketupdate { white-space: nowrap; } } @media(min-width:768px){ /* sceen-tablet */ .navbar-default .navbar-nav>li>a { color: #000; font-size: 11px !important; } .category-lead p{ font-size: 1.1em; line-height: 1.2em; margin-top: 0.35em; } h1{ font-size:1.9em; line-height: 1.15em; } .mu-category-icon { width: 25%; float: left; margin: 1.5em 1em 1em 0em; } .category-lead h1{ margin:0; padding-top: 0; } .category-sub-tease h3{ padding-top: 0; margin-bottom: 0; font-size: 1.3em; } .category-sub-tease p{ font-size: 1.1em; line-height: 1.2em; margin-top: 0em; } .left-padding-sm-16{ padding-left:16px; } .perspective-article h3{ font-size: 1.2em; line-height: 1.2em; } .sidebar-pod h3{ font-size: 1.0em; } .market-update-homepage { margin-top: 20px; } .margin-sm-top { margin-top: 20px; } .market-update-homepage > .item { margin: 0px 10px 0px 16px; padding: 10px 0px 20px 0px; border-bottom: 1px solid #bcbcbc; display: block; color: #333; text-decoration: none; } .market-update-homepage > .item a { color: #333; text-decoration: none; } .market-update-homepage > .item a:hover { text-decoration: underline; color: #428bca; } .market-update-homepage > .item > .txt_date { margin-left: 0px; } .mu-stories-container .teasers .teaser img { width: 27%; margin-top: 8px; margin-bottom: 0; } .mu-stories-container .teasers .teaser .mu-lead { font-size: 1.6em; } .mu-stories-container .teasers .teaser .txt_date { font-size: 1.0em; margin-top: -14px; margin-bottom: 4px; text-align: left; } .market-update-homepage > .item:last-child { border-bottom: 0px; } .market-update-homepage > .item > h3{ margin: 4px 0px 3px 0px; font-size: 1.1em; line-height: 1.05em; } .market-update-homepage > .item > p{ font-size: 0.9em; line-height: 1.36em; margin: 0px; } .no-left-padding{ padding-left:0px; } .no-padding { padding: 0; } .navbar-nav { text-transform: uppercase; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; margin: 0; } .navbar-nav > li.selected { background-color: #ebebeb; } .white-bg{ background-color: #ffffff; padding-right: 1em; } .navbar-perspectives { display: block; text-transform: uppercase; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; font-family: 'Whitney A', 'Whitney B', 'Arial', sans-serif; margin: 0px 0 12px 0; padding-bottom: 0px; font-size: 0; background-color: #ebebeb; } .navbar-perspectives > li { display: inline-block; //width:20%; margin: 0; font-weight: 500; font-size: 11px; letter-spacing: 0.1em; text-align: center; padding: 0 12px; //border-right: 1px solid #999; //border-top: 1px solid #999; //border-bottom: 0px solid #999; } .navbar-perspectives > li.selected { //border-bottom: 4px solid #999; color: #017477 !important; } .navbar-perspectives > li.selected a { color: #000 !important; font-weight: 600; } .navbar-perspectives > li:first-child { //border-left: 1px solid #999; } .navbar-perspectives > li > a { font-size: 1.1em; color: #333; font-weight: 100; padding: 5px 0; } .slug { color: #ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; font-size: 12px; text-transform: uppercase; text-align: center; margin: 0; font-weight: 300; letter-spacing: 0.1em; } .teasers .teaser{ margin-bottom: 0px; } .teasers .teaser h3{ margin-bottom: 7px; margin-top: 0px; line-height: 1.25em; font-size: 1.3em; padding-top: 2px; } .teasers .teaser p{ margin-top: 0px; line-height: 1.4em; margin-bottom: 0px; font-size: 1.0em; } .feature-story p{ line-height: 1.4em; font-size: 1.0em; } .perspectives-team { max-height: 410px; } .perspectives-team-bio .about{ line-height: 0.9em; font-size: 0.85em; } .carousel-control .icon-prev{ margin-left: -25px; } .carousel-control .icon-next { margin-right: -15px; } .carousel-control { top: 80px; width: 50px; height: 80px; } #tt-features-collapse .feature-story > img{ width: 172px; } .btf-story{ font-size: 14px; line-height:17px; } .vertical-space{ margin: 18px 0px 18px 0px; } .btf .category{ width: 100%; margin: 0; font-weight: 300; text-align: center; margin-top: -1px; padding: 2px; letter-spacing: 0.1em; } .marketupdate-bio h5{ margin: 0 0 4px 0px; font-size:12px } .marketupdate-bio .about{ font-size: 0.75em; padding-right: 0px; margin-bottom: 0; } .marketupdate-bio .descriptor{ font-size: 0.9em; padding-top: 1em; } .marketupdate-bio .bio-text a{ font-size: 0.8em; line-height: 0.7em } .carousel-inner img.xs{ border: 1px solid red; display: none !important; } .left-column{ padding-left:0px; padding-right: 20px; } .story-body .perspectives-bio{ float: right; clear: both; margin-right: 0px; margin-left: 20px; } .perspectives-bio{ width: 200px; } .perspectives-bio h5{ font-size: 13px; margin-bottom: 0px; } .perspectives-bio .about{ line-height: 14px; font-size: 12px; margin-bottom: 0px; } .inline-sm{ display: inline; } .latest-stories-container{ padding-bottom: 10px; border-bottom: 1px solid #bcbcbc; } .teasers .teaser img{ width: 28%; } .teasers .teaser .category{ width: 28%; } .perspectives-bio a{ line-height: 0.8em; font-size: 0.8em; margin-top: 0px; } .right-column{ padding-right:0px; padding-left: 20px; } .about-right-column{ padding-left: 10px; padding-right: 16px; } .cta-didyouknow{ background-image: url('../images/art/sm/cta_didyouknow.gif'); background-repeat: no-repeat; background-position: top left; background-size: 132px auto; padding-left: 150px; } .cta-getschooled{ background-image: url('../images/art/sm/cta_getschooled.gif'); background-repeat: no-repeat; background-position: top left; background-size: 132px auto; padding-left: 150px; } .cta-letstalk{ background-image: url('../images/art/sm/cta_letstalk.gif'); background-repeat: no-repeat; background-position: top left; background-size: 132px auto; padding-left: 150px; } .cta-optionsjargon{ background-image: url('../images/art/sm/cta_optionsjargon.gif'); background-repeat: no-repeat; background-position: top left; background-size: 132px auto; padding-left: 150px; } .cta-stepbystep{ background-image: url('../images/art/sm/cta_stepbystep.gif'); background-repeat: no-repeat; background-position: top left; background-size: 132px auto; padding-left: 150px; } .cta-watchavideo{ background-image: url('../images/art/sm/cta_watchavideo.gif'); background-repeat: no-repeat; background-position: top left; background-size: 132px auto; padding-left: 150px; } aside { width: 30%; float: left; margin: 1em 0em 1em -7%; border-left: 3px solid black; padding: 0px 2em; font-style: italic; font-size: 0.9em; color: #acacac; } .marketupdate-header-xs { display: none; } .marketupdate-stories-left-column{ margin-left: 0; padding-left: 0; } .marketupdate-stories-right-column{ margin-right: 0; padding-right: 0; } .marketupdate-stories .story h3{ font-size: 1.6em; line-height: 1.2em; margin: 0; padding: 0; } .marketupdate-stories .story p{ font-size: 1.3em; line-height: 1.4em; margin-top: 0.4em; } .category-sub-image{ padding: 0; } .margin-sm-fix{ padding-left: 0; padding-right: 0; } .bio-photo-lead{ width: 30%; float: left; margin-right: 2em; } .bio-body h1{ margin: 0em 1em 0em 1em; } .mu-story-body aside { width: 22%; margin-left: -1%; } .banner_ad_full_container{ position: fixed; top: 0; z-index: 10000; width: 752px; display: none; text-align: center; } .banner_ad_full_container img{ max-width: 100%; } .banner_ad_container{ width: 752px; overflow: hidden; height: auto !important; margin-bottom: 0.75em; text-align: center; } .banner_ad_container img{ max-width: 100%; } .hover-marketupdate:hover{ color: #194697 !important; } .hover-gray:hover{ color: #cdcdcd !important; } .hover-trading:hover{ color: #938500 !important; } .hover-investing:hover{ color: #46a146 !important; } .hover-perspectives:hover{ color: #017477 !important; } .hover-retirement:hover{ color: #d26827 !important; } .hover-options:hover{ color: #e31e25 !important; } .hover-tools:hover{ color: #a82070 !important; } .hover-thinkmoney:hover{ color: #722673 !important; } .hover-bg-marketupdate:hover{ background-color: #194697 !important; color: #fff !important; } .hover-bg-home hidden-sm hidden-md hidden-lg{ background-color: #000000; } .hover-bg-trading:hover{ background-color: #938500 !important; color: #fff !important; } .hover-bg-investing:hover{ background-color: #46a146 !important; color: #fff !important; } .hover-bg-perspectives:hover{ background-color: #017477 !important; color: #fff !important; } .hover-bg-retirement:hover{ background-color: #d26827 !important; color: #fff !important; } .hover-bg-options:hover{ background-color: #e31e25 !important; color: #fff !important; } .hover-bg-tools:hover{ background-color: #a82070 !important; color: #fff !important; } .hover-bg-thinkmoney:hover{ background-color: #722673 !important; color: #fff !important; } .xsearchbox{ text-align: right; position: absolute; z-index: 100000; border: 0px solid red; margin-left: 116px; left: 50%; } .xsearchbox .row{ border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; border-bottom-left-radius: 8px; background-color: #fff; width: 260px; height: 70px; padding-top: 8px; } .hero-image{ padding-right: 0px; } .hero-text{ padding-left: 20px; padding-right: 20px; } .story-body .hero{ width: 50%; float: right; margin: 20px 0px 10px 20px; padding-right: 0px; } .story-body .hero img{ width: 100%; } hr { color: #bcbcbc; border: 0; height: 1px; background: #bcbcbc; } hr.bigbar{ color: #000; border: 0; height: 6px; background: #000; } .marketupdate_header{ background: url('../images/art/xs/market_update_half.gif') bottom right no-repeat; display: block; background-size: 60% auto; } .marketupdate_header:hover{ text-decoration: none; } .marketupdate_block{ display: block; background-color: #000; width: 41%; padding: 2px; text-align: center; font-weight: 200; letter-spacing: 0.3em; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; } .marketupdate_block .border{ border: 1px solid #fff; padding: 16px 10px 16px 10px !important; } .marketupdate_block .small{ color: #fff; text-transform: uppercase; font-size: 0.6em; line-height: 0.5em; margin: 0; padding: 0; } .marketupdate_block .large{ color: #fff; font-size: 1.0em; line-height: 0.7em; text-transform: uppercase; margin: 8px 0px 0px 0px !important; padding: 0; letter-spacing: 0.2em; } .perspectives-stories-container .teasers .teaser .byline { font-size: 0.8em; margin-top: -18px; margin-bottom: 8px; } .perspectives-stories-container .teasers .teaser .txt_date { font-size: 0.8em; margin-top: -14px; margin-bottom: 8px; } .chart { width: 100%; margin-left: 0; border-collapse:collapse; } .no-author { margin-top:20px } } @media(min-width:992px){ /* sceen-desktop */ .left-column{ padding-left:0px; padding-right: 20px; } .navbar-default .navbar-nav>li>a { font-size: 13px !important; } .carousel-control .icon-prev{ margin-left: -20px; } .carousel-control .icon-next { margin-right: -10px; } .carousel-control { top: 120px; width: 50px; height: 80px; } #tt-features-collapse .feature-story > img{ width: 226px; } .category-lead p{ font-size: 18px; line-height: 24px; margin-top: 0.8em; } .category-lead h1{ margin:-5px 0 0 0; font-size: 36px; line-height: 42px; padding: 0; } .category-sub-tease h3{ padding-top: 0; margin-bottom: 0; font-size: 1.6em; line-height: 1.2em; font-weight: 500; } .category-sub-tease p{ font-size: 1.3em; margin-top: 0.5em; line-height: 1.4em; margin-bottom: 0px; } .perspective-article h3{ font-size: 1.6em; line-height: 1.2em; } .marketupdate-bio h5{ margin: 0 0 8px 0px; } .marketupdate-bio{ margin: 0 0 20px 0; padding:0em; display: block; text-decoration: none; color: #333; } .marketupdate-bio:hover{ text-decoration: none; color: #333; } .marketupdate-bio h5{ margin: 0 0 8px 0px; padding:0; font-size: 14px; } .marketupdate-bio img{ width: 50%; float: left; } .marketupdate-bio .bio-text{ padding: 10px 14px 0px 55%; } .marketupdate-bio .bio-text a{ font-size: 1.1em; line-height: 1.1em; } .marketupdate-bio .about{ border-bottom: 1px solid #999 !important; margin: 0 0 4px 0; padding: 0 0 7px 0; line-height: 1.2em; height: auto; clear: right; font-size: 1.1em; } .marketupdate-bio > a{ font-size: 1.1em; } .marketupdate-bio .descriptor{ font-size: 1.1em; padding-top: 1em; } aside { width: 24%; float: left; margin-left: -7%; border-left: 3px solid black; padding: 0px 2em; font-style: italic; font-size: 0.9em; color: #acacac; } .middle-feature > h1{ font-size: 3em; line-height: 1em; letter-spacing: 0.15em; margin: 12px 0px 6px 0px; padding: 0; } .middle-feature > p{ margin: 0; padding: 0px 0px 12px 0px; font-size: 1.2em; line-height: 1.1em; text-align: left; } .market-update-homepage { margin-top: 20px; } .market-update-homepage > .item { margin: 0px 16px 0px 16px; padding: 13px 0px 20px 0px; border-bottom: 1px solid #bcbcbc; display: block; color: #333; text-decoration: none; } .market-update-homepage > .item:hover { text-decoration: none; } .market-update-homepage > .item > .txt_date { margin-left: 0px; font-size: 1.0em; color: #4e4e4e !important; } .market-update-homepage > .item:last-child { border-bottom: 0px; padding-bottom: 17px; } .market-update-homepage > .item > h3{ margin: 4px 0px; font-size: 1.4em; line-height: 1.1em; } .teasers .teaser h3{ margin-bottom: 7px; margin-top: 0px; line-height: 1.18em; font-size: 24px; padding-top: 0; padding-right: 0px; } .teasers .teaser p{ margin-top: 0px; line-height: 1.4em; margin-bottom: 0px; font-size: 18px; padding-right: 0px; } .btf-story{ font-size: 19px; line-height: 25px; } .market-update-homepage > .item > p{ font-size: 1.2em; line-height: 1.25em; } .perspectives-team { max-height: 510px; } .perspectives-team-bio .about{ line-height: 1.1em; font-size: 1.1em; } .navbar-nav > li > a { padding-left: 1.3em; padding-right: 1.3em; font-size: 1.15em; padding-top: 10px; padding-bottom: 9px; } .navbar-nav > li > a.home { padding-left: 0em; } .navbar-nav > li > a.txt-home { color: #999 !important; } .navbar-nav > li > a.search { padding-right: 0em; } .mu-story-body aside { width: 15%; margin-left: -1%; } .banner_ad_full_container{ position: fixed; top: 0; z-index: 10000; width: 970px; display: none; } .banner_ad_container{ width: 970px; height: 70px; overflow: hidden; text-align:center; } .txt-home{ color: #cdcdcd !important; } .icon{ width: 100%; } .story-body{ } .mu-story-body{ } .story-body h1{ margin-top: 50px; margin-bottom: 24px; } .mu-category-icon { width: 20%; float: left; margin: 2em 1em 1em 0em; } .story-body .hero{ width: 70%; float: right; margin: 20px -250px 10px 20px; padding-right: 0px; } .story-body .hero img{ width: 100%; } .mu-story-side{ margin-top: 20px; padding-left: 5px; } .story-side{ margin-top: 326px; //width: 27%; padding-left: 5px; } .story-side-with-bio { margin-top: 636px; } .story-body .byline{ clear: left; } .story-side p{ margin-top: 4px; margin-bottom: 20px; font-size: 1.15em; line-height: 1.25em; } .story-side h3{ font-size: 1.3em; margin-bottom: 0px; } .story-side h3 a{ color: black; text-decoration: none; } .story-side h3 a{ color: black; text-decoration: none; } .story-side h3 a:hover{ color: #428bca; text-decoration: underline; } .story-side .sidebar-pod h3{ font-size: 1.1em; } .sidebar-pod h3{ font-size: 1.3em; } .story-side .sidebar-pod .byline{ font-size: 1.0em; } .teasers .teaser img{ width: 30%; } .teasers .teaser .category{ width: 30%; } .hero-image{ padding-right: 0px; } .hero-text{ padding-left: 20px; } .inline-sm{ display: block; } .story-body .perspectives-bio{ float: right; clear: both; margin-right: -250px; margin-left: 20px; } .navbar-tm-bottom { margin-top: 30px; } .perspectives-bio{ width: 230px; } .perspectives-bio h5{ font-size: 14px; margin-bottom: 8px; } .perspectives-bio .about{ line-height: 1.2em; font-size: 1.1em; margin-bottom: 4px; } .perspectives-bio a{ line-height: 1.2em; font-size: 1.1em; } .marketupdate_header{ background: url('../images/art/xs/market_update_half.gif') bottom right no-repeat; display: block; background-size: 60% auto; } .marketupdate_header:hover{ text-decoration: none; } .marketupdate_block{ display: block; background-color: #000; width: 41%; padding: 2px; text-align: center; font-weight: 200; letter-spacing: 0.3em; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Arial', sans-serif; } .marketupdate_block .border{ border: 1px solid #fff; padding: 16px 10px 16px 10px !important; } .marketupdate_block .small{ color: #fff; text-transform: uppercase; font-size: 0.8em; line-height: 0.7em; margin: 0; padding: 0; } .marketupdate_block .large{ color: #fff; font-size: 1.3em; line-height: 1.0em; text-transform: uppercase; margin: 8px 0px 0px 0px !important; padding: 0; letter-spacing: 0.2em; } .perspectives-stories-container .teasers .teaser .byline { font-size: 1.0em; } .perspectives-stories-container .teasers .teaser .txt_date { font-size: 1.0em; margin-top: -18px; } .mu-stories-container .teasers .teaser .mu-lead { font-size: 2.1em; } .mu-stories-container .teasers .teaser img { width: 27%; margin-top: -1px; margin-bottom: 0; } .zoomimage { width: 100%; margin-left: 0%; } .no-author { margin-top:330px } }