body{
	
	
}

.full-container{
display:inline block;
text-align:center;
margin:2%;
  border: none;
  width:100%;
min-width:1250px;
 
  
}
.full-container div
{
	overflow:auto;
	
}

#top-container{
	display:block;
	margin-bottom:20px;
	
	height:654px;
	min-width:1200px;
	overflow:hidden;
	position: relative;
}

#bottom-container{
	width:100%;

text-align:center;

}
.inputBox{
	border:1px solid;
	padding: 5px;
	overflow:hidden;
}

#controls{
	text-align:left;
	float:left;
	position: absolute;
    left:0;
    top: 0;
height:100%;
	
}
#HTML{
	margin-right:50px;
	float:right;

}
#preview{
	visibility:hidden;
}
p{
	 
}
.input{}
.inputLine{
	
	margin-top:5px;
	margin-bottom:5px;
	 white-space: nowrap !important;
	

}
#error-msg{
	width:auto;
	visibility:hidden;
	 background-color: #ffcccc;
  font-weight: bold;
  padding: 5px;
  border: 1px dashed #000;
}
#notify{
	visibility:hidden;
}
.button{

	pborder: 2px solid #000000;

	float: right;

	

	

	border-radius: 5px;

	background-color: #cc0323;

	height: 30px;

	width: 150px;

	
}

nav {
	text-align: center;
  background-color: #fff;
  margin: 0;
  font-size: 15px;
  text-shadow: none;
  overflow: hidden;
   }

/* Make the list of links take up the whole width of the nav */

nav ul {

  margin: 0;
  padding: 0;
  }



nav ul li {
  display: inline-block;
  list-style-type: none;
}
nav > ul > li > a{

 

    
    display: block;

    line-height: 2em;

    padding: 0.5em 0.5em;

    text-decoration: none;

}