@import url(fonts/stylesheet.css);
@media (min-width: 28em) {
  .ui-field-contain > label,
  .ui-field-contain .ui-controlgroup-label,
  .ui-field-contain > .ui-rangeslider > label {
    float: left;
    width: 50%;
    margin: .5em 2% 0 0; } }
/* Over rides from jquery mobile. */
.ui-controlgroup-vertical .ui-controlgroup-controls {
  width: 100%;
  max-width: 350px; }

.ui-mobile .ui-page-active {
  overflow: hidden; }

.ui-btn.ui-corner-all.ui-btn-inherit {
  padding-top: .5em;
  padding-bottom: .5em; }

legend {
  margin: 0 0 .4em; }

.ui-header {
  font-size: 16px;
  position: fixed;
  border-width: 0;
  border-bottom: 1px solid #fff;
  position: fixed;
  z-index: 100;
  background-color: #002c5b;
  background-color: #002c5b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002c5b), color-stop(100%, #002349));
  background-image: -webkit-linear-gradient(#002c5b, #002349);
  background-image: linear-gradient(#002c5b, #002349);
  width: 100%; }
  .ui-header .ui-btn {
    margin: 0;
    top: 0px;
    left: 0; }
  .ui-header .ui-btn + .ui-btn {
    margin: 0;
    top: -1px;
    left: 0; }
  .ui-header .ui-btn.ui-btn-icon-notext {
    margin: 0;
    top: -1px;
    left: 0;
    padding: 3px;
    margin-right: -4px; }
    .ui-header .ui-btn.ui-btn-icon-notext:after {
      left: 50%; }
  .ui-header h1 {
    font-size: 18px;
    font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal;
    margin: 5px 10px;
    padding: 0;
    display: inline-block;
    vertical-align: sub; }
  .ui-header .ui-navbar .ui-btn {
    padding: .75em 0;
    font-family: 'Roboto Condensed Bold',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }
  .ui-header .ui-navbar .ui-btn-active.ui-state-persist.ui-link.ui-btn {
    background-color: #888;
    border-color: #333; }

.ui-content {
  font-family: 'Roboto',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal; }
  .ui-content h1 {
    margin-top: 0;
    font-family: 'Roboto Slab', Times, serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal;
    color: #003f8b;
    font-size: 1.5em; }
  .ui-content h2 {
    font-size: 1.2em;
    margin: 1em 0; }
  .ui-content h2, .ui-content h3, .ui-content h4, .ui-content h5 {
    font-family: 'Roboto Bold',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }
  .ui-content p {
    font-weight: 100;
    font-family: 'Roboto',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }
    .ui-content p em {
      font-family: 'Roboto Italic',Helvetica, Arial, sans-serif;
      text-shadow: 0px 0px 0px transparent;
      font-weight: normal;
      font-style: italic; }
    .ui-content p strong {
      font-family: 'Roboto Bold',Helvetica, Arial, sans-serif;
      text-shadow: 0px 0px 0px transparent;
      font-weight: normal; }
  .ui-content a, .ui-content link {
    color: #003f8b; }
    .ui-content a:visited, .ui-content link:visited {
      color: #00788b; }
    .ui-content a:hover, .ui-content link:hover {
      color: #002c5b; }

cite.warning, cite.error, cite.warning2 {
  font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal;
  font-style: normal;
  clear: both; }
  cite.warning strong, cite.error strong, cite.warning2 strong {
    font-family: 'Roboto Condensed Bold',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }

cite.warning, cite.warning2 {
  padding-left: 40px; }

cite.warning, .warning .ui-input-text input, cite.warning2, .warning2 .ui-input-text input {
  color: #00788b; }

.warning .ui-input-text, .warning2 .ui-input-text {
  border-color: #00788b; }

cite.error, .error .ui-input-text input {
  color: #8b1600; }

.error .ui-input-text {
  border-color: #8b1600; }

cite.warning, cite.warning2, cite.error, .warning.error cite.warning, .warning2.error cite.warning, .warning.error cite.warning2, .warning2.error cite.warning2 {
  display: none; }

.warning cite.warning, .warning2 cite.warning2, .error cite.error {
  display: block;
  clear: both;
  font-size: .75em;
  line-height: 1.25;
  padding-top: .5em; }

.ui-page-theme-b .ui-btn:focus,
html .ui-bar-b .ui-btn:focus,
html .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .ui-btn:focus,
html head + body .ui-btn.ui-btn-b:focus,
.ui-page-theme-b .ui-focus,
html .ui-bar-b .ui-focus,
html .ui-body-b .ui-focus,
html body .ui-group-theme-b .ui-focus,
html head + body .ui-btn-b.ui-focus,
html head + body .ui-body-b.ui-focus {
  border-color: #003f8b;
  -webkit-box-shadow: 0 0 12px #003f8b;
  -moz-box-shadow: 0 0 12px #003f8b;
  box-shadow: 0 0 12px #003f8b; }

.ui-page-theme-b .warning .ui-btn:focus,
html .warning .ui-bar-b .ui-btn:focus,
html .warning .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .warning .ui-btn:focus,
html head + body .warning .ui-btn.ui-btn-b:focus,
.ui-page-theme-b .warning .ui-focus,
html .ui-bar-b .warning .ui-focus,
html .warning .ui-body-b .ui-focus,
html body .ui-group-theme-b .warning .ui-focus,
html head + body .warning .ui-btn-b.ui-focus,
html head + body .warning .ui-body-b.ui-focus,
.ui-page-theme-b .warning2 .ui-btn:focus,
html .warning2 .ui-bar-b .ui-btn:focus,
html .warning2 .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .warning2 .ui-btn:focus,
html head + body .warning2 .ui-btn.ui-btn-b:focus,
.ui-page-theme-b .warning2 .ui-focus,
html .ui-bar-b .warning2 .ui-focus,
html .warning2 .ui-body-b .ui-focus,
html body .ui-group-theme-b .warning2 .ui-focus,
html head + body .warning2 .ui-btn-b.ui-focus,
html head + body .warning2 .ui-body-b.ui-focus {
  -webkit-box-shadow: 0 0 12px #00788b;
  -moz-box-shadow: 0 0 12px #00788b;
  box-shadow: 0 0 12px #00788b; }

.ui-page-theme-b .error .ui-btn:focus,
html .error .ui-bar-b .ui-btn:focus,
html .error .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .error .ui-btn:focus,
html head + body .error .ui-btn.ui-btn-b:focus,
.ui-page-theme-b .error .ui-focus,
html .ui-bar-b .error .ui-focus,
html .error .ui-body-b .ui-focus,
html body .ui-group-theme-b .error .ui-focus,
html head + body .error .ui-btn-b.ui-focus,
html head + body .error .ui-body-b.ui-focus {
  -webkit-box-shadow: 0 0 12px #8b1600;
  -moz-box-shadow: 0 0 12px #8b1600;
  box-shadow: 0 0 12px #8b1600; }

#page_calc .ui-content {
  padding: 1em 2.5%; }
  #page_calc .ui-content .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    border: 0px; }
  @media only screen and (max-width: 767px) {
    #page_calc .ui-content {
      padding: 1em 2.5%; }
      #page_calc .ui-content .compressed-input label, #page_calc .ui-content .compressed-input .ui-input-text, #page_calc .ui-content .compressed-input .ui-controlgroup-label, #page_calc .ui-content .compressed-input .ui-controlgroup-controls {
        display: inline-block; }
      #page_calc .ui-content .compressed-input label, #page_calc .ui-content .compressed-input .ui-controlgroup-label {
        width: 55%; }
      #page_calc .ui-content .compressed-input .ui-input-text, #page_calc .ui-content .compressed-input .ui-controlgroup-controls {
        width: 40%; }
      #page_calc .ui-content .compressed-input .ui-radio {
        width: 50%; } }
  @media only screen and (max-width: 767px) {
    #page_calc .ui-content {
      padding: 1em 5%; }
      #page_calc .ui-content .compressed-input span.hide {
        display: none; } }
  @media only screen and (min-width: 1024px) {
    #page_calc .ui-content {
      padding: 1em 1%; } }

#isotope .ui-field-contain {
  width: 41%;
  margin: 0 0% 0 5%;
  padding: .5em 1%; }
  @media only screen and (max-width: 480px) {
    #isotope .ui-field-contain {
      width: 100%;
      margin: .25em 0%;
      padding: .25em 0%; } }
  @media only screen and (min-width: 1024px) {
    #isotope .ui-field-contain {
      width: 29%;
      margin: 1em 2% 0 0; } }

.ui-field-contain > label, .ui-field-contain > legend, .ui-field-contain legend {
  font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal; }

.ui-mobile label, .ui-controlgroup-label {
  display: block;
  margin: 0 0 .4em; }

.parent.panzoom {
  width: 100%;
  border: 1px solid #A7A7A7; }

i.alert {
  width: 22px;
  height: 22px;
  display: block;
  float: left;
  display: block;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2014%2012%22%20style%3D%22enable-background%3Anew%200%200%2014%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1s1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8C6.447%2C8%2C6%2C7.553%2C6%2C7V5%20c0-0.553%2C0.447-1%2C1-1s1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50% 50%;
  background-color: #000;
  margin-left: -30px; }
  i.alert.life {
    background-color: #003f8b; }
  i.alert.year {
    background-color: #00788b; }

.ui-results {
  overflow: hidden;
  border-bottom: 1px solid #ccc; }
  .ui-results .block.required {
    display: none; }
  .ui-results .block {
    display: block; }
  .ui-results.required .block.required {
    display: block; }
  .ui-results.required .block {
    display: none; }

#btnRec > ul li {
  border: 2px solid #ccc;
  margin: 0; }
#btnRec > ul a {
  text-align: right;
  font-size: 16px;
  font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal;
  background: #002c5b;
  color: #fff;
  padding: 10px;
  padding-right: 42px;
  text-shadow: none;
  border: none 0px;
  background-color: #002c5b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002c5b), color-stop(100%, #81beff));
  background-image: -webkit-linear-gradient(-360deg, #002c5b, #81beff);
  background-image: linear-gradient(90deg,#002c5b, #81beff); }
  #btnRec > ul a:after {
    background-color: #000; }

.block {
  border-top: 1px solid white;
  background-color: #333;
  font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal;
  padding: .5em 1%;
  font-size: 12px;
  width: 48%;
  float: left;
  margin-bottom: -500px;
  padding-bottom: 502px; }
  .block .error {
    display: none; }
  .block.required {
    width: 98%;
    height: auto;
    background-color: #fff;
    border-top-color: #002c5b; }
    .block.required p {
      display: inline-block;
      border: 2px solid #003f8b;
      color: #003f8b;
      margin: 0 .4% 6px;
      padding: .7em 2%;
      width: 95%;
      font-family: 'Roboto Bold',Helvetica, Arial, sans-serif;
      text-shadow: 0px 0px 0px transparent;
      font-weight: normal;
      background-color: #fff;
      text-align: center; }
  .block.error#Years10 .comparison, .block.error#Lifetime .comparison {
    display: none; }
  .block.error .error {
    padding: .5em .5em .5em 40px;
    display: block; }
  .block.error .error i {
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2014%2012%22%20style%3D%22enable-background%3Anew%200%200%2014%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1s1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8C6.447%2C8%2C6%2C7.553%2C6%2C7V5%20c0-0.553%2C0.447-1%2C1-1s1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50% 50%; }
  .block.error .error span {
    display: block;
    float: left;
    width: 75%; }
  .block h2 {
    font-size: 1.2em;
    font-family: 'Roboto Condensed Bold',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal;
    padding: 0;
    margin: 0; }
  .block .error {
    font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }
  .block .comparison {
    margin: 5px 0; }
    .block .comparison .data {
      clear: both;
      display: block;
      padding: .25em 0; }
      .block .comparison .data .label, .block .comparison .data .value {
        float: right;
        display: inline-block; }
      .block .comparison .data .label {
        font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
        text-shadow: 0px 0px 0px transparent;
        font-weight: normal;
        text-align: left;
        font-size: 1em;
        line-height: 1em;
        padding: 4px 1% 0;
        margin: 0 -2.5% 0 -55px;
        width: 55px;
        float: right; }
      .block .comparison .data .value {
        font-family: 'Roboto Condensed Bold',Helvetica, Arial, sans-serif;
        text-shadow: 0px 0px 0px transparent;
        font-weight: normal;
        text-align: right;
        width: 100%;
        padding-right: 55px;
        font-size: 36px; }
        .block .comparison .data .value sup {
          font-size: .6em;
          margin-left: 2px; }
    .block .comparison .data + .data {
      border-top: 1px solid #ccc; }

.block-a {
  background-color: #003f8b; }

.block-b {
  background-color: #00788b; }

.ui-panel-content-fixed-toolbar-closed .data-toggle {
  top: 179px; }

.ui-header > .ui-btn.panel-btn {
  height: 34px; }

.icon {
  fill: #003f8b; }

.icon:hover {
  fill: #00788b; }

.button-holder {
  display: none; }

.ui-footer.ui-footer-fixed {
  z-index: 1001; }

.noFooter.ui-content {
  padding-top: 0em; }

cite {
  font-size: .8em;
  color: #888;
  font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal; }

blockquote {
  font-family: 'Roboto Italic',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal;
  font-style: italic; }

.highlight {
  background-color: #daebff;
  padding: 1em;
  border-radius: 8px;
  margin-top: .5em; }
  .highlight h3 {
    margin-top: 0; }

#page_statin .page_statin,
#subpage_statin_clinical .subpage_statin_clinical,
#subpage_statin_ldl .subpage_statin_ldl,
#subpage_statin_additional .subpage_statin_additional,
#page_about .page_about,
#subpage_about_credits .subpage_about_credits,
#page_reference .page_reference,
#page_reference_definition .page_reference_definition,
#page_reference_patient .page_reference_patient,
#page_reference_external .page_reference_external {
  background-color: #00b8d5;
  color: #fff;
  font-family: 'Roboto',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal; }

.ui-listview > li p.wrap {
  white-space: normal;
  font-size: 1em;
  font-family: 'Roboto',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal; }

.ui-listview > li a p.wrap {
  white-space: normal;
  font-size: .75em;
  font-family: 'Roboto',Helvetica, Arial, sans-serif;
  text-shadow: 0px 0px 0px transparent;
  font-weight: normal; }

h3.wrap {
  white-space: normal;
  font-size: 1em; }
  h3.wrap a {
    white-space: normal; }

.nav-push .ui-content {
  padding-top: 3em; }

.ui-collapsible-content.ui-body-inherit {
  max-width: 70em; }

.recommendationTable {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.47em; }
  .recommendationTable td {
    border: 0px none;
    padding: .5em; }
  .recommendationTable .recommendationLevel1, .recommendationTable .recommendationLevel1 {
    font-family: 'Roboto Bold',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }
  .recommendationTable .recommendationLevel2 {
    padding-left: 3%; }
  .recommendationTable .recommendationLevel3 {
    padding-left: 6%; }
  .recommendationTable .recommendationLevel4 {
    padding-left: 9%;
    font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }
  .recommendationTable .CORI, .recommendationTable .CORIIa, .recommendationTable .CORIIb, .recommendationTable .LOE-A, .recommendationTable .LOE-B, .recommendationTable .LOE-C {
    text-align: center;
    font-family: 'Roboto Bold',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal; }
  .recommendationTable .CORI {
    background-color: #9BBB59; }
  .recommendationTable .CORIIa {
    background-color: #FFFF00; }
  .recommendationTable .CORIIb {
    background-color: #FFC000; }
  .recommendationTable .LOE-A {
    background-color: #548DD4; }
  .recommendationTable .LOE-B {
    background-color: #8DB3E2; }
  .recommendationTable .LOE-C {
    background-color: #C6D9F1; }
  .recommendationTable tr:nth-child(odd) {
    background: #f5f5f5; }
  .recommendationTable thead tr.recommendationTableHeaders {
    background-color: #ccc; }
  .recommendationTable thead th {
    padding: 5px; }
  .recommendationTable thead small, .recommendationTable thead strong {
    display: block;
    margin: 0 auto; }
  .recommendationTable thead small {
    font-family: 'Roboto Condensed Light',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal;
    font-size: 10px; }
  .recommendationTable thead strong {
    font-family: 'Roboto Bold',Helvetica, Arial, sans-serif;
    text-shadow: 0px 0px 0px transparent;
    font-weight: normal;
    margin-top: -6px; }
  .recommendationTable thead strong.left {
    margin-left: 0;
    text-align: left;
    font-size: 1.3em;
    margin: 0.2em 0.2em 0.2em 5PX; }
  .recommendationTable small.left {
    margin-left: 0;
    text-align: left;
    font-size: 11px;
    margin-left: 5PX; }
  .recommendationTable tr > td + td, .recommendationTable tr > th + th {
    border-left: 2px solid white; }
  .recommendationTable tr > td, .recommendationTable tr > th {
    border-bottom: 2px solid white; }