/* Text Editor */
body.tryit  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #5C5C5C;
}


table.tryit { 
width:100%;
}

.tryit td {
vertical-align:top;
text-align:center;
width:50%}

.tryit textarea {
width:460px;
height:440px;
border:2px solid #ccc;
scrollbar-arrow-color:#ccc;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#ccc;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#ccc;
padding: 0px;
font-size: 12px; 
font-family: "Courier New", Courier, monospace;
color:#525252;
background-color: #F5F5F5
}    

.tryit .viewer {
width:460px;
height:440px;
padding: 0px;
}	

.button {		
font-family:Arial, Helvetica, sans-serif;		
color:#333;		
background-color:#F7F7F7;		
border: 1px solid #000;		
padding: 1px 0;	
}