/* Simulated box shadow using borders: */

html,
button,
input,
select,
textarea,
body {
    font-family: helvetica, arial;
    color: #898989;
}

body {
    width: 100%;
    background-image: url('../../images/background.png');
    min-width:320px;
}

body.white {
    width: 100%;
    background: white;
    min-width:320px;
}

input[type="checkbox"] {
    padding: 0;
    border: 0;
}


.textureBackgroundWrap {
    background-image: url('../../images/background.png');
}

h1, .h1normal {
    font-family: 'OpenSansRegular';
    color: #3E3E3E;
    font-size: 28pt;
    padding: 0;
    margin: 0;
    font-weight: normal;
    letter-spacing: -0.04em !important;
}

#hook {
    padding-top: 50px;
}

#hook, #hook h1, #hook .h1normal {
    color: white;
}

.smallerHeader {
    font-size:22pt;
}

.homeCopy {
    font-size: 14px;
    /*width: 850px;
    padding: 10px 40px 10px 40px;*/
}

#asSeenIn {
    padding:105px 0px 10px 0px;
}

.placeholder {
    color: #aaa !important;
}

.errorBubble, .infoBubble {
    background-color: #CA2C36;
    border: 1px solid #98171C;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 2px 1px #CCCCCC;
    display: none;
    padding: 5px 15px;
    position: absolute;
    top: -38px;
    z-index: 300;
}

.errorBubble a, .errorBubble a:hover, .errorBubble a:focus, .errorBubble a:visited {
    color:white !important;
}

.homeCopy p {
    padding:0;
    margin:0 auto;
    font-size:18px;
    width:90%;
}


.homeCopySmall {
    font-size: .9em;
    padding: 10px 10px 10px 10px;
}

#howItWorks {
    background: #F5F4F2;
    border-style: solid;
    border-width: 1px;
    border-top-color: #CFCFCF;
    border-bottom-color: #CFCFCF;
    border-left-color: #F5F4F2;
    border-right-color: #F5F4F2;
}

.howItWorksContainer {
    width: 875px;
    margin: 0px auto;
}

#homecred0 {
   display:none;
}

#homecred1 {
   display:none;
}

#homecred2 {
   display:none;
}

#footer {
    width: 100%;
    background: white;
}

.footerWrapper {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    font-size: 9pt;
}

.footerWrapper a, .footerWrapper a:visited, .footerWrapper a:focus, .footerWrapper a:hover {
    color: #898989;
}

.footerWrapper .small {
    font-size: 7pt;
}

.verisignSSL, .facebookPage, .twitterPage, .googleplusPage, .youtubePage, .pinterestPage, .linkedinPage {
    text-decoration: none !important;
}

.howItWorksSection {
    text-align: center;
}

#signupbox {
    background-color: #6863A6;
    color: white;
}

#signupbox h1, #signupbox .h1normal {
    color: white;
}

#signupbox input {
    height: 20px;
    width: 12em;
    margin: 3px;
}

#signupbox a, #signupbox a:hover, #signupbox a:focus, #signupbox a:visited {
    color:lightblue;
}


/* some Modernizr box shadow tests */
.box {
    border: 4px solid #bbb;
    background-color: #97AB0B;
    width: 40em;
    height: 4em;
    padding: .2em;
}

.boxshadow div.box {
    margin-left: 10px;
    width: 40em;
    height: 4em;
    padding: .2em;
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    border-radius: 4px 4px 4px 4px;
    behavior: url(../../js/PIE.htc);
}

.reverseShadowBox {
    -moz-box-shadow: inset 0 0 3px 3px #2a2a2a;
    -webkit-box-shadow: inset 0 0 3px 3px #2a2a2a;
    box-shadow: inner 0 0 3px 3px #2a2a2a;
}

.reverseShadowBoxLight {
    -moz-box-shadow: inset 0 0 3px 3px #eee;
    -webkit-box-shadow: inset 0 0 3px 3px #eee;
    box-shadow: inner 0 0 3px 3px #eee;
}

a {
    color: #5fa439;
    text-decoration: none;
    outline:none !important;
}

a:visited, a:focus {
    color: #5fa439;
    text-decoration: none;
}

a:hover {
    color: #5fa439;
    text-decoration: underline;
}

/* home page stuff */
div.home {
    /*background: white url('../../images/homeBackground-compressed.png') no-repeat 0 0;
    */
    text-align:center;
}

#homeBg {
    background: white url('../../images/homeBackground.jpg') no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 675px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
}

/* global navigation */
#navWrap {
    height: 80px;
    background: #3e3e3e;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.68);
    -moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.68);
    box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.68);
}

#navWrap.white {
    -webkit-box-shadow: 0px 0px 11px rgba(50, 50, 50, 0.68);
    -moz-box-shadow:    0px 0px 11px rgba(50, 50, 50, 0.68);
    box-shadow:         0px 0px 11px rgba(50, 50, 50, 0.68);
}

#footerWrap {
    height: 250px;
    background: white;
    width: 100%;
}

#navWrap.white {
    height: 80px;
    background: white;
}

#navSpacer {
    height: 78px;
    width: 100%;
}

#navSpacerShort {
    height: 40px;
    width: 100%;
}

/* global nav - NEW */

.nav_22 {
    width: 970px;
    text-align: left;
}

.nav_22 div {
    width: 40px;
    height: 40px;
}

.nav_22 a, .nav_22 li {
    text-align: center;
    padding: 0;
    height: 70px;
}

.nav_22 li.hover, .nav_22 li.hover a, .nav_22 li.hover a:hover, .nav_22 li.hover a:visited {
    background-color: #F5F4F2;
    color: #6863a6;
    text-decoration: none;
}

.msHeadingDiv {
    display: inline-block;
    margin-top: -6px;
    margin-left: 40px;
}

.msHeadingDivLine2 {
    font-size: 14px;
    line-height: 1em;
    color: #898989;
    font-weight: normal;
    font-family: arial, helvetica;
    letter-spacing: 0em;
    margin-left: 40px;
    width: 500px;
    margin-top: -3px;
}

.msActionSteps {
    display: inline-block;
    background: url('../../images/sprites/sprites.png') no-repeat;
    background-position: -240px -80px;
    width: 40px;
    height: 40px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.navbar .nav > li > a {
    padding: 8px 0 0;
}

#globalNavLoggedOut {
    background-color: #ffffff;
    background-image: none;
    text-align: center;
}

@media only screen and (min-width: 786px) {

    #globalNavLoggedOut .nav,
    #globalNavLoggedOut .nav > li {
        float:none;
        display:inline-block;
        *display:inline; /* ie7 fix */
        *zoom:1; /* hasLayout ie7 trigger */
        vertical-align: top;
    }

}


/* basics */
h2 {
    font-family: 'OpenSansBold';
    font-size: 20pt;
    color: #3E3E3E;
}

h3 {
    font-family: 'OpenSansBold';
    font-size: 1.25em;
    font-weight: normal;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #3E3E3E;
    letter-spacing: -0.05em !important;
}

h4 {
    font-family: 'OpenSansRegular';
    font-size: 12pt;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #3E3E3E;
}

.h2normal {
    font-size: .7em;
    line-heigth: .1em;
    color: #898989;
}

br.clearLeft {
    clear: left;
}​

.tRight {
    text-align: right;
}

.clearEverything {
    clear: both;
}​

.floatL, div.floatL {
    float: left;
}

.floatR, div.floatR {
    float: right;
}


div.clearOnly, li div a div.clearOnly {
    clear: both;
    height: 0;
    width: 0;
    border-width: 0;
    padding: 0;
    margin: 0;
}​



/* logged in nav */

#gnav_home a img {
    /*margin-top: 20px;*/
}

#gnav_myScore {
    width: 115px;
    margin-left: 20px;
}

#gnav_myScore div {
    margin-left: 38px;
    background: url('../../images/navSprites@2x.png') no-repeat 0 0;
    background-size: 40px 520px;
}

#gnav_myScore.hover div {
    margin-left: 38px;
    background: #2e2e2e url('../../images/navSprites@2x.png') no-repeat 0 -160px;
    background-size: 40px 520px;
}

#gnav_finSnap {
    width: 160px;
}

#gnav_finSnap  div {
    margin-left: 62px;
    background: url('../../images/navSprites@2x.png') no-repeat 0 -83px;
    background-size: 40px 520px;
}

#gnav_finSnap.hover div {
    margin-left: 62px;
    background: #2e2e2e url('../../images/navSprites@2x.png') no-repeat 0 -245px;
    background-size: 40px 520px;
}

#gnav_learning {
    width: 145px;
}

#gnav_learning div {
    margin-left: 53px;
    background: url('../../images/navSprites@2x.png') no-repeat 0 -41px;
    background-size: 40px 520px;
}

#gnav_learning.hover div {
    margin-left: 53px;
    background: #2e2e2e url('../../images/navSprites@2x.png') no-repeat 0 -201px;
    background-size: 40px 520px;
}

#gnav_help {
    width: 85px;
}

#gnav_help div {
    margin-left: 22px;
    background: url('../../images/navSprites@2x.png') no-repeat 0 -122px;
    background-size: 40px 520px;
}

#gnav_help.hover div {
    margin-left: 22px;
    background: #2e2e2e url('../../images/navSprites@2x.png') no-repeat 1px -280px;
    background-size: 40px 520px;
}

#gnav_user {
    width: 190px;
    text-align: right;
}

.gnavNotifications {
    width: 24px;
    height: 22px;
    margin-right: 8px;
    margin-top: 3px;
    background-color:#EC1C23;
    border-radius: 4px;
    font-size: .8em;
    color: white;
    text-align: center;
    line-height: 1.8em;
}

li div.gnavTextW {
    width: 105px;
    height: 40px;
    margin-left: 30px;
    margin-top: 25px;
    line-height: 1em;
    position: relative;
}

li div.gnavText {
    width: 80px;
    height: 40px;
    margin-top: 27px;
    line-height: 1.5em;
    margin-left: 0px;
    font-size: .95em;
}

#gnav_logout {
    width: 90px;
    text-align: right;
}



/* logged out nav */

#gnav_home a img {
    /*margin-top: 20px;*/
}
.gnavButton a {
    height:72px;
}
.gnavButton.on a {
    background-color: #F5F4F2 !important;
}

#gnav_about {
    width: 140px;
    height: 80px;
    margin-left: 10px;
}

#gnav_about div {
    margin-left: 36%;
    background: url('../../images/sprites/sprites.png') no-repeat 0 3px;
}

#gnav_about.hover div {
    margin-left: 36%;
    background: #F5F4F2 url('../../images/sprites/sprites.png') no-repeat -80px 3px;
}

