.border { border: thin #999999 dotted; }
.indent { padding-left: 2em; }
.frame  { border: 0.3em double rgb(192, 192, 192); margin: 5px; }

.counter { counter-increment: counter; }

/* code examples */
.codex  { background-color: #FFFFBB; margin: 1em 0 ; 
          padding: .25em .25em .25em 2em; 
          font-family: Courier, monospace;
          font-size: .9em;
          border: thin solid #999999;
        }
/* code result: output */
.coder  { background: #EEEEFF; margin: 1em 0 ; 
          padding: .25em .25em .25em 2em; 
          font-family: Courier, monospace; 
          font-size: .9em;
          border: thin solid #999999; 
        }

/* highlights: inline background colors for text */

span.highlight_yellow { background-color: #F0E68C; }
span.highlight_red    { background-color: #FD6347; }
span.highlight_green  { background-color: #98FB98; }
span.highlight_blue   { background-color: #F0E68C; }      
      
div.hr  { border-bottom: solid 1px grey; width: 100%; padding-top: 1em; 
          margin-bottom: 1em; margin: auto; }
div.label   { min-width: 10em; width: 12em;  float: left; font-weight: 700; padding: 1em 0; }
div.content { margin-left: 12em;  padding: 1em 0; text-align: left; vertical-align: top; }

code, pre, tt    { font-family: Monaco, Courier, monospace; font-size: 0.9em; }

h1, h2, h3, h4, h5, h6 { font-family: "Neue Helvetica", "Helvetica", sans-serif; font-weight: 700; }
h1      { font-size: 1.4em; } 
h2      { font-size: 1.3em; }
h3      { font-size: 1.1em; }
h4      { font-size: 1.1em; }
h5, h6  { font-size: 1em; }

body   { background: #FFFFFFF; margin: 1em; 
         padding: 1em; line-height: 1.2em; 
         border: thin solid #999999; }

img {margin: .5em; border: none; }

dl.plain { margin: 0 0; }
dl.plain dt { text-decoration: underline; margin: .5em 0; }
dt.first { margin-top: 0em; }

dl.plain dd { margin: 0 0 0 1em; }

dl.plain dd:first-line { margin-left: -1em; }

ul.noimage    { list-style-type: none; }
ul li, ol li { margin: .6em 0; }

ol { list-style-type: decimal; }
ol.roman { list-style-type: lower-roman; }
ul { list-style-type: square; }

table { text-align: left; vertical-align: top; }
.tborder { border: thin solid #000000; vertical-align: top; }

caption { font-weight: 700; padding: .5em; }
thead { background-color: #CCCCCC; }
td    { padding: .3em; vertical-align: top; }
tr    { border: thin solid #999999;}


tbody.tborder td { border: thin solid #999999; }

thead  td { text-align: center; }

/* text alignment */
div.center  { text-align: center; }
.center     { text-align: center; }
.left       { text-align: left; }
.right      { text-align: right; }

.note   { font-size: smaller; margin: 2em; }
.quote  { margin : 2em; }
.raise  { color: #990000; } 
.light  { color: #888888; }
.super  { font-weight: 700; }
.none   {;}
.smaller   { font-size: .9em; }

.width05 { width: 5em; }

.width10pc { width: 10%; } 
.width20pc { width: 20%; }
.width35pc { width: 35%; }
.width90pc { width: 90%; }

 table.grades { border: 1px solid black; 
                font-family: Courier, monospace; 
                background-color: #EEEEDD; 
                width: auto;
                margin: .5em 0; 
              }
table.grades td {border: 1px solid #999999; }
table.grades caption { text-align: left;  }
td.score { background-color: #FFFF66; text-align: center; }

form { background: #EEEEFF; padding: 1em; border: thin solid #999999; }
input[type="text"], input[type="password"], textarea { padding: .2em; border: thin solid #666666; margin: 1px;}

input[type="submit"], input[type="reset"], input[type="button"] { font-family: "Helvetica Neue", Helvetica, sans-serif; background-color: #DDDDDD; padding: .3em;}

select { margin-right: 0.5em; }