@charset "utf-8";
/* CSS Document */

/* html {
  font-size:14px;
} */

html {
    font-size: 100%;
}

body {
    background-color: #fff;
    color: #333;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

h2,
h3,
h4,
h5 {
    color: #031a6b;
    margin-top: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 20px 30px;
    height: 0;
}

p a {
    font-weight: 600;
    text-decoration: none;
}

p a:hover {
    text-decoration: none;
}

li a {
    text-decoration: none;
    font-weight: 600;
}

li a:hover {
    text-decoration: none;
}

/* body {
  background-color: #fafafa;
  color: #414041;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 100% !important;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
}

h3 {
  color: #1B417D;
  font-family: 'GothamMedium', 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
}

h4 {
  color: #1B417D;
  font-family: 'GothamMedium', 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1em;
}

p {
  font-size: 1em;
  line-height: 1.2em;
  margin: 0 0 1.42857em;
} */

/* legend {
  margin: 0 0 0 1em;
  padding: 0 .5em 1em;
  color: #1B417D;
}

fieldset {
  width: 98%;
  margin: 0 0 1em;
  padding: 0 0 .2em;
}

fieldset ol {
  padding: 0 1em;
  margin: 0;
  list-style: none;
}

fieldset li {
  float: left;
  clear: left;
  width: 95%;
  padding: 0;
  margin: 0 0 .5em;
} */

label a:hover {
    text-decoration: none;
}

fieldset {
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0 1em .2rem 1em;
    border: 1px solid #031a6b;
}

legend {
    margin: 0 0 0 1em;
    padding: 0 .5em 1em;
    color: #1B417D;
    /*font-weight: bold;*/
    width: 30%;
    border: 0;
    font-size: 1em;
}

.widel {
    width: 80%;
}

.medl {
    width: 40%;
}

.narrowl {
    width: 18%;
}


fieldset ol {
    padding: 0 1em;
    margin: 0;
    list-style: none;
}

fieldset li {
    float: left;
    clear: left;
    width: 95%;
    padding: 0;
    margin: 0 0 .5em;
}

.viewMore[aria-expanded="false"]:before {
    content: " More...";
}

.viewMore[aria-expanded="true"]:before {
    content: " ...Less";
}

/*** Form stuff ***/

/* label {
  float: left;
  width: 8em;
  margin-right: .5em;
} */

input {
  border: 1px solid #CCC;
}

select {
  width: 11em;
}

button {
    padding: 0.2rem 0.5rem;
    margin: 0.1rem 0.5rem;
    text-align: center;
    text-decoration: none;
    /*display: inline-block; */
}

#masthead {
    position: relative;
    width: 930px;
    height: 139px;
}

#logo {
    width: 139px;
    height: 139px;
    background: url("/cnrc-apps/bodycomp/baylorlogoblue.png") no-repeat;
    float: left;
    clear: left;
}

#logo a {
    color: #026;
    text-decoration: none;
    text-indent: -5000px;
    display: block;
    width: 100%;
    height: 139px;
}

#bcm-logo a {
    display: block;
    width: 100%;
    height: 50px;
}

#bcmtypelogo {
    height: 50px;
    width: auto;
    background: url("/cnrc-apps/bodycomp/BCM_Logo_Type_small.png") no-repeat;
    background-size: contain;
    margin: 1em 0 0.5em 0;
}

#cnrclogo {
    /* margin: 0 0 2em 0; */
    margin: 0;
}

#cnrclogo a {
    /* font-family: "Lucida Grande", Verdana, Arial, sans-serif; */
    text-decoration: none;
    color: #585956;
}

#cnrclogo a:hover {
    color: #00205b;
}


#sitename {
    background: url("/cnrc-apps/bodycomp/dept_banner.png") no-repeat;
    width: 609px;
    display: block;
    float: right;
}

#sitename a {
    color: #026;
    text-decoration: none;
    text-indent: -5000px;
    display: block;
    width: 100%;
    height: 56px;
}

#labname {
    background: url("/cnrc-apps/bodycomp/BCCLtoplogo.png") no-repeat;
    width: 608px;
    display: block;
    float: right;
}

#labname a {
    color: #026;
    text-decoration: none;
    text-indent: -5000px;
    display: block;
    width: 100%;
    height: 78px;
}

.subtle {
    color: #a7a9ac;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.2rem;
}

.popover {
    max-width: 600px;
}

#ageerror {
    display: none;
    background: #f3d3d3;
    padding: 0.2em 0 0.2em 1em;
}

#hterror {
    display: none;
    background: #f3d3d3;
    padding: 0.2em 0 0.2em 1em;
}

