hint.css

article.js-app div.hint_testArea {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em;
  height: 3.7em;
}

article.js-app div.hint_buttonArea {
  display: block;
  overflow: auto;
  height: 30px;
  margin: 0px 0px 0.4em 0.4em;
  padding-top: 0.3em;
}

article.js-app div.hint_resultsArea {
  display: block;
  overflow: auto;
  height: 3.7em;
  width: 2%;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

article.js-app div.hint_testText {
  display: block;
  width: 100%;
}

article.js-app div.hint_answerLabel {
  font-weight: bold;
  padding-left: 0.5em;
}

article.js-app div.hint_testText div,
article.js-app div.hint_resultsArea div {
  font-size: 1.6em;
  position: relative;
  display: block;
  width: 100%;

  -webkit-border-radius: 0.125em;
  -moz-border-radius: 0.125em;
  border-radius: 0.125em;

  -webkit-transition: background-color 0.5s ease 0s;
  -moz-transition: background-color 0.5s ease 0s;
  -o-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
}

article.js-app div.hint_resultsArea div.hint_correct {
  background-color: #d0ffbf;

  -webkit-box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888;
}

article.js-app div.hint_testText div.hint_incorrect {
  background-color: #ff5656;

  -webkit-box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888;
}

article.js-app div.hint_timeLimitCheckboxContainer {
  float: left;
  font-size: 1.2em;
  margin-left: 2em;
  height: 26px;
  line-height: 26px;
  padding-top: 2px;
}

article.js-app div.hint_timeLimitSliderContainer {
  float: left;
  margin-left: 1.5em;
  height: 26px;
  line-height: 26px;
  padding-top: 2px;
  width: 15em;
}

article.js-app div.hint_timeLimitSliderContainer span {
  line-height: 1.2em;
  margin-top: 0.3em;
}

article.js-app div.hint_timeLimitSliderContainer span.hint_timeLimitSliderLabelLeft {
  float: left;
}

article.js-app div.hint_timeLimitSliderContainer span.hint_timeLimitSliderLabelRight {
  float: right;
}

article.js-app div.hint_buttonArea button {
  float: left;
  display: inline-block;
  margin: 0em 0.1em 0em 0.3em;
  height: 26px;
  width: 35px;
  cursor: pointer;
  outline: 0;

  border: solid 1px #a6a6a6;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;

  -webkit-box-shadow: 1px 1px 1px #ccc;
  -moz-box-shadow: 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px #ccc;
}

article.js-app div.hint_buttonArea button.hint_levelButton {
  /*	background: url("correct.png") no-repeat center, -moz-linear-gradient(270deg, #F6F6F6, #DDDDDD);
	background: url("correct.png") no-repeat center, -webkit-linear-gradient(270deg, #F6F6F6, #DDDDDD);
	background: url("correct.png") no-repeat center, -o-linear-gradient(270deg, #F6F6F6, #DDDDDD);
	background: url("correct.png") no-repeat center, -ms-linear-gradient(270deg, #F6F6F6, #DDDDDD);
	background: url("correct.png") no-repeat center, linear-gradient(270deg, #F6F6F6, #DDDDDD);
*/
}

article.js-app div.hint_buttonArea button.hint_levelButton:active {
  /*
	background: url("correct.png") no-repeat center, -moz-linear-gradient(270deg, #E6E6E6, #D6D6D6);
	background: url("correct.png") no-repeat center, -webkit-linear-gradient(270deg, #E6E6E6, #D6D6D6);
	background: url("correct.png") no-repeat center, -o-linear-gradient(270deg, #E6E6E6, #D6D6D6);
	background: url("correct.png") no-repeat center, -ms-linear-gradient(270deg, #E6E6E6, #D6D6D6);
	background: url("correct.png") no-repeat center, linear-gradient(270deg, #E6E6E6, #D6D6D6);
*/
}

article.js-app div.hint_buttonArea button[disabled] {
  cursor: default;
  border: solid 1px #ccc;
  background-color: #eeeeee;
}

/*article.js-app div.hint_buttonArea button.hint_yesButton[disabled]
{
	background: #EEEEEE url("correct_disabled.png") no-repeat center;
}

article.js-app div.hint_buttonArea button.hint_noButton[disabled]
{
	background: #EEEEEE url("incorrect_disabled.png") no-repeat center;
}
*/