#gnav_howItWorks {
    width: 135px;
    height: 80px
}

#gnav_howItWorks div {
    margin-left: 36%;
    background: url('../../images/sprites/sprites.png') no-repeat 0 -40px;
}

#gnav_howItWorks.hover div {
    margin-left: 36%;
    background: #F5F4F2 url('../../images/sprites/sprites.png') no-repeat -40px -40px;
}

#gnav_security {
    width: 110px;
    height: 80px
}

#gnav_security div {
    margin-left: 30%;
    background: url('../../images/sprites/sprites.png') no-repeat -80px -40px;
}

#gnav_security.hover div {
    margin-left: 30%;
    background: #F5F4F2 url('../../images/sprites/sprites.png') no-repeat -120px -40px;
}

#gnav_lc {
    width: 100px;
    padding-top:25px;
    height: 20px;
    font-size: .9em;
    margin-left: 5px;
    margin-right: 0px;
    display:block;

}

#gnav_blog {
    width: 50px;
    padding-top:25px;
    height: 20px;
    font-size: .9em;
    margin-left: 0px;
    margin-right: 5px;
    display:block;

}

#gnav_advisors {
    width: 100px;
    padding-top:25px;
    height: 20px;
    font-size: .9em;
}

#gnav_signin{
    width: 70px;
    padding-top:20px;
    height: 20px;
    font-size: .9em;
}

#gnav_join{
    width: 80px;
    padding-top:20px;
    height: 20px;
    font-size: .9em;
}


/* end logged out nav */



/* basic column widths, etc */

.col100 {
    width: 100px !important;
}

.col125 {
    width: 125px !important;
}

.col150 {
    width: 150px !important;
}

.col275 {
    width: 275px !important;
}

.col285 {
    width: 285px !important;
}

.col300 {
    width: 300px !important;
}

.col315 {
    width: 315px;
}

.col325 {
    width: 325px;
}

.col350 {
    width: 350px;
}

.col400{
    width: 400px;
}

.col450{
    width: 450px;
}

.col500 {
    width: 500px;
}

.col600 {
    width: 600px;
}

.col610 {
    width: 620px;
}

.col620 {
    width: 620px;
}

.col630 {
    width: 630px;
}

.col635 {
    width: 635px;
}

.col750 {
    width: 750px;
}

/* basic backrounds, main wrappers, shadows, rounded corners */
.lightGray {
    background-color: white;
}

.mediumGray {
    background-color: #F5F4F2;
}

.darkGray {
    background-color: #EAEAE8;
}

.mainBdy {
    width: 955px;
    margin: 0px auto;
    padding: 0px;
}

.vSpace {
    height: 40px;
}

.vSpace25 {
    height: 25px;
}

.roundTop {
    border-radius: 4px 4px 0 0;
    behavior: url(../../js/PIE.htc);
}

.roundBottom {
    border-radius: 0 0 4px 4px;
    behavior: url(../../js/PIE.htc);
}

.round {
    border-radius: 4px 4px 4px 4px;
    behavior: url(../../js/PIE.htc);
}

.bigGlow {
    -webkit-box-shadow: 0 0 .6em #bbb;
    -moz-box-shadow: 0 0 .6em #bbb;
    box-shadow: 0 0 .6em #bbb;
    behavior: url(../../js/PIE.htc);
}

.smallGlow {
    -webkit-box-shadow: 0 0 .4em #bbb;
    -moz-box-shadow: 0 0 .4em #bbb;
    box-shadow: 0 0 .4em #bbb;
    behavior: url(../../js/PIE.htc);
}

.tinyGlow {
    -webkit-box-shadow: 0 0 .2em #ccc;
    -moz-box-shadow: 0 0 .2em #ccc;
    box-shadow: 0 0 .2em #ccc;
    behavior: url(../../js/PIE.htc);
}

.smallGlowTop {
    -webkit-box-shadow: 0 -1px .4em  #bbb;
    -moz-box-shadow: 0 -1px .4em #bbb;
    box-shadow: 0 -2px .4em #bbb;
    behavior: url(../../js/PIE.htc);
}

.smallGlowBottom {
    -webkit-box-shadow: 0 1px .4em #999;
    -moz-box-shadow: 0 1px .4em #999;
    box-shadow: 0 1px .4em #999;
    behavior: url(../../js/PIE.htc);
}

.smallLightGlowBottom {
    -webkit-box-shadow: 0 1px .4em #bbb;
    -moz-box-shadow: 0 1px .4em #bbb;
    box-shadow: 0 1px .4em #bbb;
    behavior: url(../../js/PIE.htc);
}

/* basic beveling */
.bevelTop {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #fafafa;
}

/* basic beveling */
.bevelBottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d9d9d9;
}

.bevelBoth {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #fafafa;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d9d9d9;
}

.vPad {
    margin-top: .4em;
}

.vPad2 {
    margin: 1.3em;
}


.chartWrapper {
    position: relative;
    z-index: 1;
}

.floatedScore {
    font-family: 'OpenSansSemibold';
    position: absolute;
    color: #6863A6;
    font-size: 3.5em;
    top: 80px;
    left: 100px;
    z-index: 10;
}

.floatedScoreBreakdown {
    font-family: 'OpenSansSemibold';
    position: absolute;
    color: #6863A6;
    font-size: 3.5em;
    top: 120px;
    left: 100px;
    z-index: 20;
}

.floatedScoreEstScore {
    font-family: 'OpenSansSemibold';
    position: absolute;
    color: #6863A6;
    font-size: 3.5em;
    top: 115px;
    left: 110px;
    z-index: 10;
}

.floatedScoreProfileComplete {
    font-family: 'OpenSansSemibold';
    position: absolute;
    color: #CFCFCF;
    font-size: 3.5em;
    top: 115px;
    left: 150px;
    z-index: 10;
}

.floatedHorseshoeBig {
    position: absolute;
    top: 2px;
    left: 33px;
    z-index: 15;
}

.floatedHorseshoeEstScore{
    position: absolute;
    top: 33px;
    left: 33px;
    z-index: 15;
}

.floatedHorseshoeProfileComplete{
    position: absolute;
    top: 33px;
    left: 65px;
    z-index: 15;
}

.floatedHorseshoeBreakdownBig {
    position: absolute;
    top: 45px;
    left: 33px;
    z-index: 10;
}

.floatedHorseshoeSmall {
    position: absolute;
    top: 30px;
    left: 25px;
    z-index: 15;
}

.floatedProfileComplete {
    font-family: 'OpenSansSemibold';
    position: absolute;
    color: #7E7E7E;
    font-size: 3.5em;
    top: 60px;
    left: 185px;
    z-index: 10;
    text-decoration: none;
}

.floatedProfileComplete span.small {
    font-size: .5em;
    line-height: .5em;
}

.floatedProfileComplete div.small {
    font-family: Helvetica;
    font-size: 13px;
    line-height: .2em;
}

.floatedProfileComplete a {
    text-decoration: none;
}

.myScoreTopic {
    color: #7E7E7E;
    float: left;
    font-size: .8em;
    line-height: 3em;
    font-weight: normal;
    width: 150px;
    padding: 0px;
    padding-left: 15px;
}

.myScoreTopicFull {
    color: #7E7E7E;
    float: left;
    font-size: .8em;
    line-height: 1.3em;
    font-weight: normal;
    width: 90%;
    padding-left: 15px;
    height: 45px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.myScoreNumber {
    color: #6863A6;
    float: right;
    font-size: 1.3em;
    line-height: .9em;
    padding: 0;
    padding-top: 10px;
    padding-right: 15px;
    width: 100px;
    text-align: right;
}

#signupButton {
    float: left;
    margin-top: 3px;
}

.myScoreTopicDiv {
    height: 40px;
}

.myScoreTopicDivFull {
    height: 60px;
}

.fullWidth {
    width: 942px;
    margin-left: 5px;
}

.topSection {
    height: 400px;
    padding-left: 5px;
}

.topSection2 {
    width: 945px;
    height: 350px;
    padding-left: 5px;
}

.sectionHeaderls {
    padding-left: 10px;
    margin-bottom: 0px
}

.sectionHeaderDouble {
    padding: 8px;
    padding-left: 18px;
    margin-bottom: 0px
}

.sectionHeaderDouble h3.sectionHeadingH3 {
    line-height: .9em;
    padding-left: 12px;
}

.line2 {
    line-height: 2em;
}

/* action steps */

.baseballCard {
    height: 225px;
    width: 192px;
    float: left;
    background-color: white;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    margin-right: 17px;
    padding: 10px;
}

