body {
    padding: 2em 1em 2em 70px;
    margin: 0;
    font-family: sans-serif;
    color: black;
    background: white;
    background-position: top left;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
:link { color: #00C; background: transparent }
:visited { color: #609; background: transparent }
a:active { color: #C00; background: transparent }

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

th, td { /* ns 4 */
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 { text-align: left }
/* background should be transparent, but WebTV has a bug */
/* h1, h2, h3 { color: #005A9C; background: white } */
h1, h2, h3, h4, h5, h6 { color: #000099; background: white }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

.hide { display: none }

.active-tags { color: #000099 } /*; font-weight: bold }*/

div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }

p.copyright { font-size: small }
p.copyright small { font-size: small }

@media screen {  /* hide from IE3 */
a[href]:hover { background: #ffa }
}

/*
p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
*/
dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

pre, code { font-family: monospace } /* navigator 4 requires this */

ul.toc {
    list-style: disc;       /* Mac NS has problem with 'none' */
    list-style: none;
}

@media aural {
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code }
}
p.element-syntax { border: solid thin }
code { font-family: monospace }
tt { font-family: monospace }
.pre {
    border-width: thin;
    border-style: solid;
    width: 100%;
    padding: 0.2em;
    background-color: #f0f0ff;
    white-space: pre;
    font-family: monospace;
    margin-top: 5pt;
    margin-bottom: 5pt;
    border: 1px solid #c0c0dd;
    border-left: 6px solid #c0c0dd;
}
pre {
    white-space: pre;
    font-family: monospace;
    background-image: url(img/bg-white.gif);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.code {
    border-color: #000099;
    border-width: thin;
    border-style: solid;
    margin: 5px 1em 5px 1em;
    padding: 0 0 0 0;
    overflow: auto
}
.inset {
    background-image: url(img/bg-yellow.gif);
    border-width: thin;
    border-style: solid;
    border-color: #ece9d4;
    margin-bottom: 3px;
    text-align: left;
    font-size: small;
}
.inset h6 {
    margin: 2px;
    background-color: #000099;
    border-color: #000099;
    border-width: thin;
    border-style: solid;
    color: white;
    text-align: center;
    font-size: medium;
}
table.legend {
    background-image: url(img/bg-yellow.gif);
    border-width: thin;
    border-style: solid;
    border-collapse: collapse;
    border-spacing: 0
}
table.legend tr {
    border-width: thin;
    border-style: solid;
    border-collapse: collapse;
    border-spacing: 0
}
table.example {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}
td.example, th.example {
    border: thin dashed #c0c0dd
}
table.ref, table.ref tr, table.ref th, table.ref td {
    border: thin solid #c0c0dd;
    border-collapse: collapse;
    border-spacing: 0
}
table.ref th {
    background: #c0c0dd
}
table.ref th.head {
    border: 3px groove #c0c0dd
}
.warning {
    color: black;
    border: solid;
    border-color: darkred;
    border-width: 2pt 2pt 2pt 2pt;
    background-image: url('img/bg-red.gif');
    border-collapse: collapse;
    border-spacing: 0
}
.warning h3 {
    text-align: center;
    color: darkred;
    background: transparent
}
.note {
    color: black;
    border: solid;
    border-color: darkblue;
    border-width: 2pt 2pt 2pt 2pt;
    background-image: url('img/bg-blue.gif');
    border-collapse: collapse;
    border-spacing: 0
}
.note h3 {
    text-align: center;
    color: darkblue;
    background: transparent
}

.separ {
    border-left : dotted
}

#up {
    border: thin dashed #c0c0dd;
    position:fixed;
    right:20px;
    top:10px;
    padding:5px;
    background-color: white;
}

.dom-element { color: blue }
.dom-attribute { color: green }
.dom-ns { color: darkgreen ; font-weight: bold }
.dom-pi { font-weight: bold }
.dom-comment { color: grey }
.attribute-value { color: darkred }