/*** Page structure stuff ***/

#bmicontainer {
  background: none;
  border: 1px solid #efefef;
  margin: 0 auto;
  padding: 0 15px;
  width: 1200px;
  text-align: left;
}

#intro {
  margin: 0 0 1.42857em;
  width: 930px;
}

#formleft {
  float: left;
  width: 475px;
  padding: 10px 0 0;
  margin: 0;
  border-right: 1px solid #1B417D;
}

#formright {
  float: left;
  width: 450px;
  padding: 10px 0 0 10px;
  margin: 0;
}

.form-error {
  color: #903;
}

#bmichart {
  width: 98%;
  height: 430px;
  margin: 1em 0;
  padding: 0;
  display: inline-block;
}
#bmi95chart {
  width: 98%;
  /* width: 529px; */
  height: 430px;
  margin: 1em 0;
  padding: 0;
  /* display: none; */
}

#bmistuff {
  padding-bottom: 1.42857em;
}

.bmistuff {
  padding-bottom: 1.42857em;
}

.results {
    font-weight: 800;
}

#zrslt {
    margin-right: 5rem;
}

#P95gauge {
    display: none;
}

#bmip95panel {
    display: none;
}

div.error {
    color: #990000;
    float: right;
}

/*** EER results ***/

#eresults ul {
  padding: 0 2px 0 2px;
  list-style:none; 
}

#eresults li {
  margin: 0;
  padding:0;
  display:inline;
  width:25%;
  float:right;
}

#calorierange {
  background:#FFFFFF url(EERbar.png) no-repeat;
  height:45px;
}

.activityrslt {
  display:block;
  padding-left:1em;
  margin-top:1em;
  color:#1B417D;
}

#E4rslt {
  color:#0043bf;
}

.activitytext {
  float: right;
  text-align: left;
  line-height: 1.3em;
  margin:0 0 5px 0;
  padding:0 5px 0 1px;
  border-left:1px solid #CCCCCC;
  font-size:0.85em;
}

.activityintro {
  color:#1B417D;
  font-weight:bold;
}

.impmessage {
  color:#01ADDE;
}

.disclaimer {
  padding:0 0.2em 0 0.8em;
}

#commenttext {
  width:926px;
}

#subjcomments {
  padding: 0 .5em;
}

/*** Helpers ***/

.reset {
  clear: both;
}

.inlinelink {
  text-decoration:none;
  color:#1B417D;
}

.infolink {
  text-decoration:none;
  color:#FFFFFF;
}

/*** Righthand info panel ***/

#bmiinfo {
  /* float: right; */
  color: #FFF;
  background: #4d4c4d;
  padding: 10px 0 10px 10px;
  margin: 19px 0 0 0;
  /* width: 20%; */
}

#bmiinfo h3 {
  color: #FFF;
  text-align: left;
  margin-top: 0;
}

#bmiinfo p {
  text-indent: -1em;
  padding-left: 1em;
  padding-right: .5em;
}

.bmicatheader {
  color: #031a6b;
  font-weight: 700;
}

/*** Lower split info section ***/

#adviceleft {
  float: left;
  width: 550px;
  padding: 10px 20px 0 0;
  margin: 0;
  border-right: 1px solid #1B417D;
  text-align: justify;
}

#adviceleft img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#adviceright {
  float: left;
  width: 550px;
  padding: 10px 10px 0;
  margin: 0;
  text-align: justify;
}

#adviceright img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#cdclinks {
  margin: 1em 0 1em 2em;
}
#cdclinks img {
  margin-right: 1.5em;
  border:none;
}
#cdclinks p {
  margin-bottom: 0.2em;
}
.pdflabel {
  margin: 0 4em 0 1em;
}
div.error {
  color:#990000;
  float:right;
}

table.refInfo {
    width: 470px;
    background-color: #fafafa;
    border: 1px #000000 solid;
    border-collapse: collapse;
    /*margin: 0 0 0 10px;*/
    margin: auto;
    margin-bottom: 10px;
}

td.tableTitle {
    background-color: #031a6b;
    border: 1px #000000 solid;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 6px 0px 6px 0px;
}

td.groupTitle {
    border-bottom: 1px #6699CC dotted;
    text-align: center;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 14px;
    color: #404040;
    background-color: #CCCCCC;
    padding: 4px 0px 4px 8px;
}

td.infoTitle {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 14px;
    color: #404040;
    background-color: #CCCCCC;
    padding: 4px 0px 4px 8px;
}

td.infoLine {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 14px;
    color: #404040;
    background-color: #fff;
    padding: 2px 0px 2px 8px;
}