.baseballCardLast {
    height: 225px;
    width: 192px;
    float: left;
    background-color: white;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

.learningCenterCard {
    background-color: white;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    width: 210px;
    max-width: 210px;
    min-width: 190px;
    height: 260px;
    float: left;
}

.learningCenterCardLast {
    background-color: white;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    width: 210px;
    max-width: 210px;
    height: 260px;
    min-width: 190px;
    padding: 10px;
}

div.baseballCard:hover, div.baseballCardLast:hover {
    -webkit-transform: scale(1.05);
    -moz-transform:    scale(1.05);
    -o-transform:      scale(1.05);
    -ms-transform:     scale(1.05);
    -webkit-box-shadow: 0 0 1em #ccc;
    -moz-box-shadow: 0 0 1em #ccc;
    box-shadow: 0 0 1em #ccc;
    behavior: url(../../js/PIE.htc);
    cursor: move;
}

.baseballCardWrapper {
    padding: 15px;
    padding-left: 17px;
    height: 310px;
}

.actionName.short {
    overflow: hidden;
    max-height: 40px;
}

.baseballCard .actionName, .baseballCardLast .actionName, .learningCenterCard .actionName, .learningCenterCardLast .actionName{
    font-size: .9em;
}

.actionStepCTA:hover {
    text-decoration: underline;
    cursor: pointer;
}

.baseballCard .actionStepCTA, .baseballCardLast .actionStepCTA {
    font-family: 'OpenSansSemibold';
    font-size: .75em;
    color: #5FA439;
}

.learningCenterCard .actionStepCTA, .learningCenterCardLast .actionStepCTA {
    font-family: arial, helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #5FA439;
}

.detailsWrapper {
    height: 86px;
}

.detailsWrapper .baseCallCardDetailsLeft img {
    padding-left: 13px;
}

.actionStepHeader {
    padding-left: 5px;
    height: 99px;
}

.row-fluid .actionStepHeader {
    height: auto;
    min-height: 250px;
}

.row-fluid .actionStepHeader h3 {
    line-height: 1.1em;
}

.row-fluid .learningCenterCard, .row-fluid .learningCenterCardLast {
    margin-top: 15px;
    margin-bottom: 15px;
}

.baseCallCardDetailsLeft {
    font-family: 'OpenSansSemibold';
    color: #7E7E7E;
    float: left;
    font-size: .7em;
    line-height: .8em;
    font-weight: normal;
    width: 40%;
    margin-top: 20px;
    padding-left: 5px;
}

.baseCallCardDetailsRight {
    font-family: 'OpenSansSemibold';
    color: #6863A6;
    float: right;
    font-weight: normal;
    width: 45%;
    margin-top: 24px;
    text-align: right;
    padding-right: 15px;
    line-height: 1em;
}

.baseCallCardDetailsRight .plusHigh {
    font-size: 2.5em;
}

.baseCallCardDetailsRight .numOfPoints {
    font-size: 4em;
}

.baseCallCardDetailsRight .small, .baseCallCardDetailsLeft .small {
    font-size: .7em;
    line-height: 1em;
    font-family: helvetica;
    font-size: 12px;
}

.baseCallCardDetailsLeft div.small {
    text-align: center;
    margin-top: -3px;
    margin-left: -3px;
}

.baseCallCardDetailsLeft div.small img {
    margin-left: -10px;
}

.learningCenterCard, .learningCenterCardLast {
    overflow: hidden;
}

.cardImage {
    overflow: hidden;
    margin-left: -15px;
    margin-top: -20px;
    width: 120%;
    margin-bottom: 5px;
    max-height: 155px;
}

.recocardVideo {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -10px;
    margin-top: -13px;
    margin-bottom: -3px;
}

.readMoreSummary, .readMoreSearch {
    cursor:pointer
}

.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.articleCopy.search {
    float:left;
    width: 55%;
    overflow:hidden;
    max-height:110px;
    padding-bottom:5px;
    padding-left:10px
}

.articleCopy.short {
    height:64px;
    overflow:hidden;
}

.cardImage.search {
    width: 140px !important;
    float:left;
    max-height: 110px;
    margin-top: -10px;
    padding-bottom:10px;
    margin-bottom:0px;
}

.articleCopy.search h3 {
    max-height:77px;
    overflow:hidden;
}

.playButton {
    position:relative;
    left:85px;
    top:-105px
}

.playButton.search {
    position:relative;
    left:55px;
    top:-70px
}

.lcArticles .span4.learningCenterCard

/* home carousel stuff */
.caro-info .sectionHeader {padding-left:50px;}
.caro-info .msHeadingDiv {width: 365px;}
.caro-info .msHeadingDivLine2 {width:500px;line-height:1.3em;}
.msActionSteps {
    background: url("../../images/sprites/sprites.png") no-repeat scroll -240px -80px transparent;
    display: inline-block;
    height: 40px;
    margin-bottom: 7px;
    margin-top: 7px;
    width: 40px;
}
#caro-info-0 .msActionSteps {
    background-position: -81px 0px;
}
#caro-info-2 .msActionSteps {
    background-position: -1px -80px;
}
#caro-info-3 .msActionSteps {
    background-position: -80px -80px;
}

/*.carousel-inner .item {
        height: 370px;
}*/


/* end cards */

.simpleButton {
    width: 230px;
    height: 38px;
    line-height: 3.3em;
    font-family: 'OpenSansSemibold';
    color: #898989;
    font-size: 8.5pt;
    border-style: solid;
    border-color: #b5b5b5;
    border-width: 1px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

.simpleButtonGradient {
    cursor: auto;
    background: #F5F4F2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #F5F4F2 0%, #FCFCFA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F4F2), color-stop(100%,#FCFCFA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #F5F4F2 0%,#FCFCFA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F5F4F2 0%,#FCFCFA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F5F4F2 0%,#FCFCFA 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #F5F4F2 0%,#FCFCFA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F4F2', endColorstr='#FCFCFA',GradientType=0 ); /* IE6-8 */
}

.simpleButtonGradientReverse {
    cursor: pointer;
    background: #F5F4F2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #FCFCFA 0%, #F5F4F2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFA), color-stop(100%,#F5F4F2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FCFCFA 0%,#F5F4F2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FCFCFA 0%,#F5F4F2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FCFCFA 0%,#F5F4F2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FCFCFA 0%,#F5F4F2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFA', endColorstr='#F5F4F2',GradientType=0 ); /* IE6-8 */
}

.simpleGrayCTAButtonLong {
    width: 230px;
    height: 32px !important;
    line-height: 2.7em;
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 12px;
    font-weight:bold;
    border-style: solid;
    border-color: #3e3e3e;
    border-width: 1px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    border-radius: 17px 17px 17px 17px;
    background-color: #838383;
    behavior: url(../../js/PIE.htc);
    /*margin-top: 190px;*/
}
.simpleGrayCTAButton {
    width: 180px;
    height: 32px !important;
    line-height: 2.7em;
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 12px;
    font-weight:bold;
    border-style: solid;
    border-color: #3e3e3e;
    border-width: 1px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    border-radius: 17px 17px 17px 17px;
    background-color: #838383;
    behavior: url(../../js/PIE.htc);
    /*margin-top: 190px;*/
}

.simpleGrayCTAButtonLong a {
    color: white;
}

.simpleGrayCTAButtonLong a:hover {
    color: white;
    text-decoration: none;
}


.simpleGrayCTAButtonLong:hover {
    background-color: #3e3e3e;
    cursor: pointer;
}

.simpleGrayCTAButton a {
    color: white;
}

.simpleGrayCTAButton a:hover {
    color: white;
    text-decoration: none;
}


.simpleGrayCTAButton:hover {
    background-color: #3e3e3e;
    cursor: pointer;
}

.simpleGreenCTAButton {
    width: 180px;
    height: 32px;
    line-height: 2.7em;
    font-family: Arial, Helvetica, sans-serif !important;
    color: white;
    font-size: 12px;
    font-weight:bold;
    border-style: solid;
    border-color: #246D00;
    border-width: 1px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    border-radius: 17px 17px 17px 17px;
    background-color: #5FA439;
    behavior: url(../../js/PIE.htc);
    /*margin-top: 190px;*/
}

.simpleGreenCTAButton a {
    color: white;
}

.simpleGreenCTAButton a:hover {
    color: white;
    text-decoration: none;
}


.simpleGreenCTAButton:hover {
    background-color: #246D00;
    cursor: pointer;
}

.progressBarWrapper {
    width: 90%;
    height: 30px;
    border-radius: 15px 15px 15px 15px;
    background: #E6E5E3;
    float: left;
    -webkit-box-shadow: inset 0px 2px 4px #bbb;
    -moz-box-shadow: inset 0px 2px 4px #bbb;
    box-shadow: inset 0px 2px 4px #bbb;
    position: relative;
    behavior: url(../../js/PIE.htc);
}

.regBold {
    font-family: 'OpenSansSemibold';
    color: #3E3E3E;
}

.regBold2 {
    color: #3E3E3E;
}

.header2 {
    color: #7E7E7E;
    font-size: .8em;
    line-height: 2em;
    font-weight: normal;
    padding-left: 10px;
}

.goalWrapper {
    padding-top: 25px;
    padding-left: 20px;
}

.rightF {
    float: right;
}

.progressRightf {
    margin-top: -3px;
    float: right;
    width: 40px;
    font-family: 'OpenSansSemibold';
    font-size: 1.5em;
    padding-right: 15px;
    color: #3E3E3E;
}

.progressRightf span.percent{
    font-family: 'OpenSansRegular';
    font-size: .5em;
}

.progressBarOrange {
    border-style: solid;
    border-width: 1px;
    border-color: #f36639;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
    background: #f36639;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-box-shadow: inset 0px 1px 2px #fff;
    -moz-box-shadow: inset 0px 1px 2px #fff;
    box-shadow: inset 0px 1px 2px #fff;
    behavior: url(../../js/PIE.htc);
}

.progressBarTurquoise {
    border-style: solid;
    border-width: 1px;
    border-color: #00b1b8;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
    background: #00b1b8;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-box-shadow: inset 0px 1px 2px #fff;
    -moz-box-shadow: inset 0px 1px 2px #fff;
    box-shadow: inset 0px 1px 2px #fff;
    behavior: url(../../js/PIE.htc);
}

.progressBarYellow {
    border-style: solid;
    border-width: 1px;
    border-color: #ffc324;
    height: 20px;
    border-radius: 10px 10px 10px 10px;
    background: #ffc324;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-box-shadow: inset 0px 1px 2px #fff;
    -moz-box-shadow: inset 0px 1px 2px #fff;
    box-shadow: inset 0px 1px 2px #fff;
    behavior: url(../../js/PIE.htc);
}

.hdn {
    display: none;
}

.sliderGroup {
    width: 285px;
    padding-bottom: 25px;
    height: 27px;
}

.sliderLabel {
    margin-top: 8px;
    font-size: .75em;
    width: 150px;
    float: left;
}

.sliderValue {
    margin-top: 8px;
    font-size: .8em;
    font-family: Helvetica;
    font-weight: bold;
    float: right;
    width: 100px;
    text-align: right;
    color: #3E3E3E;
}

.sliderGroup .ui-slider, .slider .ui-slider-horizontal {
    height: 11px;
    border-radius: 8px 8px 8px 8px;
    background: #EFEFEF;
    -webkit-box-shadow: inset 0px 2px 4px #bbb;
    -moz-box-shadow: inset 0px 2px 4px #bbb;
    box-shadow: inset 0px 2px 4px #bbb;
    behavior: url(../../js/PIE.htc);
}

.sliderGroup .ui-slider-horizontal .ui-slider-range-min {
    border-style: solid;
    border-width: 1px;
    border-color: #838383;
    height: 11px;
    background: #838383;
    margin-top: 0px;
    border-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: inset 0px 1px 2px #fff;
    -moz-box-shadow: inset 0px 1px 2px #fff;
    box-shadow: inset 0px 1px 2px #fff;
    behavior: url(../../js/PIE.htc);
}

.sliderGroup .ui-slider .ui-slider-handle {
    width:22px;
    height:22px;
    background:url(../../images/sliderHandle-small.png) no-repeat; overflow: hidden;
    position:absolute;
    border-style:none;
    z-index:100;
    outline-style: none;
}

.tabSliderWrapper {
    padding-top: 3px;
    float: left;
    width: 290px;
    margin-top: 16px;
}

.tabBreakDownScore {
    float: right;
    width: 290px;
    position: relative;
}

.simulationToggle .ui-slider, .simToggleSlider .ui-slider-horizontal {
    border-style: solid;
    border-color: #b5b5b5;
    border-width: 1px;
    height: 27px;
    border-radius: 18px 18px 18px 18px;
    background: #EFEFEF;
    -webkit-box-shadow: inset 0px 2px 4px #bbb;
    -moz-box-shadow: inset 0px 2px 4px #bbb;
    box-shadow: inset 0px 2px 4px #bbb;
    behavior: url(../../js/PIE.htc);
    z-index: 1;
}

.simulationToggle .ui-slider-horizontal .ui-slider-range-min {
    border-style: solid;
    border-color: #246D00;
    border-width: 1px;
    height: 27px;
    background: #5FA439;
    margin-top: -1px;
    margin-left: -1px;
    border-radius: 18px 0px 0px 18px;
    -webkit-box-shadow: inset 0px 1px 4px #888;
    -moz-box-shadow: inset 0px 1px 4px #888;
    box-shadow: inset 0px 1px 4px #888;
    behavior: url(../../js/PIE.htc);
    z-index: 2;
}

.simulationToggle .ui-slider .ui-slider-handle {
    width: 42px;
    height: 40px;

    background: url(../../images/handleBig@2x.png) no-repeat 0 1px;
    background-size: 32px 32px;
    /* Firefox */
    -moz-background-size: 32px 32px;
    /* WebKit */
    -webkit-background-size: 32px 32px;
    overflow: visible;
    position:absolute;
    border-style:none;
    z-index:100;
    outline-style: none;
    top: -3px;
}

.simulationToggle {
    width: 180px;
    margin-bottom: 20px;
    position: relative;
    font-family: 'OpenSansBold';
    font-size: .7em;
}

.simToggleSlider {
    width: 50px;
    position: absolute;
    left: 105px;
}

.simLable {
    position: absolute;
    top: 10px;
    left: 35px;
}

.simulationToggle .toggleOnLabel {
    position: absolute;
    top: 7px;
    left: 120px;
    color: white;
    z-index: 3;
    cursor: pointer;
}

.simulationToggle .toggleOffLabel {
    position: absolute;
    top: 7px;
    left: 145px;
    z-index: 3;
    cursor: pointer;
}





/* rectangle bottons */

.recButtonDarkLarge {
    background: #f2f2f2;
    border-color: #b5b5b5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    -moz-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 20px ;
    text-align: center;
    color: #898989;

    cursor: pointer;
    font-size: 1em;
}

.recButtonDarkLarge2Line {
    background: #f2f2f2;
    border-color: #b5b5b5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    -moz-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 16px 20px 16px 20px ;
    line-height: 1em;
    text-align: center;
    color: #898989;

    cursor: pointer;
    font-size: 1em;
}

.recButtonDarkLargeHover {
    background: #838383;
    border-color: #838383;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 2px #fff, 0px 1px 3px #838383;
    -moz-box-shadow: inset 0px 1px 2px #fff, 0px 1px 3px #838383;
    box-shadow: inset 0px 1px 2px #fff, 0px 1px 3px #838383;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 20px ;
    text-align: center;
    color: white;

    cursor: pointer;
    font-size: 1em;
}

.recButtonDarkLargeHover2Line {
    background: #838383;
    border-color: #838383;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 2px #fff, 0px 1px 3px #838383;
    -moz-box-shadow: inset 0px 1px 2px #fff, 0px 1px 3px #838383;
    box-shadow: inset 0px 1px 2px #fff, 0px 1px 3px #838383;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 16px 20px 16px 20px ;
    line-height: 1em;
    text-align: center;
    color: white;

    cursor: pointer;
    font-size: 1em;
}

.recButtonDarkLargeMouseDown {
    background: #838383;
    border-color: #838383;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 2px #444, 0px 1px 1px #838383;
    -moz-box-shadow: inset 0px 1px 2px #444, 0px 1px 1px #838383;
    box-shadow: inset 0px 1px 2px #444, 0px 1px 1px #838383;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 20px ;
    text-align: center;
    color: white;

    cursor: pointer;
    font-size: 1em;
}

.recButtonDarkLargeMouseDown2Line {
    background: #838383;
    border-color: #838383;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 2px #444, 0px 1px 1px #838383;
    -moz-box-shadow: inset 0px 1px 2px #444, 0px 1px 1px #838383;
    box-shadow: inset 0px 1px 2px #444, 0px 1px 1px #838383;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 16px 20px 16px 20px ;
    line-height: 1em;
    text-align: center;
    color: white;

    cursor: pointer;
    font-size: 1em;
}

.recButton {

    background-image: linear-gradient(left top, rgb(242,242,242) 49%, rgb(242,242,242) 97%, rgb(247,247,247) 72%);
    background-image: -o-linear-gradient(left top, rgb(242,242,242) 49%, rgb(242,242,242) 97%, rgb(247,247,247) 72%);
    background-image: -moz-linear-gradient(left top, rgb(242,242,242) 49%, rgb(242,242,242) 97%, rgb(247,247,247) 72%);
    background-image: -webkit-linear-gradient(left top, rgb(242,242,242) 49%, rgb(242,242,242) 97%, rgb(247,247,247) 72%);
    background-image: -ms-linear-gradient(left top, rgb(242,242,242) 49%, rgb(242,242,242) 97%, rgb(247,247,247) 72%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0.49, rgb(242,242,242)),
        color-stop(0.97, rgb(242,242,242)),
        color-stop(0.72, rgb(247,247,247))
        );

    border-color: #b5b5b5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    -moz-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 6px 0px 6px 0px ;
    text-align: center;
    color: #898989;

    cursor: pointer;
}

