/*global*/
.DM-bg-red    {background-color:#c92127}
.DM-bg-yellow {background-color:#ffcb08}
.DM-bg-green  {background-color:#8cc63f}
.DM-bg-cyan   {background-color:#00aeef}
.DM-bg-dkBlue {background-color:#1d355e}
.red    {color:#c92127}
.yellow {color:#ffcb08}
.green  {color:#8cc63f}
.cyan   {color:#00aeef}
.blue   {color:#3472c4}
.dkBlue {color:#1d355e}

/*DataModeling page*/
.modal-dialog { z-index:1100; text-align:left; }

.qtrBar { width:25%; height:25px; display:inline-block; margin:0}
.thin   { height:5px }

.page-logo { margin:20px auto; }

.titleBar { width:100%; color:white; font-size:18px; padding: .5em; display:block; margin-top:-5px}

.lower-title, .lower-text { font-size:24px; text-align:left; }
.lower-text { font-size:18px; }

.content-bottom {border-bottom:1px solid #CCC; padding-bottom:20px; }
.bottom-third { margin-bottom:20px;  }

#topLeft {margin-top:20px; }
#topLeft p {font-size:18px; line-height:1.2em;}
#topLeft p.topLeft-title { font-size:24px; }

#whichImg { margin: 0 auto; }
#detailsLink, #demoLink { margin: 10px auto; }

#survey1 label, #survey2 label { font-size: 10px;}

.yourResults { border: 1px solid #00aeef; box-shadow: 0 0 5px #00aeef; border-radius: 4px; background-color: #FFF; padding: 10px;}

.footer-row { margin: 20px 0; }
.footer-item { margin:0  0 20px;}

@media (min-width: 480px) {
    #survey1 label, #survey2 label { font-size: 12px;}
}

@media (min-width: 768px) {
    .page-logo { width:unset; margin:40px auto; }
    #topLeft {margin-top:80px; }
    #topLeft p {font-size:22px;}
    #topLeft p.topLeft-title { font-size:42px; width:auto; }
    .lower-title, .lower-text { font-size:32px; text-align:left; margin:0 auto; width:90%}
    .lower-text { font-size:20px; }
    .bottom-third { margin-bottom:60px;  }
}

@media (min-width: 992px) { 
    #topLeft {margin:0 75px;}
    #topLeft p {width:80%;}
    .content-bottom {position:absolute; bottom:0;border:none;}
    .bottom-third {position:relative;min-height:550px; margin-bottom:0; }
    .footer-row { margin: 20px 100px; }
}
@media (min-width: 1200px){
    .bottom-third {position:relative;min-height:450px; margin-bottom:0; }
}
.interest {margin-right:20px;}
.interest label { margin-left: 2px;}
.interest input {position:relative; top: 1px;}
#survey>tbody>tr>td:first-child {position:relative; top:2px; font-size: 14px;}

/*temperament pages*/
.navbar, #accountmenubar {
    display: none !important;
}

.temperament * { font-family: Lato; }

.top-bar {color:#FFF; font-size:14px; letter-spacing:.2em; width:100%; height:75px; padding:20px;}

.temperament-header {margin-top:20px;}
.temperament-name {font-size:20px;line-height:1em;margin-top:10px;}
.temperament-short-desc {font-size:30px;font-weight:900;line-height:1em;}
.temperament-long-desc { margin-bottom: 20px; }
.temperament-img { text-align:center;}
.temperament-img img { display:inline;  }

.profile-well {margin-top:50px;}
.profile-well img { margin:0 auto 10px; border-radius:4px;}
.profile {width:100%; max-width:360px; margin:0 auto;}
.profile p { font-size:14px; line-height: 1.4em; margin-bottom:4px;}
.profile-key {font-weight:900;}
        
.strategy {margin-top:20px;}
.strategy p {font-size: 16px;font-style:italic;font-weight: 300;line-height: 1.5em;margin-bottom: 10px;}
.strategy img {margin-top:20px;}
p.strategy-desc2 { font-size:14px; font-style:normal; }

.footer-logo {margin-top:10px;}
.footer-logo img { width:150px; height: auto;}
.footer-logo .logo-bar { margin-top:10px; height:16px; width:150px;}

@media (min-width: 768px) {
    .footer-logo {position:relative; top:-60px;}
}

@media (min-width: 992px) {
    .top-bar {font-size: 18px; padding: 40px 20px 20px;}
    .temperament-header {margin-top:70px;}
    .temperament-name {font-size:24px;line-height:1em;margin-top:25px;}
    .temperament-short-desc {font-size:44px;font-weight:900;line-height:1em;}
    .temperament-long-desc { margin-bottom: 0; }
    .temperament-img img { float:right; display:block; }
    .profile-well {margin-top:100px;}
    .profile-well img {float:left; margin:0;}
    .profile {width:480px; max-width:none; margin:0 0 0 40px; float:left;}
    .profile p { font-size:20px; line-height: 1.4em; margin-bottom:10px;}
    .strategy {margin-top:70px;}
    .strategy p {font-size: 20px;}
    .strategy img {margin:0;}
    p.strategy-desc2 { font-size:14px; width:140px; position:absolute; top:0; left:550px;}
    .footer-logo { top:-80px;}
    .footer-logo img { width:200px; height: auto;}
    .footer-logo .logo-bar { margin-top:10px; height:26px; width:200px;}
}
@media (min-width: 1200px){
    .profile {width:650px; }
    p.strategy-desc2 { left:700px;}
    .footer-logo img { width:230px; height: auto;}
    .footer-logo .logo-bar { margin-top:10px; height:36px; width:230px;}         
}