@charset "utf-8";
/* CSS Document */

[contenteditable=true]:empty:before
{
  content: attr(placeholder);
  display: block; /* For Firefox */
}

.content, #suggestedAnswer, .suggestedAnswer, #print {
  display: none;
}

.suggestedAnswer {
  font-size: 16px;
}

.question {
  margin-bottom: 10px;
}

.suggestedAnswer {
  margin-bottom: 20px;
}

#suggestedAnswer {
  margin-top: 20px;
 background-color: #e0f2f7;
	border: solid 1px #005e75;	
}

#suggestedAnswer.finalScreenDisplay {
  bottom: 0;
  counter-reset: my-counter;
  display: block;
  margin-bottom: 30px;
  position: relative;
}

.suggestedAnswer.finalScreenDisplay:before {
  color: inherit;
  content: counter(my-counter, decimal);
  counter-increment: my-counter;
  font-family: inherit;
  font-size: 22px;
  font-weight: 500;
  left: 0;
  line-height: 1.1;
  padding-right: 5px;
  top: 0;
}

.contentinput
{
	background-color: #f5f5f5;
	border: solid 1px #e3e3e3;
	font-size: 16px;
	margin-bottom: 20px;
	min-height: 100px;
	height: auto;
  	width: 100%;
}

.contentinput, #suggestedAnswer
{
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 20px;
}

@media print
{
	#suggestedAnswer
	{
		display: none !important;
	}
}