#widget-code-wrapper {
	display:none;
	overflow:hidden;
}
#widget-code-wrapper h2 {
	margin: 0 0 1em;
}
#widget-code-preview {
	width: 50%;
	padding-right: 1em;
	float:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;         /* Opera/IE 8+ */
}
#widget-code-preview iframe {
	width: 100%;
	height: 300px;
}
#widget-code-content {
	width: 50%;
	float:right;
	padding-left: 1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;         /* Opera/IE 8+ */
}
#widget-code-content textarea {
	height: 300px;
	padding: 1em;
	font-family:fixed;
	font-size: 14px;
	line-height: 18px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;         /* Opera/IE 8+ */
}