.fblate1of2 {
  float:left;
  background-color: black;
  width: 97.5%;
}
/*  Set the 2 columns to 2 columns at greater than or equal to 640 pixels */
@media only screen and (min-width:640px) { /* 40em will be 40x16 i.e. >= 640px */
  .fblate1of2 {
    width: 48.75%;
  }
}
@media only screen and (min-width:800px) {   /* 50em will be 50x16 i.e. >= 800px */
/*** Desktop and Large Desktop ***/
  .fblate1of2 {
    width: 48.75%;
  }
}
.afbmarginleft {
  margin-left: 0.75%; 
}
.afbmarginright {
  margin-right: 0.75%; 
}
.lmsopossiblemarginleft {
  margin-left: 0.75%; 
}
.lmsopossiblemarginright {
  margin-right: 0.75%; 
}
.lmsoleft {
  background-color: black;
  padding-left: 0.5%; /* set padding to simulate border */
}
.lmsoright {
  background-color: black;
  padding-right: 0.5%; /* set padding to simulate border */
}
.lmsopossibleleft {
  background-color: black;
  padding-left: 0.5%; /* set padding to simulate border */
}
.lmsopossibleright {
  background-color: black;
  padding-right: 0.5%; /* set padding to simulate border */
}
/*  Set the 2 columns to 2 columns at greater than or equal to 640 pixels */
@media only screen and (min-width:640px) { /* 40em will be 40x16 i.e. >= 640px */
  .lmsopossibleleft {
    background-color: black;
    padding-left: 0%; /* set padding to simulate border */
  }
  .lmsopossiblemarginleft {
    margin-left: 0%; 
  }
  .lmsopossibleright {
    background-color: black;
    padding-right: 0%; /* set padding to simulate border */
  }
  .lmsopossiblemarginright {
    margin-right: 0%; 
  }
}



.fblate1of1 {
  background-color: black;
  width: 97.5%;
}
.redwhiteleft {
  color: white;
  text-align:left;
  font-weight: bold;
  background-color: #B91717; /* dark red */
}
.ErrMsg {
  color: #B91717; /* dark red */
  text-align:left;
  font-weight: bold;
/*  background-color: #B91717; dark red */
}
.MandAsterix {
  vertical-align: sub;
}
/*** 
  By default, browsers render most form elements (textareas, text boxes, buttons, etc) using OS controls or browser controls. 
  So most of the font properties are taken from the theme the OS is currently using.

  You have to target the form elements themselves if you want to change their font/text styles.

  As far as I know, only form elements are affected. Off the top of my head: input, button, textarea, select.
***/
.NonInherit {
  font-size: 1em; 
  font-family: 'Droid Sans', sans-serif;
  padding: 0;  
  border: 0;  
}
#JoursDuMois {
  width:45px;   
}
#MoisDAn {
  width:100px;   
}
.RepeatEmail {
  display: none;
}
.TelephoneNum {
  display: none;
}
/***
button {
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: #B91717;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:hover,
button:focus {
    background: #0053ba;
}

button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

button:active {
    transform: scale(0.99);
}
***/
button {
  border: 1px solid #fa8072; /* #0066cc; blue */
  background-color: #b91717; /* #0099cc; blue */
  color: white;
  padding: 5px 10px;
    cursor: pointer;
}
button:hover {
/*  border: 1px solid #b91717;  #0099cc; blue */
  background-color: #E89338; /* #00aacc; blue */
  color: white; /* white */
  padding: 5px 10px;
}
button:disabled,
button[disabled]{
  border: 1px solid #999999; /* grey */
  background-color: #cccccc; /* grey */
  color: #666666; /* dark grey */
    cursor: default;
}
#subclear-1,
#subclear-2,
#subclear-3,
#subclear-4,
#subclear-5,
#subclear-6 {
  clear: both;
}
#paddingTip {
  padding: 100px;
}