#codingdiv
{
	background:#eff;
}

.ui-dialog, .ui-dialog-buttonpane
{
	background:#eff;
}

.ui-dialog-title
{
	text-transform: uppercase;
}

.codearea
{
  width:96%;
  margin: 1%;
  padding:2px;
  font-size: 0.8rem !important;
  font-family:Consolas, Monaco, Lucida Console, Courier New, monospace !important;
  white-space: pre;
  tab-size: 4;
  -moz-tab-size: 4;
}

.codeareabutton
{
  max-width:30%;
  width:80px;
  margin: 4pt 10pt 2pt 4pt;
  font-size: 0.9rem !important;
  float:right;
}

div#codingleft 
{
	width: 46%;
	background: #369;
	float: left;
	margin-left: 20px;
	border-radius: 8px;
	padding: 2px;
}

div#codingright 
{
	margin-left: 50%;
	width: 46%;
	background: #369;
	padding: 2px;
	border-radius: 8px;
}

h2.title
{
	margin-left: 10px;
	margin-top: 10px;
	color: #ddd;
	font-weight: 400;
	display: inline;
	font-family:sans-serif;
}

.displayinfo
{
	border:solid 2pt #369;
	background:#FFD;
	margin:10px auto;
	font-size:0.95rem;
	width:80%;
	display: table;
	padding:10px 10px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
} 

@media screen and (max-width: 480px)
{
	div#codingleft 
	{
		float: none;
		width: 90%;
	}

	div#codingright 
	{
		float: none;
		margin-left: 20px;
		margin-top: 10pt;
		width: 90%;
	}
}