.recButtonHover {

    background-image: linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -o-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -moz-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -webkit-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -ms-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.31, rgb(222,222,222)),
        color-stop(0.55, rgb(222,222,222)),
        color-stop(0.87, rgb(238,238,238))
        );

    border-color: #b5b5b5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    -moz-box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;
    box-shadow: inset 0px 1px 4px #fff, 0px 1px 1px #ccc;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 6px 0px 6px 0px ;
    text-align: center;
    color: #3e3e3e;

    cursor: pointer;
}

.recButtonMouseDown {

    background-image: linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -o-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -moz-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -webkit-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);
    background-image: -ms-linear-gradient(top, rgb(222,222,222) 31%, rgb(222,222,222) 55%, rgb(238,238,238) 87%);

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.31, rgb(222,222,222)),
        color-stop(0.55, rgb(222,222,222)),
        color-stop(0.87, rgb(238,238,238))
        );

    border-color: #b5b5b5;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 4px #ccc, 0px 1px 1px #ccc;
    -moz-box-shadow: inset 0px 1px 4px #ccc, 0px 1px 1px #ccc;
    box-shadow: inset 0px 1px 4px #ccc, 0px 1px 1px #ccc;

    font-family:  helvetica, arial;
    font-weight: bold;
    font-size: 8pt;
    padding: 6px 0px 6px 0px ;
    text-align: center;
    color: #3e3e3e;
}


.pointerBubble {
    position: relative;
    border-radius: 4px;
    background: white;
    width: 130px;
    height: 90px;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 3px #ccc;
    -moz-box-shadow: 0px 2px 3px #ccc;
    box-shadow: 0px 2px 3px #ccc;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    font-family: 'OpenSansSemibold';
    behavior: url(../../js/PIE.htc);
}

.pointerBubble .pbPlus {
    font-size: 2.1em;
}

.pointerBubble .pbNumber {
    font-size: 2.65em;
    line-height: .8em;
}

.pointerBubble .pbPts {
    font-size: .8em;
    font-family: 'OpenSansRegular';
    vertical-align: top;
}

.pointerBubble .pbInfo {
    font-size: .7em;
    line-height: .9em;
    color: #3e3e3e;
    font-weight: bold;

}

.pointerBubble .pbDate {
    font-size: .7em;
    color: #898989;
}

div.pbPointerBottom {
    position: absolute;
    width: 35px;
    height: 31px;
    top: 110px;
    left: 60px;
    z-index: 5;
}

.pbPurple div.pbPointerBottom {
    background: url(../../images/pointer_purple.png);
}

.pbPurple {
    border-color: #6c68aa;
    color: #6c68aa;
}

.pbOrange div.pbPointerBottom {
    background: url(../../images/pointer_orange.png);
}

.pbOrange {
    border-color: #f36639;
    color: #f36639;
}

.pbBlue div.pbPointerBottom {
    background: url(../../images/pointer_blue.png);
}

.pbBlue {
    border-color: #00669a;
    color: #00669a;
}

.pbPink div.pbPointerBottom {
    background: url(../../images/pointer_pink.png);
}

.pbPink {
    border-color: #ff8da6;
    color: #ff8da6;
}

.pbRainforest div.pbPointerBottom {
    background: url(../../images/pointer_rainforest.png);
}

.pbRainforest {
    border-color: #00605e;
    color: #00605e;
}

.pbRed div.pbPointerBottom {
    background: url(../../images/pointer_red.png);
}

.pbRed {
    border-color: #9a180d;
    color: #9a180d;
}

.pbTurquoise div.pbPointerBottom {
    background: url(../../images/pointer_turquoise.png);
}

.pbTurquoise {
    border-color: #00b1b8;
    color: #00b1b8;
}

.pbYellow div.pbPointerBottom {
    background: url(../../images/pointer_yellow.png);
}

.pbYellow {
    border-color: #c28e00;
    color: #c28e00;
}

.projChartWrapper {
    position: relative;
}

.chartPopup {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 100;
}

.google-visualization-tooltip-override {
    border: solid 0px white;
    border-radius: 2px;
    background-color: white;
    position: absolute;
    box-shadow: 0;
    font-size: 1em;
    padding: 0px;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    margin-left: -100px;
    margin-top: -25px;
    z-index: 50;
}



#comparisonBox {
    position: absolute;
    width: 780px;
    height: 490px;
    border-style: solid;
    border-color: #555;
    border-width: 1px;
    background: #F5F4F2;
    top: 250px;

    -moz-box-shadow: 0px 0px 2px 2px #555;
    -webkit-box-shadow:  0px 0px 2px 2px #555;
    box-shadow:  0px 0px 3px 2px #555;
    border-radius: 4px 4px 4px 4px;

    z-index: 10;
    margin: 0px auto;
    margin-left: 80px;
}

#darkBackground {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 5;
}

#comparisonContents {
    padding: 0px;
    font-size: 10pt;
    background: #F5F4F2;
    height: 100%;
}

.layoverIframe {
    width: 99%;
    height: 98%;
    margin: 0;
    padding: 0;
    overflow: none;
    background: #F5F4F2;
    border-style: none;
    margin-top: 4px;
    margin-left: 2px;
}

.questionLabelBlack {
    color: #3E3E3E;
    font-weight: bold;
    line-height: 1.4em;
    padding-top: 5px;
}


.padBottom {
    padding-bottom: 25px;
}

