@charset "utf-8";
/* CSS Document */
.questionImg{
	cursor:pointer;
	display:inline-block;
	width: 33px;
	height: 33px;
	background-image: url("../../../images/icon-10a.png");
		}
#backImg{
	margin-right:5px;
	cursor:pointer;
	display:inline-block;
	width: 32px;
	height: 33px;
	background-image: url("../../../images/icon-09a.png");
	}
 h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	text-align: center;
	color: #fff;
	letter-spacing: 0.1em;
	float:none;
}



p{	
	display:block;
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size: 1.3em;
	line-height:1.4em;
}

.highlight { background-color: yellow }
.greenhighlight { background-color: #090 }
.purplehighlight { background-color: #09C }

.extrainfo {
position:relative; top:0%; left:64%;margin-top:-525px;
}

.centered {
position:relative; top:12%; left:2%; 
 
}

.textBoxQuestionHeader{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 600px;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
	line-height:16px;
  color:white;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#E65000;
  border-left: 1px solid #E65000;
  border-right: 1px solid #E65000;
  border-bottom: 1px solid #E65000;
}
.textBoxQuestionHeaderPurple{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 600px;
  padding: 10px;
  	font-family: 'Montserrat', sans-serif;
	line-height:16px;
  color:white;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#09c;
  border-left: 1px solid #E65000;
  border-right: 1px solid #E65000;
  border-bottom: 1px solid #E65000;
}
.textBoxQuestionHeaderGreen{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 600px;
  padding: 10px;
  	font-family: 'Montserrat', sans-serif;
	line-height:16px;
  color:white;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#090;
  border-left: 1px solid #E65000;
  border-right: 1px solid #E65000;

}
.textBox{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 600px;
  padding: 10px;
  	font-family: 'Montserrat', sans-serif;
	line-height:16px;
  color: black;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#FFF;
   border-left: 1px solid #E65000;
  border-right: 1px solid #E65000;
  border-bottom: 1px solid #E65000;
}
	
.writebox {
	-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 600px;
  height:200px; 
  padding: 10px;
  background:#FFF;
   border-left: 1px solid #E65000;
  border-right: 1px solid #E65000;
  border-bottom: 1px solid #E65000;
	}
	
.ac3btns {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border-bottom:2px solid #E65000;
  border-left:2px solid #E65000;
  border-right:2px solid #E65000;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  font-family: 'Montserrat', sans-serif;
  color: #E65000;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: white;
}	
	
	.topboxGreen {
	width: 300px;
	padding:10px;
 		font-family: 'Montserrat', sans-serif;
	line-height:16px;
  	color: white;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	background: #090;
	border: 1px solid #090;
	}	
	.topboxPurple {
	padding:10px;
	width: 300px;
  		font-family: 'Montserrat', sans-serif;
	line-height:16px;
  	color: white;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	background: #09c;
  	border: 1px solid #09c;
	}
		.topboxOrange {
	padding:10px;
	width: 300px;
  		font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;
	line-height:1.4em;
  	color: white;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	background: #E65000;
  	border: 1px solid #E65000;
	}
.bottomboxPurple {
	padding:10px;
	width:300px;
	font-family: 'Montserrat', sans-serif;
	line-height:16px; 
	border: 1px solid #09c;
	background:white;
	}	
.bottomboxGreen {
	padding:10px;
	width:300px;
	font-family: 'Montserrat', sans-serif;
	line-height:16px;  
	border: 1px solid #090;
	background:white;
	}
.sfbox {
	padding-bottom:10px;
}
@media only screen and (max-height: 800px) {
	.writebox {
	-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 600px;
  height:0px; 
  padding: 0px;
  background:#FFF;
   border-left: 0px solid #E65000;
  border-right: 0px solid #E65000;
  border-bottom: 0px solid #E65000;
	}
	
	.extrainfo {
position:relative; top:0%; left:55%;margin-top:-265px;
}
	p{	
	display:block;
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size: 1.2em;
	line-height:1.2em;
}
	h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	text-align: left;
}
#itxtbtn0 h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	text-align: left;
}
.topbar {
	text-align:center;
	vertical-align:top; 
    display:inline-block; 
	width:890px;
	height:2em;
}
.topboxOrange {
	padding:10px;
	width: 300px;
  		font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	line-height:1.4em;
  	color: white;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	background: #E65000;
  	border: 1px solid #E65000;
	}
	.topboxGreen {
	width: 400px;
	padding:10px;
 	font-family: 'Montserrat', sans-serif;
	font-size: 1.1em;
	font-size: 1.2em;
  	color: white;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	background: #090;
	border: 1px solid #090;
	}
	.topboxPurple {
	padding:10px;
	width: 400px;
  		font-family: 'Montserrat', sans-serif;
font-size: 1.1em;
	font-size: 1.2em;
  	color: white;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	background: #09c;
  	border: 1px solid #09c;
	}
	.bottomboxPurple {
	padding:10px;
	width:400px;
	font-family: 'Montserrat', sans-serif;
font-size: 1.1em;
	font-size: 1.2em;
	border: 1px solid #09c;
	background:white;
	}	
.bottomboxGreen {
	padding:10px;
	width:400px;
	font-family: 'Montserrat', sans-serif;
font-size: 1.1em;
	font-size: 1.2em;
	border: 1px solid #090;
	background:white;
	}	
}