ol{ list-style:decimal; }
ol ol{ list-style:upper-alpha; }
ol ol ol{ list-style:lower-roman; }
ol ol ol ol{ list-style:lower-alpha; }

/* following rules are specifically for the complex nested list in #textequivalentcomputation */
/* but perhaps we should abstract this out to a more general classname (like .stepbystep or .nested) instead */
#textequivalentcomputation li{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
#textequivalentcomputation > ol{
	padding-top:0.5em;
	padding-bottom:0.7em;
	border:solid 1px #ccc;
}
#textequivalentcomputation > ol > li{
	margin-right:2em;
}

/* not clear where/why the following two blocks are used; spacing on .role causes problem in html-aam; commenting out for now
 * 
.role, .state, .property, .widget {
	margin-left: 2em;
	margin-bottom: 4ex;
}

.role-name, .state-name, .property-name, .widget-name {
	/* margin-left: -2em; */
/*	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
}
*/
.role-parent ul,
.role-base ul,
.role-children ul,
.role-related ul,
.role-scope ul,
.role-mustcontain ul,
.role-required-properties ul,
.role-properties ul,
.role-inherited ul,
.role-disallowed ul,
.role-namefrom ul,
.state-value ul, .state-related ul,
.state-applicability ul,
.state-descendants ul,
.property-value ul,
.property-related ul,
.property-applicability ul,
.property-descendants ul,
.quickref-required ul,
.quickref-supported ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
/*
.role-parent ul li, .role-children ul li, .role-related ul li, .role-scope ul li, .role-mustcontain ul li, .role-required-properties ul li, .role-properties ul li, .role-inherited ul li, .role-namefrom ul li, .state-value ul li, .state-related ul li, .state-applicability ul li, .state-descendants ul li, .property-value ul li, .property-related ul li, .property-applicability ul li, .property-descendants ul li {
	display: inline;
}
.role-parent ul li:after, .role-children ul li:after, .role-related ul li:after, .role-scope ul li:after, .role-mustcontain ul li:after, .role-required-properties ul li:after, .role-properties ul li:after, .role-inherited ul li:after, .role-namefrom ul li:after, .state-value ul li:after, .state-related ul li:after, .state-applicability ul li:after, .state-descendants ul li:after, .property-value ul li:after, .property-related ul li:after, .property-applicability ul li:after, .property-descendants ul li:after {
	content: " ";
}
*/
/*
.widget-description ul, .widget-keyboard ul, .widget-mouse ul, .widget-styling ul, .widget-aria ul, .widget-example ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
*/

table{
	border:solid 2px #999;
	border-width:1px 0 0 1px;
	margin:0.1em 0 1em;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}
th, td{
	border:solid 2px #999;
	border-width:0 1px 1px 0;
	padding:0.15em 0.3em 0.1em;
	vertical-align:top;
	text-align:left;
}
th{
	background-color:#eee;
}
caption{
	text-align:left;
	color:#555;
	font-style:normal;
	margin:1em 0 0.1em;
	padding:0 0 0 0.3em;
}
table.role-features th, table.role-features td, table.state-features th, table.state-features td, table.property-features th, table.property-features td, table.value-descriptions th, table.value-descriptions td {
	min-width:20em;
}
table.role-features tbody th, table.state-features tbody th, table.property-features tbody th, table.value-descriptions tbody th {
    text-align: left !important;
}
th+th, td+td{
	width:auto;
}
/*
.role-abstract-head, .role-parent-head, .role-children-head, .role-related-head, .role-scope-head, .role-mustcontain-head, .role-required-properties-head, .role-properties-head, .role-inherited-head, .role-namefrom-head, .role-child-presentational-head, .role-presentational-inherited-head, .state-value-head, .state-related-head, .state-applicability-head, .property-value-head, .property-related-head, .property-applicability-head, .widget-description-head, .widget-keyboard-head, .widget-mouse-head, .widget-styling-head, .widget-aria-head, .widget-example-head {
	width: 20em;
}
table.role-features, table.role-features tbody tr td, table.role-features thead tr th, table.state-features, table.state-features tbody tr td, table.state-features thead tr th, table.property-features, table.property-features tbody tr td, table.property-features thead tr th, table.widget-features, table.widget-features tbody tr td, table.widget-features tbody tr th {
	border: 1px solid #000000;
}
table.role-properties tbody tr th, table.state-properties tbody tr th, table.property-properties tbody tr th {
	padding-right: 1em;
}
table.value-descriptions caption {
	margin-top: 1em;
}
*/