input {
    padding: 8px 12px 8px 12px;
    height: 33px;
    border-radius: 2px;
    border-width: 1px;
    margin-bottom: 10px;
    border-style: solid;
    border-color: #BCBCBA;
    -moz-box-shadow: 0px 1px 1px 1px ##DADAD8;
    -webkit-box-shadow:  0px 1px 1px 1px ##DADAD8;
    box-shadow:  0px 1px 1px 1px ##DADAD8;
}

input.radio {
    margin-top: 15px;
}

select, select option {



}

.purple {
    color: #6863a6;
}

#aboutFlexScoreLand {
    position: absolute;
    top: -100px;
    left: 0px;
}

#howItWorksLand {
    position: absolute;
    top: -75px;
    left: 0px;
}

#securityLand {
    position: absolute;
    top: -100px;
    left: 0px;
}

#aboutFlexScoreLandMobile {
    position: absolute;
    top: -70px;
    left: 0px;
}

#howItWorksLandMobile {
    position: absolute;
    top: -45px;
    left: 0px;
}

#securityLandMobile {
    position: absolute;
    top: -70px;
    left: 0px;
}

#signInLand {
    position: absolute;
    top: -75px;
    left: 0px;
}

#signInLandMobile {
    position: absolute;
    top: -45px;
    left: 0px;
}

.profileCompleteRight {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #CFCFCF;
    padding-left: 30px;
}

.btmHomeSignupBtn {
    display: inline-block;
    margin-left: 15px
}

.lcArticles a {
    font-size: 13px;
    font-weight: bold;
}


.lcReading {
    display: inline-block;
    background: url('../../images/sprites/sprites.png') no-repeat -280px -160px;
    width: 40px;
    height: 40px;
}

.lcTopics {
    display: inline-block;
    background: url('../../images/sprites/sprites.png') no-repeat -320px -160px;
    width: 40px;
    height: 40px;
}

.lcVideos {
    display: inline-block;
    background: url('../../images/sprites/sprites.png') no-repeat 0 -200px;
    width: 40px;
    height: 40px;
}

.lcGlossary {
    display: inline-block;
    background: url('../../images/sprites/sprites.png') no-repeat -320px -120px;
    width: 40px;
    height: 40px;
}

.lcArticles .span4.learningCenterCard, .lcArticles .span4.learningCenterCardLast {
    background-color: white;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    margin-left: 15px !important;
    max-width: 330px;
    width: 330px;
    height: 210px;
    float: left;
    margin-bottom: 0px;
}

.financialDivls {
    display: inline-block;
    margin-top: 0;
    margin-left: 40px;
}

.lcVideoFooter {
    float: right; display:inline-block; width: 80px; font-size: 13px; font-family: arial, helvetica; font-weight: bold; text-align: right; margin-right: 10px}

/* learning center article page */

.articleNavHdr {
    font-weight: bold;
    font-size: 1.2em;
}

.articleNavls {
    padding: 15px;
    color: #3E3E3E;
}

.articleNavls .controls {
    padding-bottom: 20px;
}

.articleContent {
    padding: 25px;
}

.articleNavls ul {
    list-style: none;
    margin: 5px 0 0 5px;
    padding:0px;
}

.articleNavls ul li {
    padding: 5px;
}

.articleNavls ul li a {
    display: block;
}

.articleNavls ul li.articleNavOn {
    background-color: #EFEFEF;
    font-weight: bold;
}

/*
.articleNavls .icon-search {
        background: url('../../images/sprites/sprites.png') no-repeat scroll -210px -174px transparent;
        width: 24px;
        height: 24px;
}
*/

.articleNavls .add-on, .lcSearch .add-on {
    background-color: white;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border-left: 0;
}

.articleNavls input {
    border-right: 0;
    /*	width: 60%; */
}

.lcSearch input {
    border-right: 0;
}

.grnList {
    color: #5FA439;
}

.articleAuthorName {
    color: #3E3E3E;
    font-weight: bold;
}

.articleAuthorTitle {
    color: #3E3E3E;
}

.utilTxtLnks {
    padding-top: 10px;
    font-weight: bold;
    font-size: .9em;
    line-height: 1em;
    text-align: right;
}

.cntr {
    margin: 0 auto;
}

.posRel {
    position: relative;
}

.lnkPrint {
    background: url('../../images/sprites/printsharemail.png') no-repeat scroll -4px -4px transparent;
    display: inline-block;
    padding-right: 2px;
    width: 16px;
    height: 12px;
}

.lnkShare {
    background: url('../../images/sprites/printsharemail.png') no-repeat scroll -24px -4px transparent;
    display: inline-block;
    padding-right: 2px;
    width: 16px;
    height: 12px;
}

.lnkEmail {
    background: url('../../images/sprites/printsharemail.png') no-repeat scroll -42px -4px transparent;
    display: inline-block;
    padding-right: 4px;
    width: 16px;
    height: 12px;
}

/* responsive carousel */
.list_carousel {
    background-color: #F5F4F2;
    margin: 0 0 0 0;
    padding-bottom: 10px;
    /*width: 360px;*/
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    left: 0;
}

.list_carousel li {
    text-align: center;
    height: 250;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
    width: 217px;
    min-width: 217px;
    max-width: 217px;
}

.list_carousel li .learningCenterCard, .list_carousel li .learningCenterCardLast {
    text-align: left;
    width: 210px;
    min-width: 210px;
    max-width: 210px;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

.clearfix {
    float: none;
    clear: both;
}

.pagerCar {
    text-align: center;
    margin-bottom: 10px;
}

.pagerCar a {
    background:url(../../images/caroselPage2.png) no-repeat -24px 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.pagerCar a.selected{
    background:url(../../images/caroselPage2.png) no-repeat -2px 0;
    width: 20px;
    height: 20px;
    display: inline-block;

}

.pagerCar a span {
    display: none;
}


/* support */
.allRound{border-radius:4px;}
.contactSupport{overflow:hidden;background-color:#6863a6;}
.csButton {float:right;margin:18px 20px 0 0;}
.csText{float:left;padding:20px;color:#ffffff;font-family:OpenSansRegular;max-width: 65%;}
.csText span{font-family:OpenSansBold;font-size:1.3em;letter-spacing:-0.04em;}

.whiteBg {
    background-color: white;
}

.lcCarImageDiv {
    background-color: white;
    text-align: left;
    margin-top: 15px;
    overflow: hidden;
}

.lcCarImageDiv h3 {
    padding-left: 10px;
}

.carLinks {
    text-align: left;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 0;
}

.carLinks .links {
    line-height: .8em;
    padding-bottom: 6px;
    font-family: arial;
    font-size: .85em;
    font-weight: bold;
    height: 205px;
}

.carLinks .links, .carLinks h3 {
    padding-left: 15px;
}

.carLinks .links a {
    font-size: 1.1em;
    line-height: 2.36em;
}

.list_carousel h3 {
    text-align: left;
}

.openArrow {
    background: url('../../images/sprites/sprites.png') no-repeat scroll -256px -213px transparent;
    display: inline-block;
    text-decoration: none;
    width: 10px;
    height: 15px;
    cursor: pointer;
}

.closeArrow {
    background: url('../../images/sprites/sprites.png') no-repeat scroll -298px -212px transparent;
    display: inline-block;
    text-decoration: none;
    width: 10px;
    height: 15px;
    cursor: pointer;
}

.glossaryIndex a {
    font-weight: bold;
}

/* faq page css */
.accordion-group {
    margin: 0;
    background-color: #ffffff;
}
.accordion-heading a {
    text-decoration: none;
    outline: none;
    color: #898989;
}
.accordion-heading .accordion-toggle {
    padding: 10px;
}
.accordion-inner {
    padding: 20px 40px 20px 25px;
}
.accordion-inner p {
    font-size: 0.9em;
    margin: 5px 0 15px;
}

.faqBody, .faqBody p {
    font-size: 14px !important;
}
.accordion-toggle .faqArrow {
    background-image: url("../../images/sprites/sprites.png");
    background-position: -256px -216px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 9px;
    margin: 6px 7px 0 0;
    overflow: hidden;
    width: 9px;
}
.accordion-toggle.collapsed .faqArrow {
    background-position: -295px -216px;
}
.tenpx {
    height: 10px !important;
}
.twentypx {
    height: 20px !important;
}
.infoH1 {
    font-family: OpenSansRegular;
    font-size: 2.4em;
    margin: 0px 0 10px;
}
.contactSupport {
    width: 100%;
    overflow: hidden;
    background-color: #6863a6;
}
.mainBody.faq .row-fluid {padding-right:0;}
.mainBody.faq {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
@media (max-width: 480px) {
   #homecred0 {
       display:none;
    }

   #homecred1 {
       display:block;
    }

   #homecred2 {
       display:none;
    }

    .mainBody.faq .infoH1 {
        font-family: OpenSansRegular;
        font-size: 1.6em;
        margin: 0px 0 10px;
    }

    .sectionHeader {
        max-width: 99%;
        padding-left: 0px;
    }
}

/* carousel */
.carousel-control {
    font-family: 'Advent Pro';
    position: absolute;
    top: 45%;
    left: -40px;
    width: 51px;
    height: 50px;
    margin-top: -20px;
    font-size: 55px;
    font-weight: 800;
    line-height: 48px;
    color: #888;
    text-align: center;
    background: white;
    border: 2px solid #ccc;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.carousel-control.right {
    left: auto;
    right: -40px;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #888;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

/* mobile header menu */
@media (max-width: 774px) {
   #homecred0 {
       display:block;
    }

   #homecred1 {
       display:none;
    }

   #homecred2 {
       display:none;
    }

    .mobileLogo {
        background: #ffffff !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3000;
        height: auto;
        width: 100%;
        overflow: hidden;
        text-align: left;
    }
    .mobileLogo img {
        margin: 2px 0 0 5px;
    }
    .mobileLogo a.btn-navbar, .mobileLogo a.btn-navbar:hover {
        background: #3e3e3e;
        padding: 17px;
        margin-right: 0;
    }
    .mobileLogo a.btn-navbar.collapsed, .mobileLogo a.btn-navbar.collapsed:hover {
        background: #ffffff;
        padding: 17px;
        margin-right: 0;
    }
    .mobileLogo .btn-navbar.collapsed .icon-bar, .mobileLogo .btn-navbar .icon-bar {
        height: 3px !important;
    }
    .mobileLogo .btn-navbar.collapsed .icon-bar {
        background-color: #3e3e3e;
    }
    .navbar-fixed-top {
        margin: 0;
    }
    .navbar-fixed-top > *, .nav_22 li {
        background: #3e3e3e !important;
    }
    .navbar .container {
        width: 100% !important;
        margin: 50px 0 0 0 !important;
    }
    #globalNavLoggedOut {
        padding: 0;
    }
    .nav_22 {
        padding: 10px 0 !important;
        margin: 0 !important;
        width:100% !important;
    }
    .gnavButtonMobile.on a, .gnavButtonMobile.on a:hover {
        background-color: #313131 !important;
        border-radius:3px !important;
        color:#ffffff !important;
    }
    .navbar .nav > li > a {
        color: #999999;
        text-shadow: none !important;
        font-weight: normal;
        font-size: 14px;
        font-family: arial, helvetica, sans-serif;
    }
    .navbar .nav > li > a:hover {
        color: #ffffff;
    }
    li.visible-phone a, li.visible-phone a:hover {
        padding: 7px !important;
        margin: 0 7px !important;
    }
    li.visible-phone a span.icon {
        background: url("../../images/sprites/sprites.png") no-repeat 0 0 transparent;
        display: block;
        float: left;
        width: 20px;
        height: 20px;
    }
    #gnav_about_mobile a span.icon, #gnav_howItWorks_mobile a span.icon, #gnav_security_mobile a span.icon, #gnav_lc_mobile a span.icon, #gnav_blog_mobile a span.icon {
        background-position: -131px -291px;
        margin-right: 3px;
    }
    #gnav_about_mobile a span.icon {
        background-position: -202px -296px;
    }
    #gnav_about_mobile.on a span.icon, #gnav_about_mobile a:hover span.icon {
        background-position: -202px -276px;
    }
    #gnav_howItWorks_mobile a span.icon {
        background-position: -226px -296px;
    }
    #gnav_howItWorks_mobile.on a span.icon, #gnav_howItWorks_mobile a:hover span.icon {
        background-position: -226px -276px;
    }
    #gnav_security_mobile a span.icon {
        background-position: -246px -296px;
    }
    #gnav_security_mobile.on a span.icon, #gnav_security_mobile a:hover span.icon {
        background-position: -246px -276px;
    }
    #gnav_lc_mobile a span.icon {
        background-position: -264px -296px;
    }
    #gnav_lc_mobile.on a span.icon, #gnav_lc_mobile a:hover span.icon {
        background-position: -264px -276px;
    }
    #gnav_blog_mobile a span.icon {
        background-position: -228px -143px;
        background-size:250px auto;
    }
    #gnav_blog_mobile.on a span.icon, #gnav_blog_mobile a:hover span.icon {
        background-position: -5px -171px;
        background-size:250px auto;
    }


    #gnav_advisors_mobile a span.icon, #gnav_signin_mobile a span.icon {
        background: none;
    }
    .nav_22 li.borderBreak {
        height: 8px !important;
    }
    .borderBreak div {
        border-bottom: 1px solid #515151;
        border-top: 1px solid #313131;
        height: 0;
        width:100%;
        margin-top: 8px;
    }
    li.visible-phone {
        width: 99% !important;
        height: auto !important;
    }
    .navbar .nav > li > a > p {
        margin: 0 !important;
    }
    .navbar-inner {
        border: 0 none;
    }
    .navbar .btn.btn-navbar {
        margin-top: 0;
        border: 0 none !important;
        border-radius:0 !important;
    }
}

