/*
 * Style sheet for the CSS3 specification,
 * to be used in addition to http://www.w3.org/StyleSheets/TR/W3C-{WD,PR,REC}
 * $Id: default.css,v 1.11 2000/04/11 18:04:59 bbos Exp $
 */

@media print {

    /* the following doesn't work for now,
       instead we rely on a patched version of html2ps which has this built-in */
    .dlink { display: none }

    /* the following doesn't work for now,
       instead we rely on a patched version of html2ps which has this built-in */
    div.navbar {
       display: none;
    }
}


/*
p { text-indent: 0; margin-bottom: 0 }
p + p { text-indent: 2em; margin-top: 0 }
p.note + p, p.testlink + p, p.note { text-indent: 0 }
*/

/*
body {
    background: #FBFBFF; color: black; 
    line-height: 1.2;
}
*/
/*
h1 {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 1em;
    font-size: xx-large;
    line-height: 1.1;
}
*/
h2 {
    margin-top: 2em;
    margin-bottom: 0.6em;
}
h1 + h2 {
    margin-top: 0;
}

h3 { 
  margin-top: 1em;
  margin-bottom: 0.3em;
}

pre {
    font-family: monospace;
    font-size: 90%
}

address {
    text-align: right;
    font-style: italic;
}

var {
    font-style: normal;
}
img {
    border: 0;
}
.toc {
    text-indent: 0;
}
p.toc-line {
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0;
}

/* I don't like all that blue text, how about this: */
/* It should be 'inherit', but Netscape inserts a random color :-( */
a.noxref:link, a.noxref:visited {color: black; /*color: inherit*/}
div.example a:link, div.example a:visited {color: maroon; /*color: inherit*/}
div.deprecated-html-example a:link,
div.deprecated-html-example a:visited {color: red; /*color: inherit*/}
.note a:link, .note a:visited {color: green; /*color: inherit*/}


@media all { /* NS < 6 doesn't like borders around inline elements... */

    a:link, a:visited {
	color: inherit;
	text-decoration: none;
	padding: 0 0.2em;
	-moz-border-radius: 0.5em;
    }
    a:link:before, a:visited:before {
	content: disc;
    }
    a:link {
	border: thin outset silver;
	border: thin solid silver;
    }
    a:visited, a:active {
	border: thin inset silver;
	border: thin solid silver;
    }
    a.logo:link, a.logo:visited {
        padding: 0;
        border-style: none;
    }

}

a.propdef-title {
  background: yellow;
}

a.descdef-title {
  color: yellow;
  background: green
}

/* table {margin-left: 1em} */
div.propdef {margin: 1.2em 0}

div.example { color: maroon }
pre.example { color: maroon }
pre.illegal-example { color: red }
div.illegal-example { color: red }
div.illegal-example p { color: black }


div.html { color: maroon }
pre.html { color: maroon }
pre.illegal-html { color: red }
div.illegal-html { color: red }
div.illegal-html p { color: black }
pre.deprecated-html { color: red }
div.deprecated-html { color: red }
div.deprecated-html p { color: black }

div.xml { color: maroon }
pre.xml { color: maroon }
pre.illegal-xml { color: red }
div.illegal-xml { color: red }
div.illegal-xml p { color: black }

.css { color: #7F0000 }		/* inline CSS code (SPAN) */
code.html { color: maroon }	/* inline HTML */
code.xml { color: maroon }	/* inline XML */
.property { font-weight: bold }	/* name of a CSS property (SPAN) */
.issue { color: #E50000 }	/* editorial remark, open issue (P or DIV) */

.note {				/* non-normative note (P or DIV) */
    /* font-weight: bold; */
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
    margin-right: 2em;
    color: green
}

.normref { 
    color: red;
}	

.informref {
    color: green;
}	

div.propdef th { 
    text-align: right; 
}

div.descdef th { 
    text-align: right; 
}

ul.toc, ol.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}
div.toc ul ul, div.toc ol ol {margin-left: 0}
div.toc ul ul ul, div.toc ol ol ol {margin-left: 1em}
div.toc ul ul ul ul, div.toc ol ol ol ol {margin-left: 0}
li.tocline1 {font-weight: bold}
li.tocline2 {font-weight: normal}
li.tocline4 {font-style: italic}
/* div.subtoc ul, div.subtoc ol {list-style: none} */
/* The border in the following rule crashes NN4 on fonts.html :-(
div.subtoc {padding: 1em; border: solid black thin; margin: 1em 0;
    background: #ddd}
*/
ul.index {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

s, del {text-decoration: line-through; color: red}
u, ins {text-decoration: underline; background: #bfa}

div.figure {
    text-align: center;
    /*border: solid thin;
    width: 100%;*/
    margin: 2.5em 0
}
p.caption, caption {
    text-align: center;
    font-style: italic;
    /* font-weight: bold; */
    font-size: 90%;
    /* color: #088; */
    margin: 1.5em 25% 0 25%;
}
div.toc, ul.index, dt {
    text-align: left
}
sup {
    vertical-align: super;
    font-size: 80%
}

/* Hmm, this seems to confuse many browsers...
dt { margin-left: 0; margin-top: 0.6em }
dd { margin-left: 2em }
dl, ul, ol { margin-left: 0 }
li { margin-left: 2em }
*/

/* Tables that contain property definitions. We assume the names of
the properties are in the caption. We make all of these tables the
same width (100%) and the first column just wide enough for the
labels. */

table.propdef caption {
    text-align: left;
    background: #005A9C;
    background: #666;
    color: white;
    font: bold 1em/1.1 sans-serif;
    padding: 0.1em 0.5em 0.16em 8.7em;
    margin: 0;
}
table.propdef {
    table-layout: fixed;
    width: 100%;
    border: thin solid #005A9C;
    border: thin solid #666;
    border-top: none;
    border-collapse: collapse;
    border-spacing: 0;
    -moz-border-radius: 0.6em;
    font-size: smaller;
}
table.propdef tr {
    vertical-align: baseline;
}
table.propdef td:first-child, table.propdef th:first-child {
    width: 7.5em;
    border-right: thin solid #005A9C;
    border-right: thin solid #666;
    text-align: right;
}
table.propdef th {
    text-align: left
}
table.propdef td, table.propdef th {
    padding: 0 0.4em;
    color: #005A9C;
    color: #666;
}
table.propdef {
    margin-bottom: 0;
}
table {
    margin-top: 1em;
}
table.propdef + table.propdef {
    margin-top: 0
}
table.propdef .footnote {
    font-size: smaller;
    text-align: left;
    border-right: none;
}

/* "Equations" (not real MathML, but simple HTML) are put in a
blockquote and may have an equation number. We make sure the
blockquote has enough margin on the right and then put the equation
number there. */

blockquote {
    margin-right: 4em;
    text-align: left;
}
.eqno {
    text-align: right;
    float: right;
    width: 3em;
    margin-right: -4em;
    font-weight: bold;
    /* background: silver; color: black; padding: 0.1em */
}

.equiv-table { border: thin solid }
.equiv-table th { border-bottom: thin solid }

/* Almost every section starts with a link to the test suite. We put
that link in the margin and make it look like a button. */

p.testlink {
    float: left;
    width: 3em;
    margin: 0 0 0 -3.6em;
    font-weight: bold
}
p.testlink a {
    color: black;
    background: silver;
    border: thin outset silver;
    -moz-border-radius: 0.5em;	/* Funny, this Mozilla extension... */
    text-decoration: none;
    padding: 0.2em 0.6em;
    font-size: smaller;
    text-shadow: -1px -1px white;
}
p.testlink a:active {
    border-style: inset;
}