div.codesexp, div.circleevalsexp, .editbox, .cm-s-scheme {
  width:      100%;
  margin:     0px 3px;
  padding:    0px;
  font-family:"Droid Sans Mono", Monaco, monospace;
  font-size:  10pt;
  color:      #666666;
  font-style: normal;
  clear:      both;
}

div.codesexp .expression {position: relative;}

/*******************************************
  PrettyPrint Structured Output
  - style using float: left, to allow text-alignment flow
  - everything has a left-padding of 10px, which provides spacing and indenting
  - if an expr is wrapped, every element clears left
*/

div.codesexp *, .replOutput > * {float: left; padding-left: 10px;}
.replOutput br{float: none;}
.wrapped > * {clear: left;}

/* Rationals, Parens, and first child after lParen NEVER have padding or clearing */
.Rational *, 
div.codesexp .lParen,   .replOutput .lParen,
div.codesexp .rParen,   .replOutput .rParen,
div.codesexp .lParen+*, .replOutput .lParen+*{
  padding-left: 0px; clear: none;
}


/* The rParen after a wrapped expression should be aligned to the bottom-right
   of that expression, pushed over by 1em */
.wrapped{padding-right: 1em;}
.wrapped .rParen{
 position: absolute;
 bottom: 0px;
 right: 0px;
 vertical-align: bottom;
}


/* for IE, in which Canvases actually have children */
canvas.replOutput * {padding-left: 0px; clear: none;}
/************************************************
Define coloring for basic WeScheme types, and re-use them for our CM instances 
*/
.wescheme-string,     .cm-scheme-string    {color: green;}
.wescheme-number,     .cm-scheme-number    {color: blue;}
.wescheme-boolean,    .cm-scheme-boolean   {color: darkred;}
.wescheme-character,  .cm-scheme-character {color: orange;}
.wescheme-symbol,     .cm-scheme-symbol    {color: steelblue;}
.wescheme-comment,    .cm-scheme-comment   {color: orange; }
.CodeMirror {font-family: "Droid Sans Mono", Monaco, monospace;}

/************************************************
Define coloring for basic Pyret types, and re-use them for our CM instances 
*/
.cm-s-default.CodeMirror { color: black; }
.cm-s-default .cm-comment { color: #cd7054; }
.cm-s-default .cm-boolean { color: darkred; }
.cm-s-default .cm-builtin { color: #555; }
.cm-s-default .cm-function-name { color: #374049; }
.cm-s-default .cm-variable { color: #4d5966; }
.cm-s-default .cm-keyword { color: black; font-weight: bold; }
.cm-s-default .cm-number { color: navy; }
.cm-s-default .cm-roughnum { color: blue; }
.cm-s-default .cm-bad-number { color: red; font-weight: bold; }
.cm-s-default .cm-string { color: forestgreen; }
.cm-s-default .cm-unterminated-string { color: red; font-weight: bold; }
.cm-s-default .cm-type { color: #374049; }
.cptteach-fixed { line-height: 1.5; background: #ddd; }

/* CM-only stuff */
span.cm-scheme-punctuation                 {color: black;}
span.cm-scheme-rparen                      {color: black;}


@media print {
  .wescheme-string,     .cm-scheme-string    {color: black;}
  .wescheme-number,     .cm-scheme-number    {color: black;}
  .wescheme-boolean,    .cm-scheme-boolean   {color: black;}
  .wescheme-character,  .cm-scheme-character {color: black;}
  .wescheme-symbol,     .cm-scheme-symbol    {color: black;}
  .wescheme-comment,    .cm-scheme-comment   {color: black;}
}