.input {
 color: #361169;  /* E*Trade Purple */
}

.output {
 color: #447d00;  /* E*Trade Green */
}

.io h3 {
 margin-top: -5px;
}

.io h4 {
 margin-top: -2px;
}

.io textarea {
 margin-top: -2px;
}

.test-client-side-xsl .col-1 {             
 float: left;
 width: 475px;
}

.test-client-side-xsl .col-2 { 
 float: left;
 margin-left: 10px;
}

.spacer-1 {
 clear: left;
 height: 20px; 
}

.instrumentation {
 width: 70em;
 margin-bottom: 14px;
 margin-left: auto;
 margin-right: auto;
 font-weight: 800;
 font-family: arial;
 color: #361169;             /* E*Trade Purple      */
 background-color: #71d100;  /* E*Trade Light-Green */
 padding: 8px;
 font-size: 0.8em;
 overflow: auto;
}

.instrumentation input {
 margin: 3px;
}

.instrumentation .inputs {
 float: left;
 width: 67em;
 margin-bottom: 9px;
}

.instrumentation .load-test {
}

.instrumentation .transform {
  margin-left: 10px; 
}

.instrumentation .input-source {
 background-color: #9AFD4C;
 padding: 3px;
}

.time-to-transform {
 float: right;
 clear: none;
 width: 270px;
}

.readout {
 font-weight: 900;
 color: #71d100;             /* E*Trade Light-Green */
 background-color: #000000;
 font-family: courier; 
 width: 4em;
 height: 1.4em;
 padding-right: 1em;
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 padding-right: 1em; 
 text-align: right; 
}

.time-to-transform .label {  
 float: left;
}

.time-to-transform .readout {  
 float: right;
}

.xsl-parser-type {
 float: left;
 clear: none;
 width: 320px;
 margin-left: 10px;
}

.xsl-parser-type .label {  
 float: left;
}

.xsl-parser-type .readout {  
 float: right;
 width: 190px;
}

.rendered-html-output {
 margin-left: 20px;
 margin-bottom: 22px;
 border-style: solid;
 border-width: 2px;
 border-color: #447d00;     /* E*Trade Green */
 padding: 6px;
 width: 700px;
}

.output h4 {
  margin-left: 20px;
}

.output textarea {
  margin-left: 20px;
}