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

.statementsNextBtn, .statementsBackBtn{
	margin:5px;
	}
#backBtnImg{
	
	display:inline-block;
	width: 34px;
	height: 33px;
	cursor:pointer;
	background-image: url("../../../images/icon-12.png");
	}
#nextBtnImg{
	display:inline-block;
	width: 34px;
	height: 33px;
	cursor:pointer;
	background-image: url("../../../images/icon-13.png");
	}
.navbtns{
text-align:center;
display:inline-block;
  width: 900px;
  height: 100px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.textBox{
display:inline-block;
  width: 880px;
  height: 80px;
  padding:8px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#FFF;
  border: 1px solid #E65000;
  text-align:center;
}
#statements{

	margin:0 auto;
	}
#statements p{
	text-align:center;
}
.boxFooter p{
	display:inline-block;
	color:#fff;
	line-height:1.4em;
	}
.boxFooter{
	text-align:center;
	display:inline-block;
  width: 880px;
  padding: 10px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #E65000;

}
#questionImg{
	cursor:pointer;
	display:inline-block;
	width: 33px;
	height: 33px;
	background-image: url("../../../images/icon-10.png");
		}

p{	
	display:block;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	line-height:1.4em;
	text-align: center;
}
.h1txtcolor{
color:#09B07A	
}
.h2txtcolor{
color:#0859A6; 	
}
.h3txtcolor{
color: #098BB0; 	
}
#sortable1id{
float:left;  
background: #09B07A;  
; 
}
#sortable2id{
 float:left;  
 background: #0859A6;  
}
#sortable3id{
 float:left;  
 background: #098BB0; 
}	
#sortableheader1{
 float:left;  
	width:280px;
  padding: 10px;


}
#sortableheader2{
 float:left;  
	width:280px;
  padding: 10px; 

}
#sortableheader3{
 float:left;  
width:280px;
  padding: 10px;

}	
.centered {
max-width:900px;
position:relative; top:15%; left:50%; margin-left:-450px;
}

.sortableBtns1{
	width:280px;
	height:80px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	line-height:1.2em;
  color: white;
  background: #09B07A;
 border-style: solid;
    border-top: thick double #FFF;
}	
.sortableBtns2 {
	width:280px;
	height:80px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px;
  	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	line-height:1.2em;
  color: white;
  background:#0859A6;
   border-style: solid;
    border-top: thick double #FFF;
}
.sortableBtns3 {
	width:280px;
	height:80px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px;
  	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	line-height:1.2em;
  color: white;
  background:#098BB0;
   border-style: solid;
    border-top: thick double #FFF;
}
@media only screen and (max-height: 800px) {
	.centered {
	max-width:900px;
  	
}
	.navbtns{
text-align:center;
display:inline-block;
  width: 900px;
  height: 100px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
   padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
}
	.textBox{
		 font-family: 'Montserrat', sans-serif;
	font-size: 0.75em;
	line-height:1.4em;
display:inline-block;
  width: 854px;
  height: 50px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#FFF;
  text-align:center; 
}
.boxFooter{
	text-align:center;
	display:inline-block;
  width: 870px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #E65000;
  padding:0px;
}
#sortableheader1{
 float:left;  
	width:280px;
  padding: 0px 0px;
}
#sortableheader2{
 float:left;  
	width:280px;
  padding: 0px 0px;
}
#sortableheader3{
 float:left;  
	width:280px;
  padding: 0px 0px;
}	
.sortableBtns1{
	width:280px;
	height:40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height:1em;
  color: white;
  background: #09B07A;
  padding: 5px;
	 border-style: solid;
    border-top: thin double #FFF;
}	
.sortableBtns2 {
	width:280px;
	height:40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height:1em;
  color: white;
  background:#0859A6;
  padding: 5px;
	 border-style: solid;
    border-top: thin double #FFF;
}
.sortableBtns3 {
	
	width:280px;
	height:40px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height:1em;
  color: white;
  background:#098BB0;
  padding: 5px;
	 border-style: solid;
    border-top: thin double #FFF;
}
}