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


h2.title_h2 {
  font-family:"Palatino Linotype", "Times New Roman";
  font-size:100%;
  color:#115068;
  margin:0px;
  padding:5px 0px;
  text-transform:uppercase;
  font-weight:normal;
  width:auto;
}

.row_dashboard{width:100%; float:left; margin:0px 0px 10px 0px;}
.para_text{font-size:13px; padding:5px 0;}

.dashboard_left{float:left; width:700px;}
.dashboard_left_right{float:right;width:117px;font-size:12px; }
@media all and (max-device-width: 800px) {
  .dashboard_left{float:left; width:73%;}
  .dashboard_left_right{float:right;width:12%;font-size:12px; }
}

.dashboard_left a{color:#155f79;}
.dashboard_left a:hover{color:#155f79; text-decoration:none;}

.dashboard_right{float:right;clear:right;padding-top:20px; }
/* the following turns 2-line buttons into standard buttons in specified locations */
@media all and (max-device-width: 800px) {
  .dashboard_right{float:right; margin:10px; padding-top:0px;}
}

@media all and (max-device-width: 800px) {
  div.dashboard_right.as1LineOnMobile img.db_icon
     {display:none; visibility:hidden; }

  div.dashboard_right.as1LineOnMobile
   {
    background: #E9F0F7;  /* TODO: inherit this color from submit_btn */
    border: 1px solid #31679F; /* TODO: inherit this from submit_btn */
    margin:10px 5px 5px 0px !important;
    padding:6px !important;
    clear: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

  div.dashboard_right  a.dashboard_btn_sm.as1LineOnMobile
    {margin: 0px !important; padding:0px !important;} /* TODO: temporary fix until better layout is done */

  div.dashboard_right a.dashboard_btn_sm.as1LineOnMobile span.main_txt
    {margin:0px !important; padding: 0px !important;} /* TODO: temporary fix until better layout is done */

  div.dashboard_right a.dashboard_btn_sm.as1LineOnMobile span.sub_txt
   { display:none; }
}


.dashboard_right a.function { /*TODO what is "function" for? */
  float:right;
  border:4px solid #b2c6d9;
  text-align:center;
  text-decoration:none;
  background:#1a7ea1;
  color:#fff;
  font-size:22px;
  line-height:24px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.dashboard_button_container { /* in order not to displace other elements on mobile, this should be used only to group multiple dashboard_right (2-line) buttons.  It will group them at the right of the screen. */
  padding:0px 0px 0px 0px;
  margin:0px;
  float:right;
  width:179px; /* needed for IE6, otherwise it takes full screen width. */
  zoom:1; /* you must have either a width or zoom set to work around IE's hasLayout bug */
}

@media all and (max-device-width: 800px) {
  .dashboard_button_container {
    float:right;
    width:100%;  /* so 1-line buttons can exist side by side */
  }
}


.password{width:690px; float:left;}
.password p{/*border:1px solid #cecece; border-bottom:2px solid #cecece; background:#fff;*/ clear:both; padding:15px; margin:80px auto; display:block; width:550px; text-align:center; font-size:30px;}
.pngfix{behavior: url("/iepngfix.htc") }

/* TODO: 'dashboard_btn' actu@charset "utf-8";
/* CSS Document */


h2.title_h2 {
  font-family: "Palatino Linotype", "Times New Roman";
  font-size: 100%;
  color: #115068;
  margin: 0px;
  padding: 5px 0px;
  text-transform: uppercase;
  font-weight: normal;
  width: auto;
}

.row_dashboard {
  width: 100%;
  float: left;
  margin: 0px 0px 10px 0px;
}

.para_text {
  font-size: 13px;
  padding: 5px 0;
}

.dashboard_left {
  float: left;
  width: 700px;
}

.dashboard_left_right {
  float: right;
  width: 117px;
  font-size: 12px;
}

@media all and (max-device-width: 800px) {
  .dashboard_left {
    float: left;
    width: 73%;
  }

  .dashboard_left_right {
    float: right;
    width: 12%;
    font-size: 12px;
  }
}

.dashboard_left a {
  color: #155f79;
}

.dashboard_left a:hover {
  color: #155f79;
  text-decoration: none;
}

.dashboard_right {
  float: right;
  clear: right;
  padding-top: 20px;
}
/* the following turns 2-line buttons into standard buttons in specified locations */
@media all and (max-device-width: 800px) {
  .dashboard_right {
    float: right;
    margin: 10px;
    padding-top: 0px;
  }
}

@media all and (max-device-width: 800px) {
  div.dashboard_right.as1LineOnMobile img.db_icon {
    display: none;
    visibility: hidden;
  }

  div.dashboard_right.as1LineOnMobile {
    background: #E9F0F7;
  /* TODO: inherit this color from submit_btn */
    border: 1px solid #31679F;
 /* TODO: inherit this from submit_btn */
    margin: 10px 5px 5px 0px !important;
    padding: 6px !important;
    clear: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

  div.dashboard_right  a.dashboard_btn_sm.as1LineOnMobile {
    margin: 0px !important;
    padding: 0px !important;
  } /* TODO: temporary fix until better layout is done */

  div.dashboard_right a.dashboard_btn_sm.as1LineOnMobile span.main_txt {
    margin: 0px !important;
    padding: 0px !important;
  } /* TODO: temporary fix until better layout is done */

  div.dashboard_right a.dashboard_btn_sm.as1LineOnMobile span.sub_txt {
    display: none;
  }
}

.dashboard_right a.function {
 /*TODO what is "function" for? */
  float: right;
  border: 4px solid #b2c6d9;
  text-align: center;
  text-decoration: none;
  background: #1a7ea1;
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.dashboard_button_container {
 /* in order not to displace other elements on mobile, this should be used only to group multiple dashboard_right (2-line) buttons.  It will group them at the right of the screen. */
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: right;
  width: 179px;
 /* needed for IE6, otherwise it takes full screen width. */
  zoom: 1;
 /* you must have either a width or zoom set to work around IE's hasLayout bug */
}
@media all and (max-device-width: 800px) {
  .dashboard_button_container {
    float:right;
    width:100%;  /* so 1-line buttons can exist side by side */
  }
}


.password{width:690px; float:left;}
.password p{/*border:1px solid #cecece; border-bottom:2px solid #cecece; background:#fff;*/ clear:both; padding:15px; margin:80px auto; display:block; width:550px; text-align:center; font-size:30px;}
.pngfix{behavior: url("/iepngfix.htc") }

/* TODO: 'dashboard_btn' actually refers to a two-line buttons used in various places.  rename. */

/*DASHBOARD BUTTONS FOR HREFs*/
a.dashboard_btn_sm {
  float:left;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  background:url(../images/dashboard_btn_base_sm.gif?v=704) no-repeat;
  width:178px;  /* viewport dimensions of the background not including the secondary icon */
  height:108px;
  position:relative; /* allows use of absolutely positioned secondary icon */
  margin:10px 0 30px;
}
@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm {
    width: 100px; /* dimensions of the smaller icon plus text without the big background */
    height:74px;
    background:transparent;
    position:relative;
    margin:10px 0 30px 20px;
  }

  /* turn off 2-line button and turn on 1-line button, using slightly different selectors for the same <a> element */
  a.dashboard_btn_sm.as1LineOnMobile { width:0px; height:0px; display:none; }
  .dashboard_right a.as1LineOnMobile {
    display:table;
  }
}


a.dashboard_btn_sm .db_icon {position:absolute;} /* rename this.  what's "db"? */
  @media all and (max-device-width: 800px) {
  a.dashboard_btn_sm .db_icon{position:absolute;
  margin: 0 0 0 3px;
}
}

/* TODO: try taking out display:block */
a.dashboard_btn_sm span.main_txt {
  font-size: 16px;
  color: #31679f;
  display: block;
  padding: 32px 0 0 15px;
}

@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm span.main_txt {
    padding: 31px 0 0 3px;
  } /* same as above except for... */;
}

/* TODO: try taking out display:block */
a.dashboard_btn_sm span.sub_txt {
  font-size: 11px;
  color: #6ba0d8;
  display: block;
  padding: 33px 0 0 15px;
}

@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm span.sub_txt {
    padding: 0px 0 0px 0px;
    margin-bottom: 10px;
  }
}

a.dashboard_btn_sm:hover {
  background: url(../images/dashboard_btn_base_sm.gif?v=704) 0px -108px no-repeat;
}

a.d_btn_active_sm {
  background: url(../images/dashboard_btn_base_sm.gif?v=704) 0px -216px no-repeat;
}

@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm:hover {
    background: transparent;
  }

  a.d_btn_active_sm {
    background: transparent;
  }
}
/* END DASHBOARD BUTTONS SMALL*/

/* a temporary fix for side-by-side 2-line buttons, formerly of .wrapper_left_btn_sm class */
/* match margin to button.dashboard_btn_sm, which similary appear side by side */
.dashboard_right.left_float {
  clear: none;
  margin: 20px 22px 0px 0px;
}

/*DASHBOARD BUTTONS SMALL FOR FORM SUBMITS*/
.wrapper_2line_submit {
  position: relative;
  float: left;
}

button.dashboard_btn_sm {
 /* for form submits, not hrefs */
  float: left;
  border: none;
  cursor: pointer;
  width: 178px;
  height: 108px;
  background: url(/images/dashboard_btn_base_sm_nohover.gif?v=704) 0px 0px no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  margin: 10px 22px 30px 30px;
}

@media all and (max-device-width: 800px) {
  button.dashboard_btn_sm {
 /* all the above, except for ... */
    left: 0px;
    width: auto;
    height: auto;
    background: transparent;
    margin: 10px 0 0 20px;
  }
}

.people_icon {
  position: absolute;
  top: -40px;
  left: 7px;
  margin: 25px 0 0 3px;
} /* rename this */
@media all and (max-device-width: 800px) {
  .people_icon {
    position: absolute;
    top: -7px;
    left: -7px;
    margin: 0px 0 0 3px;
  } /* rename this */;
}

button.dashboard_btn_sm span.main_txt {
  font-size: 16px;
  color: #31679f;
  display: block;
  padding: 32px 0 0 15px;
}

@media all and (max-device-width: 800px) {
  button.dashboard_btn_sm span.main_txt {
    padding: 31px 0 0 0px;
  }
}

button.dashboard_btn_sm span.sub_txt {
  font-size: 11px;
  color: #6ba0d8;
  display: block;
  padding: 33px 0 0 15px;
}

@media all and (max-device-width: 800px) {
  button.dashboard_btn_sm span.sub_txt {
    padding: 0px 0 0px 0px;
    margin-bottom: 10px;
  }
}
/*END DASHBOARD BUTTONS SMALL FOR FORM SUBMITS*/


input.btn_go {
  margin: 15px 0px;
}

.row_space {
  margin-bottom: 10px;
  float: left;
}

.dob {
  margin-right: 10px;
}

.newMedication span {
  padding: 6px;
  margin: 4px 0px;
  display: block;
}

.newMedication span.red_font {
  padding: 0px;
  margin: 0px;
  display: inline;
}

.medications .entry {
  position: relative;
  width: 600px;
}

.medications .entry .buttons {
  position: absolute;
  top: 20px;
  right: -50px;
}

/*DASHBOARD BUTTONS FOR HREFs*/
a.dashboard_btn_sm {
  float:left;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  background:url(../images/dashboard_btn_base_sm.gif?v=704) no-repeat;
  width:178px;  /* viewport dimensions of the background not including the secondary icon */
  height:108px;
  position:relative; /* allows use of absolutely positioned secondary icon */
  margin:10px 0 30px;
}
@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm {
    width: 100px; /* dimensions of the smaller icon plus text without the big background */
    height:74px;
    background:transparent;
    position:relative;
    margin:10px 0 30px 20px;
  }

  /* turn off 2-line button and turn on 1-line button, using slightly different selectors for the same <a> element */
  a.dashboard_btn_sm.as1LineOnMobile { width:0px; height:0px; display:none; }
  .dashboard_right a.as1LineOnMobile {
    display:table;
  }
}


a.dashboard_btn_sm .db_icon {position:absolute;} /* rename this.  what's "db"? */
@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm .db_icon{position:absolute; margin:0 0 0 3px;}
}

