.result-box {
  border: 2px solid white;
  border-radius: 5px; 
  text-align: center;
}

.result-title{
  border-radius: 5px 5px 0px 0px; 
  -moz-border-radius: 5px 5px 0px 0px; 
  -webkit-border-radius: 5px 5px 0px 0px; 
  padding: 5px;
}

.result-body{
  background-color: white; 
  border-radius: 0px 0px 5px 5px; 
  -moz-border-radius: 0px 0px 5px 5px; 
  -webkit-border-radius: 0px 0px 5px 5px; 
  padding: 5px;
}

.result-green {
  background-color: lightgreen; 
}

.result-box.result-green {
  border: 2px solid lightgreen;
}

.result-red {
  background-color: red; 
  color: white;
}

.result-red .result-body {
  color: black;
}

.result-box.result-red {
  border: 2px solid red;
}

/*grey*/
.result-grey {
  background-color: grey; 
  color: white;
}

.result-grey .result-body {
  color: black;
}

.result-box.result-grey {
  border: 2px solid grey;
}