#comparisonBoxHome {
    position: absolute;
    width: 100%;
    top: 15%;
    left:0;
    margin: 0px auto;
    z-index: 6000;
}

.nav_22 li.visible-phone {
    padding-left: 7px !important;
}

#comparisonBoxHome .dialogContent {
    width:43% !important;
    min-width: 600px;
    min-height: 438px;
    margin:0 auto;
}

#darkBackground {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 4000;
}

/* new carousel indicator css */
.carousel-indicator {
    bottom: -20px;
    height: auto;
    left: 50%;
    list-style: none outside none;
    margin:0 0 0 -35px;
    position: absolute;
    width: 70px;
    z-index: 5;
}
.carousel-indicator li {
    background-color: #f5f4f2;
    border:1px solid #aaaaaa;
    border-radius: 6px;
    display: block;
    float: left;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    width: 10px;
    cursor:pointer;
}
.carousel-indicator .active {
    background-color: #61a339;
    border:1px solid #61a339;
}

/* sign up-in specific code */
.nav-tabs {
    height: 2.9em;
    margin: 0 0 -1px;
    overflow: hidden;
    padding-left: 0.4em;
    padding-top: 0.4em;
    border-bottom:0 none
}
.nav-tabs li {
    border-bottom: 1px solid #FFFFFF;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 0.4em #CCCCCC;
    float: left;
    height: 3em;
    list-style: none outside none;
    margin-right: 0.2em;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 9.58em;
    z-index: 1;
}
.nav-tabs li.active {
    z-index: 5;
}
.nav-tabs li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-radius: 4px 4px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #898989;
    float: left;
    font-family: helvetica;
    font-size: 14px;
    height: 3.2em;
    line-height: 3.2em;
    padding: 0 10px;
    text-decoration: none;
    width: 86%;
}
.nav-tabs li a.active {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 0.4em #CCCCCC;
    color: #3E3E3E;
}
.tab-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 0 0.4em #CCCCCC;
    clear: left;
    height: auto;
    margin-left: 0.4em;
    margin-right: 0.35em;
    padding: 1em;
    position: relative;
    /*overflow: hidden;*/
    z-index: 2;
}
/* mobile header menu */
@media (max-width: 774px) {
    body {width:100% !important;padding:0 !important;}
    .nav-tabs li {width:28%;}
    .nav-tabs li a {width:100%;padding:0;}
    .form-horizontal .control-group {margin-bottom:10px;}
    div.secureGuarantee {margin-bottom:35px;}
    .articleNavls .control-group, .articleNavls .control-group .controls {margin:0;padding:0;}
    .container .row {padding:0 10px;}
    .input-append, #inputIcon {width:96%;}
    .footerWrapper {width:94%;}
    .csButton {float:none;margin:10px auto 0;}
    #comparisonBoxHome #signIn {width:95% !important;}

}
@media (max-width: 480px) {
    .controls input {width:90%;}
    #termscheck {display:block;}
    #termscheck input {width:auto;}
    .input-append, #inputIcon {width:94%;}
}

/* sign up/in page */
.signupTitleArea {text-align:center;}

/* sign in error/info bubbles */
.controls {
    position: relative;
}
.errorBubble, .infoBubble {
    display: none;
    background-color: #ca2c36;
    border: 1px solid #98171c;
    border-radius: 4px;
    padding: 5px 15px;
    position: absolute;
    top: -38px;
    box-shadow: 1px 2px 1px #CCCCCC;
    z-index:300;
}
.infoBubble {
    background-color: #3E3E3E;
    border: 1px solid #3E3E3E;
    left: -127px;
    top: -80px;
    width: 250px;
}

.errorBubble .inside, .infoBubble .inside {
    position: relative;
}
.errorBubble .inside .point, .infoBubble .inside .point {
    background: url("../../images/pointers/pointer_red_full.png") no-repeat scroll 0 0 transparent;
    bottom: -22px;
    height: 18px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    width: 18px;
}
.infoBubble .inside .point {
    background: url("../../images/pointers/pointerBrownFull.png") no-repeat scroll 0 0 transparent;
}


.errorBubble p, .infoBubble p {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}
.infoBubble p {
    text-align:center;
}
.controls.error .errorBubble, .infoTip.on .infoBubble {
    display: block;
}
.controls.error input {
    border: 1px solid red !important;
}

/* logged in nav */
header.online {min-height:80px;}
#navWrap.white {
    height: 80px;
    background: white;
}

#navSpacer {
    height: 78px;
    width: 100%;
}

#navSpacerShort {
    height: 40px;
    width: 100%;
}

nav {
    width: 970px;
    margin: 0px auto;
    height: 80px;
    padding: 0px;
    background: #3e3e3e;
}

nav.white {
    background: white;
}

nav ul {
    margin: 0;
    padding: 0;
    height: 80px;
}

nav li {
    float: left;
    padding: 0px 0px;
    background-color: #3e3e3e;
    height: 80px;
    margin: 0;
    color: #aaa;
    list-style-type: none;
    text-align: center;
    font-size: 14.4px;
}

nav.white li {
    background-color: white;
}

nav li div {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    background: #3e3e3e;
}

nav.white li div {
    background: white;
}

nav li a, nav li a.hover, nav li a:visited {
    color: #aaa;
    text-decoration: none;
}

nav li.hover, nav li.hover a, nav li.hover a:hover, nav li.hover a:visited {
    background-color: #2e2e2e;
    color: white;
    text-decoration: none;
}

nav.white li.hover, nav.white li.hover a, nav.white li.hover a:hover, nav.white li.hover a:visited {
    background-color: #F5F4F2;
    color: #6863a6;
    text-decoration: none;
}

nav li a {
    color: #aaa;
    text-decoration: none;
}

nav li a:hover {
    text-decoration: none;
}
#gnav_home a img {
    /*margin-top: 20px;*/
}

#gnav_myScore {
    width: 115px;
    margin-left: 20px;
}

#gnav_myScore div {
    margin-left: 38px;
    background: url('../../images/sprites/sprites.png') no-repeat 0 0;
}

#gnav_myScore.hover div {
    margin-left: 38px;
    background: #2e2e2e url('../../images/sprites/sprites.png') no-repeat -40px 0;
}

#gnav_finSnap {
    width: 160px;
}

#gnav_finSnap  div {
    margin-left: 62px;
    background: url('../../images/sprites/sprites.png') no-repeat -200px 0;
}

#gnav_finSnap.hover div {
    margin-left: 62px;
    background: #2e2e2e url('../../images/sprites/sprites.png') no-repeat -240px 0;
}

#gnav_learning {
    width: 145px;
}

#gnav_learning div {
    margin-left: 53px;
    background: url('../../images/sprites/sprites.png') no-repeat -120px 0;
}

#gnav_learning.hover div {
    margin-left: 53px;
    background: #2e2e2e url('../../images/sprites/sprites.png') no-repeat -160px 0;
}

#gnav_help {
    width: 85px;
}

#gnav_help div {
    margin-left: 22px;
    background: url('../../images/sprites/sprites.png') no-repeat -280px 0;
}

#gnav_help.hover div {
    margin-left: 22px;
    background: #2e2e2e url('../../images/sprites/sprites.png') no-repeat -320px 0;
}

