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;
}
a.sol:link { color: red ; }
a.sol:active { color: lightred ; }
a.sol:visited { color: darkred ; }

: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 { 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: 140% sans-serif;
    color: #000099;
    background: white;
    border-bottom-color: #000099;
    border-bottom-width: thin;
    border-bottom-style: solid;
    margin-bottom: 0
}

.hide { display: none }

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 }
}

pre { margin-left: 2em }
/*
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);
    border-color: #000099;
    border-width: thin;
    border-style: solid;
    align: righ;
}
.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.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');
}
.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');
}
.note h3 {
    text-align: center;
    color: darkblue;
    background: transparent
}

.active-tags { color: #000099 }

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

.sol { color: darkred ; font-weight: bold }
code.sol { color: red ; font-weight: bold }

.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 }