.response,
.question,
.checkoff,
.critical,
.checkoff_writeup,
.note,
.background,
.questionForStaff,
.solution,
.impsolution {
 width:90%;
 padding:10px;
 margin-top:20px;
 margin-bottom:20px;
 margin-right:auto;
 margin-left:auto;
 border-style: solid;
 border-width: 1px;
 border-radius: 10px;
}


.staff {
  /*color: red;*/
  font-style: italic;
  text-align: justify;
  background-color: #d6f1ae;
  box-shadow: 5px 5px black;
}
.staff:before {
  content: "NOTE TO STAFF: ";
  font-weight: bold;
}

.staff a{
  color: Aquamarine;
  text-decoration: underline;
}

.staff a:hover{
  background-color: Aquamarine;
  color: white;
}

.critical {
  /*color: red;*/
  font-style: italic;
  text-align: justify;
  background-color: #FFD9D9;
  box-shadow: 5px 5px black;
}
.critical:before {
  content: "IMPORTANT: ";
  font-weight: bold;
}

.critical a{
  color: red;
  text-decoration: underline;
}

.critical a:hover{
  background-color: red;
  color: white;
}

.note {
 font-style: italic;
 /*color: DodgerBlue;*/
 background-color: #AED6F1 ;
 text-align: justify;
 box-shadow: 5px 5px black;
}

.note:before{
  content: "NOTE: ";
  font-weight: bold;
}

.note a{
  color: DodgerBlue;
  text-decoration: underline;
}

.note a:hover{
  background-color: DodgerBlue;
  color: white;}

picture {
  counter-increment: figures;
  /*----*/
}

picture figcaption:before {
  content: 'Figure ' counter(figures) ' - ';
  font-weight: bold;
}
figcaption{
  font-style: italic;
}
picture {
  /*float: right;*/
  text-align: center;
  /*font-style: italic;*/
  /*font-size: smaller;*/
  text-indent: 0;
  /*border: thin silver solid;*/
  margin: 0.5em;
  padding: 0.5em;
}