@charset "utf-8";
/* CSS Document */
#first {
    float:left; 
}
#second {
	width:400px;
    overflow: hidden; 
}
.centered {
	 width: 1000px;
    overflow: hidden; /* will contain if #first is longer than #second */
  position: fixed;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
}
#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;
}

h4 {
	font-size: 1.25em;
	line-height: 2em;
}

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

.greenhighlight { background-color: #090 }

.extrainfo {
	width:400px;
  position:inherit;
  right: -420px;
  top: 0;
}



.textBox{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 500px;
  padding: 10px;
  color: black;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:#FFF;
  border: 1px solid #E65000;

}
	
.writebox {
	-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 500px;
  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;
	}	

.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) {
h4 {
	
	font-family: 'Montserrat', sans-serif;
	font-size: 0.75em;
	line-height: 2em;
	text-align: left;
}

p{	
	display:block;
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size: 0.9em;
	line-height:1.4em;
}	
	.topboxGreen {
	width: 340px;
	padding:2px;
 	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height: 1em;
  	color: white;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	background: #090;
	border: 1px solid #090;
	}	
.bottomboxGreen {
	padding:2px;
	width:340px;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height: 1em;  
	border: 1px solid #090;
	background:white;
	}	
}