/* logged in user dropdown */
#gnav_user {}
#gnav_user .gnavTextW.open {background-color:#ffffff !important;border:1px solid #fff;position:relative;}
.gnavTextW  .dropdown-menu {
    top:30px;
    left: -2px;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.2);
    width:250px;
    border:1px solid #6d68ab;
    border-top:0 none;
    height:auto;
}
.gnavTextW  .dropdown-menu li {
    background-color:transparent;
    padding:0;
    margin:0;
    height:auto;
    width:100%;
    text-align:left;
}
li div.gnavTextW {
    padding:0 15px 0 5px;
    width:auto;
    border-radius: 4px 4px 0 0 ;
    margin-left:0;
}
div.gnavNotifications {
    position:absolute;
    top:0;
    left:0;
}
div.gnavName {
    width:auto;
    margin-top:6px;
    color:#aaaaaa;
}
div.gnavName:hover, #gnav_logout a:hover {
    color:#ffffff;
}
.gnavTextW.open div.gnavName:hover,.gnavTextW.open div.gnavName:focus,.gnavTextW.open div.gnavName:visited {
    color:#aaaaaa;
}
nav li .gnavTextW.open div.gnavName {
    background: none;
    color:#aaaaaa;
}
#gnav_user .gnavTextW a {display:block;position:relative;overflow:hidden;padding-left:38px}
#gnav_user .gnavTextW .dropdown-menu a {
    color:#999999 !important;
}
#gnav_user .gnavTextW .dropdown-menu a:hover {
    color:#6863a5 !important;
}
.gnavTextW .dropdown-menu {
    padding:10px 0;
}
.gnavTextW .dropdown-menu li a {
    padding:4px 10px !important;
    display:inline;
}
.gnavTextW .dropdown-menu li a span {
    background-image: url("../../images/sprites/sprites.png");
    background-repeat: no-repeat;
    height:26px;
    width:26px;
    display:block;
    float:left;
    margin-right:10px;
}
.gnavTextW .dropdown-menu #notifications span {
    background-position: -48px -171px;
}
.gnavTextW .dropdown-menu #settings span {
    background-position: -88px -171px;
}
.gnavTextW .dropdown-menu #aboutyou span {
    background-position: -288px -89px;
}
.gnavTextW .dropdown-menu #refresh span {
    background-position: -88px -169px;
}
.gnavTextW .dropdown-menu #financialdetails span {
    background-position: -167px -130px;
}
.gnavTextW .dropdown-menu #goals span {
    background-position: -328px -88px;
}
.gnavTextW .dropdown-menu #myadvisors span {
    background-position: -48px -130px;
}
.gnavTextW .dropdown-menu li .gnavNotifications {
    left:auto;
    right:0 !important;
    top:10px;
}
.gnavTextW .caret {
    position: absolute;
    right: 3px;
    top: 11px;
    border-top: 4px solid #AAAAAA;
}

.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    font-family:arial, helvetica,sans-serif;
    font-size:14px;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover {

    text-decoration:none;
    background:none;
}

.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000000;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
	right:10px;
	top:14px;
	position:absolute;
}
/* logged in nav */
header.offline {min-height:81px;}

/* shared padding from css.css */
.pad5 {
    padding: 5px;
}
.pad10 {
    padding: 10px;
}
.pad15 {
    padding: 15px;
}
.pad20 {
    padding: 20px;
}

#supportLCBtn {
    margin-top: 15px;
    margin-right: 15px;
    float: right;
}

@media (max-width: 989px) {

    #asSeenIn {
        padding:40px 0px 10px 0px;
    }
    .row-fluid {
        max-width: 98%;
        margin-left: 1%;
    }

    #gnav_blog {
		display:none !important;
    }

    #homeBg {
        background: white url('../../images/homeBackground.jpg') no-repeat 0 0;
        background-size: cover;
        width: 100%;
        height: 570px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -10;
    }

    .hidden-largeTablet {
        display: none;
    }

    .lcArtSum {
        /*display: none;*/
    }

    .visible-tablet .learningCenterCard {
        height: 210px;
    }

    .lcArticles .span3.learningCenterCard, .lcArticles .span3.learningCenterCardLast {
        background-color: white;
        border-color: #d9d9d9;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin-left: 15px !important;
        max-width: 330px;
        width: 330px;
        height: 210px;
        float: left;
        margin-bottom: 0px;
    }

    .lcArticles .span4.learningCenterCard, .lcArticles .span4.learningCenterCardLast {
        background-color: white;
        border-color: #d9d9d9;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin-left: 15px !important;
        max-width: 95%;
        width: 95%;
        max-height: 175px;
        float: left;
        margin-bottom: 0px;
    }

    .lcArticles .cardImage {
        width: 140px;
        float: left;
        max-height:110px;
        margin-top:-10px;
    }

    .lcArticles .playButton {
        position:relative;
        left:55px;
        top:-70px
    }

    .lcArticles .cardImage img {
        width: 140px !important;
    }

    .articleCopy {
        float: right;
        width: 170px;
    }

    .articleCopy.search {
        float:left;
        width: 70%;
        max-height:100px;
        padding-left:10px
    }

    .articleCopy.full {
        width: 100%;
        max-width:100%;
    }

    .articleCopy.short {
        height:100%;
        max-height:110px;
    }

    .articleSummary {
        width: 100%;
        float: clear;
    }

    .actionName.short {
        overflow: hidden;
        max-height: 40px;
    }

    .navbar .btn-navbar {
        margin-left: -80px;
    }

    .nav_22{
        width: 820px;
        /*margin-left: -20px;*/
    }

    .navbar .container {
        width: 92%;
    }

    #globalNavLoggedOut .container {
        margin-left: 3%;
    }
    #gnav_home a img {
        /*margin-top: 20px;*/
    }

    #gnav_about {
        width: 120px;
        height: 80px;
    }

    #gnav_about div {
        background: url('../../images/sprites/sprites.png') no-repeat 0 0;
        /*background-size: auto 30px;*/
    }


    #gnav_howItWorks {
        width: 115px;
        height: 80px;
    }

    #gnav_howItWorks  div {
        background: url('../../images/sprites/sprites.png') no-repeat 0 -40px;
        /*background-size: auto 30px;*/
    }

    #gnav_security {
        width: 80px;
        height: 80px;
    }

    #gnav_security div {
        /*margin-left: 40px;*/
        background: url('../../images/sprites/sprites.png') no-repeat -80px -40px;
    }

    #gnav_security.hover div {
        /*margin-left: 40px;*/
        background: #F5F4F2 url('../../images/sprites/sprites.png') no-repeat -120px -40px;
    }

    #gnav_lc {
        width: 90px;
        padding-top:25px;
        height: 20px;
        font-size: .85em;
        margin-left: 0px;
    	display:block;
    }

    #gnav_advisors {
        width: 80px;
        padding-top:30px;
        height: 20px;
        font-size: .85em;
    }

    #gnav_signin, #gnav_signin_mobile  {
        width: 70px;
        padding-top:20px;
        height: 20px;
        font-size: .85em;
    }
    .btmHomeSignupBtn {
        margin: 15px;
        margin-left: 0;
    }

    .csText {
        max-width: 100%;
        text-align: center;
        float: none;
    }
    /* end logged out nav */
}

@media (max-width: 860px) {
    #gnav_lc {
    	display:none !important;
    }

    #gnav_join{
	    margin-left:35px;
	}
}

@media (max-width: 767px) {
    #asSeenIn {
        padding:105px 0px 10px 0px;
    }
    .lcArticles .span3.learningCenterCard, .lcArticles .span3.learningCenterCardLast {
        background-color: white;
        border-color: #d9d9d9;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin-left: 15px !important;
        max-width: 95%;
        width: 95%;
        max-height: 175px;
        float: left;
        margin-bottom: 0px;
    }

    .articleCopy.short {
        float: left;
        max-width: 75%;
        width: 75%;
    }

    .cardImage {
        margin-right: 10px;
    }

    #gnav_security div {
        margin-left: 26%;
        background: url('../../images/sprites/sprites.png') no-repeat -80px -40px;
    }

    #homeBg {
        background: white url('../../images/homeBackground.jpg') no-repeat 0 0;
        background-size: cover;
        width: 100%;
        height: 540px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -10;
    }

    body {
        padding-left: 15px;
        width: 95%;
    }

    .navbar-fixed-top {
        position: fixed;
        top: 0;
        left: 0;
    }

    .nav-collapse .nav {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .nav_22 { padding-left: 15px; }

    .nav_22 ul {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .nav_22 li a div {
        background: transparent !important;
        height: 30px !important;
        width: 30px !important;
        float: left;
        margin: 0 !important;
    }

    .gNavCopy {
        width: 260px;
        margin-left: 5px;
    }

    .nav_22 li a, .nav_22 li a:hover {
        background: transparent !important;
        height: 1.5em !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left;
        border-width: 0;
    }

    .nav_22 li {
        background: transparent !important;
        height: 30px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left;
        width: 260px;
    }

    .narrowReading {
        max-width: 98.75%;
    }
}

@media (max-width: 704px) {
    #asSeenIn {
       padding:85px 0px 10px 0px;
    }
    .lcArticles .span3.learningCenterCard, .lcArticles .span3.learningCenterCardLast {
        background-color: white;
        border-color: #d9d9d9;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin-left: 15px !important;
        max-width: 95%;
        width: 95%;
        max-height: 175px;
        float: left;
        margin-bottom: 0px;
    }

    .lcArticles .span4.learningCenterCard, .lcArticles .span4.learningCenterCardLast {
        background-color: white;
        border-color: #d9d9d9;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin-left: 15px !important;
        max-width: 95%;
        width: 95%;
        max-height: 175px;
        float: left;
        margin-bottom: 0px;
    }

    .cardImage {
        margin-right: 10px;
        margin-bottom:10px
    }

    .lcArticles .cardImage {
        margin-bottom:5px;
        max-height:105px;
    }

    .articleCopy {
        float: left;
        max-width: 75%;
    }

    .articleCopy.short {
        height:100%;
        max-height:110px;
        max-width:65%;
        width:65%;
    }

    .articleCopy.search {
        width: 70%;
        float: left;
    }


    .articleCopy.full {
        width: 100%;
        max-width:100%;
    }
}
@media (max-width: 600px) {
   #asSeenIn {
      padding:105px 0px 10px 0px;
   }
   #homecred0 {
       display:none;
    }

   #homecred1 {
       display:block;
    }

   #homecred2 {
       display:none;
    }

    .articleCopy.search {
        width: 50%;
    }
}
@media (max-width: 555px) {
    #asSeenIn {
        padding:85px 0px 10px 0px;
    }
}
@media (max-width: 500px) {
    #asSeenIn {
        padding:55px 0px 10px 0px;
    }
    #homeBg {
        background: white url('../../images/homeBackground.jpg') no-repeat 0 0;
        background-size: cover;
        width: 100%;
        height: 510px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -10;
    }

    .articleCopy.search {
        width: 50%;
        max-height:100px;
        padding-bottom:2px;
        overflow:hidden;
        float: left;
    }

    .articleCopy.short {
        max-width:59%;
        width:59%;
    }

    .articleCopy.short {
        max-width:59%;
        width:59%;
    }

    .actionName.search {
        height: 40px;
        overflow:hidden;
    }

    .carousel-inner img {
        max-height: 150px;
    }

    .carousel-control {
        display: none;
    }

    .caro-info, .caro-info .msHeadingDivLine2 {
        width: 300px;
    }

    .caro-info .msHeadingDiv {
        width: 250px;
    }

    .caro-info .msHeadingDivLine2 {
        margin-bottom: 10px;
        padding-left: 0px;
        margin-left: 0px;
    }

    .caro-info div.sectionHeader {
        padding-left: 10px;
    }

    .cardImage.search {
        display:block;
        padding-bottom:0px;
    }

    #aboutInfo {
        width: 315px;
        height: 120px;
    }

    body.white {
        width: 98%;
        padding-left:0;
    }

}