/* TODO: try taking out display:block */
a.dashboard_btn_sm span.main_txt{font-size:16px; color:#31679f; display:block; padding:32px 0 0 15px;}
@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm span.main_txt{padding:31px 0 0 3px;} /* same as above except for... */
}

/* TODO: try taking out display:block */
a.dashboard_btn_sm span.sub_txt{font-size:11px; color:#6ba0d8; display:block; padding:33px 0 0 15px;}
@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm span.sub_txt{padding:0px 0 0px 0px; margin-bottom:10px;}
}

a.dashboard_btn_sm:hover {background:url(../images/dashboard_btn_base_sm.gif?v=704) 0px -108px no-repeat;}
a.d_btn_active_sm {background:url(../images/dashboard_btn_base_sm.gif?v=704) 0px -216px no-repeat;}
@media all and (max-device-width: 800px) {
  a.dashboard_btn_sm:hover{background:transparent;}
  a.d_btn_active_sm{background:transparent;}
}
/* END DASHBOARD BUTTONS SMALL*/

/* a temporary fix for side-by-side 2-line buttons, formerly of .wrapper_left_btn_sm class */
/* match margin to button.dashboard_btn_sm, which similary appear side by side */
.dashboard_right.left_float {clear:none; margin: 20px 22px 0px 0px;}

