/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
/* http://creativecommons.org/licenses/by/2.0                     */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/*h1,h2,h3,h4,h5,h6,pre,code { font-size:100%; }*/

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */



/* http://www.w3.org/TR/CSS2/sample.html */

ADDRESS,
BLOCKQUOTE,
BODY, DD, DIV,
DL, DT,
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4,
H5, H6, IFRAME,
NOFRAMES,
OBJECT, OL, P,
UL, APPLET,
CENTER, DIR,
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 4ex; margin: 1.33ex 0 }
H2              { font-size: 3ex; margin: 1.67ex 0 }
H3              { font-size: 2.25ex; margin: 2ex 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 2.67ex 0 }
H5              { font-size: 1.67ex; line-height: 2.25ex; margin: 3.33ex 0 }
H6              { font-size: 1.33ex; margin: 4.67ex 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 2.25ex }
SMALL, SUB, SUP { font-size: 1.67ex }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }


UL { list-style-type: disc; }


/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.2ex }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}



/*
 *  Common VAPI Styles
 */

.no-css {
	display: none;
}

.vapi-debug {
	background-color: white;
	color: black;
	font-family: Consolas, "Courier New", monospace;
	text-align: left;
	font-size: 10pt;
	float: left;
	clear: both;
	width: 100%;
}
.vapi-debug h2 {
	display: block !important;
	clear: both !important;
	background-color: #333 !important;
	color: white !important;
}

.vapi-trace-item {
	clear: both;
	border-bottom: 1px dotted gray;
	text-align: left;
}
.vapi-trace-item .time {
	float: right;
	width: 25%;
}
.vapi-trace-item .info {
	float: left;
	width: 70%;
	min-height: 1.3em;
	xmax-height: 2.6em;
	overflow: hidden;
	overflow: auto;
}
.vapi-trace-item .time * {
	padding: 0 1em;
	border-left: 1px dotted gray;
}
.vapi-trace-item i {
	display: none;
}
.vapi-trace-item .message,
.vapi-trace-item .context {
	width: 45%;
	xheight: 100%;
	xoverflow: hidden;
}

.vapi-trace .vapi-trace-item {
	float: left;
	clear: both;
	width: 100%;
	xpadding: 2px 0;
	padding-left: 5px;
}

.vapi-trace .message {
	float: left;
	width: 50%;
	font-weight: normal;
}
.vapi-trace .context {
	float: left;
	xfloat: right;
	xtext-align: left;
}
.vapi-trace .mark {
	color: gray;
	font-style: italic;
	font-weight: bold;
	color: black;
	font-style: normal;
}
.vapi-trace .normal {
	color: gray;
}
.vapi-trace .detail {
	color: gray;
}
.vapi-trace .detail .time {
	display: none;
}
.vapi-trace .warning {
	color: red;
}
.vapi-trace .heading {
	background: gray;
	color: white;
}
.vapi-trace .normal .info,
.vapi-trace .warning .info {
	padding-left: 2em;
}
.vapi-trace .detail .info {
	padding-left: 4em;
	font-size: smaller;
}
.vapi-trace .interval {
	font-weight: bold;
}


.vapi-tree {
	text-align: left;
	xfont-size: 14pt;
}
.vapi-tree .item {
	xpadding-left: 1.5em;
	width: 97%;
	float: right;
	clear: both;
	position: relative;

	xfont-size: 95%;
	xborder: 1px dotted;
}
.vapi-tree .layout {
	font-size: 90%;
	border-left: 2px dotted gray;
	float: left;
	width: 100%;
}
.vapi-tree .children {
}
.vapi-tree .item .uid,
.vapi-tree .item .id,
.vapi-tree .item .detail {
	xborder: 1px dotted yellow;
}
.vapi-tree .item .uid {
	position: absolute;
	left: 20em;
	font-size: 90%;
}
.vapi-tree .item .id {
	position: absolute;
	left: 35em;
	font-size: 100%;
}
.vapi-tree .item .detail {
	position: absolute;
	right: 0;
	width: 20em;
}