@media (max-width: 400px) {
   #asSeenIn {
      padding:40px 0px 10px 0px;
   }
   #homecred0 {
       display:none;
    }

   #homecred1 {
       display:none;
    }

   #homecred2 {
       display:block;
    }

    #homeBg {
        background: white url('../../images/homeBackground.jpg') no-repeat 0 0;
        background-size: cover;
        width: 100%;
        height: 520px;
        min-height: 520px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -10;
    }

    .articleSummary .actionName {
        display: none;
    }

    .cardImage.videoImage {
        width:111%;
        margin-top:-10px;
    }

    .cardImage.videoImage .playButton {
        left: 90px;
    }

    .actionName {
        margin-top: 2px;
    }

    .lcArticles .span3.learningCenterCard, .lcArticles .span3.learningCenterCardLast {
        height: auto;
        min-height: 0;
        max-width: 93%;
    }

    .lcArticles .span4.learningCenterCard, .lcArticles .span4.learningCenterCardLast {
        height: auto;
        min-height: 0;
        max-width: 93%;
    }

    .lcArticles .clearOnly {
        float: left;
        clear: none;
        width: 70px;
    }

    .learningCenterCard div, .learningCenterCard h3 {
        float: left;
        min-width: 100px;
    }

    .row-fluid .actionStepHeader {
        height: auto;
        min-height: 0;
    }

    .lcArticles .cardImage {
        overflow: hidden;
        margin-left: 0px;
        margin-right: 10px;
        margin-top: 5px;
        width: 110px !important;
        height: 75px;
        display: block;
        float: left;
        overflow:hidden;
        margin-bottom: 5px;
    }

    .cardImage img {
        min-width: 110px;
        min-height: 75px;
    }

    .playButton img {
        min-width: 40px !important;
        min-height:40px !important;
    }

    .lcArticles .playButton {
        left: 40px;
        position: relative;
        top: -63px;
    }

    .learningCenterCard a {
        font-size: 14px;
        font-weight: bold;
    }
    .cardImage + .actionName, .actionName + h3 {
        float: left;
        min-width: 180px;
        max-height:39px;
    }

    .articleCopy.short {
        max-width:50%;
        width:50%;
    }

    .visible-tablet .learningCenterCard {
        height: 105px;
    }

    #signupButton {
        float: none;
        margin-top: 3px;
    }

    .btmHomeSignupBtn {
        display: inline-block;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    #signupbox input.homeInput {
        width: 75%;
    }
    .howItWorksSection .homeCopy {
        padding: 1%;
    }
    .contactSupport {
        text-align: center;
    }
    .csText {
        max-width: 90%;
    }

    #supportLCBtn {
        margin-right: 5px;
    }

    .homeCopy p {
        padding:0;
        margin:0 auto;
        font-size:16px;
        width:85%;
    }

    .articleCopy.search {
        float:left;
        width: 50%;
        padding-left:0px;
        overflow:hidden;
        max-height: 85px;
    }

    .articleCopy.search h3{
        max-height: 56px;
    }

    .cardImage + .actionName, .actionName + h3 {
        max-height: 58px;
        min-width: 100%;
        overflow:hidden;
        width:100%;
    }

    .actionStepHeader.videoHeader h3 {
        max-height: 58px;
        min-width: 100%;
        overflow:hidden;
        width:100%;
    }

    .actionStepHeader.videoHeader {
        width:100%;
    }

}

@media (max-width: 320px) {

    .learningCenterCard, .learningCenterCardLast {
        padding-left: 5px;
    }

    .articleCopy, .articleSummary {
        width: 140px;
        overflow: hidden;
        margin-left: -4px;
        float: left;
    }
    .lcArticles .playButton {
        left: 40px;
        position: relative;
        top: -63px;
    }
    .articleCopy.full {
        width: 280px;
    }

    .articleCopy.search {
        float:left;
        padding-left:0px;
        max-height: 80px;
        overflow:hidden;
        width: 50%;
    }
    .narrowReading {
        max-width: 290px;
    }
    .lcArticles .span3.learningCenterCard, .lcArticles .span3.learningCenterCardLast {
        height: auto;
        min-height: 0;
        max-width: 91%;
    }
    .lcArticles .span4.learningCenterCard, .lcArticles .span4.learningCenterCardLast {
        height: auto;
        min-height: 0;
        max-width: 91%;
    }
    /*div {
            max-width: 99%;
            padding: 0;
            margin: 0;
    }*/
}
.analyticsMenu {
    float:right;
}
.analyticsMenu i {
    background-image: url("../../images/glyphicons-halflings.png");
    background-repeat: no-repeat;
    height:22px;
    width:22px;
    display:block;
    float:left;
    margin-right:10px;
    cursor: pointer;
}
.analyticsMenu #printReport {
    background-position: -92px -40px;
}
.analyticsMenu #closeReport {
    background-position: -306px 8px;
}
.analyticsMenu #refreshReport {
    background-position: -232px -16px;
}
.analyticsMenu #pdfReport {
    background-position: -258px -16px;
}

.presscontainer {
    width:960px;margin:20px auto;background-color: #FFFFFF;
}

.pressheader {
    float:left;width:480px;margin:10px auto;
}
.pressheading {
    margin-left: 26px;margin-bottom: 25px;

}

.pressheading h1 {
    font-family: Arial,Helvetica,sans-serif;font-size: 40px;color:#58595B;
    font-weight: normal;
}

.presscontent {
    margin: 0px 10px 0px 10px;
}
.sidebar {
    background: url("../../images/side-bar-dotted-bg.png");
    height: 1px;
    margin-left: 25px;
    width: 400px;
}
.presspostcontent {
    margin-left: 20px;
    font-size: 12px;
    line-height: 18px;
}
.presspostcontent img {
    margin-bottom: 5px;
}
.presspostcontent a {
    text-decoration: none;
    line-height: 19px;
}

.presspostcontent a:hover {
    text-decoration: none;
    color: #708C5B;
    line-height: 19px;
}

.prheader {
    float:left;
    width:480px;
}

.prheading {
    width: 455px;
    border-bottom: 4px solid #F1F2F2;
    padding-bottom: 15px;
    font-size: 24px;
    font-family: Arial,Helvetica,sans-serif;
    color: #58595B;
    margin-bottom: 20px;

}
.presslink {
    font-size: 12px;
    line-height: 18px;
}
.presslink a:hover {
    text-decoration: none;
    color: #708C5B;

}

.presstitle {
    margin-left: 20px;
    font-size: 20px;
    font-family: Arial,Helvetica,sans-serif;
    color: #58595B;
}

.cancel{
    cursor: pointer;
    color: #5FA439;
    outline: medium none !important;
    text-decoration: none;
}

#step1body{
    margin: 0 auto;
    width: 90%;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}


.control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 160px;
	padding-right:20px;
}


.multiselect {
    width:20em;
   * height:15em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}

.multiselect label {
    display:block;
}

.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}
.ddPlainBtn {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    font-size: 12px;
    width: 220px !important;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: left;
	border-bottom:0 !important;
	box-shadow : none !important;
	border-radius: 0 !important;
}
.open .ddPlainBtn{
	border: 1px solid #6D68AB;
	border-bottom:0 !important;
	box-shadow : none !important;
}

#textarealeng{
margin-right: 240px;
*text-align: right;

}
#statesBubble{
left: 116.9px!important;
    top: -35.2px!important;
}
#tellus{
  height: 87px;
}

.modal-body {
	max-height:none !important;
	overflow-y: visible !important;
}
#individualCrdError{
top: -1px!important; left: 0px!important;
}
input[type='checkbox'], input[type='radio']
{
    padding:0 3px !important;
    height:16px !important;
    margin: 0 0 3px 0;
    font-weight:normal !important;
	border:0 !important;
}
#gnav_dashboard div{
background: url("../images/sprites/sprites.png") no-repeat scroll -200px 0 rgba(0, 0, 0, 0);
    margin-left: 62px;
}

#gnav_finadv {
    width: 160px;
}

#gnav_finadv  div {
    margin-left: 62px;
    background: url('../../images/sprites/sprites.png') no-repeat -200px 0;
    background-size: auto;
}

#gnav_finadv.hover div {
    margin-left: 62px;
    background: #2e2e2e url('../../images/sprites/sprites.png') no-repeat -240px 0;
    background-size: auto;
}

.displayInline {
    display: inline !important;
}
// for learning center restructuring blog home page //

.cardImage1 {
   width:554px;
    height: 317px;
}



.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.articles article {
    padding-left: 8px;
    width: 570px;
    margin-bottom: 10px;
}

.recocardImage {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -10px;
    margin-top: -13px;
}

.excerpt {
    font-family: Georgia,serif;
    font-size: 0.875em;
    line-height: 1.6em;
    margin: 0 0 12px;
    padding: 0;
    word-wrap: break-word;
}

.lccatselect {
    border-color: #BCBCBA;
    border-radius: 1px;
    border-style: solid;
    border-width: 1px;
    width: 200px;
    font-weight: normal;
    height: 30px;
    padding: 5px;
}

.lccatselect option{
    border-color: #BCBCBA;
    border-radius: 1px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    font-weight: normal;
    height: 20px;
    margin-bottom: 0px;
    padding-left: 5px;

}

.recomList{
     list-style: none;
    margin: 5px 0 0 5px;
    padding:0px;

}

.primary {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 290px;
}

.learningCenterCardBlog {
    background-color: white;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    padding: 10px;

}

.login-sign-up {
    margin-bottom: 10px;
}

.login-sign-up .login-sign-up-tick {
    display: none;
    float: right;
    width: 40%;
}