/*DASHBOARD BUTTONS SMALL FOR FORM SUBMITS*/
.wrapper_2line_submit { position:relative; float:left; }

button.dashboard_btn_sm { /* for form submits, not hrefs */
  float:left;
  border:none;
  cursor:pointer;
  width:178px;
  height:108px;
  background:url(/images/dashboard_btn_base_sm_nohover.gif?v=704) 0px 0px no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  margin:10px 22px 30px 30px;
}
@media all and (max-device-width: 800px) {
  button.dashboard_btn_sm { /* all the above, except for ... */
    left:0px;
    width:auto;
    height:auto;
    background:transparent;
    margin:10px 0 0 20px;
  }
}

.people_icon { position:absolute; top:-40px; left:7px; margin:25px 0 0 3px; } /* rename this */
@media all and (max-device-width: 800px) {
  .people_icon { position:absolute; top:-7px; left:-7px; margin:0px 0 0 3px; } /* rename this */

}
button.dashboard_btn_sm span.main_txt{font-size:16px; color:#31679f; display:block; padding:32px 0 0 15px;}
@media all and (max-device-width: 800px) {
  button.dashboard_btn_sm span.main_txt{padding:31px 0 0 0px;}
}

button.dashboard_btn_sm span.sub_txt{font-size:11px; color:#6ba0d8; display:block; padding:33px 0 0 15px;}
@media all and (max-device-width: 800px) {
  button.dashboard_btn_sm span.sub_txt{padding:0px 0 0px 0px; margin-bottom:10px;}
}
/*END DASHBOARD BUTTONS SMALL FOR FORM SUBMITS*/


input.btn_go{margin:15px 0px;}
.row_space{margin-bottom:10px; float:left;}
.dob{margin-right:10px;}


.newMedication span{
  padding:6px;
  margin:4px 0px;
  display:block;
}

.newMedication span.red_font{
  padding:0px;
  margin:0px;
  display:inline;
}

.medications .entry{
  position:relative;
  width:600px;
}
.medications .entry .buttons{
  position:absolute;
  top:20px;
  right:-50px;
}


/* ==========================================================================
   patientPersonalInfoForm
   ========================================================================== */


h1,
h2,
h3,
form,
label,
p{
  color:#08475C;
}

h3{
  font-weight:600;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

hr{
  border-top: 1px solid #ddd;
}

footer{
  background-color:#07475E;
  color:#fff;
  text-align:right;
  font-size:12px;
  padding: 10px 0;
}

.input-error-msg{
  color:#D12822;
  font-weight:500;
}

.required-star{
  color:#D12822;
  margin-left:5px;
}

.required-fields{
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 40px;
}

.circle-badge{
  background-color: #1096B6;
  color: white;
  border-radius: 100%;
  margin-right: 20px;
  font-size: 22px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
}

form select,
form input.form-control{
  margin-top:5px;
  margin-bottom: 5px;
}
form{
  font-size:16px;

}
form label{
  margin-top:15px;
  font-weight:500;
}

.form-control.input-date {
  margin-right: 10px;
  display: inline-block;
  width:auto;
}

.hero-bg.step3{
  background-image:url(/images/patient-registration/03_Signup_Header_Asset.jpg?v=704);
  background-size:cover;
  background-repeat: no-repeat;
  height:300px;
}


.radio-list,
.checkbox-list{
  height:34px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.radio-list label,
.checkbox-list label{
  margin-right:20px;
  margin-top:5px;
}

.checkbox-list input[type=checkbox],
.radio-list  input[type=radio]{
  margin-right:7px;
}

.btn-primary{
  background-color:#08475C;
  color:white;
}

a.btn,
input.btn{
  background-color: #0D475D;
  text-align: center;
  border: 0 none;
  display: inline-block;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0px 0 10px;
  padding: 10px;
  min-width: 100px;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  display: inline-block;
}

a.btn-lg,
input.btn-lg{
  font-size:15px;
  padding-top:15px;
  padding-bottom:15px;
  width:200px;
  font-weight:500;
}

.btn-arrow {
  background-image: url("/images/2014/link-sprites.png?v=704");
  background-position: right -190px;
  background-repeat: no-repeat;
  padding-right: 25px;
}

a.btn-lg.btn-arrow,
input.btn-lg.btn-arrow{
  background-position: 95% -185px;
}


a.btn-trans,
input.btn-trans{
  behavior: url("/styles/PIE.htc");
  position: relative;
  font-size:15px;
  padding-top:15px;
  padding-bottom:15px;
  width:200px;
  font-weight:500;
  background-color:white;
  color:#0D475D;
  box-shadow: 0 0 0 2px #0D475D;
}

#patient-personal-info-form{
  margin-bottom:50px;
}

.form-actions .btn{
  margin-left:5px;
}


@media (min-width: 1200px){

  .container {
    width: 940px;
  }

}

.consent-language-chooser {
  padding-bottom: 10px;
}

.consent-language-chooser label {
  font-size: 16px;
  font-weight: 400;
}


small.has-error {
  color: red
}