html code, html pre, html kbd{ /* more specific selector than the default W3C style sheet */
	/* Most browsers default 'monospace' to Courier, which has an ex-height of about 60% normal size. */
	/* Monaco has a normal ex-height so font sizes appear more consistent with surrounding non-monospaced text. */
	font-family: "Monaco", "Courier New", "Courier", monospace;
	font-family: "Monaco", "Courier New", "Courier"; /* declare as separate rule to account for browser font-size inconsistencies, monospace fallback from previous rule should still work in the [almost non-existant] case that a user system does not have Courier */
	font-size:0.9em;
}
html pre { /* more specific selector than the default W3C style sheet */
	border: solid 1px #999;
	background-color: #fcfcfc;
	margin:1em 0;
	padding:0.5em 0.8em;
	font-size:0.75em; /* text in blocks code blocks looked too big now that font is back to normal size */
	line-height:1.4; /* [sic] unitless multiplier, not EM size */
}
pre .tag, code .tag, code.tag{
	color:#00c; /* blue */
}
pre .str, code .str, code.str{
	color:#090; /* green */
}
pre .comment, code .comment, code.comment, .comment .str, .comment .tag{
	color:#777; /* gray */
}
/*
.role-reference, .role-reference:link, .role-reference:visited {
	background-color: #eee;
}
.state-reference, .state-reference:link, .state-reference:visited {
	background-color: #ffc;
}
.property-reference, .property-reference:link, .property-reference:visited {
	background-color: #ccf;
}
.widget-reference, .widget-reference:link, .widget-reference:visited {
	background-color: #9f6;
}
*/
.termref, a.termref:link {
	color:#006400;
	text-decoration:none;
	font-style:italic;
}
a.termref:visited {
	color:inherit;
}
a.termref:hover, a.termref:focus {
	background-color: #fafad2;
	color: #006400;
}
.empty {
	display: none;
}
.note {
	color:#444;
	border:solid 1px #ccc;
	margin:1em 0;
	padding:1em 2em;
}
.ednote {
	border:solid 3px #cca;
	background-color:#ffd;
	padding:0 0.8em;
}
.role-screenshot {
	float: right;
	margin-left: 1em;
	margin-bottom: 1ex;
}
.role-screenshot p {
	text-align: center;
	font-size: smaller;
}
.image {
	text-align: center;
}
.img {
	margin-left: auto;
	margin-right: auto;
}
.img p {
	text-align: center;
	font-weight: bold;
	font-size: smaller;
}
.img-caption {
	font-weight: bold;
}
/*
dl.runin dt {
	display: run-in;
}
dl.runin dt:after {
	content: ": ";
}
*/
dl.compact dt {
	font-weight:normal;
}
/*
dl.compact dd {
	margin-left: 5em;
}
*/
.rfc2119 {
	font-weight: bold;
	text-transform: uppercase;
}
.todo {
	background-color:#f99;
}
.issue {
	background-color:#0c0;
}
abbr.symbol {
	border-bottom:none;
}

.aref { 
	font-family: monospace; 
	font-weight: bold; 
	color: #ff4500 !important;
}

/* prevent <dt> from butting up against previous <dd> in .termlist (terms.html) */
.termlist dt {margin-top: 1em;}