.fieldWithErrors {
  padding:2px;
  background-color:maroon;
  display:table;
  margin-bottom:10px;
}

#errorExplanation {
  width:400px;
  border:2px solid maroon;
  padding:7px;
  padding-bottom:12px;
  background-color:#f0f0f0;
  margin:20px auto auto;
}

#errorExplanation h2 {
  text-align:left;
  font-weight:bold;
  padding:5px 5px 5px 15px;
  font-size:12px;
  margin:-7px;
  background-color:maroon;
  color:#FFFFFF;
}

#errorExplanation p {
  color:#333;
  margin-bottom:0;
  padding:5px;
}

#errorExplanation ul li {
  font-size:12px;
  list-style:square;
}

#successExplanation {
  width:400px;
  border:2px solid #394B3F;
  padding:7px;
  padding-bottom:12px;
  margin:20px auto auto;
  background-color:#f0f0f0;
}

#successExplanation h2 {
  text-align:left;
  font-weight:bold;
  padding:5px 5px 5px 15px;
  font-size:12px;
  margin:-7px;
  background-color:#394B3F;
  color:#FFFFFF;
}

#successExplanation p {
  color:#333;
  margin-bottom:0;
  padding:5px;
}

div.uploadStatus {
  margin:5px;
}

div.progressBar {
  margin:5px;
}

div.progressBar div.border {
  background-color:#fff;
  border:1px solid gray;
  width:100%;
}

div.progressBar div.background {
  background-color:#333;
  height:18px;
  width:0%;
}