--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/Overview.html Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,2121 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+<meta charset="utf-8">
+<title>TTML Simple Delivery Profile for Closed Captions (US)</title>
+
+
+<style>
+.style1
+{
+ height: 15.0pt;
+ width: 38pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: "Courier New", monospace;
+ text-align: right;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style2
+{
+ width: 37pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Segoe, sans-serif;
+ text-align: center;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style3
+{
+ height: 15.0pt;
+ width: 38pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Calibri, sans-serif;
+ text-align: right;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style4
+{
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Segoe, sans-serif;
+ text-align: center;
+ vertical-align: middle;
+ white-space: nowrap;
+ border-left-style: none;
+ border-left-color: inherit;
+ border-left-width: medium;
+ border-right-style: none;
+ border-right-color: inherit;
+ border-right-width: medium;
+ border-top: .5pt solid windowtext;
+ border-bottom-style: none;
+ border-bottom-color: inherit;
+ border-bottom-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+ background: #EEECE1;
+}
+.style5
+{
+ height: 15.0pt;
+ width: 38pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 700;
+ font-style: normal;
+ text-decoration: none;
+ font-family: "Courier New", monospace;
+ text-align: right;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style6
+{
+ width: 37pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Segoe, sans-serif;
+ text-align: center;
+ vertical-align: middle;
+ white-space: normal;
+ border-left-style: none;
+ border-left-color: inherit;
+ border-left-width: medium;
+ border-right-style: none;
+ border-right-color: inherit;
+ border-right-width: medium;
+ border-top: .5pt solid windowtext;
+ border-bottom-style: none;
+ border-bottom-color: inherit;
+ border-bottom-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+ background: #EEECE1;
+}
+
+div.template
+{
+ padding: 0 8px 0 8px;
+ background: #eeeeee;
+}
+div.numbered:before
+{
+ content: attr(title) " - ";
+ font-weight: bold;
+}
+div.numbered
+{
+ padding: 0 12px 0 8px;
+}
+div.constraint
+{
+ margin-bottom: 1em;
+}
+span.numbered
+{
+ font-weight: bold;
+ padding-left: 2em;
+}
+
+span.ttmlTerm
+{
+ font-weight: bold;
+}
+table
+{
+ font-family: verdana,arial,sans-serif;
+ font-size: 11px;
+ color: #333333;
+ border-width: 1px;
+ border-color: #666666;
+ border-collapse: collapse;
+}
+table th
+{
+ border-width: 1px;
+ padding: 8px;
+ border-style: solid;
+ border-color: #666666;
+ background-color: #dedede;
+}
+table tr td
+{
+ border-width: 1px;
+ padding: 8px;
+ border-style: solid;
+ border-color: #666666;
+ background-color: #ffffff;
+}
+</style>
+<style>/*****************************************************************
+ * ReSpec 3 CSS
+ * Robin Berjon - http://berjon.com/
+ *****************************************************************/
+
+/* --- INLINES --- */
+em.rfc2119 {
+ text-transform: lowercase;
+ font-variant: small-caps;
+ font-style: normal;
+ color: #900;
+}
+
+h1 acronym, h2 acronym, h3 acronym, h4 acronym, h5 acronym, h6 acronym, a acronym,
+h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 abbr, h6 abbr, a abbr {
+ border: none;
+}
+
+dfn {
+ font-weight: bold;
+}
+
+a.internalDFN {
+ color: inherit;
+ border-bottom: 1px solid #99c;
+ text-decoration: none;
+}
+
+a.externalDFN {
+ color: inherit;
+ border-bottom: 1px dotted #ccc;
+ text-decoration: none;
+}
+
+a.bibref {
+ text-decoration: none;
+}
+
+cite .bibref {
+ font-style: normal;
+}
+
+code {
+ color: #ff4500;
+}
+
+/* --- TOC --- */
+.toc a, .tof a {
+ text-decoration: none;
+}
+
+a .secno, a .figno {
+ color: #000;
+}
+
+ul.tof, ol.tof {
+ list-style: none outside none;
+}
+
+.caption {
+ margin-top: 0.5em;
+ font-style: italic;
+}
+
+/* --- TABLE --- */
+table.simple {
+ border-spacing: 0;
+ border-collapse: collapse;
+ border-bottom: 3px solid #005a9c;
+}
+
+.simple th {
+ background: #005a9c;
+ color: #fff;
+ padding: 3px 5px;
+ text-align: left;
+}
+
+.simple th[scope="row"] {
+ background: inherit;
+ color: inherit;
+ border-top: 1px solid #ddd;
+}
+
+.simple td {
+ padding: 3px 10px;
+ border-top: 1px solid #ddd;
+}
+
+.simple tr:nth-child(even) {
+ background: #f0f6ff;
+}
+
+/* --- DL --- */
+.section dd > p:first-child {
+ margin-top: 0;
+}
+
+.section dd > p:last-child {
+ margin-bottom: 0;
+}
+
+.section dd {
+ margin-bottom: 1em;
+}
+
+.section dl.attrs dd, .section dl.eldef dd {
+ margin-bottom: 0;
+}
+</style><style>/* --- EXAMPLES --- */
+div.example-title {
+ min-width: 7.5em;
+ color: #b9ab2d;
+}
+div.example-title span {
+ text-transform: uppercase;
+}
+aside.example, div.example, div.illegal-example {
+ padding: 0.5em;
+ margin: 1em 0;
+ position: relative;
+ clear: both;
+}
+div.illegal-example { color: red }
+div.illegal-example p { color: black }
+aside.example, div.example {
+ padding: .5em;
+ border-left-width: .5em;
+ border-left-style: solid;
+ border-color: #e0cb52;
+ background: #fcfaee;
+}
+
+aside.example div.example {
+ border-left-width: .1em;
+ border-color: #999;
+ background: #fff;
+}
+aside.example div.example div.example-title {
+ color: #999;
+}
+</style><style>/* --- ISSUES/NOTES --- */
+div.issue-title, div.note-title {
+ padding-right: 1em;
+ min-width: 7.5em;
+ color: #b9ab2d;
+}
+div.issue-title { color: #e05252; }
+div.note-title { color: #2b2; }
+div.issue-title span, div.note-title span {
+ text-transform: uppercase;
+}
+div.note, div.issue {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+.note > p:first-child, .issue > p:first-child { margin-top: 0 }
+.issue, .note {
+ padding: .5em;
+ border-left-width: .5em;
+ border-left-style: solid;
+}
+div.issue, div.note {
+ padding: 1em 1.2em 0.5em;
+ margin: 1em 0;
+ position: relative;
+ clear: both;
+}
+span.note, span.issue { padding: .1em .5em .15em; }
+
+.issue {
+ border-color: #e05252;
+ background: #fbe9e9;
+}
+.note {
+ border-color: #52e052;
+ background: #e9fbe9;
+}
+
+
+</style><link rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-WG-NOTE"><!--[if lt IE 9]><script src='http://www.w3.org/2008/site/js/html5shiv.js'></script><![endif]--></head>
+<body class="h-entry"><div class="head">
+ <p>
+
+ <a href="http://www.w3.org/"><img width="72" height="48" src="http://www.w3.org/Icons/w3c_home" alt="W3C"></a>
+
+ </p>
+ <h1 class="title p-name" id="title">TTML Simple Delivery Profile for Closed Captions (US)</h1>
+
+ <h2 id="subtitle">A profile of TTML for internet delivery of Captions originated in the United States</h2>
+
+ <h2 id="w3c-working-group-note-08-may-2013"><abbr title="World Wide Web Consortium">W3C</abbr> Working Group Note <time class="dt-published" datetime="2013-05-08">08 May 2013</time></h2>
+ <dl>
+
+ <dt>This version:</dt>
+ <dd><a class="u-url" href="http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130508/">http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130508/</a></dd>
+ <dt>Latest published version:</dt>
+ <dd><a href="http://www.w3.org/TR/ttml10-sdp-us/">http://www.w3.org/TR/ttml10-sdp-us/</a></dd>
+
+
+
+
+
+
+ <dt>Previous version:</dt>
+ <dd><a href="http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130205/">http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130205/</a></dd>
+
+
+ <dt>Editors:</dt>
+ <dd class="p-author h-card vcard"><span class="p-name fn">Glenn Adams</span>, <a class="p-org org h-org h-card" href="http://www.cox.com/">Cox Communications, Inc.</a></dd>
+<dd class="p-author h-card vcard"><span class="p-name fn">Monica Martin</span>, <a class="p-org org h-org h-card" href="http://www.microsoft.com/">Microsoft Open Technologies, Inc.</a></dd>
+<dd class="p-author h-card vcard"><span class="p-name fn">Sean Hayes</span>, <a class="p-org org h-org h-card" href="http://www.microsoft.com/">Microsoft</a></dd>
+
+
+
+ </dl>
+
+
+
+
+
+ <p class="copyright">
+ <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ©
+ 2013
+
+ <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup>
+ (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>,
+ <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
+ <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved.
+ <abbr title="World Wide Web Consortium">W3C</abbr> <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
+ <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and
+ <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.
+ </p>
+
+
+ <hr>
+</div>
+<section id="abstract" class="introductory"><h2>Abstract</h2>
+<p>This document specifies the Simple Online Delivery Profile (US) of the Timed Text Markup Language (TTML).</p>
+<p>The primary goal of the profile defined herein is to establish a minimum level of interoperability between
+[<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] and legacy caption formats employed in US markets, such as [<cite><a class="bibref" href="#bib-CEA608">CEA608</a></cite>] and [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>]. This is accomplished by
+(1) defining a set of constraints that apply to TTML document instances that claim adherence to this profile, and
+(2) defining a set of mandatory features and behaviors that <em class="rfc2119" title="MUST">MUST</em> be supported by implementations of a TTML
+Presentation Processor that claim adherence to this profile.</p>
+</section><section id="sotd" class="introductory"><h2>Status of This Document</h2>
+
+
+
+ <p>
+ <em>This section describes the status of this document at the time of its publication. Other
+ documents may supersede this document. A list of current <abbr title="World Wide Web Consortium">W3C</abbr> publications and the latest revision
+ of this technical report can be found in the <a href="http://www.w3.org/TR/"><abbr title="World Wide Web Consortium">W3C</abbr> technical reports
+ index</a> at http://www.w3.org/TR/.</em>
+ </p>
+
+<p>This document applies the following guiding principles for online delivery of closed captions originated in the United States:</p>
+<ol>
+<li>Promote interoperability.</li>
+<li>Define mandatory functionality based on a specified set of TTML features.</li>
+<li>Use this functionality to apply constraints on usage of a specified set of TTML features.</li>
+</ol>
+
+ <p>
+ This document was published by the <a href="http://www.w3.org/AudioVideo/TT/">Timed Text Working Group</a> as a Working Group Note.
+
+
+ If you wish to make comments regarding this document, please send them to
+ <a href="mailto:public-tt@w3.org">public-tt@w3.org</a>
+ (<a href="mailto:public-tt-request@w3.org?subject=subscribe">subscribe</a>,
+ <a href="http://lists.w3.org/Archives/Public/public-tt/">archives</a>).
+
+
+
+
+ All comments are welcome.
+
+
+ </p><p>
+ Publication as a Working Group Note does not imply endorsement by the <abbr title="World Wide Web Consortium">W3C</abbr> Membership.
+ This is a draft document and may be updated, replaced or obsoleted by other documents at
+ any time. It is inappropriate to cite this document as other than work in progress.
+ </p>
+
+
+ <p>
+
+ This document was produced by a group operating under the
+ <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>.
+
+
+
+
+ <abbr title="World Wide Web Consortium">W3C</abbr> maintains a <a href="http://www.w3.org/2004/01/pp-impl/34314/status" rel="disclosure">public list of any patent disclosures</a>
+
+ made in connection with the deliverables of the group; that page also includes instructions for
+ disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains
+ <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the
+ information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
+ 6 of the <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>.
+
+
+ </p>
+
+
+
+
+</section><section id="toc"><h2 class="introductory">Table of Contents</h2><ul class="toc"><li class="tocline"><a href="#introduction" class="tocxref"><span class="secno">1. </span>Introduction</a></li><li class="tocline"><a href="#terms" class="tocxref"><span class="secno">2. </span>Terms, Definitions, and Conventions</a></li><li class="tocline"><a href="#conformance" class="tocxref"><span class="secno">3. </span>Conformance</a></li><li class="tocline"><a href="#structural-constraints" class="tocxref"><span class="secno">4. </span>Structural Constraints</a><ul class="toc"><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content" class="tocxref"><span class="secno">4.1 </span>Use of Constrained TTML Feature <span>#content</span></a></li><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content_profile" class="tocxref"><span class="secno">4.2 </span>Use of Constrained TTML Feature <span>#profile</span></a></li></ul></li><li class="tocline"><a href="#Style_Constraints" class="tocxref"><span class="secno">5. </span>Style Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_backgroundColor" class="tocxref"><span class="secno">5.1 </span>Use of Constrained TTML Feature <span>#backgroundColor-*</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_color" class="tocxref"><span class="secno">5.2 </span>Use of Constrained TTML Feature <span>#color</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_extent_region" class="tocxref"><span class="secno">5.3 </span>Use of Constrained TTML Feature <span>#extent-region</span></a><ul class="toc"><li class="tocline"><a href="#examples" class="tocxref"><span class="secno">5.3.1 </span>Examples</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontFamily_generic" class="tocxref"><span class="secno">5.4 </span>Use of Constrained TTML Feature <span>#fontFamily-generic</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontSize" class="tocxref"><span class="secno">5.5 </span>Use of Constrained TTML Feature <span>#fontSize</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling" class="tocxref"><span class="secno">5.6 </span>Use of Constrained TTML Feature <span>#styling-*</span></a></li></ul></li><li class="tocline"><a href="#layout_constraints" class="tocxref"><span class="secno">6. </span>Layout Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_layout" class="tocxref"><span class="secno">6.1 </span>Use of Constrained TTML Feature <span>#layout</span></a></li></ul></li><li class="tocline"><a href="#timing_constraints" class="tocxref"><span class="secno">7. </span>Timing Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_timing" class="tocxref"><span class="secno">7.1 </span>Use of Constrained TTML Feature <span>#timing</span></a></li><li class="tocline"><a href="#animation" class="tocxref"><span class="secno">7.2 </span>Use of Constrained TTML Feature <span>#animation</span></a></li></ul></li><li class="tocline"><a href="#other_constraints" class="tocxref"><span class="secno">8. </span>Other Constraints</a><ul class="toc"><li class="tocline"><a href="#Encoding_Constraints" class="tocxref"><span class="secno">8.1 </span>Encoding Constraints</a></li><li class="tocline"><a href="#Ease_of_Use_Constraints" class="tocxref"><span class="secno">8.2 </span>Ease of Use Constraints</a><ul class="toc"></ul></li></ul></li><li class="tocline"><a href="#Features_in_TTML_1.0_Used" class="tocxref"><span class="secno">9. </span>Features in TTML 1.0 Used in This Profile</a></li><li class="tocline"><a href="#error_handling" class="tocxref"><span class="secno">10. </span>Error handling</a></li><li class="tocline"><a href="#future_needs" class="tocxref"><span class="secno">A. </span>Future Needs for TTML next for Simple Delivery</a><ul class="toc"><li class="tocline"><a href="#Section2" class="tocxref"><span class="secno">A.1 </span>Values for font family support</a></li><li class="tocline"><a href="#Section3" class="tocxref"><span class="secno">A.2 </span>Support for character edge features</a></li><li class="tocline"><a href="#Section4" class="tocxref"><span class="secno">A.3 </span>Specify rendering model that accounts for drawing performance</a></li></ul></li><li class="tocline"><a href="#mapping-of-us-government-requirements-to-constrained-profile-features" class="tocxref"><span class="secno">B. </span>Mapping of US Government Requirements to Constrained Profile Features</a></li><li class="tocline"><a href="#code-points" class="tocxref"><span class="secno">C. </span>Code points</a></li><li class="tocline"><a href="#color-values" class="tocxref"><span class="secno">D. </span>Color values</a></li><li class="tocline"><a href="#acknowledgements" class="tocxref"><span class="secno">E. </span>Acknowledgements</a></li><li class="tocline"><a href="#references" class="tocxref"><span class="secno">F. </span>References</a><ul class="toc"><li class="tocline"><a href="#normative-references" class="tocxref"><span class="secno">F.1 </span>Normative references</a></li><li class="tocline"><a href="#informative-references" class="tocxref"><span class="secno">F.2 </span>Informative references</a></li></ul></li></ul></section>
+
+<section id="introduction">
+<!--OddPage--><h2><span class="secno">1. </span>Introduction</h2>
+<p>TTML 1.0 [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] provides many features to satisfy captioning and subtitling requirements, not all of which are intended for end user display. Requirements have been identified by key video and content communities to define an interoperable delivery profile using the core features specifically designed for online presentation of TTML. Such a profile allows the community of TTML users to construct constrained presentation engines for TTML. This document defines the behavior expected of a TTML content player using the presentation processor constraints for such an online delivery profile.</p>
+<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">At the time of publication, this profile normatively refers to [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], and informatively refers to [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>]. The most recently
+published version of TTML should take precedence as the definitive reference.</p></div>
+<p>The Simple Online Delivery profile is focused on streamlined delivery of closed captions on the Internet. This interoperability profile supports core TTML features to deliver legacy formats such as [<cite><a class="bibref" href="#bib-CEA608">CEA608</a></cite>] and [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>] content, and, as such, is targeted primarily for use in US markets.</p>
+<p>The Simple Delivery Profile for Closed Captions focuses on interoperability using [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] to support delivery of closed captions for video content. Other profiles based on [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] may target other types of subtitles such as on-screen text or graphics. This interoperability profile is a proper subset of [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] intended to support features required for US Government closed captioning requirements for online presentation.</p>
+</section>
+<section id="terms">
+<!--OddPage--><h2><span class="secno">2. </span>Terms, Definitions, and Conventions</h2>
+<p>The terms and definitions in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] serve as the basis for this interoperability profile. The following terms supplant those found in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>].</p>
+<table title="Table 1 - Terms and Definitions">
+<tbody><tr>
+<th>Name</th>
+<th>Definition</th>
+</tr>
+<tr>
+<td>a document</td>
+<td>A TTML document that is intended to conform to this profile.</td>
+</tr>
+<tr>
+<td>a presentation processor</td>
+<td>A TTML presentation processor that is intended to conform to this profile.</td>
+</tr>
+</tbody></table>
+<p>When this document refers to a TTML element type and no namespace prefix is specified, then the <code>tt</code>
+namespace prefix is implied. This prefix and other explicit namespace prefixes used herein correspond to those
+TTML namespaces defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 5.1.</p>
+<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">In the examples in this document, standard TTML namespace prefixes are abbreviated for brevity, without loss of generality.</p></div>
+</section>
+<section id="conformance"><!--OddPage--><h2><span class="secno">3. </span>Conformance</h2>
+<p>
+ As well as sections marked as non-normative, all authoring guidelines, diagrams, examples,
+ and notes in this specification are non-normative. Everything else in this specification is
+ normative.
+</p>
+<p>
+ The key words <em class="rfc2119" title="MUST">MUST</em>, <em class="rfc2119" title="MUST NOT">MUST NOT</em>, <em class="rfc2119" title="REQUIRED">REQUIRED</em>, <em class="rfc2119" title="SHOULD">SHOULD</em>, <em class="rfc2119" title="SHOULD NOT">SHOULD NOT</em>, <em class="rfc2119" title="RECOMMENDED">RECOMMENDED</em>, <em class="rfc2119" title="MAY">MAY</em>,
+ and <em class="rfc2119" title="OPTIONAL">OPTIONAL</em> in this specification are to be interpreted as described in [<cite><a class="bibref" href="#bib-RFC2119">RFC2119</a></cite>].
+</p>
+
+<p>This profile defines (1) constraints on documents and (2) minimum requirements for a TTML presentation processor capable of presenting such constrained
+documents.</p>
+<p>A document conforms to this profile if it:</p>
+<ol>
+<li>contains all elements and attributes required by this profile;</li>
+<li>does not contain or employ elements and attributes that are prohibited by this profile; and</li>
+<li>satisfies all other semantic constraints defined by this profile.</li>
+</ol>
+<p>A conformant document is said to be <em>strictly conformant</em> if it does not contain any feature that is not explicitly specified as included in this profile.</p>
+<p>A TTML presentation processor conforms to this profile if it:</p>
+<ol>
+<li>implements support for the profile definition specified in <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>; and</li>
+<li>implements support for all other semantics explicitly defined by this profile.</li>
+</ol>
+<p>The semantics defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] apply unless otherwise constrained in this profile.</p>
+<p>Claims of document conformance <em class="rfc2119" title="MUST">MUST</em> make use of the following profile URI, identified with the indicated profile name:</p>
+<table>
+<tbody><tr>
+<th>Profile Name</th>
+<th>Profile Designator</th>
+</tr>
+<tr>
+<td><code>SDP US</code></td>
+<td><code>http://www.w3.org/ns/ttml/profile/sdp-us</code></td>
+</tr>
+</tbody></table>
+<p>Conformance to this profile does not preclude:</p>
+<ol>
+<li>use of other features defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], in which case such behavior is not defined here; or</li>
+<li>use of other profiles that may implement the features in this profile.</li>
+</ol>
+<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">Error handling behavior is described in <a href="#error_handling">Error Handling</a>.</p></div>
+</section>
+<section class="Structural_Constraints" id="structural-constraints">
+<!--OddPage--><h2><span class="secno">4. </span>Structural Constraints</h2>
+<div><div class="numbered constraint" title="R0001">A document <em class="rfc2119" title="MUST">MUST</em> contain a <code>tt</code> element.</div></div>
+<div><div class="numbered constraint" title="R0002">A document <em class="rfc2119" title="MUST">MUST</em> contain both a <code>head</code> and <code>body</code> element.</div></div>
+<div><div class="numbered constraint" title="R0003">A document <em class="rfc2119" title="MUST">MUST</em> contain both a <code>styling</code> and a <code>layout</code> element.</div></div>
+<div><div class="numbered constraint" title="R0004">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>div</code> element which has a descendant <code>div</code> element.</div></div>
+<div><div class="numbered constraint" title="R0005">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>span</code> element which has a descendant <code>span</code> element.</div></div>
+<div><div class="numbered" title="E0001">Single level of spans.</div></div>
+<div class="example"><div class="example-title"><span>Example 1</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>A<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s3</span>"<span style="color: blue;">></span>B<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>C<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span></pre></div>
+<div><div class="numbered constraint" title="R0006">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain two elements such that the lexical order of the elements is different than the temporal
+order of the elements.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><div class=""><p>This constraint is intended to limit the lexical order of elements to match the temporal order of the active duration of these elements.</p></div></div>
+<section id="Use_of_Constrained_TTML_Feature_content">
+<h3><span class="secno">4.1 </span>Use of Constrained TTML Feature <span>#content</span></h3>
+<div><div class="numbered constraint" title="R0007">A document that is claimed to be <em>strictly</em> conformant <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain an
+element that is not one of the following element types:</div></div>
+<ul>
+<li><code>tt</code></li>
+<li><code>head</code></li>
+<li><code>styling</code></li>
+<li><code>style</code></li>
+<li><code>layout</code></li>
+<li><code>region</code></li>
+<li><code>body</code></li>
+<li><code>div</code></li>
+<li><code>p</code></li>
+<li><code>span</code></li>
+<li><code>br</code></li>
+<li><code>set</code></li>
+<li><code>ttp:profile</code></li>
+<li><code>ttp:features</code></li>
+<li><code>ttp:feature</code></li>
+<li><code>ttp:extensions</code></li>
+<li><code>ttp:extension</code></li>
+</ul>
+</section>
+<section id="Use_of_Constrained_TTML_Feature_content_profile">
+<h3><span class="secno">4.2 </span>Use of Constrained TTML Feature <span>#profile</span></h3>
+<div><div class="numbered constraint" title="R0008">A document <em class="rfc2119" title="MUST">MUST</em> contain a <code>ttp:profile</code> element where the <code>use</code> attribute of that element is specified as <code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</div></div>
+<div><div class="numbered constraint" title="R0009">A presentation processor <em class="rfc2119" title="MUST">MUST</em> support the profile identified by the URI <code>http://www.w3.org/ns/ttml/profile/sdp-us</code> as defined by <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>See also <a href="#conformance">Conformance</a>. [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] allows zero or more profiles (<code>ttp:profile</code> in the <code>head</code> element) to be specified and used simultaneously.</p></div></div>
+</section>
+</section>
+<section id="Style_Constraints">
+<!--OddPage--><h2><span class="secno">5. </span>Style Constraints</h2>
+<p></p>
+<section id="Constrained_TTML_Feature_backgroundColor">
+<h3><span class="secno">5.1 </span>Use of Constrained TTML Feature <span>#backgroundColor-*</span></h3>
+<p></p>
+<div><div class="numbered constraint" title="R0010">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <strong><color></strong> expression value used with the
+<code>tts:backgroundColor</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
+[<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Section 8.3.2.</div></div>
+<div><div class="numbered constraint" title="R0011">A presentation processor <em class="rfc2119" title="MUST">MUST</em> support the colors specified in <a href="#color-values">Color Values</a> for use
+with the <code>tts:backgroundColor</code> attribute.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div></div>
+<div><div class="numbered constraint" title="R0012">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>region</code> element where the value of the alpha component of the region's computed value for the
+<code>tts:backgroundColor</code> property is not zero (0).</div></div>
+<div><div class="numbered" title="E0002">Multiple Background Styles. The <code>tts:backgroundColor</code> is specified distinctly for a region, a paragraph selected into
+that region, and a span of text in that paragraph.</div></div>
+<div class="example"><div class="example-title"><span>Example 2</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:maroon;">region</span> <span style="color:red;">xml:id</span><span style="color:blue;">="r1"</span> <span style="color:red;">tts</span><span style="color:blue;">:</span><span style="color:red;">backgroundColor</span><span style="color:blue;">="#00000000"/></span>
+...
+<span style="color:blue;"><</span><span style="color:maroon;">p</span> <span style="color:red;">region</span><span style="color:blue;">="r1"</span> <span style="color:red;">tts</span><span style="color:blue;">:</span><span style="color:red;">backgroundColor</span><span style="color:blue;">="#1049edff"></span>
+ Twinkle, twinkle, little bat!<span style="color:blue;"><</span><span style="color:maroon;">br</span><span style="color:blue;">/></span>
+ How <span style="color:blue;"><</span><span style="color:maroon;">span</span> <span style="color:red;">tts</span><span style="color:blue;">:</span><span style="color:red;">backgroundColor</span><span style="color:blue;">="#ed1078ff"></span>I wonder<span style="color:blue;"></</span><span style="color:maroon;">span</span><span style="color:blue;">></span> where you're at!
+<span style="color:blue;"></</span><span style="color:maroon;">p</span><span style="color:blue;">></span></pre></div>
+</section>
+<section id="Constrained_TTML_Feature_color">
+<h3><span class="secno">5.2 </span>Use of Constrained TTML Feature <span>#color</span></h3>
+<div><div class="numbered constraint" title="R0013">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <strong><color></strong> expression value used with the
+<code>tts:color</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
+[<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Section 8.3.2.</div></div>
+<div><div class="numbered constraint" title="R0014">A presentation processor <em class="rfc2119" title="MUST">MUST</em> support the colors specified in <a href="#color-values">Color Values</a> for use
+with the <code>tts:color</code> attribute.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div></div>
+</section>
+<section id="Constrained_TTML_Feature_extent_region">
+<h3><span class="secno">5.3 </span>Use of Constrained TTML Feature <span>#extent-region</span></h3>
+<div><div class="numbered constraint" title="R0015">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>region</code> element where the computed values of the <code>tts:origin</code> and
+<code>tts:extent</code> properties would result in the region extending outside of the root container.</div></div>
+<div><div class="numbered constraint" title="R0016">A presentation processor <em class="rfc2119" title="MUST">MUST</em> fix the root container origin so that it corresponds with the top, left corner of the related
+media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>], Section 2.2.</div></div>
+<div><div class="numbered constraint" title="R0017">A presentation processor <em class="rfc2119" title="MUST">MUST</em> fix the root container extent so that it corresponds with the extent of the related
+media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>], Section 2.2.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>In the context of this document, the related media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>] is assumed to be video media, and, therefore, have an
+associated origin and extent on some display device.</p></div></div>
+<section class="informative" id="examples">
+<h4><span class="secno">5.3.1 </span>Examples</h4><p><em>This section is non-normative.</em></p>
+<p>This profile supports the following caption styles:</p>
+<ul>
+<li>Pop-up</li>
+<li>Roll-up</li>
+<li>Paint-on</li>
+</ul>
+<p>Pop-up style captions are typically characterized by small blocks of text that appear all at once.</p>
+<p>Roll-up style captions are typically characterized by words (or small groups of letters) appearing sequentially,
+so that a line fills up incrementally, and then as new lines are added the upper lines are scrolled out of view.</p>
+<p>A Paint-on caption typically appears on the screen one character at a time and is displayed like a Pop-up caption.</p>
+<p>These caption styles are further elucidated by examples below and by [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>] Appendix N, Common Caption Style Examples.</p>
+<div><div class="numbered" title="E0003">Pop-up style</div></div>
+<div class="example"><div class="example-title"><span>Example 3</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"> </span>
+<span style="color: blue;"> </span><span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"<span style="color: blue;"> </span>
+<span style="color: blue;"> </span><span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> A typical transparent region with centered text that has an outline </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">#000000ff 5%</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">#00000000</span>"<span style="color: blue;"> </span>
+ <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> typical 'Pop-up' type region </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> /></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">defaultFont</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:00.101</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span> This is a Pop-up caption. <span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span></pre></div>
+</section>
+<section>
+<div><div class="numbered" title="E0004">Positioned styles.</div></div>
+<div class="example"><div class="example-title"><span>Example 4</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
+ <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">topMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
+ <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 10%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span></pre></div></section>
+<section>
+<div><div class="numbered" title="E0005">Moving regions. Content is positioned based on the location of speaker, which is presented in the bottom two lines individually positioned in a region in order to avoid conflicting with background content.</div></div>
+<div class="example"><div class="example-title"><span>Example 5</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"></span>
+ <span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"
+ <span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>"<span style="color: blue;">none</span>"<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">40% 18%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;">four speakers count off, and then all call 'Jump' together </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>One<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Two<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Three<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Four<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span></pre></div>
+</section>
+</section>
+<section id="Constrained_TTML_Feature_display_display_fontFamily_generic">
+<h3><span class="secno">5.4 </span>Use of Constrained TTML Feature <span>#fontFamily-generic</span></h3>
+<div><div class="numbered constraint" title="R0018">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> specify a <code>tts:fontFamily</code> attribute whose value is not one of the following:</div></div>
+<ul>
+<li><code>default</code></li>
+<li><code>monospaceSerif</code></li>
+<li><code>proportionalSerif</code></li>
+<li><code>monospaceSansSerif</code></li>
+<li><code>proportionalSansSerif</code></li>
+<li><code>casual</code></li>
+<li><code>cursive</code></li>
+<li><code>smallCaps</code></li>
+</ul>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Values of <code>tts:fontFamily</code> that do not not correspond to generic font family names in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], such as <code>casual</code>, <code>cursive</code> and <code>smallCaps</code>, may be used. These are to be interpreted as local font names, which, if not available, the <code>default</code> font family is to be used.</p></div></div>
+</section>
+<section id="Constrained_TTML_Feature_display_display_fontSize">
+<h3><span class="secno">5.5 </span>Use of Constrained TTML Feature <span>#fontSize</span></h3>
+<div><div class="numbered constraint" title="R0019">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> specify a <code>tts:fontSize</code> attribute using a value that is not one of the
+following values: <code>50%</code>, <code>75%</code>, <code>100%</code>, <code>150%</code> or <code>200%</code>.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Use of a font size of less than 75%, e.g., 50%, may result in unreadable content for the end user.</p></div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>If a specific font size is not supported, then follow the semantics for a presentation processor defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Section 8.2.9.</p></div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Constraining the root container extent to the active video area means that the default
+font size of 1c and the default cell grid of 32 x 15 (as specified in TTML 1.0) implies an initial font height of 6.67% of the video height.</p></div></div>
+</section>
+<section id="Constrained_TTML_Feature_styling">
+<h3><span class="secno">5.6 </span>Use of Constrained TTML Feature <span>#styling-*</span></h3>
+<div><div class="numbered constraint" title="R0020">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> use <strong>chained referential styling</strong> or <strong>nested styling</strong> as defined
+by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Sections 8.4.1.3 and 8.4.1.4, respectively.</div></div>
+<div><div class="numbered constraint" title="R0021">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>region</code> element which has a descendant <code>style</code> element.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>The constraints in this section result in a document that contains style blocks that are complete and self-contained.</p></div></div>
+</section>
+</section>
+<section id="layout_constraints">
+<!--OddPage--><h2><span class="secno">6. </span>Layout Constraints</h2>
+<p></p>
+<section id="Constrained_TTML_Feature_layout">
+<h3><span class="secno">6.1 </span>Use of Constrained TTML Feature <span>#layout</span></h3>
+<div><div class="numbered constraint" title="R0022">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain two regions such that the spatial extent of the two regions would (visually) overlap.</div></div>
+<div><div class="numbered constraint" title="R0023">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that more than four regions would be selected into a given synchronic
+intermediate document.</div></div>
+<div><div class="numbered constraint" title="R0024">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that more than four lines of text would be selected a given synchronic
+intermediate document.</div></div>
+<div><div class="numbered constraint" title="R0025">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
+then more than 38 (42) characters, respectively, would be present in the same visible line of text.</div></div>
+<div><div class="numbered constraint" title="R0026">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
+then more than 152 (168) characters, respectively, would be present in all visible lines of text.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>These requirements accommodate content originated in Europe but displayed in the US, as well as content displayed using 16:9 format.</p></div></div>
+<div><div class="numbered constraint" title="R0027">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that more than one <code>p</code> element would be selected into the
+same region in a given synchronic intermediate document.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>The style properties of a region and the content selected into the region impact how selected text flows into a region, e.g., selected text may flow outside of the region such as on a mobile device.</p></div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Constraining a region to select no more than one <code>p</code> element logically places content from two different speakers into different region(s).</p></div></div>
+<div class="example"><div class="example-title"><span>Example 6</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>I always get the fuzzy end<span style="color:blue;"><</span><span style="color:#a31515;">br</span><span style="color:blue;">/></span>of the lollipop.<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>When a document author wants to construct a single phrase for a speaker with more than one line of text in a region, a <code>br</code> element may be used within a <code>p</code> element. See the previous example for one speaker with more than one line.</p></div></div>
+</section>
+</section>
+<section id="timing_constraints">
+<!--OddPage--><h2><span class="secno">7. </span>Timing Constraints</h2>
+<p></p>
+<section id="Constrained_TTML_Feature_timing">
+<h3><span class="secno">7.1 </span>Use of Constrained TTML Feature <span>#timing</span></h3>
+<div><div class="numbered constraint" title="R0028">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <strong><timeExpression></strong> value that does not
+conform to the subset of <code>clock-time</code> that matches either of the following patterns: <code>hh:mm:ss.mss</code> or <code>hh:mm:ss:ff</code>,
+where <code>hh</code> denotes hours (00-23), <code>mm</code> denotes minutes (00-59), <code>ss</code> denotes seconds (00-59),
+<code>mss</code> denotes milliseconds (000-999), and <code>ff</code> denotes frames (00-<em>frameRate - 1</em>).</div></div>
+<div><div class="numbered constraint" title="R0029">A document <em class="rfc2119" title="MUST">MUST</em> use the same time expression format throughout the document; more specifically, whichever
+time expression format is encountered first (in lexical order) <em class="rfc2119" title="MUST">MUST</em> be used for all subsequent time expressions in the document.</div></div>
+<div><div class="numbered constraint" title="R0030">For time expressions that use the <code>hh:mm:ss.mss</code> format, the following constraints apply:</div></div>
+<ul>
+<li>Exactly 2 digits <em class="rfc2119" title="MUST">MUST</em> be used in each of the hours, minutes, and second components (include leading zeros).</li>
+<li>Exactly 3 decimal places <em class="rfc2119" title="MUST">MUST</em> be used for the milliseconds component (include leading zeros).</li>
+</ul>
+<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>The phrase <em>milliseconds component</em> above refers to a particular use of the <code>fraction</code> of a <code>clock-time</code> time expression as defined by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 10.3.1.</p></div></div>
+<div class="example"><div class="example-title"><span>Example 7</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01.000</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11.123</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div>
+<div><div class="numbered constraint" title="R0031">For time expressions that use the <code>hh:mm:ss:ff</code> format, the following constraints apply:</div></div>
+<ul>
+<li>Exactly 2 digits <em class="rfc2119" title="MUST">MUST</em> be used in each of the hours, minutes, second, and frame components (include leading zeros).</li>
+<li>A <code>ttp:frameRate</code> attribute <em class="rfc2119" title="MUST">MUST</em> be present on the <code>tt</code> element.</li>
+<li>A <code>ttp:frameRateMultiplier</code> attribute <em class="rfc2119" title="MAY">MAY</em> be present on the <code>tt</code> element.</li>
+</ul>
+<p></p>
+<div class="example"><div class="example-title"><span>Example 8</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:#a31515;">tt</span><span style="color:blue;"> </span><span style="color:red;">p:frameRate</span><span style="color:blue;">=</span>'<span style="color:blue;">30</span>'<span style="color:blue;"> </span><span style="color:red;">p:frameRateMultiplier</span><span style="color:blue;">=</span>'<span style="color:blue;">1000 1001</span>'<span style="color:blue;"></span><span style="color:blue;"> ...></span>
+...
+<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01:00</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11:22</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div>
+<div><div class="numbered constraint" title="R0032">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain an element on which a <code>dur</code> attribute is specified that is not a <code>p</code> or <code>span</code> element.</div></div>
+</section>
+<section id="animation">
+<h3><span class="secno">7.2 </span>Use of Constrained TTML Feature <span>#animation</span></h3>
+<div><div class="numbered constraint" title="R0033">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>set</code> element that is not a child of a <code>region</code> or <code>span</code> element.</div></div>
+<div><div class="numbered constraint" title="R0034">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>set</code> child element of a <code>region</code> element that specifies a property to be
+animated other than: <code>tts:display</code>, <code>tts:origin</code>, or <code>tts:extent</code>.</div></div>
+<div><div class="numbered constraint" title="R0035">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>set</code> child element of a <code>span</code> element that specifies a property to be
+animated other than: <code>tts:color</code>.</div></div>
+<div><div class="numbered constraint" title="R0036">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain an element that contains more than six (6) <code>set</code> child elements.</div></div>
+</section>
+</section>
+<section id="other_constraints">
+<!--OddPage--><h2><span class="secno">8. </span>Other Constraints</h2>
+<section id="Encoding_Constraints">
+<h3><span class="secno">8.1 </span>Encoding Constraints</h3>
+<p>Content Authors <em class="rfc2119" title="MUST">MUST</em> adhere to and presentation processors <em class="rfc2119" title="MUST">MUST</em> support the following constraints:</p>
+<div><div class="numbered constraint" title="R0037">A document <em class="rfc2119" title="MUST">MUST</em> be concretely represented as a well-formed [<cite><a class="bibref" href="#bib-XML10">XML10</a></cite>] entity.</div></div>
+<div><div class="numbered constraint" title="R0038">A document <em class="rfc2119" title="MUST">MUST</em> be concretely represented using the UTF-8 character encoding [<cite><a class="bibref" href="#bib-UNICODE">UNICODE</a></cite>].</div></div>
+<div><div class="numbered constraint" title="R0039">A presentation processor <em class="rfc2119" title="MUST">MUST</em> reject a document that is not a well-formed [<cite><a class="bibref" href="#bib-XML10">XML10</a></cite>] entity or is not encoded with UTF-8.</div></div>
+</section>
+<section id="Ease_of_Use_Constraints">
+<h3><span class="secno">8.2 </span>Ease of Use Constraints</h3>
+<p>Constraints on reduced or simplified content are outside of this profile. External labeling can be used to support the end user's capability to select and use captions when available for:</p>
+<ul>
+<li>Reduced or simplified content for <em>easy reader</em> or</li>
+<li>Additional languages.</li>
+</ul>
+<p>For example, external labeling can be used to identify simplified, reduced, or other language supported content on a text track in HTML5. Such labeling can also be used to identify when large font size is applied to content. Requirements to support user preview and retention of default or user defined settings of selected text are outside of the scope of this profile. These requirements are relevant in the environment to which the captions are deployed.</p>
+<section class="Usage_Scenario">
+<p>Presentation processors <em class="rfc2119" title="MUST">MUST</em> support the ability of the end user to:</p>
+<div><div class="numbered constraint" title="R0040">Override background color of presented content, with minimum support for at least the
+set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of background color is applied to the value of the <code>tts:backgroundColor</code> property
+in the applicable computed style set.</p></div></div>
+<div><div class="numbered constraint" title="R0041">Override foreground color of presented text content, with minimum support for at least the
+set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of foreground color is applied to the value of the <code>tts:color</code> property
+in the applicable computed style set.</p></div></div>
+<div><div class="numbered constraint" title="R0042">Override font family of presented text content, with minimum support for at least the following
+generic font family values: <code>default</code>, <code>monospace</code>, <code>monospaceSansSerif</code>, <code>proportionalSerif</code>,
+<code>proportionalSansSerif</code>.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of font family is applied to the value of the <code>tts:fontFamily</code> property
+in the applicable computed style set.</p></div></div>
+<div><div class="numbered constraint" title="R0043">Override font style of presented text content.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of font style is applied to the value of the <code>tts:fontStyle</code> property
+in the applicable computed style set.</p></div></div>
+<div><div class="numbered constraint" title="R0044">Override font size of presented text content.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of font size is applied to the value of the <code>tts:fontSize</code> property
+in the applicable computed style set.</p></div></div>
+<div><div class="numbered constraint" title="R0045">Override decoration of presented text content, including outline and underline effects.</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of text decoration effects is applied to the value of the <code>tts:textDecoration</code> and/or
+<code>tts:textOutline</code> properties in the applicable computed style set.</p></div></div>
+<p>Style overrides <em class="rfc2119" title="MUST">MUST</em> be applied to the result of step 2 <strong>[resolve computed styles]</strong> of [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>],
+Section 8.4.4.4, <em>Style Resolution Process</em>.</p>
+<p>Other details of support for end user overrides, including the means by which overrides are presented to and performed
+by the end user, are not specified by this profile. Similarly, the sets of choices of values for end user overrides are not specified
+by this profile.</p>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>A presentation processor may allow an end user to select override styles that are not explicitly supported
+by TTML. For example, it may allow for text decoration effects, font styles, and font families to be selected that are not defined
+by TTML itself.</p></div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An implementer of a presentation processor is advised to consult [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>] to obtain additional information
+about override styles.</p></div></div>
+</section>
+</section>
+</section>
+<section id="Features_in_TTML_1.0_Used">
+<!--OddPage--><h2><span class="secno">9. </span>Features in TTML 1.0 Used in This Profile</h2>
+<p>The following TTML profile definition formally defines the SDP US profile, designated by the profile designator
+<code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</p>
+<pre style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">profile</span><span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">features</span><span style="color: blue;"> </span><span style="color: red;">xml:base</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/feature/</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> required (mandatory) feature support </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#animation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-block<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#color<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#core<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#display-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#displayAlign<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#extent-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontFamily-generic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontSize<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontStyle-italic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRate<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRateMultiplier<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#layout<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-percentage<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-positive<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-real<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#lineBreak-uax14<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#presentation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#profile<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#structure<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-referential<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textAlign-absolute<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textDecoration-under<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textOutline-unblurred<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#time-offset<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#timing<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#writingMode-horizontal-lr<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">features</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">profile</span><span style="color: blue;">></span>
+</pre>
+</section>
+<section id="error_handling">
+<!--OddPage--><h2><span class="secno">10. </span>Error handling</h2>
+<p>The semantics defined by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 6.1.1 apply with regard to the presence of a reference to other standard or non-standard profiles. In particular,
+if an additional, non-standard profile is specified for use by a document and is not dereferencable by the presentation processor, then the document <em class="rfc2119" title="MUST NOT">MUST NOT</em> be further
+processed without an explicit override from the end user.</p>
+<p>The semantics defined by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 6.1.3 apply if some standard or non-standard feature is required, the feature is present in the document, and the presentation processor does not support that feature. In this case also, the document <em class="rfc2119" title="MUST NOT">MUST NOT</em> be further processed without an explicit override from the end user.</p>
+<p>If a feature is present in a document and support for that feature is not required by the profile(s) referenced (or defined) by the document, and if the presentation
+processor does not support or otherwise recognize that feature, then the feature <em class="rfc2119" title="MUST">MUST</em> be ignored.</p>
+</section>
+<section class="appendix" id="future_needs">
+<!--OddPage--><h2><span class="secno">A. </span>Future Needs for TTML next for Simple Delivery</h2>
+<section class="appendix" id="Section2">
+<h3><span class="secno">A.1 </span>Values for font family support</h3>
+<p>The casual, cursive and smallCaps generic font families are suggested for consideration in a future version of TTML.</p>
+</section>
+<section class="appendix" id="Section3">
+<h3><span class="secno">A.2 </span>Support for character edge features</h3>
+<p>Additional character edge features for raised, depressed, and drop shadowed edges are suggested for consideration in a future version of TTML.</p>
+</section>
+<section class="appendix" id="Section4">
+<h3><span class="secno">A.3 </span>Specify rendering model that accounts for drawing performance</h3>
+<p>Consideration may be given to defining a rendering model that accounts for drawing performance.</p>
+</section>
+</section>
+<section class="appendix" id="mapping-of-us-government-requirements-to-constrained-profile-features">
+<!--OddPage--><h2><span class="secno">B. </span>Mapping of US Government Requirements to Constrained Profile Features</h2>
+<p>A key is provided that maps the US Government technical requirements for closed captions to the constrained features of this profile.</p>
+<table style="width: 100%;">
+<tbody><tr>
+<td>Presentation</td>
+<td>#animation (set)<br>
+#display-region<br>
+#displayAlign<br>
+#extent-region<br>
+#frameRate<br>
+#frameRateMultiplier<br>
+#layout<br>
+#length-percentage<br>
+#length-positive<br>
+#length-real<br>
+#lineBreak-uax14<br>
+#textAlign-absolute<br>
+#time-offset<br>
+#timing<br>
+#writingMode-horizontal-lr</td>
+</tr>
+<tr>
+<td>Character color</td>
+<td>#animation<br>
+#color</td>
+</tr>
+<tr>
+<td>Character opacity</td>
+<td>#color</td>
+</tr>
+<tr>
+<td>Character size</td>
+<td>#fontSize<br>
+#fontStyle-italic<br>
+#textDecoration-underline</td>
+</tr>
+<tr>
+<td>Fonts</td>
+<td>#fontFamily-generic<br>
+#fontStyle-italic</td>
+</tr>
+<tr>
+<td>Caption background color and opacity</td>
+<td>#backgroundColor-*</td>
+</tr>
+<tr>
+<td>Character edge attributes</td>
+<td>#textOutline-unblurred</td>
+</tr>
+<tr>
+<td>Caption window color</td>
+<td>#backgroundColor-*</td>
+</tr>
+<tr>
+<td>Language</td>
+<td>#profile</td>
+</tr>
+<tr>
+<td>Preview setting and retention</td>
+<td>See <a href="#other_constraints">Other Constraints,</a></td>
+</tr>
+</tbody></table>
+<p></p>
+</section>
+<section class="appendix" id="code-points">
+<!--OddPage--><h2><span class="secno">C. </span>Code points</h2>
+<div><div class="numbered constraint" title="R0046">Presentation processors <em class="rfc2119" title="MUST">MUST</em> provide font glyph coverage for all characters in the “ISO 8859-1 Latin-1” space and <em class="rfc2119" title="SHOULD">SHOULD</em> provide coverage for ANSI INCITS 4 when mapped onto Unicode code points (see table below).</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">A presentation processor follows the semantics expected for use of Unicode code points as stated in this section. The exact glyph is presentation processor dependent.</p></div>
+<div><div class="numbered constraint" title="R0047">Presentation processors <em class="rfc2119" title="SHOULD">SHOULD</em> support the C0, G0, C1, and G1 code sets mapped onto Unicode as in the following table. See [[CEA 708]], Section 7.1 including, Table 11.</div></div>
+<table style="border-collapse: collapse;width:630pt; width:835px;border:0">
+<colgroup>
+<col style="width:38pt; width:51px">
+<col span="16" style=" width:37pt; width:49px"></colgroup>
+<tbody><tr style="height:15pt">
+<td class="style1" style="height:20px;width:51px"></td>
+<td class="style2" style="width:49px">_0</td>
+<td class="style2" style="width:49px">_1</td>
+<td class="style2" style="width:49px">_2</td>
+<td class="style2" style="width:49px">_3</td>
+<td class="style2" style="width:49px">_4</td>
+<td class="style2" style="width:49px">_5</td>
+<td class="style2" style="width:49px">_6</td>
+<td class="style2" style="width:49px">_7</td>
+<td class="style2" style="width:49px">_8</td>
+<td class="style2" style="width:49px">_9</td>
+<td class="style2" style="width:49px">_A</td>
+<td class="style2" style="width:49px">_B</td>
+<td class="style2" style="width:49px">_C</td>
+<td class="style2" style="width:49px">_D</td>
+<td class="style2" style="width:49px">_E</td>
+<td class="style2" style="width:49px">_F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"><span></span></td>
+<td class="style4">!</td>
+<td class="style4">"</td>
+<td class="style4">#</td>
+<td class="style4">$</td>
+<td class="style4">%</td>
+<td class="style4">&</td>
+<td class="style4">'</td>
+<td class="style4">(</td>
+<td class="style4">)</td>
+<td class="style4">*</td>
+<td class="style4">+</td>
+<td class="style4">,</td>
+<td class="style4">-</td>
+<td class="style4">.</td>
+<td class="style4">/</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+002_</td>
+<td class="style2" style="width:49px">0020</td>
+<td class="style2" style="width:49px">0021</td>
+<td class="style2" style="width:49px">0022</td>
+<td class="style2" style="width:49px">0023</td>
+<td class="style2" style="width:49px">0024</td>
+<td class="style2" style="width:49px">0025</td>
+<td class="style2" style="width:49px">0026</td>
+<td class="style2" style="width:49px">0027</td>
+<td class="style2" style="width:49px">0028</td>
+<td class="style2" style="width:49px">0029</td>
+<td class="style2" style="width:49px">002A</td>
+<td class="style2" style="width:49px">002B</td>
+<td class="style2" style="width:49px">002C</td>
+<td class="style2" style="width:49px">002D</td>
+<td class="style2" style="width:49px">002E</td>
+<td class="style2" style="width:49px">002F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">0</td>
+<td class="style4">1</td>
+<td class="style4">2</td>
+<td class="style4">3</td>
+<td class="style4">4</td>
+<td class="style4">5</td>
+<td class="style4">6</td>
+<td class="style4">7</td>
+<td class="style4">8</td>
+<td class="style4">9</td>
+<td class="style4">:</td>
+<td class="style4">;</td>
+<td class="style4"><</td>
+<td class="style4">=</td>
+<td class="style4">></td>
+<td class="style4">?</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+003_</td>
+<td class="style2" style="width:49px">0030</td>
+<td class="style2" style="width:49px">0031</td>
+<td class="style2" style="width:49px">0032</td>
+<td class="style2" style="width:49px">0033</td>
+<td class="style2" style="width:49px">0034</td>
+<td class="style2" style="width:49px">0035</td>
+<td class="style2" style="width:49px">0036</td>
+<td class="style2" style="width:49px">0037</td>
+<td class="style2" style="width:49px">0038</td>
+<td class="style2" style="width:49px">0039</td>
+<td class="style2" style="width:49px">003A</td>
+<td class="style2" style="width:49px">003B</td>
+<td class="style2" style="width:49px">003C</td>
+<td class="style2" style="width:49px">003D</td>
+<td class="style2" style="width:49px">003E</td>
+<td class="style2" style="width:49px">003F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">@</td>
+<td class="style4">A</td>
+<td class="style4">B</td>
+<td class="style4">C</td>
+<td class="style4">D</td>
+<td class="style4">E</td>
+<td class="style4">F</td>
+<td class="style4">G</td>
+<td class="style4">H</td>
+<td class="style4">I</td>
+<td class="style4">J</td>
+<td class="style4">K</td>
+<td class="style4">L</td>
+<td class="style4">M</td>
+<td class="style4">N</td>
+<td class="style4">O</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+004_</td>
+<td class="style2" style="width:49px">0040</td>
+<td class="style2" style="width:49px">0041</td>
+<td class="style2" style="width:49px">0042</td>
+<td class="style2" style="width:49px">0043</td>
+<td class="style2" style="width:49px">0044</td>
+<td class="style2" style="width:49px">0045</td>
+<td class="style2" style="width:49px">0046</td>
+<td class="style2" style="width:49px">0047</td>
+<td class="style2" style="width:49px">0048</td>
+<td class="style2" style="width:49px">0049</td>
+<td class="style2" style="width:49px">004A</td>
+<td class="style2" style="width:49px">004B</td>
+<td class="style2" style="width:49px">004C</td>
+<td class="style2" style="width:49px">004D</td>
+<td class="style2" style="width:49px">004E</td>
+<td class="style2" style="width:49px">004F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">P</td>
+<td class="style4">Q</td>
+<td class="style4">R</td>
+<td class="style4">S</td>
+<td class="style4">T</td>
+<td class="style4">U</td>
+<td class="style4">V</td>
+<td class="style4">W</td>
+<td class="style4">X</td>
+<td class="style4">Y</td>
+<td class="style4">Z</td>
+<td class="style4">[</td>
+<td class="style4">\</td>
+<td class="style4">]</td>
+<td class="style4">^</td>
+<td class="style4">_</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+005_</td>
+<td class="style2" style="width:49px">0050</td>
+<td class="style2" style="width:49px">0051</td>
+<td class="style2" style="width:49px">0052</td>
+<td class="style2" style="width:49px">0053</td>
+<td class="style2" style="width:49px">0054</td>
+<td class="style2" style="width:49px">0055</td>
+<td class="style2" style="width:49px">0056</td>
+<td class="style2" style="width:49px">0057</td>
+<td class="style2" style="width:49px">0058</td>
+<td class="style2" style="width:49px">0059</td>
+<td class="style2" style="width:49px">005A</td>
+<td class="style2" style="width:49px">005B</td>
+<td class="style2" style="width:49px">005C</td>
+<td class="style2" style="width:49px">005D</td>
+<td class="style2" style="width:49px">005E</td>
+<td class="style2" style="width:49px">005F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">`</td>
+<td class="style4">a</td>
+<td class="style4">b</td>
+<td class="style4">c</td>
+<td class="style4">d</td>
+<td class="style4">e</td>
+<td class="style4">f</td>
+<td class="style4">g</td>
+<td class="style4">h</td>
+<td class="style4">i</td>
+<td class="style4">j</td>
+<td class="style4">k</td>
+<td class="style4">l</td>
+<td class="style4">m</td>
+<td class="style4">n</td>
+<td class="style4">o</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+006_</td>
+<td class="style2" style="width:49px">0060</td>
+<td class="style2" style="width:49px">0061</td>
+<td class="style2" style="width:49px">0062</td>
+<td class="style2" style="width:49px">0063</td>
+<td class="style2" style="width:49px">0064</td>
+<td class="style2" style="width:49px">0065</td>
+<td class="style2" style="width:49px">0066</td>
+<td class="style2" style="width:49px">0067</td>
+<td class="style2" style="width:49px">0068</td>
+<td class="style2" style="width:49px">0069</td>
+<td class="style2" style="width:49px">006A</td>
+<td class="style2" style="width:49px">006B</td>
+<td class="style2" style="width:49px">006C</td>
+<td class="style2" style="width:49px">006D</td>
+<td class="style2" style="width:49px">006E</td>
+<td class="style2" style="width:49px">006F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">p</td>
+<td class="style4">q</td>
+<td class="style4">r</td>
+<td class="style4">s</td>
+<td class="style4">t</td>
+<td class="style4">u</td>
+<td class="style4">v</td>
+<td class="style4">w</td>
+<td class="style4">x</td>
+<td class="style4">y</td>
+<td class="style4">z</td>
+<td class="style4">{</td>
+<td class="style4">|</td>
+<td class="style4">}</td>
+<td class="style4">~</td>
+<td class="style6" style="width:49px">♪</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+007_</td>
+<td class="style2" style="width:49px">0070</td>
+<td class="style2" style="width:49px">0071</td>
+<td class="style2" style="width:49px">0072</td>
+<td class="style2" style="width:49px">0073</td>
+<td class="style2" style="width:49px">0074</td>
+<td class="style2" style="width:49px">0075</td>
+<td class="style2" style="width:49px">0076</td>
+<td class="style2" style="width:49px">0077</td>
+<td class="style2" style="width:49px">0078</td>
+<td class="style2" style="width:49px">0079</td>
+<td class="style2" style="width:49px">007A</td>
+<td class="style2" style="width:49px">007B</td>
+<td class="style2" style="width:49px">007C</td>
+<td class="style2" style="width:49px">007D</td>
+<td class="style2" style="width:49px">007E</td>
+<td class="style2" style="width:49px">007F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">¡</td>
+<td class="style4">¢</td>
+<td class="style4">£</td>
+<td class="style4">¤</td>
+<td class="style4">¥</td>
+<td class="style4">¦</td>
+<td class="style4">§</td>
+<td class="style4">¨</td>
+<td class="style4">©</td>
+<td class="style4">ª</td>
+<td class="style4">«</td>
+<td class="style4">¬</td>
+<td class="style4"></td>
+<td class="style4">®</td>
+<td class="style4">¯</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00A_</td>
+<td class="style2" style="width:49px">00A0</td>
+<td class="style2" style="width:49px">00A1</td>
+<td class="style2" style="width:49px">00A2</td>
+<td class="style2" style="width:49px">00A3</td>
+<td class="style2" style="width:49px">00A4</td>
+<td class="style2" style="width:49px">00A5</td>
+<td class="style2" style="width:49px">00A6</td>
+<td class="style2" style="width:49px">00A7</td>
+<td class="style2" style="width:49px">00A8</td>
+<td class="style2" style="width:49px">00A9</td>
+<td class="style2" style="width:49px">00AA</td>
+<td class="style2" style="width:49px">00AB</td>
+<td class="style2" style="width:49px">00AC</td>
+<td class="style2" style="width:49px">00AD</td>
+<td class="style2" style="width:49px">00AE</td>
+<td class="style2" style="width:49px">00AF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">°</td>
+<td class="style4">±</td>
+<td class="style4">²</td>
+<td class="style4">³</td>
+<td class="style4">´</td>
+<td class="style4">µ</td>
+<td class="style4">¶</td>
+<td class="style4">·</td>
+<td class="style4">¸</td>
+<td class="style4">¹</td>
+<td class="style4">º</td>
+<td class="style4">»</td>
+<td class="style4">¼</td>
+<td class="style4">½</td>
+<td class="style4">¾</td>
+<td class="style4">¿</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00B_</td>
+<td class="style2" style="width:49px">00B0</td>
+<td class="style2" style="width:49px">00B1</td>
+<td class="style2" style="width:49px">00B2</td>
+<td class="style2" style="width:49px">00B3</td>
+<td class="style2" style="width:49px">00B4</td>
+<td class="style2" style="width:49px">00B5</td>
+<td class="style2" style="width:49px">00B6</td>
+<td class="style2" style="width:49px">00B7</td>
+<td class="style2" style="width:49px">00B8</td>
+<td class="style2" style="width:49px">00B9</td>
+<td class="style2" style="width:49px">00BA</td>
+<td class="style2" style="width:49px">00BB</td>
+<td class="style2" style="width:49px">00BC</td>
+<td class="style2" style="width:49px">00BD</td>
+<td class="style2" style="width:49px">00BE</td>
+<td class="style2" style="width:49px">00BF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">À</td>
+<td class="style4">Á</td>
+<td class="style4">Â</td>
+<td class="style4">Ã</td>
+<td class="style4">Ä</td>
+<td class="style4">Å</td>
+<td class="style4">Æ</td>
+<td class="style4">Ç</td>
+<td class="style4">È</td>
+<td class="style4">É</td>
+<td class="style4">Ê</td>
+<td class="style4">Ë</td>
+<td class="style4">Ì</td>
+<td class="style4">Í</td>
+<td class="style4">Î</td>
+<td class="style4">Ï</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00C_</td>
+<td class="style2" style="width:49px">00C0</td>
+<td class="style2" style="width:49px">00C1</td>
+<td class="style2" style="width:49px">00C2</td>
+<td class="style2" style="width:49px">00C3</td>
+<td class="style2" style="width:49px">00C4</td>
+<td class="style2" style="width:49px">00C5</td>
+<td class="style2" style="width:49px">00C6</td>
+<td class="style2" style="width:49px">00C7</td>
+<td class="style2" style="width:49px">00C8</td>
+<td class="style2" style="width:49px">00C9</td>
+<td class="style2" style="width:49px">00CA</td>
+<td class="style2" style="width:49px">00CB</td>
+<td class="style2" style="width:49px">00CC</td>
+<td class="style2" style="width:49px">00CD</td>
+<td class="style2" style="width:49px">00CE</td>
+<td class="style2" style="width:49px">00CF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">Ð</td>
+<td class="style4">Ñ</td>
+<td class="style4">Ò</td>
+<td class="style4">Ó</td>
+<td class="style4">Ô</td>
+<td class="style4">Õ</td>
+<td class="style4">Ö</td>
+<td class="style4">×</td>
+<td class="style4">Ø</td>
+<td class="style4">Ù</td>
+<td class="style4">Ú</td>
+<td class="style4">Û</td>
+<td class="style4">Ü</td>
+<td class="style4">Ý</td>
+<td class="style4">Þ</td>
+<td class="style4">ß</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00D_</td>
+<td class="style2" style="width:49px">00D0</td>
+<td class="style2" style="width:49px">00D1</td>
+<td class="style2" style="width:49px">00D2</td>
+<td class="style2" style="width:49px">00D3</td>
+<td class="style2" style="width:49px">00D4</td>
+<td class="style2" style="width:49px">00D5</td>
+<td class="style2" style="width:49px">00D6</td>
+<td class="style2" style="width:49px">00D7</td>
+<td class="style2" style="width:49px">00D8</td>
+<td class="style2" style="width:49px">00D9</td>
+<td class="style2" style="width:49px">00DA</td>
+<td class="style2" style="width:49px">00DB</td>
+<td class="style2" style="width:49px">00DC</td>
+<td class="style2" style="width:49px">00DD</td>
+<td class="style2" style="width:49px">00DE</td>
+<td class="style2" style="width:49px">00DF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">à</td>
+<td class="style4">á</td>
+<td class="style4">â</td>
+<td class="style4">ã</td>
+<td class="style4">ä</td>
+<td class="style4">å</td>
+<td class="style4">æ</td>
+<td class="style4">ç</td>
+<td class="style4">è</td>
+<td class="style4">é</td>
+<td class="style4">ê</td>
+<td class="style4">ë</td>
+<td class="style4">ì</td>
+<td class="style4">í</td>
+<td class="style4">î</td>
+<td class="style4">ï</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00E_</td>
+<td class="style2" style="width:49px">00E0</td>
+<td class="style2" style="width:49px">00E1</td>
+<td class="style2" style="width:49px">00E2</td>
+<td class="style2" style="width:49px">00E3</td>
+<td class="style2" style="width:49px">00E4</td>
+<td class="style2" style="width:49px">00E5</td>
+<td class="style2" style="width:49px">00E6</td>
+<td class="style2" style="width:49px">00E7</td>
+<td class="style2" style="width:49px">00E8</td>
+<td class="style2" style="width:49px">00E9</td>
+<td class="style2" style="width:49px">00EA</td>
+<td class="style2" style="width:49px">00EB</td>
+<td class="style2" style="width:49px">00EC</td>
+<td class="style2" style="width:49px">00ED</td>
+<td class="style2" style="width:49px">00EE</td>
+<td class="style2" style="width:49px">00EF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">ð</td>
+<td class="style4">ñ</td>
+<td class="style4">ò</td>
+<td class="style4">ó</td>
+<td class="style4">ô</td>
+<td class="style4">õ</td>
+<td class="style4">ö</td>
+<td class="style4">÷</td>
+<td class="style4">ø</td>
+<td class="style4">ù</td>
+<td class="style4">ú</td>
+<td class="style4">û</td>
+<td class="style4">ü</td>
+<td class="style4">ý</td>
+<td class="style4">þ</td>
+<td class="style4">ÿ</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00F_</td>
+<td class="style2" style="width:49px">00F0</td>
+<td class="style2" style="width:49px">00F1</td>
+<td class="style2" style="width:49px">00F2</td>
+<td class="style2" style="width:49px">00F3</td>
+<td class="style2" style="width:49px">00F4</td>
+<td class="style2" style="width:49px">00F5</td>
+<td class="style2" style="width:49px">00F6</td>
+<td class="style2" style="width:49px">00F7</td>
+<td class="style2" style="width:49px">00F8</td>
+<td class="style2" style="width:49px">00F9</td>
+<td class="style2" style="width:49px">00FA</td>
+<td class="style2" style="width:49px">00FB</td>
+<td class="style2" style="width:49px">00FC</td>
+<td class="style2" style="width:49px">00FD</td>
+<td class="style2" style="width:49px">00FE</td>
+<td class="style2" style="width:49px">00FF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">Œ</td>
+<td class="style4">œ</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+015_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">0152</td>
+<td class="style2" style="width:49px">0153</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">Š</td>
+<td class="style4">š</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+016_</td>
+<td class="style2" style="width:49px">0160</td>
+<td class="style2" style="width:49px">0161</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">Ÿ</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">Ž</td>
+<td class="style4">ž</td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+017_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">0178</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">017D</td>
+<td class="style2" style="width:49px">017E</td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">ƒ</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+019_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">0192</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">˜</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+02D_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">02DC</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">‐</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">―</td>
+<td class="style4">‖</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+201_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2010</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2015</td>
+<td class="style2" style="width:49px">2016</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">‧</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+202_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2027</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">‰</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">›</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+203_</td>
+<td class="style2" style="width:49px">2030</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">203A</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">₡</td>
+<td class="style4">₢</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">€</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+20A_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">20A1</td>
+<td class="style2" style="width:49px">20A2</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">20AC</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">₳</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+20B_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">20B3</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">°C</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">°F</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+210_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2103</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2109</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">⅓</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">⅟</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+215_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2153</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">215F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">□</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+25A_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">25A1</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">♩</td>
+<td class="style4"></td>
+<td class="style4">♫</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+266_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2669</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">266B</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+</tbody></table>
+<div><div class="numbered constraint" title="R0048">Presentation processors <em class="rfc2119" title="MAY">MAY</em> support the extended G2 character sets that map onto Unicode code points (see table above).</div></div>
+<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><div class=""><p>Presentation processors may also provide glyph coverage for additional Unicode code points.</p></div></div>
+</section>
+<section class="color_values" id="color-values">
+<!--OddPage--><h2><span class="secno">D. </span>Color values</h2>
+<p>For color values of the form <code>#rrggbbaa</code>, presentation processors <em class="rfc2119" title="MUST">MUST</em> support combinations where the red, green, and blue components are either <code>00</code> or <code>FF</code>; and the alpha component are <code>00</code>, <code>54</code>, <code>A8</code> or <code>FF</code>, e.g, #00FFFF54. Additionally, presentation processors <em class="rfc2119" title="SHOULD">SHOULD</em> support values for red, green, and blue of <code>54</code> or <code>A8</code>, and <em class="rfc2119" title="MAY">MAY</em> support all possible values between <code>00</code> and <code>FF</code>.</p>
+<table>
+<tbody><tr>
+<th>Color</th>
+<th>Value</th>
+</tr>
+<tr>
+<td>Black</td>
+<td>#000000ff</td>
+</tr>
+<tr>
+<td>White</td>
+<td>#fffffffff</td>
+</tr>
+<tr>
+<td>Red</td>
+<td>#ff0000ff</td>
+</tr>
+<tr>
+<td>Green</td>
+<td>#00ff00ff</td>
+</tr>
+<tr>
+<td>Blue</td>
+<td>#0000ffff</td>
+</tr>
+<tr>
+<td>Yellow</td>
+<td>#ffff00ff</td>
+</tr>
+<tr>
+<td>Magenta</td>
+<td>#ff00ffff</td>
+</tr>
+<tr>
+<td>Cyan</td>
+<td>#00ffffff</td>
+</tr>
+</tbody></table>
+<p></p>
+</section>
+<section class="appendix" id="acknowledgements">
+<!--OddPage--><h2><span class="secno">E. </span>Acknowledgements</h2>
+<p>Many thanks to Robin Berjon for providing the respec.js tool used to format this document.</p>
+</section>
+
+
+<section id="references" class="appendix"><!--OddPage--><h2><span class="secno">F. </span>References</h2><section id="normative-references"><h3><span class="secno">F.1 </span>Normative references</h3><dl class="bibliography"><dt id="bib-RFC2119">[RFC2119]</dt><dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key words for use in RFCs to Indicate Requirement Levels.</cite></a> March 1997. Internet RFC 2119. URL: <a href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a>
+</dd><dt id="bib-TTML10">[TTML10]</dt><dd>G. Adams. <a href="http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/"><cite>Timed Text Markup Language (TTML) 1.0</cite></a>, W3C Recommendation. URL: <a href="http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/">http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/</a>
+</dd><dt id="bib-UNICODE">[UNICODE]</dt><dd><a href="http://www.unicode.org/versions/latest/"><cite>The Unicode Standard</cite></a>. URL: <a href="http://www.unicode.org/versions/latest/">http://www.unicode.org/versions/latest/</a>
+</dd><dt id="bib-XML10">[XML10]</dt><dd>C. M. Sperberg-McQueen et al. <a href="http://www.w3.org/TR/2008/REC-xml-20081126/"><cite>Extensible Markup Language (XML) 1.0 (Fifth Edition)</cite></a>. 26 November 2008. W3C Recommendation. URL: <a href="http://www.w3.org/TR/2008/REC-xml-20081126/">http://www.w3.org/TR/2008/REC-xml-20081126/</a>
+</dd></dl></section><section id="informative-references"><h3><span class="secno">F.2 </span>Informative references</h3><dl class="bibliography"><dt id="bib-CEA608">[CEA608]</dt><dd>CEA-608, <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx"><cite>Line-21 Data Services</cite></a>, ANSI/CEA Standard. URL: <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx</a>
+</dd><dt id="bib-CEA708">[CEA708]</dt><dd>CEA-708, <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx"><cite>Digital Television (DTV) Closed Captioning</cite></a>, ANSI/CEA Standard. URL: <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx</a>
+</dd><dt id="bib-TTML10SE">[TTML10SE]</dt><dd>G. Adams. <a href="http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html"><cite>Timed Text Markup Language (TTML) 1.0 (Second Edition)</cite></a>, W3C Editor's Draft. URL: <a href="http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html">http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html</a>
+</dd></dl></section></section></body></html>
\ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/Overview.src.html Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,1948 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset='utf-8' />
+<title>TTML Simple Delivery Profile for Closed Captions (US)</title>
+<script src='http://www.w3.org/Tools/respec/respec-w3c-common' class=remove async></script>
+<script class=remove>
+respecConfig = {
+ // specification status (e.g. WD, LCWD, NOTE, etc.). If in doubt use ED.
+ specStatus: "WG-NOTE",
+
+ // the specification's short name, as in http://www.w3.org/TR/short-name/
+ shortName: "ttml10-sdp-us",
+
+ // if your specification has a subtitle that goes below the main
+ // formal title, define it here
+ subtitle : "A profile of TTML for internet delivery of Captions originated in the United States",
+
+ // if you wish the publication date to be other than today, set this
+ // publishDate: "2009-08-06",
+
+ // if the specification's copyright date is a range of years, specify
+ // the start date here:
+ // copyrightStart: "2005"
+
+ // if there is a previously published draft, uncomment this and set its YYYY-MM-DD date
+ // and its maturity status
+ previousPublishDate: "2013-02-05",
+ previousMaturity: "NOTE",
+
+ // if there a publicly available Editor's Draft, this is the link
+ // edDraftURI: "http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10-sdp-us/Overview.html",
+
+ // if this is a LCWD, uncomment and set the end of its review period
+ // lcEnd: "2009-08-05",
+
+ // if you want to have extra CSS, append them to this list
+ extraCSS: [],
+
+ // editors, add as many as you like
+ // only "name" is required
+ editors: [
+ { name: "Glenn Adams",
+ company: "Cox Communications, Inc.", companyURL: "http://www.cox.com/" },
+ { name: "Monica Martin",
+ company: "Microsoft Open Technologies, Inc.", companyURL: "http://www.microsoft.com/" },
+ { name: "Sean Hayes",
+ company: "Microsoft", companyURL: "http://www.microsoft.com/" },
+ ],
+
+ // authors, add as many as you like.
+ // This is optional, uncomment if you have authors as well as editors.
+ // only "name" is required. Same format as editors.
+
+ //authors: [
+ // { name: "Your Name", url: "http://example.org/",
+ // company: "Your Company", companyURL: "http://example.com/" },
+ //],
+
+ // name of the WG
+ wg: "Timed Text Working Group",
+
+ // URI of the public WG page
+ wgURI: "http://www.w3.org/AudioVideo/TT/",
+
+ // name (without the @w3c.org) of the public mailing to which comments are due
+ wgPublicList: "public-tt",
+
+ // URI of the patent status for this WG, for Rec-track documents
+ // !!!! IMPORTANT !!!!
+ // This is important for Rec-track documents, do not copy a patent URI from a random
+ // document unless you know what you're doing. If in doubt ask your friendly neighbourhood
+ // Team Contact.
+ wgPatentURI: "http://www.w3.org/2004/01/pp-impl/34314/status",
+
+ // noRecTrack: true,
+
+ localBiblio: {
+ "CEA608" : "CEA-608, <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx\"><cite>Line-21 Data Services</cite></a>, ANSI/CEA Standard. URL: <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx\">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx</a>",
+ "CEA708" : "CEA-708, <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx\"><cite>Digital Television (DTV) Closed Captioning</cite></a>, ANSI/CEA Standard. URL: <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx\">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx</a>",
+ "TTML10" : "G. Adams. <a href=\"http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/\"><cite>Timed Text Markup Language (TTML) 1.0</cite></a>, W3C Recommendation. URL: <a href=\"http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/\">http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/</a>",
+ "TTML10SE" : "G. Adams. <a href=\"http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html\"><cite>Timed Text Markup Language (TTML) 1.0 (Second Edition)</cite></a>, W3C Editor's Draft. URL: <a href=\"http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html\">http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html</a>"
+ }
+};
+function term(doc, content) {
+ // perform transformations to make it render and prettier
+ return '<span class="ttmlTerm">' + doc._esc(content) + '</span>';
+}
+function template(doc, content) {
+ // perform transformations to make it render and prettier
+ return '<div class="template">' + content + '</div>';
+}
+var constraints = 0;
+function constraint(doc, content) {
+ // perform transformations to make it render and prettier
+ var prefix = constraints < 9 ? "R000" : "R00";
+ return '<div class=\'numbered constraint\' title=' + prefix + (++constraints) + '>' + content + '</div>';
+}
+function atrisk(doc,content) {
+ var atRiskConstraint = constraints;
+ var prefix = atRiskConstraint < 9 ? "R000" : "R00";
+ return '<div class=issue>Constraint ' + prefix + atRiskConstraint + ' is at risk.' + (!!content ? ' ' : '') + content + '</div>';
+}
+var examples = 0;
+function example(doc, content) {
+ // perform transformations to make it render and prettier
+ var prefix = examples < 9 ? "E000" : "E00";
+ return '<div class=numbered title=' + prefix + (++examples) + '>' + content + '</div>';
+}
+</script>
+<style>
+.style1
+{
+ height: 15.0pt;
+ width: 38pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: "Courier New", monospace;
+ text-align: right;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style2
+{
+ width: 37pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Segoe, sans-serif;
+ text-align: center;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style3
+{
+ height: 15.0pt;
+ width: 38pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Calibri, sans-serif;
+ text-align: right;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style4
+{
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Segoe, sans-serif;
+ text-align: center;
+ vertical-align: middle;
+ white-space: nowrap;
+ border-left-style: none;
+ border-left-color: inherit;
+ border-left-width: medium;
+ border-right-style: none;
+ border-right-color: inherit;
+ border-right-width: medium;
+ border-top: .5pt solid windowtext;
+ border-bottom-style: none;
+ border-bottom-color: inherit;
+ border-bottom-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+ background: #EEECE1;
+}
+.style5
+{
+ height: 15.0pt;
+ width: 38pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 700;
+ font-style: normal;
+ text-decoration: none;
+ font-family: "Courier New", monospace;
+ text-align: right;
+ vertical-align: middle;
+ white-space: normal;
+ border-style: none;
+ border-color: inherit;
+ border-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+}
+.style6
+{
+ width: 37pt;
+ color: black;
+ font-size: 9.0pt;
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ font-family: Segoe, sans-serif;
+ text-align: center;
+ vertical-align: middle;
+ white-space: normal;
+ border-left-style: none;
+ border-left-color: inherit;
+ border-left-width: medium;
+ border-right-style: none;
+ border-right-color: inherit;
+ border-right-width: medium;
+ border-top: .5pt solid windowtext;
+ border-bottom-style: none;
+ border-bottom-color: inherit;
+ border-bottom-width: medium;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-top: 1px;
+ background: #EEECE1;
+}
+
+div.template
+{
+ padding: 0 8px 0 8px;
+ background: #eeeeee;
+}
+div.numbered:before
+{
+ content: attr(title) " - ";
+ font-weight: bold;
+}
+div.numbered
+{
+ padding: 0 12px 0 8px;
+}
+div.constraint
+{
+ margin-bottom: 1em;
+}
+span.numbered
+{
+ font-weight: bold;
+ padding-left: 2em;
+}
+
+span.ttmlTerm
+{
+ font-weight: bold;
+}
+table
+{
+ font-family: verdana,arial,sans-serif;
+ font-size: 11px;
+ color: #333333;
+ border-width: 1px;
+ border-color: #666666;
+ border-collapse: collapse;
+}
+table th
+{
+ border-width: 1px;
+ padding: 8px;
+ border-style: solid;
+ border-color: #666666;
+ background-color: #dedede;
+}
+table tr td
+{
+ border-width: 1px;
+ padding: 8px;
+ border-style: solid;
+ border-color: #666666;
+ background-color: #ffffff;
+}
+</style>
+</head>
+<body>
+<section id='abstract'>
+<p>This document specifies the Simple Online Delivery Profile (US) of the Timed Text Markup Language (TTML).</p>
+<p>The primary goal of the profile defined herein is to establish a minimum level of interoperability between
+[[TTML10]] and legacy caption formats employed in US markets, such as [[CEA608]] and [[CEA708]]. This is accomplished by
+(1) defining a set of constraints that apply to TTML document instances that claim adherence to this profile, and
+(2) defining a set of mandatory features and behaviors that MUST be supported by implementations of a TTML
+Presentation Processor that claim adherence to this profile.</p>
+</section>
+<section id='sotd'>
+<p>This document applies the following guiding principles for online delivery of closed captions originated in the United States:</p>
+<ol>
+<li>Promote interoperability.</li>
+<li>Define mandatory functionality based on a specified set of TTML features.</li>
+<li>Use this functionality to apply constraints on usage of a specified set of TTML features.</li>
+</ol>
+</section>
+<section id='introduction'>
+<h2>Introduction</h2>
+<p>TTML 1.0 [[!TTML10]] provides many features to satisfy captioning and subtitling requirements, not all of which are intended for end user display. Requirements have been identified by key video and content communities to define an interoperable delivery profile using the core features specifically designed for online presentation of TTML. Such a profile allows the community of TTML users to construct constrained presentation engines for TTML. This document defines the behavior expected of a TTML content player using the presentation processor constraints for such an online delivery profile.</p>
+<p class='note'>At the time of publication, this profile normatively refers to [[!TTML10]], and informatively refers to [[TTML10SE]]. The most recently
+published version of TTML should take precedence as the definitive reference.</p>
+<p>The Simple Online Delivery profile is focused on streamlined delivery of closed captions on the Internet. This interoperability profile supports core TTML features to deliver legacy formats such as [[CEA608]] and [[CEA708]] content, and, as such, is targeted primarily for use in US markets.</p>
+<p>The Simple Delivery Profile for Closed Captions focuses on interoperability using [[!TTML10]] to support delivery of closed captions for video content. Other profiles based on [[!TTML10]] may target other types of subtitles such as on-screen text or graphics. This interoperability profile is a proper subset of [[!TTML10]] intended to support features required for US Government closed captioning requirements for online presentation.</p>
+</section>
+<section id='terms'>
+<h2>Terms, Definitions, and Conventions</h2>
+<p>The terms and definitions in [[!TTML10]] serve as the basis for this interoperability profile. The following terms supplant those found in [[!TTML10]].</p>
+<table title='Table 1 - Terms and Definitions'>
+<tr>
+<th>Name</th>
+<th>Definition</th>
+</tr>
+<tr>
+<td>a document</td>
+<td>A TTML document that is intended to conform to this profile.</td>
+</tr>
+<tr>
+<td>a presentation processor</td>
+<td>A TTML presentation processor that is intended to conform to this profile.</td>
+</tr>
+</table>
+<p>When this document refers to a TTML element type and no namespace prefix is specified, then the <code>tt</code>
+namespace prefix is implied. This prefix and other explicit namespace prefixes used herein correspond to those
+TTML namespaces defined in [[!TTML10]] Section 5.1.</p>
+<p class='note'>In the examples in this document, standard TTML namespace prefixes are abbreviated for brevity, without loss of generality.</p>
+</section>
+<section id='conformance'>
+<p>This profile defines (1) constraints on documents and (2) minimum requirements for a TTML presentation processor capable of presenting such constrained
+documents.</p>
+<p>A document conforms to this profile if it:</p>
+<ol>
+<li>contains all elements and attributes required by this profile;</li>
+<li>does not contain or employ elements and attributes that are prohibited by this profile; and</li>
+<li>satisfies all other semantic constraints defined by this profile.</li>
+</ol>
+<p>A conformant document is said to be <em>strictly conformant</em> if it does not contain any feature that is not explicitly specified as included in this profile.</p>
+<p>A TTML presentation processor conforms to this profile if it:</p>
+<ol>
+<li>implements support for the profile definition specified in <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>; and</li>
+<li>implements support for all other semantics explicitly defined by this profile.</li>
+</ol>
+<p>The semantics defined in [[!TTML10]] apply unless otherwise constrained in this profile.</p>
+<p>Claims of document conformance MUST make use of the following profile URI, identified with the indicated profile name:</p>
+<table>
+<tr>
+<th>Profile Name</th>
+<th>Profile Designator</th>
+</tr>
+<tr>
+<td><code>SDP US</code></td>
+<td><code>http://www.w3.org/ns/ttml/profile/sdp-us</code></td>
+</tr>
+</table>
+<p>Conformance to this profile does not preclude:</p>
+<ol>
+<li>use of other features defined in [[!TTML10]], in which case such behavior is not defined here; or</li>
+<li>use of other profiles that may implement the features in this profile.</li>
+</ol>
+<p class='note'>Error handling behavior is described in <a href="#error_handling">Error Handling</a>.</p>
+</section>
+<section class='Structural_Constraints'>
+<h3>Structural Constraints</h3>
+<div data-transform='constraint'>A document MUST contain a <code>tt</code> element.</div>
+<div data-transform='constraint'>A document MUST contain both a <code>head</code> and <code>body</code> element.</div>
+<div data-transform='constraint'>A document MUST contain both a <code>styling</code> and a <code>layout</code> element.</div>
+<div data-transform='constraint'>A document MUST NOT contain a <code>div</code> element which has a descendant <code>div</code> element.</div>
+<div data-transform='constraint'>A document MUST NOT contain a <code>span</code> element which has a descendant <code>span</code> element.</div>
+<div data-transform='example'>Single level of spans.</div>
+<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>A<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s3</span>"<span style="color: blue;">></span>B<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>C<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
+</pre>
+<div data-transform='constraint'>A document MUST NOT contain two elements such that the lexical order of the elements is different than the temporal
+order of the elements.</div>
+<div class='note'><p>This constraint is intended to limit the lexical order of elements to match the temporal order of the active duration of these elements.</p></div>
+<section id='Use_of_Constrained_TTML_Feature_content'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#content</span></h2>
+<div data-transform='constraint'>A document that is claimed to be <em>strictly</em> conformant MUST NOT contain an
+element that is not one of the following element types:</div>
+<ul>
+<li><code>tt</code></li>
+<li><code>head</code></li>
+<li><code>styling</code></li>
+<li><code>style</code></li>
+<li><code>layout</code></li>
+<li><code>region</code></li>
+<li><code>body</code></li>
+<li><code>div</code></li>
+<li><code>p</code></li>
+<li><code>span</code></li>
+<li><code>br</code></li>
+<li><code>set</code></li>
+<li><code>ttp:profile</code></li>
+<li><code>ttp:features</code></li>
+<li><code>ttp:feature</code></li>
+<li><code>ttp:extensions</code></li>
+<li><code>ttp:extension</code></li>
+</ul>
+</section>
+<section id='Use_of_Constrained_TTML_Feature_content_profile'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#profile</span></h2>
+<div data-transform='constraint'>A document MUST contain a <code>ttp:profile</code> element where the <code>use</code> attribute of that element is specified as <code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</div>
+<div data-transform='constraint'>A presentation processor MUST support the profile identified by the URI <code>http://www.w3.org/ns/ttml/profile/sdp-us</code> as defined by <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>.</div>
+<div class='note'><p>See also <a href="#conformance">Conformance</a>. [[!TTML10]] allows zero or more profiles (<code>ttp:profile</code> in the <code>head</code> element) to be specified and used simultaneously.</p></div>
+</section>
+</section>
+<section id='Style_Constraints'>
+<h2>Style Constraints</h2>
+<p></p>
+<section id='Constrained_TTML_Feature_backgroundColor'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#backgroundColor-*</span></h2>
+<p></p>
+<div data-transform='constraint'>A document MUST NOT contain a <strong><color></strong> expression value used with the
+<code>tts:backgroundColor</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
+[[!TTML10]], Section 8.3.2.</div>
+<div data-transform='constraint'>A presentation processor MUST support the colors specified in <a href="#color-values">Color Values</a> for use
+with the <code>tts:backgroundColor</code> attribute.</div>
+<div class='note'><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div>
+<div data-transform='constraint'>A document MUST NOT contain a <code>region</code> element where the value of the alpha component of the region's computed value for the
+<code>tts:backgroundColor</code> property is not zero (0).</div>
+<div data-transform='example'>Multiple Background Styles. The <code>tts:backgroundColor</code> is specified distinctly for a region, a paragraph selected into
+that region, and a span of text in that paragraph.</div>
+<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span
+ style="color:blue;"><</span><span style="color:maroon;">region</span> <span
+ style="color:red;">xml:id</span><span style="color:blue;">="r1"</span> <span
+ style="color:red;">tts</span><span style="color:blue;">:</span><span
+ style="color:red;">backgroundColor</span><span style="color:blue;">="#00000000"/></span>
+...
+<span style="color:blue;"><</span><span style="color:maroon;">p</span> <span
+ style="color:red;">region</span><span style="color:blue;">="r1"</span> <span
+ style="color:red;">tts</span><span style="color:blue;">:</span><span
+ style="color:red;">backgroundColor</span><span style="color:blue;">="#1049edff"></span>
+ Twinkle, twinkle, little bat!<span style="color:blue;"><</span><span
+ style="color:maroon;">br</span><span style="color:blue;">/></span>
+ How <span style="color:blue;"><</span><span style="color:maroon;">span</span> <span
+ style="color:red;">tts</span><span style="color:blue;">:</span><span
+ style="color:red;">backgroundColor</span><span style="color:blue;">="#ed1078ff"></span>I wonder<span
+ style="color:blue;"></</span><span style="color:maroon;">span</span><span
+ style="color:blue;">></span> where you're at!
+<span style="color:blue;"></</span><span style="color:maroon;">p</span><span
+ style="color:blue;">></span></pre>
+</section>
+<section id='Constrained_TTML_Feature_color'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#color</span></h2>
+<div data-transform='constraint'>A document MUST NOT contain a <strong><color></strong> expression value used with the
+<code>tts:color</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
+[[!TTML10]], Section 8.3.2.</div>
+<div data-transform='constraint'>A presentation processor MUST support the colors specified in <a href="#color-values">Color Values</a> for use
+with the <code>tts:color</code> attribute.</div>
+<div class='note'><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div>
+</section>
+<section id='Constrained_TTML_Feature_extent_region'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#extent-region</span></h2>
+<div data-transform='constraint'>A document MUST NOT contain a <code>region</code> element where the computed values of the <code>tts:origin</code> and
+<code>tts:extent</code> properties would result in the region extending outside of the root container.</div>
+<div data-transform='constraint'>A presentation processor MUST fix the root container origin so that it corresponds with the top, left corner of the related
+media object [[TTML10SE]], Section 2.2.</div>
+<div data-transform='constraint'>A presentation processor MUST fix the root container extent so that it corresponds with the extent of the related
+media object [[TTML10SE]], Section 2.2.</div>
+<div class='note'><p>In the context of this document, the related media object [[TTML10SE]] is assumed to be video media, and, therefore, have an
+associated origin and extent on some display device.</p></div>
+<section class='informative'>
+<h4>Examples</h4>
+<p>This profile supports the following caption styles:</p>
+<ul>
+<li>Pop-up</li>
+<li>Roll-up</li>
+<li>Paint-on</li>
+</ul>
+<p>Pop-up style captions are typically characterized by small blocks of text that appear all at once.</p>
+<p>Roll-up style captions are typically characterized by words (or small groups of letters) appearing sequentially,
+so that a line fills up incrementally, and then as new lines are added the upper lines are scrolled out of view.</p>
+<p>A Paint-on caption typically appears on the screen one character at a time and is displayed like a Pop-up caption.</p>
+<p>These caption styles are further elucidated by examples below and by [[TTML10SE]] Appendix N, Common Caption Style Examples.</p>
+<div data-transform='example'>Pop-up style</div>
+<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+ <span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"> </span>
+<span style="color: blue;"> </span><span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"<span style="color: blue;"> </span>
+<span style="color: blue;"> </span><span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> A typical transparent region with centered text that has an outline </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">#000000ff 5%</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">#00000000</span>"<span style="color: blue;"> </span>
+ <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style=
+"color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> typical 'Pop-up' type region </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> /></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">defaultFont</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:00.101</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span> This is a Pop-up caption. <span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span>
+
+</pre>
+</section>
+<section>
+<div data-transform='example'>Positioned styles.</div>
+<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+<span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
+ <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style=
+"color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">topMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
+ <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style=
+"color: blue;">20% 10%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
+</pre></section>
+<section>
+<div data-transform='example'>Moving regions. Content is positioned based on the location of speaker, which is presented in the bottom two lines individually positioned in a region in order to avoid conflicting with background content.</div>
+<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+<span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"></span>
+ <span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"
+ <span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>"<span style="color: blue;">none</span>"<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">40% 18%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;">four speakers count off, and then all call 'Jump' together </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>One<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Two<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Three<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Four<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span>
+</pre>
+</section>
+</section>
+<section id='Constrained_TTML_Feature_display_display_fontFamily_generic'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#fontFamily-generic</span></h2>
+<div data-transform='constraint'>A document MUST NOT specify a <code>tts:fontFamily</code> attribute whose value is not one of the following:</div>
+<ul>
+<li><code>default</code></li>
+<li><code>monospaceSerif</code></li>
+<li><code>proportionalSerif</code></li>
+<li><code>monospaceSansSerif</code></li>
+<li><code>proportionalSansSerif</code></li>
+<li><code>casual</code></li>
+<li><code>cursive</code></li>
+<li><code>smallCaps</code></li>
+</ul>
+<div class='note'><p>Values of <code>tts:fontFamily</code> that do not not correspond to generic font family names in [[!TTML10]], such as <code>casual</code>, <code>cursive</code> and <code>smallCaps</code>, may be used. These are to be interpreted as local font names, which, if not available, the <code>default</code> font family is to be used.</p></div>
+</section>
+<section id='Constrained_TTML_Feature_display_display_fontSize'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#fontSize</span></h2>
+<div data-transform='constraint'>A document MUST NOT specify a <code>tts:fontSize</code> attribute using a value that is not one of the
+following values: <code>50%</code>, <code>75%</code>, <code>100%</code>, <code>150%</code> or <code>200%</code>.</div>
+<div class='note'><p>Use of a font size of less than 75%, e.g., 50%, may result in unreadable content for the end user.</p></div>
+<div class='note'><p>If a specific font size is not supported, then follow the semantics for a presentation processor defined in [[!TTML10]], Section 8.2.9.</p></div>
+<div class='note'><p>Constraining the root container extent to the active video area means that the default
+font size of 1c and the default cell grid of 32 x 15 (as specified in TTML 1.0) implies an initial font height of 6.67% of the video height.</p></div>
+</section>
+<section id='Constrained_TTML_Feature_styling'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#styling-*</span></h2>
+<div data-transform='constraint'>A document MUST NOT use <strong>chained referential styling</strong> or <strong>nested styling</strong> as defined
+by [[!TTML10]], Sections 8.4.1.3 and 8.4.1.4, respectively.</div>
+<div data-transform='constraint'>A document MUST NOT contain a <code>region</code> element which has a descendant <code>style</code> element.</div>
+<div class='note'><p>The constraints in this section result in a document that contains style blocks that are complete and self-contained.</p></div>
+</section>
+</section>
+<section id='layout_constraints'>
+<h2>Layout Constraints</h2>
+<p></p>
+<section id='Constrained_TTML_Feature_layout'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#layout</span></h2>
+<div data-transform='constraint'>A document MUST NOT contain two regions such that the spatial extent of the two regions would (visually) overlap.</div>
+<div data-transform='constraint'>A document MUST NOT contain content such that more than four regions would be selected into a given synchronic
+intermediate document.</div>
+<div data-transform='constraint'>A document MUST NOT contain content such that more than four lines of text would be selected a given synchronic
+intermediate document.</div>
+<div data-transform='constraint'>A document MUST NOT contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
+then more than 38 (42) characters, respectively, would be present in the same visible line of text.</div>
+<div data-transform='constraint'>A document MUST NOT contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
+then more than 152 (168) characters, respectively, would be present in all visible lines of text.</div>
+<div class='note'><p>These requirements accommodate content originated in Europe but displayed in the US, as well as content displayed using 16:9 format.</p></div>
+<div data-transform='constraint'>A document MUST NOT contain content such that more than one <code>p</code> element would be selected into the
+same region in a given synchronic intermediate document.</div>
+<div class='note'><p>The style properties of a region and the content selected into the region impact how selected text flows into a region, e.g., selected text may flow outside of the region such as on a mobile device.</p></div>
+<div class='note'><p>Constraining a region to select no more than one <code>p</code> element logically places content from two different speakers into different region(s).</p></div>
+<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>I always get the fuzzy end<span style="color:blue;"><</span><span style="color:#a31515;">br</span><span style="color:blue;">/></span>of the lollipop.<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>
+</pre>
+<div class='note'><p>When a document author wants to construct a single phrase for a speaker with more than one line of text in a region, a <code>br</code> element may be used within a <code>p</code> element. See the previous example for one speaker with more than one line.</p></div>
+</section>
+</section>
+<section id='timing_constraints'>
+<h2>Timing Constraints</h2>
+<p></p>
+<section id='Constrained_TTML_Feature_timing'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#timing</span></h2>
+<div data-transform='constraint'>A document MUST NOT contain a <strong><timeExpression></strong> value that does not
+conform to the subset of <code>clock-time</code> that matches either of the following patterns: <code>hh:mm:ss.mss</code> or <code>hh:mm:ss:ff</code>,
+where <code>hh</code> denotes hours (00-23), <code>mm</code> denotes minutes (00-59), <code>ss</code> denotes seconds (00-59),
+<code>mss</code> denotes milliseconds (000-999), and <code>ff</code> denotes frames (00-<em>frameRate - 1</em>).</div>
+<div data-transform='constraint'>A document MUST use the same time expression format throughout the document; more specifically, whichever
+time expression format is encountered first (in lexical order) MUST be used for all subsequent time expressions in the document.</div>
+<div data-transform='constraint'>For time expressions that use the <code>hh:mm:ss.mss</code> format, the following constraints apply:</div>
+<ul>
+<li>Exactly 2 digits MUST be used in each of the hours, minutes, and second components (include leading zeros).</li>
+<li>Exactly 3 decimal places MUST be used for the milliseconds component (include leading zeros).</li>
+</ul>
+<div class='note'><p>The phrase <em>milliseconds component</em> above refers to a particular use of the <code>fraction</code> of a <code>clock-time</code> time expression as defined by [[!TTML10]] Section 10.3.1.</p></div>
+<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01.000</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11.123</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>
+</pre>
+<div data-transform='constraint'>For time expressions that use the <code>hh:mm:ss:ff</code> format, the following constraints apply:</div>
+<ul>
+<li>Exactly 2 digits MUST be used in each of the hours, minutes, second, and frame components (include leading zeros).</li>
+<li>A <code>ttp:frameRate</code> attribute MUST be present on the <code>tt</code> element.</li>
+<li>A <code>ttp:frameRateMultiplier</code> attribute MAY be present on the <code>tt</code> element.</li>
+</ul>
+<p></p>
+<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+<span style="color:blue;"><</span><span style="color:#a31515;">tt</span><span style="color:blue;"> </span><span style="color:red;">p:frameRate</span><span style="color:blue;">=</span>'<span style="color:blue;">30</span>'<span style="color:blue;"> </span><span style="color:red;">p:frameRateMultiplier</span><span style="color:blue;">=</span>'<span style="color:blue;">1000 1001</span>'<span style="color:blue;"></span><span style="color:blue;"> ...></span>
+...
+<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01:00</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11:22</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>
+</pre>
+<div data-transform='constraint'>A document MUST NOT contain an element on which a <code>dur</code> attribute is specified that is not a <code>p</code> or <code>span</code> element.</div>
+</section>
+<section id='animation'>
+<h2>Use of Constrained TTML Feature <span data-transform='term'>#animation</span></h2>
+<div data-transform='constraint'>A document MUST NOT contain a <code>set</code> element that is not a child of a <code>region</code> or <code>span</code> element.</div>
+<div data-transform='constraint'>A document MUST NOT contain a <code>set</code> child element of a <code>region</code> element that specifies a property to be
+animated other than: <code>tts:display</code>, <code>tts:origin</code>, or <code>tts:extent</code>.</div>
+<div data-transform='constraint'>A document MUST NOT contain a <code>set</code> child element of a <code>span</code> element that specifies a property to be
+animated other than: <code>tts:color</code>.</div>
+<div data-transform='constraint'>A document MUST NOT contain an element that contains more than six (6) <code>set</code> child elements.</div>
+</section>
+</section>
+<section id='other_constraints'>
+<h2>Other Constraints</h2>
+<section id='Encoding_Constraints'>
+<h3>Encoding Constraints</h3>
+<p>Content Authors MUST adhere to and presentation processors MUST support the following constraints:</p>
+<div data-transform='constraint'>A document MUST be concretely represented as a well-formed [[!XML10]] entity.</div>
+<div data-transform='constraint'>A document MUST be concretely represented using the UTF-8 character encoding [[!UNICODE]].</div>
+<div data-transform='constraint'>A presentation processor MUST reject a document that is not a well-formed [[!XML10]] entity or is not encoded with UTF-8.</div>
+</section>
+<section id=Ease_of_Use_Constraints>
+<h3>Ease of Use Constraints</h3>
+<p>Constraints on reduced or simplified content are outside of this profile. External labeling can be used to support the end user's capability to select and use captions when available for:</p>
+<ul>
+<li>Reduced or simplified content for <em>easy reader</em> or</li>
+<li>Additional languages.</li>
+</ul>
+<p>For example, external labeling can be used to identify simplified, reduced, or other language supported content on a text track in HTML5. Such labeling can also be used to identify when large font size is applied to content. Requirements to support user preview and retention of default or user defined settings of selected text are outside of the scope of this profile. These requirements are relevant in the environment to which the captions are deployed.</p>
+<section class='Usage_Scenario'>
+<p>Presentation processors MUST support the ability of the end user to:</p>
+<div data-transform='constraint'>Override background color of presented content, with minimum support for at least the
+set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div>
+<div class='note'><p>An end user override of background color is applied to the value of the <code>tts:backgroundColor</code> property
+in the applicable computed style set.</p></div>
+<div data-transform='constraint'>Override foreground color of presented text content, with minimum support for at least the
+set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div>
+<div class='note'><p>An end user override of foreground color is applied to the value of the <code>tts:color</code> property
+in the applicable computed style set.</p></div>
+<div data-transform='constraint'>Override font family of presented text content, with minimum support for at least the following
+generic font family values: <code>default</code>, <code>monospace</code>, <code>monospaceSansSerif</code>, <code>proportionalSerif</code>,
+<code>proportionalSansSerif</code>.</div>
+<div class='note'><p>An end user override of font family is applied to the value of the <code>tts:fontFamily</code> property
+in the applicable computed style set.</p></div>
+<div data-transform='constraint'>Override font style of presented text content.</div>
+<div class='note'><p>An end user override of font style is applied to the value of the <code>tts:fontStyle</code> property
+in the applicable computed style set.</p></div>
+<div data-transform='constraint'>Override font size of presented text content.</div>
+<div class='note'><p>An end user override of font size is applied to the value of the <code>tts:fontSize</code> property
+in the applicable computed style set.</p></div>
+<div data-transform='constraint'>Override decoration of presented text content, including outline and underline effects.</div>
+<div class='note'><p>An end user override of text decoration effects is applied to the value of the <code>tts:textDecoration</code> and/or
+<code>tts:textOutline</code> properties in the applicable computed style set.</p></div>
+<p>Style overrides MUST be applied to the result of step 2 <strong>[resolve computed styles]</strong> of [[!TTML10]],
+Section 8.4.4.4, <em>Style Resolution Process</em>.</p>
+<p>Other details of support for end user overrides, including the means by which overrides are presented to and performed
+by the end user, are not specified by this profile. Similarly, the sets of choices of values for end user overrides are not specified
+by this profile.</p>
+<div class='note'><p>A presentation processor may allow an end user to select override styles that are not explicitly supported
+by TTML. For example, it may allow for text decoration effects, font styles, and font families to be selected that are not defined
+by TTML itself.</p></div>
+<div class='note'><p>An implementer of a presentation processor is advised to consult [[CEA708]] to obtain additional information
+about override styles.</p></div>
+</section>
+</section>
+</section>
+<section id='Features_in_TTML_1.0_Used'>
+<h2>Features in TTML 1.0 Used in This Profile</h2>
+<p>The following TTML profile definition formally defines the SDP US profile, designated by the profile designator
+<code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</p>
+<pre style="font-family: monospace; font-size: 10pt; color: black; background: white;">
+<span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
+<span style="color: blue;"><</span><span style="color: #a31515;">profile</span><span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">features</span><span style="color: blue;"> </span><span style="color: red;">xml:base</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/feature/</span>"<span style="color: blue;">></span>
+<span style="color: blue;"> <!--</span><span style="color: green;"> required (mandatory) feature support </span><span style="color: blue;">--></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#animation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-block<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#color<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#core<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#display-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#displayAlign<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#extent-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontFamily-generic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontSize<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontStyle-italic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRate<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRateMultiplier<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#layout<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-percentage<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-positive<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-real<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#lineBreak-uax14<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#presentation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#profile<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#structure<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-referential<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textAlign-absolute<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textDecoration-under<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textOutline-unblurred<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#time-offset<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#timing<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#writingMode-horizontal-lr<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
+<span style="color: blue;"> </</span><span style="color: #a31515;">features</span><span style="color: blue;">></span>
+<span style="color: blue;"></</span><span style="color: #a31515;">profile</span><span style="color: blue;">></span>
+</pre>
+</section>
+<section id='error_handling'>
+<h2>Error handling</h2>
+<p>The semantics defined by [[!TTML10]] Section 6.1.1 apply with regard to the presence of a reference to other standard or non-standard profiles. In particular,
+if an additional, non-standard profile is specified for use by a document and is not dereferencable by the presentation processor, then the document MUST NOT be further
+processed without an explicit override from the end user.</p>
+<p>The semantics defined by [[!TTML10]] Section 6.1.3 apply if some standard or non-standard feature is required, the feature is present in the document, and the presentation processor does not support that feature. In this case also, the document MUST NOT be further processed without an explicit override from the end user.</p>
+<p>If a feature is present in a document and support for that feature is not required by the profile(s) referenced (or defined) by the document, and if the presentation
+processor does not support or otherwise recognize that feature, then the feature MUST be ignored.</p>
+</section>
+<section class='appendix' id='future_needs'>
+<h2>Future Needs for TTML next for Simple Delivery</h2>
+<section class='appendix' id='Section2'>
+<h3>Values for font family support</h3>
+<p>The casual, cursive and smallCaps generic font families are suggested for consideration in a future version of TTML.</p>
+</section>
+<section class='appendix' id='Section3'>
+<h3>Support for character edge features</h3>
+<p>Additional character edge features for raised, depressed, and drop shadowed edges are suggested for consideration in a future version of TTML.</p>
+</section>
+<section class='appendix' id='Section4'>
+<h3>Specify rendering model that accounts for drawing performance</h3>
+<p>Consideration may be given to defining a rendering model that accounts for drawing performance.</p>
+</section>
+</section>
+<section class='appendix'>
+<h2>Mapping of US Government Requirements to Constrained Profile Features</h2>
+<p>A key is provided that maps the US Government technical requirements for closed captions to the constrained features of this profile.</p>
+<table style="width: 100%;">
+<tr>
+<td>Presentation</td>
+<td>#animation (set)<br />
+#display-region<br />
+#displayAlign<br />
+#extent-region<br />
+#frameRate<br />
+#frameRateMultiplier<br />
+#layout<br />
+#length-percentage<br />
+#length-positive<br />
+#length-real<br />
+#lineBreak-uax14<br />
+#textAlign-absolute<br />
+#time-offset<br />
+#timing<br />
+#writingMode-horizontal-lr</td>
+</tr>
+<tr>
+<td>Character color</td>
+<td>#animation<br />
+#color</td>
+</tr>
+<tr>
+<td>Character opacity</td>
+<td>#color</td>
+</tr>
+<tr>
+<td>Character size</td>
+<td>#fontSize<br />
+#fontStyle-italic<br />
+#textDecoration-underline</td>
+</tr>
+<tr>
+<td>Fonts</td>
+<td>#fontFamily-generic<br />
+#fontStyle-italic</td>
+</tr>
+<tr>
+<td>Caption background color and opacity</td>
+<td>#backgroundColor-*</td>
+</tr>
+<tr>
+<td>Character edge attributes</td>
+<td>#textOutline-unblurred</td>
+</tr>
+<tr>
+<td>Caption window color</td>
+<td>#backgroundColor-*</td>
+</tr>
+<tr>
+<td>Language</td>
+<td>#profile</td>
+</tr>
+<tr>
+<td>Preview setting and retention</td>
+<td>See <a href="#other_constraints">Other Constraints,</a></td>
+</tr>
+</table>
+<p></p>
+</section>
+<section class='appendix'>
+<h2>Code points</h2>
+<div data-transform='constraint'>Presentation processors MUST provide font glyph coverage for all characters in the “ISO 8859-1 Latin-1” space and SHOULD provide coverage for ANSI INCITS 4 when mapped onto Unicode code points (see table below).</div>
+<p class='note'>A presentation processor follows the semantics expected for use of Unicode code points as stated in this section. The exact glyph is presentation processor dependent.</p>
+<div data-transform='constraint'>Presentation processors SHOULD support the C0, G0, C1, and G1 code sets mapped onto Unicode as in the following table. See [[CEA 708]], Section 7.1 including, Table 11.</div>
+<table style="border-collapse: collapse;width:630pt; width:835px;border:0">
+<colgroup>
+<col style="width:38pt; width:51px" />
+<col span="16" style=" width:37pt; width:49px" /></colgroup>
+<tr style="height:15pt">
+<td class="style1" style="height:20px;width:51px"></td>
+<td class="style2" style="width:49px">_0</td>
+<td class="style2" style="width:49px">_1</td>
+<td class="style2" style="width:49px">_2</td>
+<td class="style2" style="width:49px">_3</td>
+<td class="style2" style="width:49px">_4</td>
+<td class="style2" style="width:49px">_5</td>
+<td class="style2" style="width:49px">_6</td>
+<td class="style2" style="width:49px">_7</td>
+<td class="style2" style="width:49px">_8</td>
+<td class="style2" style="width:49px">_9</td>
+<td class="style2" style="width:49px">_A</td>
+<td class="style2" style="width:49px">_B</td>
+<td class="style2" style="width:49px">_C</td>
+<td class="style2" style="width:49px">_D</td>
+<td class="style2" style="width:49px">_E</td>
+<td class="style2" style="width:49px">_F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"><span></span></td>
+<td class="style4">!</td>
+<td class="style4">"</td>
+<td class="style4">#</td>
+<td class="style4">$</td>
+<td class="style4">%</td>
+<td class="style4">&</td>
+<td class="style4">'</td>
+<td class="style4">(</td>
+<td class="style4">)</td>
+<td class="style4">*</td>
+<td class="style4">+</td>
+<td class="style4">,</td>
+<td class="style4">-</td>
+<td class="style4">.</td>
+<td class="style4">/</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+002_</td>
+<td class="style2" style="width:49px">0020</td>
+<td class="style2" style="width:49px">0021</td>
+<td class="style2" style="width:49px">0022</td>
+<td class="style2" style="width:49px">0023</td>
+<td class="style2" style="width:49px">0024</td>
+<td class="style2" style="width:49px">0025</td>
+<td class="style2" style="width:49px">0026</td>
+<td class="style2" style="width:49px">0027</td>
+<td class="style2" style="width:49px">0028</td>
+<td class="style2" style="width:49px">0029</td>
+<td class="style2" style="width:49px">002A</td>
+<td class="style2" style="width:49px">002B</td>
+<td class="style2" style="width:49px">002C</td>
+<td class="style2" style="width:49px">002D</td>
+<td class="style2" style="width:49px">002E</td>
+<td class="style2" style="width:49px">002F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">0</td>
+<td class="style4">1</td>
+<td class="style4">2</td>
+<td class="style4">3</td>
+<td class="style4">4</td>
+<td class="style4">5</td>
+<td class="style4">6</td>
+<td class="style4">7</td>
+<td class="style4">8</td>
+<td class="style4">9</td>
+<td class="style4">:</td>
+<td class="style4">;</td>
+<td class="style4"><</td>
+<td class="style4">=</td>
+<td class="style4">></td>
+<td class="style4">?</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+003_</td>
+<td class="style2" style="width:49px">0030</td>
+<td class="style2" style="width:49px">0031</td>
+<td class="style2" style="width:49px">0032</td>
+<td class="style2" style="width:49px">0033</td>
+<td class="style2" style="width:49px">0034</td>
+<td class="style2" style="width:49px">0035</td>
+<td class="style2" style="width:49px">0036</td>
+<td class="style2" style="width:49px">0037</td>
+<td class="style2" style="width:49px">0038</td>
+<td class="style2" style="width:49px">0039</td>
+<td class="style2" style="width:49px">003A</td>
+<td class="style2" style="width:49px">003B</td>
+<td class="style2" style="width:49px">003C</td>
+<td class="style2" style="width:49px">003D</td>
+<td class="style2" style="width:49px">003E</td>
+<td class="style2" style="width:49px">003F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">@</td>
+<td class="style4">A</td>
+<td class="style4">B</td>
+<td class="style4">C</td>
+<td class="style4">D</td>
+<td class="style4">E</td>
+<td class="style4">F</td>
+<td class="style4">G</td>
+<td class="style4">H</td>
+<td class="style4">I</td>
+<td class="style4">J</td>
+<td class="style4">K</td>
+<td class="style4">L</td>
+<td class="style4">M</td>
+<td class="style4">N</td>
+<td class="style4">O</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+004_</td>
+<td class="style2" style="width:49px">0040</td>
+<td class="style2" style="width:49px">0041</td>
+<td class="style2" style="width:49px">0042</td>
+<td class="style2" style="width:49px">0043</td>
+<td class="style2" style="width:49px">0044</td>
+<td class="style2" style="width:49px">0045</td>
+<td class="style2" style="width:49px">0046</td>
+<td class="style2" style="width:49px">0047</td>
+<td class="style2" style="width:49px">0048</td>
+<td class="style2" style="width:49px">0049</td>
+<td class="style2" style="width:49px">004A</td>
+<td class="style2" style="width:49px">004B</td>
+<td class="style2" style="width:49px">004C</td>
+<td class="style2" style="width:49px">004D</td>
+<td class="style2" style="width:49px">004E</td>
+<td class="style2" style="width:49px">004F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">P</td>
+<td class="style4">Q</td>
+<td class="style4">R</td>
+<td class="style4">S</td>
+<td class="style4">T</td>
+<td class="style4">U</td>
+<td class="style4">V</td>
+<td class="style4">W</td>
+<td class="style4">X</td>
+<td class="style4">Y</td>
+<td class="style4">Z</td>
+<td class="style4">[</td>
+<td class="style4">\</td>
+<td class="style4">]</td>
+<td class="style4">^</td>
+<td class="style4">_</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+005_</td>
+<td class="style2" style="width:49px">0050</td>
+<td class="style2" style="width:49px">0051</td>
+<td class="style2" style="width:49px">0052</td>
+<td class="style2" style="width:49px">0053</td>
+<td class="style2" style="width:49px">0054</td>
+<td class="style2" style="width:49px">0055</td>
+<td class="style2" style="width:49px">0056</td>
+<td class="style2" style="width:49px">0057</td>
+<td class="style2" style="width:49px">0058</td>
+<td class="style2" style="width:49px">0059</td>
+<td class="style2" style="width:49px">005A</td>
+<td class="style2" style="width:49px">005B</td>
+<td class="style2" style="width:49px">005C</td>
+<td class="style2" style="width:49px">005D</td>
+<td class="style2" style="width:49px">005E</td>
+<td class="style2" style="width:49px">005F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">`</td>
+<td class="style4">a</td>
+<td class="style4">b</td>
+<td class="style4">c</td>
+<td class="style4">d</td>
+<td class="style4">e</td>
+<td class="style4">f</td>
+<td class="style4">g</td>
+<td class="style4">h</td>
+<td class="style4">i</td>
+<td class="style4">j</td>
+<td class="style4">k</td>
+<td class="style4">l</td>
+<td class="style4">m</td>
+<td class="style4">n</td>
+<td class="style4">o</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+006_</td>
+<td class="style2" style="width:49px">0060</td>
+<td class="style2" style="width:49px">0061</td>
+<td class="style2" style="width:49px">0062</td>
+<td class="style2" style="width:49px">0063</td>
+<td class="style2" style="width:49px">0064</td>
+<td class="style2" style="width:49px">0065</td>
+<td class="style2" style="width:49px">0066</td>
+<td class="style2" style="width:49px">0067</td>
+<td class="style2" style="width:49px">0068</td>
+<td class="style2" style="width:49px">0069</td>
+<td class="style2" style="width:49px">006A</td>
+<td class="style2" style="width:49px">006B</td>
+<td class="style2" style="width:49px">006C</td>
+<td class="style2" style="width:49px">006D</td>
+<td class="style2" style="width:49px">006E</td>
+<td class="style2" style="width:49px">006F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">p</td>
+<td class="style4">q</td>
+<td class="style4">r</td>
+<td class="style4">s</td>
+<td class="style4">t</td>
+<td class="style4">u</td>
+<td class="style4">v</td>
+<td class="style4">w</td>
+<td class="style4">x</td>
+<td class="style4">y</td>
+<td class="style4">z</td>
+<td class="style4">{</td>
+<td class="style4">|</td>
+<td class="style4">}</td>
+<td class="style4">~</td>
+<td class="style6" style="width:49px">♪</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+007_</td>
+<td class="style2" style="width:49px">0070</td>
+<td class="style2" style="width:49px">0071</td>
+<td class="style2" style="width:49px">0072</td>
+<td class="style2" style="width:49px">0073</td>
+<td class="style2" style="width:49px">0074</td>
+<td class="style2" style="width:49px">0075</td>
+<td class="style2" style="width:49px">0076</td>
+<td class="style2" style="width:49px">0077</td>
+<td class="style2" style="width:49px">0078</td>
+<td class="style2" style="width:49px">0079</td>
+<td class="style2" style="width:49px">007A</td>
+<td class="style2" style="width:49px">007B</td>
+<td class="style2" style="width:49px">007C</td>
+<td class="style2" style="width:49px">007D</td>
+<td class="style2" style="width:49px">007E</td>
+<td class="style2" style="width:49px">007F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">¡</td>
+<td class="style4">¢</td>
+<td class="style4">£</td>
+<td class="style4">¤</td>
+<td class="style4">¥</td>
+<td class="style4">¦</td>
+<td class="style4">§</td>
+<td class="style4">¨</td>
+<td class="style4">©</td>
+<td class="style4">ª</td>
+<td class="style4">«</td>
+<td class="style4">¬</td>
+<td class="style4">­</td>
+<td class="style4">®</td>
+<td class="style4">¯</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00A_</td>
+<td class="style2" style="width:49px">00A0</td>
+<td class="style2" style="width:49px">00A1</td>
+<td class="style2" style="width:49px">00A2</td>
+<td class="style2" style="width:49px">00A3</td>
+<td class="style2" style="width:49px">00A4</td>
+<td class="style2" style="width:49px">00A5</td>
+<td class="style2" style="width:49px">00A6</td>
+<td class="style2" style="width:49px">00A7</td>
+<td class="style2" style="width:49px">00A8</td>
+<td class="style2" style="width:49px">00A9</td>
+<td class="style2" style="width:49px">00AA</td>
+<td class="style2" style="width:49px">00AB</td>
+<td class="style2" style="width:49px">00AC</td>
+<td class="style2" style="width:49px">00AD</td>
+<td class="style2" style="width:49px">00AE</td>
+<td class="style2" style="width:49px">00AF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">°</td>
+<td class="style4">±</td>
+<td class="style4">²</td>
+<td class="style4">³</td>
+<td class="style4">´</td>
+<td class="style4">µ</td>
+<td class="style4">¶</td>
+<td class="style4">·</td>
+<td class="style4">¸</td>
+<td class="style4">¹</td>
+<td class="style4">º</td>
+<td class="style4">»</td>
+<td class="style4">¼</td>
+<td class="style4">½</td>
+<td class="style4">¾</td>
+<td class="style4">¿</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00B_</td>
+<td class="style2" style="width:49px">00B0</td>
+<td class="style2" style="width:49px">00B1</td>
+<td class="style2" style="width:49px">00B2</td>
+<td class="style2" style="width:49px">00B3</td>
+<td class="style2" style="width:49px">00B4</td>
+<td class="style2" style="width:49px">00B5</td>
+<td class="style2" style="width:49px">00B6</td>
+<td class="style2" style="width:49px">00B7</td>
+<td class="style2" style="width:49px">00B8</td>
+<td class="style2" style="width:49px">00B9</td>
+<td class="style2" style="width:49px">00BA</td>
+<td class="style2" style="width:49px">00BB</td>
+<td class="style2" style="width:49px">00BC</td>
+<td class="style2" style="width:49px">00BD</td>
+<td class="style2" style="width:49px">00BE</td>
+<td class="style2" style="width:49px">00BF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">À</td>
+<td class="style4">Á</td>
+<td class="style4">Â</td>
+<td class="style4">Ã</td>
+<td class="style4">Ä</td>
+<td class="style4">Å</td>
+<td class="style4">Æ</td>
+<td class="style4">Ç</td>
+<td class="style4">È</td>
+<td class="style4">É</td>
+<td class="style4">Ê</td>
+<td class="style4">Ë</td>
+<td class="style4">Ì</td>
+<td class="style4">Í</td>
+<td class="style4">Î</td>
+<td class="style4">Ï</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00C_</td>
+<td class="style2" style="width:49px">00C0</td>
+<td class="style2" style="width:49px">00C1</td>
+<td class="style2" style="width:49px">00C2</td>
+<td class="style2" style="width:49px">00C3</td>
+<td class="style2" style="width:49px">00C4</td>
+<td class="style2" style="width:49px">00C5</td>
+<td class="style2" style="width:49px">00C6</td>
+<td class="style2" style="width:49px">00C7</td>
+<td class="style2" style="width:49px">00C8</td>
+<td class="style2" style="width:49px">00C9</td>
+<td class="style2" style="width:49px">00CA</td>
+<td class="style2" style="width:49px">00CB</td>
+<td class="style2" style="width:49px">00CC</td>
+<td class="style2" style="width:49px">00CD</td>
+<td class="style2" style="width:49px">00CE</td>
+<td class="style2" style="width:49px">00CF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">Ð</td>
+<td class="style4">Ñ</td>
+<td class="style4">Ò</td>
+<td class="style4">Ó</td>
+<td class="style4">Ô</td>
+<td class="style4">Õ</td>
+<td class="style4">Ö</td>
+<td class="style4">×</td>
+<td class="style4">Ø</td>
+<td class="style4">Ù</td>
+<td class="style4">Ú</td>
+<td class="style4">Û</td>
+<td class="style4">Ü</td>
+<td class="style4">Ý</td>
+<td class="style4">Þ</td>
+<td class="style4">ß</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00D_</td>
+<td class="style2" style="width:49px">00D0</td>
+<td class="style2" style="width:49px">00D1</td>
+<td class="style2" style="width:49px">00D2</td>
+<td class="style2" style="width:49px">00D3</td>
+<td class="style2" style="width:49px">00D4</td>
+<td class="style2" style="width:49px">00D5</td>
+<td class="style2" style="width:49px">00D6</td>
+<td class="style2" style="width:49px">00D7</td>
+<td class="style2" style="width:49px">00D8</td>
+<td class="style2" style="width:49px">00D9</td>
+<td class="style2" style="width:49px">00DA</td>
+<td class="style2" style="width:49px">00DB</td>
+<td class="style2" style="width:49px">00DC</td>
+<td class="style2" style="width:49px">00DD</td>
+<td class="style2" style="width:49px">00DE</td>
+<td class="style2" style="width:49px">00DF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">à</td>
+<td class="style4">á</td>
+<td class="style4">â</td>
+<td class="style4">ã</td>
+<td class="style4">ä</td>
+<td class="style4">å</td>
+<td class="style4">æ</td>
+<td class="style4">ç</td>
+<td class="style4">è</td>
+<td class="style4">é</td>
+<td class="style4">ê</td>
+<td class="style4">ë</td>
+<td class="style4">ì</td>
+<td class="style4">í</td>
+<td class="style4">î</td>
+<td class="style4">ï</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00E_</td>
+<td class="style2" style="width:49px">00E0</td>
+<td class="style2" style="width:49px">00E1</td>
+<td class="style2" style="width:49px">00E2</td>
+<td class="style2" style="width:49px">00E3</td>
+<td class="style2" style="width:49px">00E4</td>
+<td class="style2" style="width:49px">00E5</td>
+<td class="style2" style="width:49px">00E6</td>
+<td class="style2" style="width:49px">00E7</td>
+<td class="style2" style="width:49px">00E8</td>
+<td class="style2" style="width:49px">00E9</td>
+<td class="style2" style="width:49px">00EA</td>
+<td class="style2" style="width:49px">00EB</td>
+<td class="style2" style="width:49px">00EC</td>
+<td class="style2" style="width:49px">00ED</td>
+<td class="style2" style="width:49px">00EE</td>
+<td class="style2" style="width:49px">00EF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">ð</td>
+<td class="style4">ñ</td>
+<td class="style4">ò</td>
+<td class="style4">ó</td>
+<td class="style4">ô</td>
+<td class="style4">õ</td>
+<td class="style4">ö</td>
+<td class="style4">÷</td>
+<td class="style4">ø</td>
+<td class="style4">ù</td>
+<td class="style4">ú</td>
+<td class="style4">û</td>
+<td class="style4">ü</td>
+<td class="style4">ý</td>
+<td class="style4">þ</td>
+<td class="style4">ÿ</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+00F_</td>
+<td class="style2" style="width:49px">00F0</td>
+<td class="style2" style="width:49px">00F1</td>
+<td class="style2" style="width:49px">00F2</td>
+<td class="style2" style="width:49px">00F3</td>
+<td class="style2" style="width:49px">00F4</td>
+<td class="style2" style="width:49px">00F5</td>
+<td class="style2" style="width:49px">00F6</td>
+<td class="style2" style="width:49px">00F7</td>
+<td class="style2" style="width:49px">00F8</td>
+<td class="style2" style="width:49px">00F9</td>
+<td class="style2" style="width:49px">00FA</td>
+<td class="style2" style="width:49px">00FB</td>
+<td class="style2" style="width:49px">00FC</td>
+<td class="style2" style="width:49px">00FD</td>
+<td class="style2" style="width:49px">00FE</td>
+<td class="style2" style="width:49px">00FF</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">Œ</td>
+<td class="style4">œ</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+015_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">0152</td>
+<td class="style2" style="width:49px">0153</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">Š</td>
+<td class="style4">š</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+016_</td>
+<td class="style2" style="width:49px">0160</td>
+<td class="style2" style="width:49px">0161</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">Ÿ</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">Ž</td>
+<td class="style4">ž</td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+017_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">0178</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">017D</td>
+<td class="style2" style="width:49px">017E</td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">ƒ</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+019_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">0192</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">˜</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+02D_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">02DC</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">‐</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">―</td>
+<td class="style4">‖</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+201_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2010</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2015</td>
+<td class="style2" style="width:49px">2016</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">‧</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+202_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2027</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4">‰</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">›</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+203_</td>
+<td class="style2" style="width:49px">2030</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">203A</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">₡</td>
+<td class="style4">₢</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">€</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+20A_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">20A1</td>
+<td class="style2" style="width:49px">20A2</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">20AC</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">₳</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+20B_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">20B3</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">°C</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">°F</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+210_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2103</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2109</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">⅓</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">⅟</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+215_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2153</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">215F</td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4">□</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+25A_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">25A1</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style3" style="height:20px;width:51px"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4">♩</td>
+<td class="style4"></td>
+<td class="style4">♫</td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+<td class="style4"></td>
+</tr>
+<tr style="height:15.0pt">
+<td class="style5" style="height:20px;width:51px">U+266_</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">2669</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px">266B</td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+<td class="style2" style="width:49px"></td>
+</tr>
+</table>
+<div data-transform='constraint'>Presentation processors MAY support the extended G2 character sets that map onto Unicode code points (see table above).</div>
+<div class='note'><p>Presentation processors may also provide glyph coverage for additional Unicode code points.</p></div>
+</section>
+<section class='color_values'>
+<h2>Color values</h2>
+<p>For color values of the form <code>#rrggbbaa</code>, presentation processors MUST support combinations where the red, green, and blue components are either <code>00</code> or <code>FF</code>; and the alpha component are <code>00</code>, <code>54</code>, <code>A8</code> or <code>FF</code>, e.g, #00FFFF54. Additionally, presentation processors SHOULD support values for red, green, and blue of <code>54</code> or <code>A8</code>, and MAY support all possible values between <code>00</code> and <code>FF</code>.</p>
+<table>
+<tr>
+<th>Color</th>
+<th>Value</th>
+</tr>
+<tr>
+<td>Black</td>
+<td>#000000ff</td>
+</tr>
+<tr>
+<td>White</td>
+<td>#fffffffff</td>
+</tr>
+<tr>
+<td>Red</td>
+<td>#ff0000ff</td>
+</tr>
+<tr>
+<td>Green</td>
+<td>#00ff00ff</td>
+</tr>
+<tr>
+<td>Blue</td>
+<td>#0000ffff</td>
+</tr>
+<tr>
+<td>Yellow</td>
+<td>#ffff00ff</td>
+</tr>
+<tr>
+<td>Magenta</td>
+<td>#ff00ffff</td>
+</tr>
+<tr>
+<td>Cyan</td>
+<td>#00ffffff</td>
+</tr>
+</table>
+<p></p>
+</section>
+<section class='appendix'>
+<h2>Acknowledgements</h2>
+<p>Many thanks to Robin Berjon for providing the respec.js tool used to format this document.</p>
+</section>
+</body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/build.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project name="ttml10-sdp-us" default="main" basedir=".">
+
+ <property name="ttml10dir" value="${basedir}/../ttml10/spec"/>
+ <property name="ttml10schemadir" value="${ttml10dir}/xsd"/>
+
+ <target name="validate-profiles">
+ <schemavalidate warn="yes" file="sdp-us.xml">
+ <schema namespace="http://www.w3.org/ns/ttml#parameter" file="${ttml10schemadir}/ttaf1-dfxp-profile.xsd"/>
+ </schemavalidate>
+ </target>
+
+ <macrodef name="validate-example">
+ <attribute name="file"/>
+ <sequential>
+ <schemavalidate warn="yes" file="@{file}.xml">
+ <schema namespace="http://www.w3.org/ns/ttml" file="${ttml10schemadir}/ttaf1-dfxp.xsd"/>
+ </schemavalidate>
+ </sequential>
+ </macrodef>
+
+ <target name="validate-examples">
+ <validate-example file="example-2"/>
+ <validate-example file="example-3"/>
+ <validate-example file="example-4"/>
+ <validate-example file="example-5"/>
+ <validate-example file="example-6"/>
+ <validate-example file="example-7"/>
+ <validate-example file="example-8"/>
+ </target>
+
+ <target name="validate" depends="validate-profiles,validate-examples"/>
+
+ <target name="main" depends="validate"/>
+
+</project>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/example-2.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
+ xmlns:s='http://www.w3.org/ns/ttml#styling'
+ xmlns:p='http://www.w3.org/ns/ttml#parameter' >
+ <head>
+ <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
+ <layout>
+ <region xml:id="r1" s:backgroundColor="#00000000"/>
+ </layout>
+ </head>
+ <body>
+ <div>
+ <p region="r1" s:backgroundColor="#1049edff">
+ Twinkle, twinkle, little bat!<br/>
+ How <span s:backgroundColor="#ed1078ff">I wonder</span> where you're at!
+ </p>
+ </div>
+ </body>
+</tt>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/example-3.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
+ xmlns:s="http://www.w3.org/ns/ttml#styling"
+ xmlns:p="http://www.w3.org/ns/ttml#parameter">
+ <head>
+ <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
+ <styling>
+ <!-- A typical transparent region with centered text that has an outline -->
+ <style xml:id="bottomMidStyle" s:textAlign="center" s:textOutline="#000000ff 5%" s:backgroundColor="#00000000"
+ s:color="#ffffffff" s:origin="20% 58%" s:extent="60% 18%"/>
+ </styling>
+ <layout>
+ <!-- typical "Pop-up" type region -->
+ <region xml:id="bottomMid" style="bottomMidStyle" />
+ </layout>
+ </head>
+ <body>
+ <div style="bottomMidStyle">
+ <p region="bottomMid" begin="00:00:00.101" end="00:00:03.000"> This is a Pop-up caption. </p>
+ </div>
+ </body>
+</tt>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/example-4.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
+ xmlns:s='http://www.w3.org/ns/ttml#styling'
+ xmlns:p='http://www.w3.org/ns/ttml#parameter' >
+ <head>
+ <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
+ <styling>
+ <style xml:id="bottomMidStyle" s:textAlign="center" s:textOutline="black 1px" s:backgroundColor="transparent"
+ s:color="#ffffffff" s:origin='20% 58%' s:extent='60% 18%'/>
+ <style xml:id="topMidStyle" s:textAlign="center" s:textOutline="black 1px" s:backgroundColor="transparent"
+ s:color="#ffffffff" s:origin='20% 10%' s:extent='60% 18%'/>
+ </styling>
+ </head>
+ <body/>
+</tt>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/example-5.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
+ xmlns:s="http://www.w3.org/ns/ttml#styling"
+ xmlns:p="http://www.w3.org/ns/ttml#parameter">
+ <head>
+ <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
+ <styling>
+ <style xml:id="s1" s:display="none" s:extent="40% 18%"/>
+ <style xml:id="s2" s:display="none" s:extent="40% 18%"/>
+ <style xml:id="s3" s:display="none" s:extent="40% 18%"/>
+ <style xml:id="s4" s:display="none" s:extent="40% 18%"/>
+ </styling>
+ <layout>
+ <region xml:id="r1" style="s1">
+ <set begin="00:00:10.000" end="00:00:10.330" s:display="auto"/>
+ <set begin="00:00:10.000" end="00:00:10.330" s:origin="10% 10%"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:origin="10% 10%"/>
+ </region>
+ <region xml:id="r2" style="s1">
+ <set begin="00:00:10.330" end="00:00:10.670" s:display="auto"/>
+ <set begin="00:00:10.330" end="00:00:10.670" s:origin="50% 10%"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:origin="50% 10%"/>
+ </region>
+ <region xml:id="r3" style="s1">
+ <set begin="00:00:10.670" end="00:00:11.000" s:display="auto"/>
+ <set begin="00:00:10.670" end="00:00:11.000" s:origin="10% 78%"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:origin="10% 78%"/>
+ </region>
+ <region xml:id="r4" style="s1">
+ <set begin="00:00:11.000" end="00:00:11.330" s:display="auto"/>
+ <set begin="00:00:11.000" end="00:00:11.330" s:origin="50% 78%"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
+ <set begin="00:00:11.670" end="00:00:12.000" s:origin="50% 78%"/>
+ </region>
+ </layout>
+ </head>
+ <body>
+ <div>
+ <!--four speakers count off, and then all call "Jump" together -->
+ <p begin="00:00:10.000" end="00:00:10.330" region="r1" >One</p>
+ <p begin="00:00:10.330" end="00:00:10.670" region="r2" >Two</p>
+ <p begin="00:00:10.670" end="00:00:11.000" region="r3">Three</p>
+ <p begin="00:00:11.000" end="00:00:11.330" region="r4" >Four</p>
+ <p begin="00:00:11.670" end="00:00:12.000" region="r1" >Jump!</p>
+ <p begin="00:00:11.670" end="00:00:12.000" region="r2" >Jump!</p>
+ <p begin="00:00:11.670" end="00:00:12.000" region="r3">Jump!</p>
+ <p begin="00:00:11.670" end="00:00:12.000" region="r4" >Jump!</p>
+ </div>
+ </body>
+</tt>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/example-6.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
+ xmlns:p='http://www.w3.org/ns/ttml#parameter' >
+ <head>
+ <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
+ </head>
+ <body>
+ <div>
+ <p>I always get the fuzzy end<br/>of the lollipop.</p>
+ </div>
+ </body>
+</tt>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/example-7.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
+ xmlns:s='http://www.w3.org/ns/ttml#styling'
+ xmlns:p='http://www.w3.org/ns/ttml#parameter' >
+ <head>
+ <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
+ <layout>
+ <region xml:id="r1" s:backgroundColor="#00000000"/>
+ </layout>
+ </head>
+ <body>
+ <div>
+ <p begin='00:00:01.000' end='00:00:11.123' region="r1" >Test</p>
+ </div>
+ </body>
+</tt>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/example-8.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<tt p:frameRate="30" p:frameRateMultiplier="1000 1001"
+ xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
+ xmlns:s='http://www.w3.org/ns/ttml#styling'
+ xmlns:p='http://www.w3.org/ns/ttml#parameter' >
+ <head>
+ <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
+ <layout>
+ <region xml:id="r1" s:backgroundColor="#00000000"/>
+ </layout>
+ </head>
+ <body>
+ <div>
+ <p begin='00:00:01:00' end='00:00:11:22' region="r1" >Test</p>
+ </div>
+ </body>
+</tt>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml1-sdp-us/sdp-us.xml Thu Aug 22 10:59:12 2013 -0600
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<profile xmlns="http://www.w3.org/ns/ttml#parameter">
+ <features xml:base="http://www.w3.org/ns/ttml/feature/">
+ <!-- required (mandatory) feature support -->
+ <feature value="required">#animation</feature>
+ <feature value="required">#backgroundColor-block</feature>
+ <feature value="required">#backgroundColor-inline</feature>
+ <feature value="required">#color</feature>
+ <feature value="required">#content</feature>
+ <feature value="required">#core</feature>
+ <feature value="required">#display-region</feature>
+ <feature value="required">#displayAlign</feature>
+ <feature value="required">#fontFamily-generic</feature>
+ <feature value="required">#fontSize</feature>
+ <feature value="required">#fontStyle-italic</feature>
+ <feature value="required">#frameRate</feature>
+ <feature value="required">#frameRateMultiplier</feature>
+ <feature value="required">#layout</feature>
+ <feature value="required">#length-percentage</feature>
+ <feature value="required">#length-positive</feature>
+ <feature value="required">#length-real</feature>
+ <feature value="required">#lineBreak-uax14</feature>
+ <feature value="required">#presentation</feature>
+ <feature value="required">#profile</feature>
+ <feature value="required">#structure</feature>
+ <feature value="required">#styling</feature>
+ <feature value="required">#styling-inheritance-content</feature>
+ <feature value="required">#styling-inheritance-region</feature>
+ <feature value="required">#styling-inline</feature>
+ <feature value="required">#styling-referential</feature>
+ <feature value="required">#textAlign-absolute</feature>
+ <feature value="required">#textDecoration-under</feature>
+ <feature value="required">#textOutline-unblurred</feature>
+ <feature value="required">#time-offset</feature>
+ <feature value="required">#timing</feature>
+ <feature value="required">#writingMode-horizontal-lr</feature>
+ </features>
+</profile>
--- a/ttml10-sdp-us/Overview.html Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,2121 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-<head>
-<meta charset="utf-8">
-<title>TTML Simple Delivery Profile for Closed Captions (US)</title>
-
-
-<style>
-.style1
-{
- height: 15.0pt;
- width: 38pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: "Courier New", monospace;
- text-align: right;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style2
-{
- width: 37pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Segoe, sans-serif;
- text-align: center;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style3
-{
- height: 15.0pt;
- width: 38pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Calibri, sans-serif;
- text-align: right;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style4
-{
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Segoe, sans-serif;
- text-align: center;
- vertical-align: middle;
- white-space: nowrap;
- border-left-style: none;
- border-left-color: inherit;
- border-left-width: medium;
- border-right-style: none;
- border-right-color: inherit;
- border-right-width: medium;
- border-top: .5pt solid windowtext;
- border-bottom-style: none;
- border-bottom-color: inherit;
- border-bottom-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
- background: #EEECE1;
-}
-.style5
-{
- height: 15.0pt;
- width: 38pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 700;
- font-style: normal;
- text-decoration: none;
- font-family: "Courier New", monospace;
- text-align: right;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style6
-{
- width: 37pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Segoe, sans-serif;
- text-align: center;
- vertical-align: middle;
- white-space: normal;
- border-left-style: none;
- border-left-color: inherit;
- border-left-width: medium;
- border-right-style: none;
- border-right-color: inherit;
- border-right-width: medium;
- border-top: .5pt solid windowtext;
- border-bottom-style: none;
- border-bottom-color: inherit;
- border-bottom-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
- background: #EEECE1;
-}
-
-div.template
-{
- padding: 0 8px 0 8px;
- background: #eeeeee;
-}
-div.numbered:before
-{
- content: attr(title) " - ";
- font-weight: bold;
-}
-div.numbered
-{
- padding: 0 12px 0 8px;
-}
-div.constraint
-{
- margin-bottom: 1em;
-}
-span.numbered
-{
- font-weight: bold;
- padding-left: 2em;
-}
-
-span.ttmlTerm
-{
- font-weight: bold;
-}
-table
-{
- font-family: verdana,arial,sans-serif;
- font-size: 11px;
- color: #333333;
- border-width: 1px;
- border-color: #666666;
- border-collapse: collapse;
-}
-table th
-{
- border-width: 1px;
- padding: 8px;
- border-style: solid;
- border-color: #666666;
- background-color: #dedede;
-}
-table tr td
-{
- border-width: 1px;
- padding: 8px;
- border-style: solid;
- border-color: #666666;
- background-color: #ffffff;
-}
-</style>
-<style>/*****************************************************************
- * ReSpec 3 CSS
- * Robin Berjon - http://berjon.com/
- *****************************************************************/
-
-/* --- INLINES --- */
-em.rfc2119 {
- text-transform: lowercase;
- font-variant: small-caps;
- font-style: normal;
- color: #900;
-}
-
-h1 acronym, h2 acronym, h3 acronym, h4 acronym, h5 acronym, h6 acronym, a acronym,
-h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 abbr, h6 abbr, a abbr {
- border: none;
-}
-
-dfn {
- font-weight: bold;
-}
-
-a.internalDFN {
- color: inherit;
- border-bottom: 1px solid #99c;
- text-decoration: none;
-}
-
-a.externalDFN {
- color: inherit;
- border-bottom: 1px dotted #ccc;
- text-decoration: none;
-}
-
-a.bibref {
- text-decoration: none;
-}
-
-cite .bibref {
- font-style: normal;
-}
-
-code {
- color: #ff4500;
-}
-
-/* --- TOC --- */
-.toc a, .tof a {
- text-decoration: none;
-}
-
-a .secno, a .figno {
- color: #000;
-}
-
-ul.tof, ol.tof {
- list-style: none outside none;
-}
-
-.caption {
- margin-top: 0.5em;
- font-style: italic;
-}
-
-/* --- TABLE --- */
-table.simple {
- border-spacing: 0;
- border-collapse: collapse;
- border-bottom: 3px solid #005a9c;
-}
-
-.simple th {
- background: #005a9c;
- color: #fff;
- padding: 3px 5px;
- text-align: left;
-}
-
-.simple th[scope="row"] {
- background: inherit;
- color: inherit;
- border-top: 1px solid #ddd;
-}
-
-.simple td {
- padding: 3px 10px;
- border-top: 1px solid #ddd;
-}
-
-.simple tr:nth-child(even) {
- background: #f0f6ff;
-}
-
-/* --- DL --- */
-.section dd > p:first-child {
- margin-top: 0;
-}
-
-.section dd > p:last-child {
- margin-bottom: 0;
-}
-
-.section dd {
- margin-bottom: 1em;
-}
-
-.section dl.attrs dd, .section dl.eldef dd {
- margin-bottom: 0;
-}
-</style><style>/* --- EXAMPLES --- */
-div.example-title {
- min-width: 7.5em;
- color: #b9ab2d;
-}
-div.example-title span {
- text-transform: uppercase;
-}
-aside.example, div.example, div.illegal-example {
- padding: 0.5em;
- margin: 1em 0;
- position: relative;
- clear: both;
-}
-div.illegal-example { color: red }
-div.illegal-example p { color: black }
-aside.example, div.example {
- padding: .5em;
- border-left-width: .5em;
- border-left-style: solid;
- border-color: #e0cb52;
- background: #fcfaee;
-}
-
-aside.example div.example {
- border-left-width: .1em;
- border-color: #999;
- background: #fff;
-}
-aside.example div.example div.example-title {
- color: #999;
-}
-</style><style>/* --- ISSUES/NOTES --- */
-div.issue-title, div.note-title {
- padding-right: 1em;
- min-width: 7.5em;
- color: #b9ab2d;
-}
-div.issue-title { color: #e05252; }
-div.note-title { color: #2b2; }
-div.issue-title span, div.note-title span {
- text-transform: uppercase;
-}
-div.note, div.issue {
- margin-top: 1em;
- margin-bottom: 1em;
-}
-.note > p:first-child, .issue > p:first-child { margin-top: 0 }
-.issue, .note {
- padding: .5em;
- border-left-width: .5em;
- border-left-style: solid;
-}
-div.issue, div.note {
- padding: 1em 1.2em 0.5em;
- margin: 1em 0;
- position: relative;
- clear: both;
-}
-span.note, span.issue { padding: .1em .5em .15em; }
-
-.issue {
- border-color: #e05252;
- background: #fbe9e9;
-}
-.note {
- border-color: #52e052;
- background: #e9fbe9;
-}
-
-
-</style><link rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-WG-NOTE"><!--[if lt IE 9]><script src='http://www.w3.org/2008/site/js/html5shiv.js'></script><![endif]--></head>
-<body class="h-entry"><div class="head">
- <p>
-
- <a href="http://www.w3.org/"><img width="72" height="48" src="http://www.w3.org/Icons/w3c_home" alt="W3C"></a>
-
- </p>
- <h1 class="title p-name" id="title">TTML Simple Delivery Profile for Closed Captions (US)</h1>
-
- <h2 id="subtitle">A profile of TTML for internet delivery of Captions originated in the United States</h2>
-
- <h2 id="w3c-working-group-note-08-may-2013"><abbr title="World Wide Web Consortium">W3C</abbr> Working Group Note <time class="dt-published" datetime="2013-05-08">08 May 2013</time></h2>
- <dl>
-
- <dt>This version:</dt>
- <dd><a class="u-url" href="http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130508/">http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130508/</a></dd>
- <dt>Latest published version:</dt>
- <dd><a href="http://www.w3.org/TR/ttml10-sdp-us/">http://www.w3.org/TR/ttml10-sdp-us/</a></dd>
-
-
-
-
-
-
- <dt>Previous version:</dt>
- <dd><a href="http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130205/">http://www.w3.org/TR/2013/NOTE-ttml10-sdp-us-20130205/</a></dd>
-
-
- <dt>Editors:</dt>
- <dd class="p-author h-card vcard"><span class="p-name fn">Glenn Adams</span>, <a class="p-org org h-org h-card" href="http://www.cox.com/">Cox Communications, Inc.</a></dd>
-<dd class="p-author h-card vcard"><span class="p-name fn">Monica Martin</span>, <a class="p-org org h-org h-card" href="http://www.microsoft.com/">Microsoft Open Technologies, Inc.</a></dd>
-<dd class="p-author h-card vcard"><span class="p-name fn">Sean Hayes</span>, <a class="p-org org h-org h-card" href="http://www.microsoft.com/">Microsoft</a></dd>
-
-
-
- </dl>
-
-
-
-
-
- <p class="copyright">
- <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> ©
- 2013
-
- <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup>
- (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>,
- <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
- <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved.
- <abbr title="World Wide Web Consortium">W3C</abbr> <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
- <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and
- <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.
- </p>
-
-
- <hr>
-</div>
-<section id="abstract" class="introductory"><h2>Abstract</h2>
-<p>This document specifies the Simple Online Delivery Profile (US) of the Timed Text Markup Language (TTML).</p>
-<p>The primary goal of the profile defined herein is to establish a minimum level of interoperability between
-[<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] and legacy caption formats employed in US markets, such as [<cite><a class="bibref" href="#bib-CEA608">CEA608</a></cite>] and [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>]. This is accomplished by
-(1) defining a set of constraints that apply to TTML document instances that claim adherence to this profile, and
-(2) defining a set of mandatory features and behaviors that <em class="rfc2119" title="MUST">MUST</em> be supported by implementations of a TTML
-Presentation Processor that claim adherence to this profile.</p>
-</section><section id="sotd" class="introductory"><h2>Status of This Document</h2>
-
-
-
- <p>
- <em>This section describes the status of this document at the time of its publication. Other
- documents may supersede this document. A list of current <abbr title="World Wide Web Consortium">W3C</abbr> publications and the latest revision
- of this technical report can be found in the <a href="http://www.w3.org/TR/"><abbr title="World Wide Web Consortium">W3C</abbr> technical reports
- index</a> at http://www.w3.org/TR/.</em>
- </p>
-
-<p>This document applies the following guiding principles for online delivery of closed captions originated in the United States:</p>
-<ol>
-<li>Promote interoperability.</li>
-<li>Define mandatory functionality based on a specified set of TTML features.</li>
-<li>Use this functionality to apply constraints on usage of a specified set of TTML features.</li>
-</ol>
-
- <p>
- This document was published by the <a href="http://www.w3.org/AudioVideo/TT/">Timed Text Working Group</a> as a Working Group Note.
-
-
- If you wish to make comments regarding this document, please send them to
- <a href="mailto:public-tt@w3.org">public-tt@w3.org</a>
- (<a href="mailto:public-tt-request@w3.org?subject=subscribe">subscribe</a>,
- <a href="http://lists.w3.org/Archives/Public/public-tt/">archives</a>).
-
-
-
-
- All comments are welcome.
-
-
- </p><p>
- Publication as a Working Group Note does not imply endorsement by the <abbr title="World Wide Web Consortium">W3C</abbr> Membership.
- This is a draft document and may be updated, replaced or obsoleted by other documents at
- any time. It is inappropriate to cite this document as other than work in progress.
- </p>
-
-
- <p>
-
- This document was produced by a group operating under the
- <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>.
-
-
-
-
- <abbr title="World Wide Web Consortium">W3C</abbr> maintains a <a href="http://www.w3.org/2004/01/pp-impl/34314/status" rel="disclosure">public list of any patent disclosures</a>
-
- made in connection with the deliverables of the group; that page also includes instructions for
- disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains
- <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the
- information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
- 6 of the <abbr title="World Wide Web Consortium">W3C</abbr> Patent Policy</a>.
-
-
- </p>
-
-
-
-
-</section><section id="toc"><h2 class="introductory">Table of Contents</h2><ul class="toc"><li class="tocline"><a href="#introduction" class="tocxref"><span class="secno">1. </span>Introduction</a></li><li class="tocline"><a href="#terms" class="tocxref"><span class="secno">2. </span>Terms, Definitions, and Conventions</a></li><li class="tocline"><a href="#conformance" class="tocxref"><span class="secno">3. </span>Conformance</a></li><li class="tocline"><a href="#structural-constraints" class="tocxref"><span class="secno">4. </span>Structural Constraints</a><ul class="toc"><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content" class="tocxref"><span class="secno">4.1 </span>Use of Constrained TTML Feature <span>#content</span></a></li><li class="tocline"><a href="#Use_of_Constrained_TTML_Feature_content_profile" class="tocxref"><span class="secno">4.2 </span>Use of Constrained TTML Feature <span>#profile</span></a></li></ul></li><li class="tocline"><a href="#Style_Constraints" class="tocxref"><span class="secno">5. </span>Style Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_backgroundColor" class="tocxref"><span class="secno">5.1 </span>Use of Constrained TTML Feature <span>#backgroundColor-*</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_color" class="tocxref"><span class="secno">5.2 </span>Use of Constrained TTML Feature <span>#color</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_extent_region" class="tocxref"><span class="secno">5.3 </span>Use of Constrained TTML Feature <span>#extent-region</span></a><ul class="toc"><li class="tocline"><a href="#examples" class="tocxref"><span class="secno">5.3.1 </span>Examples</a></li></ul></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontFamily_generic" class="tocxref"><span class="secno">5.4 </span>Use of Constrained TTML Feature <span>#fontFamily-generic</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_display_display_fontSize" class="tocxref"><span class="secno">5.5 </span>Use of Constrained TTML Feature <span>#fontSize</span></a></li><li class="tocline"><a href="#Constrained_TTML_Feature_styling" class="tocxref"><span class="secno">5.6 </span>Use of Constrained TTML Feature <span>#styling-*</span></a></li></ul></li><li class="tocline"><a href="#layout_constraints" class="tocxref"><span class="secno">6. </span>Layout Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_layout" class="tocxref"><span class="secno">6.1 </span>Use of Constrained TTML Feature <span>#layout</span></a></li></ul></li><li class="tocline"><a href="#timing_constraints" class="tocxref"><span class="secno">7. </span>Timing Constraints</a><ul class="toc"><li class="tocline"><a href="#Constrained_TTML_Feature_timing" class="tocxref"><span class="secno">7.1 </span>Use of Constrained TTML Feature <span>#timing</span></a></li><li class="tocline"><a href="#animation" class="tocxref"><span class="secno">7.2 </span>Use of Constrained TTML Feature <span>#animation</span></a></li></ul></li><li class="tocline"><a href="#other_constraints" class="tocxref"><span class="secno">8. </span>Other Constraints</a><ul class="toc"><li class="tocline"><a href="#Encoding_Constraints" class="tocxref"><span class="secno">8.1 </span>Encoding Constraints</a></li><li class="tocline"><a href="#Ease_of_Use_Constraints" class="tocxref"><span class="secno">8.2 </span>Ease of Use Constraints</a><ul class="toc"></ul></li></ul></li><li class="tocline"><a href="#Features_in_TTML_1.0_Used" class="tocxref"><span class="secno">9. </span>Features in TTML 1.0 Used in This Profile</a></li><li class="tocline"><a href="#error_handling" class="tocxref"><span class="secno">10. </span>Error handling</a></li><li class="tocline"><a href="#future_needs" class="tocxref"><span class="secno">A. </span>Future Needs for TTML next for Simple Delivery</a><ul class="toc"><li class="tocline"><a href="#Section2" class="tocxref"><span class="secno">A.1 </span>Values for font family support</a></li><li class="tocline"><a href="#Section3" class="tocxref"><span class="secno">A.2 </span>Support for character edge features</a></li><li class="tocline"><a href="#Section4" class="tocxref"><span class="secno">A.3 </span>Specify rendering model that accounts for drawing performance</a></li></ul></li><li class="tocline"><a href="#mapping-of-us-government-requirements-to-constrained-profile-features" class="tocxref"><span class="secno">B. </span>Mapping of US Government Requirements to Constrained Profile Features</a></li><li class="tocline"><a href="#code-points" class="tocxref"><span class="secno">C. </span>Code points</a></li><li class="tocline"><a href="#color-values" class="tocxref"><span class="secno">D. </span>Color values</a></li><li class="tocline"><a href="#acknowledgements" class="tocxref"><span class="secno">E. </span>Acknowledgements</a></li><li class="tocline"><a href="#references" class="tocxref"><span class="secno">F. </span>References</a><ul class="toc"><li class="tocline"><a href="#normative-references" class="tocxref"><span class="secno">F.1 </span>Normative references</a></li><li class="tocline"><a href="#informative-references" class="tocxref"><span class="secno">F.2 </span>Informative references</a></li></ul></li></ul></section>
-
-<section id="introduction">
-<!--OddPage--><h2><span class="secno">1. </span>Introduction</h2>
-<p>TTML 1.0 [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] provides many features to satisfy captioning and subtitling requirements, not all of which are intended for end user display. Requirements have been identified by key video and content communities to define an interoperable delivery profile using the core features specifically designed for online presentation of TTML. Such a profile allows the community of TTML users to construct constrained presentation engines for TTML. This document defines the behavior expected of a TTML content player using the presentation processor constraints for such an online delivery profile.</p>
-<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">At the time of publication, this profile normatively refers to [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], and informatively refers to [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>]. The most recently
-published version of TTML should take precedence as the definitive reference.</p></div>
-<p>The Simple Online Delivery profile is focused on streamlined delivery of closed captions on the Internet. This interoperability profile supports core TTML features to deliver legacy formats such as [<cite><a class="bibref" href="#bib-CEA608">CEA608</a></cite>] and [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>] content, and, as such, is targeted primarily for use in US markets.</p>
-<p>The Simple Delivery Profile for Closed Captions focuses on interoperability using [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] to support delivery of closed captions for video content. Other profiles based on [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] may target other types of subtitles such as on-screen text or graphics. This interoperability profile is a proper subset of [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] intended to support features required for US Government closed captioning requirements for online presentation.</p>
-</section>
-<section id="terms">
-<!--OddPage--><h2><span class="secno">2. </span>Terms, Definitions, and Conventions</h2>
-<p>The terms and definitions in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] serve as the basis for this interoperability profile. The following terms supplant those found in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>].</p>
-<table title="Table 1 - Terms and Definitions">
-<tbody><tr>
-<th>Name</th>
-<th>Definition</th>
-</tr>
-<tr>
-<td>a document</td>
-<td>A TTML document that is intended to conform to this profile.</td>
-</tr>
-<tr>
-<td>a presentation processor</td>
-<td>A TTML presentation processor that is intended to conform to this profile.</td>
-</tr>
-</tbody></table>
-<p>When this document refers to a TTML element type and no namespace prefix is specified, then the <code>tt</code>
-namespace prefix is implied. This prefix and other explicit namespace prefixes used herein correspond to those
-TTML namespaces defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 5.1.</p>
-<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">In the examples in this document, standard TTML namespace prefixes are abbreviated for brevity, without loss of generality.</p></div>
-</section>
-<section id="conformance"><!--OddPage--><h2><span class="secno">3. </span>Conformance</h2>
-<p>
- As well as sections marked as non-normative, all authoring guidelines, diagrams, examples,
- and notes in this specification are non-normative. Everything else in this specification is
- normative.
-</p>
-<p>
- The key words <em class="rfc2119" title="MUST">MUST</em>, <em class="rfc2119" title="MUST NOT">MUST NOT</em>, <em class="rfc2119" title="REQUIRED">REQUIRED</em>, <em class="rfc2119" title="SHOULD">SHOULD</em>, <em class="rfc2119" title="SHOULD NOT">SHOULD NOT</em>, <em class="rfc2119" title="RECOMMENDED">RECOMMENDED</em>, <em class="rfc2119" title="MAY">MAY</em>,
- and <em class="rfc2119" title="OPTIONAL">OPTIONAL</em> in this specification are to be interpreted as described in [<cite><a class="bibref" href="#bib-RFC2119">RFC2119</a></cite>].
-</p>
-
-<p>This profile defines (1) constraints on documents and (2) minimum requirements for a TTML presentation processor capable of presenting such constrained
-documents.</p>
-<p>A document conforms to this profile if it:</p>
-<ol>
-<li>contains all elements and attributes required by this profile;</li>
-<li>does not contain or employ elements and attributes that are prohibited by this profile; and</li>
-<li>satisfies all other semantic constraints defined by this profile.</li>
-</ol>
-<p>A conformant document is said to be <em>strictly conformant</em> if it does not contain any feature that is not explicitly specified as included in this profile.</p>
-<p>A TTML presentation processor conforms to this profile if it:</p>
-<ol>
-<li>implements support for the profile definition specified in <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>; and</li>
-<li>implements support for all other semantics explicitly defined by this profile.</li>
-</ol>
-<p>The semantics defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] apply unless otherwise constrained in this profile.</p>
-<p>Claims of document conformance <em class="rfc2119" title="MUST">MUST</em> make use of the following profile URI, identified with the indicated profile name:</p>
-<table>
-<tbody><tr>
-<th>Profile Name</th>
-<th>Profile Designator</th>
-</tr>
-<tr>
-<td><code>SDP US</code></td>
-<td><code>http://www.w3.org/ns/ttml/profile/sdp-us</code></td>
-</tr>
-</tbody></table>
-<p>Conformance to this profile does not preclude:</p>
-<ol>
-<li>use of other features defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], in which case such behavior is not defined here; or</li>
-<li>use of other profiles that may implement the features in this profile.</li>
-</ol>
-<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">Error handling behavior is described in <a href="#error_handling">Error Handling</a>.</p></div>
-</section>
-<section class="Structural_Constraints" id="structural-constraints">
-<!--OddPage--><h2><span class="secno">4. </span>Structural Constraints</h2>
-<div><div class="numbered constraint" title="R0001">A document <em class="rfc2119" title="MUST">MUST</em> contain a <code>tt</code> element.</div></div>
-<div><div class="numbered constraint" title="R0002">A document <em class="rfc2119" title="MUST">MUST</em> contain both a <code>head</code> and <code>body</code> element.</div></div>
-<div><div class="numbered constraint" title="R0003">A document <em class="rfc2119" title="MUST">MUST</em> contain both a <code>styling</code> and a <code>layout</code> element.</div></div>
-<div><div class="numbered constraint" title="R0004">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>div</code> element which has a descendant <code>div</code> element.</div></div>
-<div><div class="numbered constraint" title="R0005">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>span</code> element which has a descendant <code>span</code> element.</div></div>
-<div><div class="numbered" title="E0001">Single level of spans.</div></div>
-<div class="example"><div class="example-title"><span>Example 1</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>A<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s3</span>"<span style="color: blue;">></span>B<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>C<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span></pre></div>
-<div><div class="numbered constraint" title="R0006">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain two elements such that the lexical order of the elements is different than the temporal
-order of the elements.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><div class=""><p>This constraint is intended to limit the lexical order of elements to match the temporal order of the active duration of these elements.</p></div></div>
-<section id="Use_of_Constrained_TTML_Feature_content">
-<h3><span class="secno">4.1 </span>Use of Constrained TTML Feature <span>#content</span></h3>
-<div><div class="numbered constraint" title="R0007">A document that is claimed to be <em>strictly</em> conformant <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain an
-element that is not one of the following element types:</div></div>
-<ul>
-<li><code>tt</code></li>
-<li><code>head</code></li>
-<li><code>styling</code></li>
-<li><code>style</code></li>
-<li><code>layout</code></li>
-<li><code>region</code></li>
-<li><code>body</code></li>
-<li><code>div</code></li>
-<li><code>p</code></li>
-<li><code>span</code></li>
-<li><code>br</code></li>
-<li><code>set</code></li>
-<li><code>ttp:profile</code></li>
-<li><code>ttp:features</code></li>
-<li><code>ttp:feature</code></li>
-<li><code>ttp:extensions</code></li>
-<li><code>ttp:extension</code></li>
-</ul>
-</section>
-<section id="Use_of_Constrained_TTML_Feature_content_profile">
-<h3><span class="secno">4.2 </span>Use of Constrained TTML Feature <span>#profile</span></h3>
-<div><div class="numbered constraint" title="R0008">A document <em class="rfc2119" title="MUST">MUST</em> contain a <code>ttp:profile</code> element where the <code>use</code> attribute of that element is specified as <code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</div></div>
-<div><div class="numbered constraint" title="R0009">A presentation processor <em class="rfc2119" title="MUST">MUST</em> support the profile identified by the URI <code>http://www.w3.org/ns/ttml/profile/sdp-us</code> as defined by <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>See also <a href="#conformance">Conformance</a>. [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] allows zero or more profiles (<code>ttp:profile</code> in the <code>head</code> element) to be specified and used simultaneously.</p></div></div>
-</section>
-</section>
-<section id="Style_Constraints">
-<!--OddPage--><h2><span class="secno">5. </span>Style Constraints</h2>
-<p></p>
-<section id="Constrained_TTML_Feature_backgroundColor">
-<h3><span class="secno">5.1 </span>Use of Constrained TTML Feature <span>#backgroundColor-*</span></h3>
-<p></p>
-<div><div class="numbered constraint" title="R0010">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <strong><color></strong> expression value used with the
-<code>tts:backgroundColor</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
-[<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Section 8.3.2.</div></div>
-<div><div class="numbered constraint" title="R0011">A presentation processor <em class="rfc2119" title="MUST">MUST</em> support the colors specified in <a href="#color-values">Color Values</a> for use
-with the <code>tts:backgroundColor</code> attribute.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div></div>
-<div><div class="numbered constraint" title="R0012">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>region</code> element where the value of the alpha component of the region's computed value for the
-<code>tts:backgroundColor</code> property is not zero (0).</div></div>
-<div><div class="numbered" title="E0002">Multiple Background Styles. The <code>tts:backgroundColor</code> is specified distinctly for a region, a paragraph selected into
-that region, and a span of text in that paragraph.</div></div>
-<div class="example"><div class="example-title"><span>Example 2</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:maroon;">region</span> <span style="color:red;">xml:id</span><span style="color:blue;">="r1"</span> <span style="color:red;">tts</span><span style="color:blue;">:</span><span style="color:red;">backgroundColor</span><span style="color:blue;">="#00000000"/></span>
-...
-<span style="color:blue;"><</span><span style="color:maroon;">p</span> <span style="color:red;">region</span><span style="color:blue;">="r1"</span> <span style="color:red;">tts</span><span style="color:blue;">:</span><span style="color:red;">backgroundColor</span><span style="color:blue;">="#1049edff"></span>
- Twinkle, twinkle, little bat!<span style="color:blue;"><</span><span style="color:maroon;">br</span><span style="color:blue;">/></span>
- How <span style="color:blue;"><</span><span style="color:maroon;">span</span> <span style="color:red;">tts</span><span style="color:blue;">:</span><span style="color:red;">backgroundColor</span><span style="color:blue;">="#ed1078ff"></span>I wonder<span style="color:blue;"></</span><span style="color:maroon;">span</span><span style="color:blue;">></span> where you're at!
-<span style="color:blue;"></</span><span style="color:maroon;">p</span><span style="color:blue;">></span></pre></div>
-</section>
-<section id="Constrained_TTML_Feature_color">
-<h3><span class="secno">5.2 </span>Use of Constrained TTML Feature <span>#color</span></h3>
-<div><div class="numbered constraint" title="R0013">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <strong><color></strong> expression value used with the
-<code>tts:color</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
-[<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Section 8.3.2.</div></div>
-<div><div class="numbered constraint" title="R0014">A presentation processor <em class="rfc2119" title="MUST">MUST</em> support the colors specified in <a href="#color-values">Color Values</a> for use
-with the <code>tts:color</code> attribute.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div></div>
-</section>
-<section id="Constrained_TTML_Feature_extent_region">
-<h3><span class="secno">5.3 </span>Use of Constrained TTML Feature <span>#extent-region</span></h3>
-<div><div class="numbered constraint" title="R0015">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>region</code> element where the computed values of the <code>tts:origin</code> and
-<code>tts:extent</code> properties would result in the region extending outside of the root container.</div></div>
-<div><div class="numbered constraint" title="R0016">A presentation processor <em class="rfc2119" title="MUST">MUST</em> fix the root container origin so that it corresponds with the top, left corner of the related
-media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>], Section 2.2.</div></div>
-<div><div class="numbered constraint" title="R0017">A presentation processor <em class="rfc2119" title="MUST">MUST</em> fix the root container extent so that it corresponds with the extent of the related
-media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>], Section 2.2.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>In the context of this document, the related media object [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>] is assumed to be video media, and, therefore, have an
-associated origin and extent on some display device.</p></div></div>
-<section class="informative" id="examples">
-<h4><span class="secno">5.3.1 </span>Examples</h4><p><em>This section is non-normative.</em></p>
-<p>This profile supports the following caption styles:</p>
-<ul>
-<li>Pop-up</li>
-<li>Roll-up</li>
-<li>Paint-on</li>
-</ul>
-<p>Pop-up style captions are typically characterized by small blocks of text that appear all at once.</p>
-<p>Roll-up style captions are typically characterized by words (or small groups of letters) appearing sequentially,
-so that a line fills up incrementally, and then as new lines are added the upper lines are scrolled out of view.</p>
-<p>A Paint-on caption typically appears on the screen one character at a time and is displayed like a Pop-up caption.</p>
-<p>These caption styles are further elucidated by examples below and by [<cite><a class="bibref" href="#bib-TTML10SE">TTML10SE</a></cite>] Appendix N, Common Caption Style Examples.</p>
-<div><div class="numbered" title="E0003">Pop-up style</div></div>
-<div class="example"><div class="example-title"><span>Example 3</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"> </span>
-<span style="color: blue;"> </span><span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"<span style="color: blue;"> </span>
-<span style="color: blue;"> </span><span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;"> A typical transparent region with centered text that has an outline </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">#000000ff 5%</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">#00000000</span>"<span style="color: blue;"> </span>
- <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;"> typical 'Pop-up' type region </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> /></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">defaultFont</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:00.101</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span> This is a Pop-up caption. <span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span></pre></div>
-</section>
-<section>
-<div><div class="numbered" title="E0004">Positioned styles.</div></div>
-<div class="example"><div class="example-title"><span>Example 4</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
- <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">topMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
- <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">20% 10%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span></pre></div></section>
-<section>
-<div><div class="numbered" title="E0005">Moving regions. Content is positioned based on the location of speaker, which is presented in the bottom two lines individually positioned in a region in order to avoid conflicting with background content.</div></div>
-<div class="example"><div class="example-title"><span>Example 5</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"></span>
- <span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"
- <span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>"<span style="color: blue;">none</span>"<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">40% 18%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;">four speakers count off, and then all call 'Jump' together </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>One<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Two<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Three<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Four<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span></pre></div>
-</section>
-</section>
-<section id="Constrained_TTML_Feature_display_display_fontFamily_generic">
-<h3><span class="secno">5.4 </span>Use of Constrained TTML Feature <span>#fontFamily-generic</span></h3>
-<div><div class="numbered constraint" title="R0018">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> specify a <code>tts:fontFamily</code> attribute whose value is not one of the following:</div></div>
-<ul>
-<li><code>default</code></li>
-<li><code>monospaceSerif</code></li>
-<li><code>proportionalSerif</code></li>
-<li><code>monospaceSansSerif</code></li>
-<li><code>proportionalSansSerif</code></li>
-<li><code>casual</code></li>
-<li><code>cursive</code></li>
-<li><code>smallCaps</code></li>
-</ul>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Values of <code>tts:fontFamily</code> that do not not correspond to generic font family names in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], such as <code>casual</code>, <code>cursive</code> and <code>smallCaps</code>, may be used. These are to be interpreted as local font names, which, if not available, the <code>default</code> font family is to be used.</p></div></div>
-</section>
-<section id="Constrained_TTML_Feature_display_display_fontSize">
-<h3><span class="secno">5.5 </span>Use of Constrained TTML Feature <span>#fontSize</span></h3>
-<div><div class="numbered constraint" title="R0019">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> specify a <code>tts:fontSize</code> attribute using a value that is not one of the
-following values: <code>50%</code>, <code>75%</code>, <code>100%</code>, <code>150%</code> or <code>200%</code>.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Use of a font size of less than 75%, e.g., 50%, may result in unreadable content for the end user.</p></div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>If a specific font size is not supported, then follow the semantics for a presentation processor defined in [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Section 8.2.9.</p></div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Constraining the root container extent to the active video area means that the default
-font size of 1c and the default cell grid of 32 x 15 (as specified in TTML 1.0) implies an initial font height of 6.67% of the video height.</p></div></div>
-</section>
-<section id="Constrained_TTML_Feature_styling">
-<h3><span class="secno">5.6 </span>Use of Constrained TTML Feature <span>#styling-*</span></h3>
-<div><div class="numbered constraint" title="R0020">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> use <strong>chained referential styling</strong> or <strong>nested styling</strong> as defined
-by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>], Sections 8.4.1.3 and 8.4.1.4, respectively.</div></div>
-<div><div class="numbered constraint" title="R0021">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>region</code> element which has a descendant <code>style</code> element.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>The constraints in this section result in a document that contains style blocks that are complete and self-contained.</p></div></div>
-</section>
-</section>
-<section id="layout_constraints">
-<!--OddPage--><h2><span class="secno">6. </span>Layout Constraints</h2>
-<p></p>
-<section id="Constrained_TTML_Feature_layout">
-<h3><span class="secno">6.1 </span>Use of Constrained TTML Feature <span>#layout</span></h3>
-<div><div class="numbered constraint" title="R0022">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain two regions such that the spatial extent of the two regions would (visually) overlap.</div></div>
-<div><div class="numbered constraint" title="R0023">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that more than four regions would be selected into a given synchronic
-intermediate document.</div></div>
-<div><div class="numbered constraint" title="R0024">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that more than four lines of text would be selected a given synchronic
-intermediate document.</div></div>
-<div><div class="numbered constraint" title="R0025">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
-then more than 38 (42) characters, respectively, would be present in the same visible line of text.</div></div>
-<div><div class="numbered constraint" title="R0026">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
-then more than 152 (168) characters, respectively, would be present in all visible lines of text.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>These requirements accommodate content originated in Europe but displayed in the US, as well as content displayed using 16:9 format.</p></div></div>
-<div><div class="numbered constraint" title="R0027">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain content such that more than one <code>p</code> element would be selected into the
-same region in a given synchronic intermediate document.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>The style properties of a region and the content selected into the region impact how selected text flows into a region, e.g., selected text may flow outside of the region such as on a mobile device.</p></div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>Constraining a region to select no more than one <code>p</code> element logically places content from two different speakers into different region(s).</p></div></div>
-<div class="example"><div class="example-title"><span>Example 6</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>I always get the fuzzy end<span style="color:blue;"><</span><span style="color:#a31515;">br</span><span style="color:blue;">/></span>of the lollipop.<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>When a document author wants to construct a single phrase for a speaker with more than one line of text in a region, a <code>br</code> element may be used within a <code>p</code> element. See the previous example for one speaker with more than one line.</p></div></div>
-</section>
-</section>
-<section id="timing_constraints">
-<!--OddPage--><h2><span class="secno">7. </span>Timing Constraints</h2>
-<p></p>
-<section id="Constrained_TTML_Feature_timing">
-<h3><span class="secno">7.1 </span>Use of Constrained TTML Feature <span>#timing</span></h3>
-<div><div class="numbered constraint" title="R0028">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <strong><timeExpression></strong> value that does not
-conform to the subset of <code>clock-time</code> that matches either of the following patterns: <code>hh:mm:ss.mss</code> or <code>hh:mm:ss:ff</code>,
-where <code>hh</code> denotes hours (00-23), <code>mm</code> denotes minutes (00-59), <code>ss</code> denotes seconds (00-59),
-<code>mss</code> denotes milliseconds (000-999), and <code>ff</code> denotes frames (00-<em>frameRate - 1</em>).</div></div>
-<div><div class="numbered constraint" title="R0029">A document <em class="rfc2119" title="MUST">MUST</em> use the same time expression format throughout the document; more specifically, whichever
-time expression format is encountered first (in lexical order) <em class="rfc2119" title="MUST">MUST</em> be used for all subsequent time expressions in the document.</div></div>
-<div><div class="numbered constraint" title="R0030">For time expressions that use the <code>hh:mm:ss.mss</code> format, the following constraints apply:</div></div>
-<ul>
-<li>Exactly 2 digits <em class="rfc2119" title="MUST">MUST</em> be used in each of the hours, minutes, and second components (include leading zeros).</li>
-<li>Exactly 3 decimal places <em class="rfc2119" title="MUST">MUST</em> be used for the milliseconds component (include leading zeros).</li>
-</ul>
-<div class="note"><div class="note-title" role="heading" aria-level="4"><span>Note</span></div><div class=""><p>The phrase <em>milliseconds component</em> above refers to a particular use of the <code>fraction</code> of a <code>clock-time</code> time expression as defined by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 10.3.1.</p></div></div>
-<div class="example"><div class="example-title"><span>Example 7</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01.000</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11.123</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div>
-<div><div class="numbered constraint" title="R0031">For time expressions that use the <code>hh:mm:ss:ff</code> format, the following constraints apply:</div></div>
-<ul>
-<li>Exactly 2 digits <em class="rfc2119" title="MUST">MUST</em> be used in each of the hours, minutes, second, and frame components (include leading zeros).</li>
-<li>A <code>ttp:frameRate</code> attribute <em class="rfc2119" title="MUST">MUST</em> be present on the <code>tt</code> element.</li>
-<li>A <code>ttp:frameRateMultiplier</code> attribute <em class="rfc2119" title="MAY">MAY</em> be present on the <code>tt</code> element.</li>
-</ul>
-<p></p>
-<div class="example"><div class="example-title"><span>Example 8</span></div><pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color:blue;"><</span><span style="color:#a31515;">tt</span><span style="color:blue;"> </span><span style="color:red;">p:frameRate</span><span style="color:blue;">=</span>'<span style="color:blue;">30</span>'<span style="color:blue;"> </span><span style="color:red;">p:frameRateMultiplier</span><span style="color:blue;">=</span>'<span style="color:blue;">1000 1001</span>'<span style="color:blue;"></span><span style="color:blue;"> ...></span>
-...
-<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01:00</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11:22</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span></pre></div>
-<div><div class="numbered constraint" title="R0032">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain an element on which a <code>dur</code> attribute is specified that is not a <code>p</code> or <code>span</code> element.</div></div>
-</section>
-<section id="animation">
-<h3><span class="secno">7.2 </span>Use of Constrained TTML Feature <span>#animation</span></h3>
-<div><div class="numbered constraint" title="R0033">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>set</code> element that is not a child of a <code>region</code> or <code>span</code> element.</div></div>
-<div><div class="numbered constraint" title="R0034">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>set</code> child element of a <code>region</code> element that specifies a property to be
-animated other than: <code>tts:display</code>, <code>tts:origin</code>, or <code>tts:extent</code>.</div></div>
-<div><div class="numbered constraint" title="R0035">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain a <code>set</code> child element of a <code>span</code> element that specifies a property to be
-animated other than: <code>tts:color</code>.</div></div>
-<div><div class="numbered constraint" title="R0036">A document <em class="rfc2119" title="MUST NOT">MUST NOT</em> contain an element that contains more than six (6) <code>set</code> child elements.</div></div>
-</section>
-</section>
-<section id="other_constraints">
-<!--OddPage--><h2><span class="secno">8. </span>Other Constraints</h2>
-<section id="Encoding_Constraints">
-<h3><span class="secno">8.1 </span>Encoding Constraints</h3>
-<p>Content Authors <em class="rfc2119" title="MUST">MUST</em> adhere to and presentation processors <em class="rfc2119" title="MUST">MUST</em> support the following constraints:</p>
-<div><div class="numbered constraint" title="R0037">A document <em class="rfc2119" title="MUST">MUST</em> be concretely represented as a well-formed [<cite><a class="bibref" href="#bib-XML10">XML10</a></cite>] entity.</div></div>
-<div><div class="numbered constraint" title="R0038">A document <em class="rfc2119" title="MUST">MUST</em> be concretely represented using the UTF-8 character encoding [<cite><a class="bibref" href="#bib-UNICODE">UNICODE</a></cite>].</div></div>
-<div><div class="numbered constraint" title="R0039">A presentation processor <em class="rfc2119" title="MUST">MUST</em> reject a document that is not a well-formed [<cite><a class="bibref" href="#bib-XML10">XML10</a></cite>] entity or is not encoded with UTF-8.</div></div>
-</section>
-<section id="Ease_of_Use_Constraints">
-<h3><span class="secno">8.2 </span>Ease of Use Constraints</h3>
-<p>Constraints on reduced or simplified content are outside of this profile. External labeling can be used to support the end user's capability to select and use captions when available for:</p>
-<ul>
-<li>Reduced or simplified content for <em>easy reader</em> or</li>
-<li>Additional languages.</li>
-</ul>
-<p>For example, external labeling can be used to identify simplified, reduced, or other language supported content on a text track in HTML5. Such labeling can also be used to identify when large font size is applied to content. Requirements to support user preview and retention of default or user defined settings of selected text are outside of the scope of this profile. These requirements are relevant in the environment to which the captions are deployed.</p>
-<section class="Usage_Scenario">
-<p>Presentation processors <em class="rfc2119" title="MUST">MUST</em> support the ability of the end user to:</p>
-<div><div class="numbered constraint" title="R0040">Override background color of presented content, with minimum support for at least the
-set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of background color is applied to the value of the <code>tts:backgroundColor</code> property
-in the applicable computed style set.</p></div></div>
-<div><div class="numbered constraint" title="R0041">Override foreground color of presented text content, with minimum support for at least the
-set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of foreground color is applied to the value of the <code>tts:color</code> property
-in the applicable computed style set.</p></div></div>
-<div><div class="numbered constraint" title="R0042">Override font family of presented text content, with minimum support for at least the following
-generic font family values: <code>default</code>, <code>monospace</code>, <code>monospaceSansSerif</code>, <code>proportionalSerif</code>,
-<code>proportionalSansSerif</code>.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of font family is applied to the value of the <code>tts:fontFamily</code> property
-in the applicable computed style set.</p></div></div>
-<div><div class="numbered constraint" title="R0043">Override font style of presented text content.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of font style is applied to the value of the <code>tts:fontStyle</code> property
-in the applicable computed style set.</p></div></div>
-<div><div class="numbered constraint" title="R0044">Override font size of presented text content.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of font size is applied to the value of the <code>tts:fontSize</code> property
-in the applicable computed style set.</p></div></div>
-<div><div class="numbered constraint" title="R0045">Override decoration of presented text content, including outline and underline effects.</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An end user override of text decoration effects is applied to the value of the <code>tts:textDecoration</code> and/or
-<code>tts:textOutline</code> properties in the applicable computed style set.</p></div></div>
-<p>Style overrides <em class="rfc2119" title="MUST">MUST</em> be applied to the result of step 2 <strong>[resolve computed styles]</strong> of [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>],
-Section 8.4.4.4, <em>Style Resolution Process</em>.</p>
-<p>Other details of support for end user overrides, including the means by which overrides are presented to and performed
-by the end user, are not specified by this profile. Similarly, the sets of choices of values for end user overrides are not specified
-by this profile.</p>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>A presentation processor may allow an end user to select override styles that are not explicitly supported
-by TTML. For example, it may allow for text decoration effects, font styles, and font families to be selected that are not defined
-by TTML itself.</p></div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="5"><span>Note</span></div><div class=""><p>An implementer of a presentation processor is advised to consult [<cite><a class="bibref" href="#bib-CEA708">CEA708</a></cite>] to obtain additional information
-about override styles.</p></div></div>
-</section>
-</section>
-</section>
-<section id="Features_in_TTML_1.0_Used">
-<!--OddPage--><h2><span class="secno">9. </span>Features in TTML 1.0 Used in This Profile</h2>
-<p>The following TTML profile definition formally defines the SDP US profile, designated by the profile designator
-<code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</p>
-<pre style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">profile</span><span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">features</span><span style="color: blue;"> </span><span style="color: red;">xml:base</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/feature/</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;"> required (mandatory) feature support </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#animation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-block<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#color<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#core<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#display-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#displayAlign<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#extent-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontFamily-generic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontSize<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontStyle-italic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRate<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRateMultiplier<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#layout<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-percentage<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-positive<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-real<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#lineBreak-uax14<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#presentation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#profile<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#structure<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-referential<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textAlign-absolute<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textDecoration-under<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textOutline-unblurred<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#time-offset<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#timing<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#writingMode-horizontal-lr<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">features</span><span style="color: blue;">></span>
-<span style="color: blue;"></</span><span style="color: #a31515;">profile</span><span style="color: blue;">></span>
-</pre>
-</section>
-<section id="error_handling">
-<!--OddPage--><h2><span class="secno">10. </span>Error handling</h2>
-<p>The semantics defined by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 6.1.1 apply with regard to the presence of a reference to other standard or non-standard profiles. In particular,
-if an additional, non-standard profile is specified for use by a document and is not dereferencable by the presentation processor, then the document <em class="rfc2119" title="MUST NOT">MUST NOT</em> be further
-processed without an explicit override from the end user.</p>
-<p>The semantics defined by [<cite><a class="bibref" href="#bib-TTML10">TTML10</a></cite>] Section 6.1.3 apply if some standard or non-standard feature is required, the feature is present in the document, and the presentation processor does not support that feature. In this case also, the document <em class="rfc2119" title="MUST NOT">MUST NOT</em> be further processed without an explicit override from the end user.</p>
-<p>If a feature is present in a document and support for that feature is not required by the profile(s) referenced (or defined) by the document, and if the presentation
-processor does not support or otherwise recognize that feature, then the feature <em class="rfc2119" title="MUST">MUST</em> be ignored.</p>
-</section>
-<section class="appendix" id="future_needs">
-<!--OddPage--><h2><span class="secno">A. </span>Future Needs for TTML next for Simple Delivery</h2>
-<section class="appendix" id="Section2">
-<h3><span class="secno">A.1 </span>Values for font family support</h3>
-<p>The casual, cursive and smallCaps generic font families are suggested for consideration in a future version of TTML.</p>
-</section>
-<section class="appendix" id="Section3">
-<h3><span class="secno">A.2 </span>Support for character edge features</h3>
-<p>Additional character edge features for raised, depressed, and drop shadowed edges are suggested for consideration in a future version of TTML.</p>
-</section>
-<section class="appendix" id="Section4">
-<h3><span class="secno">A.3 </span>Specify rendering model that accounts for drawing performance</h3>
-<p>Consideration may be given to defining a rendering model that accounts for drawing performance.</p>
-</section>
-</section>
-<section class="appendix" id="mapping-of-us-government-requirements-to-constrained-profile-features">
-<!--OddPage--><h2><span class="secno">B. </span>Mapping of US Government Requirements to Constrained Profile Features</h2>
-<p>A key is provided that maps the US Government technical requirements for closed captions to the constrained features of this profile.</p>
-<table style="width: 100%;">
-<tbody><tr>
-<td>Presentation</td>
-<td>#animation (set)<br>
-#display-region<br>
-#displayAlign<br>
-#extent-region<br>
-#frameRate<br>
-#frameRateMultiplier<br>
-#layout<br>
-#length-percentage<br>
-#length-positive<br>
-#length-real<br>
-#lineBreak-uax14<br>
-#textAlign-absolute<br>
-#time-offset<br>
-#timing<br>
-#writingMode-horizontal-lr</td>
-</tr>
-<tr>
-<td>Character color</td>
-<td>#animation<br>
-#color</td>
-</tr>
-<tr>
-<td>Character opacity</td>
-<td>#color</td>
-</tr>
-<tr>
-<td>Character size</td>
-<td>#fontSize<br>
-#fontStyle-italic<br>
-#textDecoration-underline</td>
-</tr>
-<tr>
-<td>Fonts</td>
-<td>#fontFamily-generic<br>
-#fontStyle-italic</td>
-</tr>
-<tr>
-<td>Caption background color and opacity</td>
-<td>#backgroundColor-*</td>
-</tr>
-<tr>
-<td>Character edge attributes</td>
-<td>#textOutline-unblurred</td>
-</tr>
-<tr>
-<td>Caption window color</td>
-<td>#backgroundColor-*</td>
-</tr>
-<tr>
-<td>Language</td>
-<td>#profile</td>
-</tr>
-<tr>
-<td>Preview setting and retention</td>
-<td>See <a href="#other_constraints">Other Constraints,</a></td>
-</tr>
-</tbody></table>
-<p></p>
-</section>
-<section class="appendix" id="code-points">
-<!--OddPage--><h2><span class="secno">C. </span>Code points</h2>
-<div><div class="numbered constraint" title="R0046">Presentation processors <em class="rfc2119" title="MUST">MUST</em> provide font glyph coverage for all characters in the “ISO 8859-1 Latin-1” space and <em class="rfc2119" title="SHOULD">SHOULD</em> provide coverage for ANSI INCITS 4 when mapped onto Unicode code points (see table below).</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><p class="">A presentation processor follows the semantics expected for use of Unicode code points as stated in this section. The exact glyph is presentation processor dependent.</p></div>
-<div><div class="numbered constraint" title="R0047">Presentation processors <em class="rfc2119" title="SHOULD">SHOULD</em> support the C0, G0, C1, and G1 code sets mapped onto Unicode as in the following table. See [[CEA 708]], Section 7.1 including, Table 11.</div></div>
-<table style="border-collapse: collapse;width:630pt; width:835px;border:0">
-<colgroup>
-<col style="width:38pt; width:51px">
-<col span="16" style=" width:37pt; width:49px"></colgroup>
-<tbody><tr style="height:15pt">
-<td class="style1" style="height:20px;width:51px"></td>
-<td class="style2" style="width:49px">_0</td>
-<td class="style2" style="width:49px">_1</td>
-<td class="style2" style="width:49px">_2</td>
-<td class="style2" style="width:49px">_3</td>
-<td class="style2" style="width:49px">_4</td>
-<td class="style2" style="width:49px">_5</td>
-<td class="style2" style="width:49px">_6</td>
-<td class="style2" style="width:49px">_7</td>
-<td class="style2" style="width:49px">_8</td>
-<td class="style2" style="width:49px">_9</td>
-<td class="style2" style="width:49px">_A</td>
-<td class="style2" style="width:49px">_B</td>
-<td class="style2" style="width:49px">_C</td>
-<td class="style2" style="width:49px">_D</td>
-<td class="style2" style="width:49px">_E</td>
-<td class="style2" style="width:49px">_F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"><span></span></td>
-<td class="style4">!</td>
-<td class="style4">"</td>
-<td class="style4">#</td>
-<td class="style4">$</td>
-<td class="style4">%</td>
-<td class="style4">&</td>
-<td class="style4">'</td>
-<td class="style4">(</td>
-<td class="style4">)</td>
-<td class="style4">*</td>
-<td class="style4">+</td>
-<td class="style4">,</td>
-<td class="style4">-</td>
-<td class="style4">.</td>
-<td class="style4">/</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+002_</td>
-<td class="style2" style="width:49px">0020</td>
-<td class="style2" style="width:49px">0021</td>
-<td class="style2" style="width:49px">0022</td>
-<td class="style2" style="width:49px">0023</td>
-<td class="style2" style="width:49px">0024</td>
-<td class="style2" style="width:49px">0025</td>
-<td class="style2" style="width:49px">0026</td>
-<td class="style2" style="width:49px">0027</td>
-<td class="style2" style="width:49px">0028</td>
-<td class="style2" style="width:49px">0029</td>
-<td class="style2" style="width:49px">002A</td>
-<td class="style2" style="width:49px">002B</td>
-<td class="style2" style="width:49px">002C</td>
-<td class="style2" style="width:49px">002D</td>
-<td class="style2" style="width:49px">002E</td>
-<td class="style2" style="width:49px">002F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">0</td>
-<td class="style4">1</td>
-<td class="style4">2</td>
-<td class="style4">3</td>
-<td class="style4">4</td>
-<td class="style4">5</td>
-<td class="style4">6</td>
-<td class="style4">7</td>
-<td class="style4">8</td>
-<td class="style4">9</td>
-<td class="style4">:</td>
-<td class="style4">;</td>
-<td class="style4"><</td>
-<td class="style4">=</td>
-<td class="style4">></td>
-<td class="style4">?</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+003_</td>
-<td class="style2" style="width:49px">0030</td>
-<td class="style2" style="width:49px">0031</td>
-<td class="style2" style="width:49px">0032</td>
-<td class="style2" style="width:49px">0033</td>
-<td class="style2" style="width:49px">0034</td>
-<td class="style2" style="width:49px">0035</td>
-<td class="style2" style="width:49px">0036</td>
-<td class="style2" style="width:49px">0037</td>
-<td class="style2" style="width:49px">0038</td>
-<td class="style2" style="width:49px">0039</td>
-<td class="style2" style="width:49px">003A</td>
-<td class="style2" style="width:49px">003B</td>
-<td class="style2" style="width:49px">003C</td>
-<td class="style2" style="width:49px">003D</td>
-<td class="style2" style="width:49px">003E</td>
-<td class="style2" style="width:49px">003F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">@</td>
-<td class="style4">A</td>
-<td class="style4">B</td>
-<td class="style4">C</td>
-<td class="style4">D</td>
-<td class="style4">E</td>
-<td class="style4">F</td>
-<td class="style4">G</td>
-<td class="style4">H</td>
-<td class="style4">I</td>
-<td class="style4">J</td>
-<td class="style4">K</td>
-<td class="style4">L</td>
-<td class="style4">M</td>
-<td class="style4">N</td>
-<td class="style4">O</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+004_</td>
-<td class="style2" style="width:49px">0040</td>
-<td class="style2" style="width:49px">0041</td>
-<td class="style2" style="width:49px">0042</td>
-<td class="style2" style="width:49px">0043</td>
-<td class="style2" style="width:49px">0044</td>
-<td class="style2" style="width:49px">0045</td>
-<td class="style2" style="width:49px">0046</td>
-<td class="style2" style="width:49px">0047</td>
-<td class="style2" style="width:49px">0048</td>
-<td class="style2" style="width:49px">0049</td>
-<td class="style2" style="width:49px">004A</td>
-<td class="style2" style="width:49px">004B</td>
-<td class="style2" style="width:49px">004C</td>
-<td class="style2" style="width:49px">004D</td>
-<td class="style2" style="width:49px">004E</td>
-<td class="style2" style="width:49px">004F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">P</td>
-<td class="style4">Q</td>
-<td class="style4">R</td>
-<td class="style4">S</td>
-<td class="style4">T</td>
-<td class="style4">U</td>
-<td class="style4">V</td>
-<td class="style4">W</td>
-<td class="style4">X</td>
-<td class="style4">Y</td>
-<td class="style4">Z</td>
-<td class="style4">[</td>
-<td class="style4">\</td>
-<td class="style4">]</td>
-<td class="style4">^</td>
-<td class="style4">_</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+005_</td>
-<td class="style2" style="width:49px">0050</td>
-<td class="style2" style="width:49px">0051</td>
-<td class="style2" style="width:49px">0052</td>
-<td class="style2" style="width:49px">0053</td>
-<td class="style2" style="width:49px">0054</td>
-<td class="style2" style="width:49px">0055</td>
-<td class="style2" style="width:49px">0056</td>
-<td class="style2" style="width:49px">0057</td>
-<td class="style2" style="width:49px">0058</td>
-<td class="style2" style="width:49px">0059</td>
-<td class="style2" style="width:49px">005A</td>
-<td class="style2" style="width:49px">005B</td>
-<td class="style2" style="width:49px">005C</td>
-<td class="style2" style="width:49px">005D</td>
-<td class="style2" style="width:49px">005E</td>
-<td class="style2" style="width:49px">005F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">`</td>
-<td class="style4">a</td>
-<td class="style4">b</td>
-<td class="style4">c</td>
-<td class="style4">d</td>
-<td class="style4">e</td>
-<td class="style4">f</td>
-<td class="style4">g</td>
-<td class="style4">h</td>
-<td class="style4">i</td>
-<td class="style4">j</td>
-<td class="style4">k</td>
-<td class="style4">l</td>
-<td class="style4">m</td>
-<td class="style4">n</td>
-<td class="style4">o</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+006_</td>
-<td class="style2" style="width:49px">0060</td>
-<td class="style2" style="width:49px">0061</td>
-<td class="style2" style="width:49px">0062</td>
-<td class="style2" style="width:49px">0063</td>
-<td class="style2" style="width:49px">0064</td>
-<td class="style2" style="width:49px">0065</td>
-<td class="style2" style="width:49px">0066</td>
-<td class="style2" style="width:49px">0067</td>
-<td class="style2" style="width:49px">0068</td>
-<td class="style2" style="width:49px">0069</td>
-<td class="style2" style="width:49px">006A</td>
-<td class="style2" style="width:49px">006B</td>
-<td class="style2" style="width:49px">006C</td>
-<td class="style2" style="width:49px">006D</td>
-<td class="style2" style="width:49px">006E</td>
-<td class="style2" style="width:49px">006F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">p</td>
-<td class="style4">q</td>
-<td class="style4">r</td>
-<td class="style4">s</td>
-<td class="style4">t</td>
-<td class="style4">u</td>
-<td class="style4">v</td>
-<td class="style4">w</td>
-<td class="style4">x</td>
-<td class="style4">y</td>
-<td class="style4">z</td>
-<td class="style4">{</td>
-<td class="style4">|</td>
-<td class="style4">}</td>
-<td class="style4">~</td>
-<td class="style6" style="width:49px">♪</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+007_</td>
-<td class="style2" style="width:49px">0070</td>
-<td class="style2" style="width:49px">0071</td>
-<td class="style2" style="width:49px">0072</td>
-<td class="style2" style="width:49px">0073</td>
-<td class="style2" style="width:49px">0074</td>
-<td class="style2" style="width:49px">0075</td>
-<td class="style2" style="width:49px">0076</td>
-<td class="style2" style="width:49px">0077</td>
-<td class="style2" style="width:49px">0078</td>
-<td class="style2" style="width:49px">0079</td>
-<td class="style2" style="width:49px">007A</td>
-<td class="style2" style="width:49px">007B</td>
-<td class="style2" style="width:49px">007C</td>
-<td class="style2" style="width:49px">007D</td>
-<td class="style2" style="width:49px">007E</td>
-<td class="style2" style="width:49px">007F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">¡</td>
-<td class="style4">¢</td>
-<td class="style4">£</td>
-<td class="style4">¤</td>
-<td class="style4">¥</td>
-<td class="style4">¦</td>
-<td class="style4">§</td>
-<td class="style4">¨</td>
-<td class="style4">©</td>
-<td class="style4">ª</td>
-<td class="style4">«</td>
-<td class="style4">¬</td>
-<td class="style4"></td>
-<td class="style4">®</td>
-<td class="style4">¯</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00A_</td>
-<td class="style2" style="width:49px">00A0</td>
-<td class="style2" style="width:49px">00A1</td>
-<td class="style2" style="width:49px">00A2</td>
-<td class="style2" style="width:49px">00A3</td>
-<td class="style2" style="width:49px">00A4</td>
-<td class="style2" style="width:49px">00A5</td>
-<td class="style2" style="width:49px">00A6</td>
-<td class="style2" style="width:49px">00A7</td>
-<td class="style2" style="width:49px">00A8</td>
-<td class="style2" style="width:49px">00A9</td>
-<td class="style2" style="width:49px">00AA</td>
-<td class="style2" style="width:49px">00AB</td>
-<td class="style2" style="width:49px">00AC</td>
-<td class="style2" style="width:49px">00AD</td>
-<td class="style2" style="width:49px">00AE</td>
-<td class="style2" style="width:49px">00AF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">°</td>
-<td class="style4">±</td>
-<td class="style4">²</td>
-<td class="style4">³</td>
-<td class="style4">´</td>
-<td class="style4">µ</td>
-<td class="style4">¶</td>
-<td class="style4">·</td>
-<td class="style4">¸</td>
-<td class="style4">¹</td>
-<td class="style4">º</td>
-<td class="style4">»</td>
-<td class="style4">¼</td>
-<td class="style4">½</td>
-<td class="style4">¾</td>
-<td class="style4">¿</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00B_</td>
-<td class="style2" style="width:49px">00B0</td>
-<td class="style2" style="width:49px">00B1</td>
-<td class="style2" style="width:49px">00B2</td>
-<td class="style2" style="width:49px">00B3</td>
-<td class="style2" style="width:49px">00B4</td>
-<td class="style2" style="width:49px">00B5</td>
-<td class="style2" style="width:49px">00B6</td>
-<td class="style2" style="width:49px">00B7</td>
-<td class="style2" style="width:49px">00B8</td>
-<td class="style2" style="width:49px">00B9</td>
-<td class="style2" style="width:49px">00BA</td>
-<td class="style2" style="width:49px">00BB</td>
-<td class="style2" style="width:49px">00BC</td>
-<td class="style2" style="width:49px">00BD</td>
-<td class="style2" style="width:49px">00BE</td>
-<td class="style2" style="width:49px">00BF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">À</td>
-<td class="style4">Á</td>
-<td class="style4">Â</td>
-<td class="style4">Ã</td>
-<td class="style4">Ä</td>
-<td class="style4">Å</td>
-<td class="style4">Æ</td>
-<td class="style4">Ç</td>
-<td class="style4">È</td>
-<td class="style4">É</td>
-<td class="style4">Ê</td>
-<td class="style4">Ë</td>
-<td class="style4">Ì</td>
-<td class="style4">Í</td>
-<td class="style4">Î</td>
-<td class="style4">Ï</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00C_</td>
-<td class="style2" style="width:49px">00C0</td>
-<td class="style2" style="width:49px">00C1</td>
-<td class="style2" style="width:49px">00C2</td>
-<td class="style2" style="width:49px">00C3</td>
-<td class="style2" style="width:49px">00C4</td>
-<td class="style2" style="width:49px">00C5</td>
-<td class="style2" style="width:49px">00C6</td>
-<td class="style2" style="width:49px">00C7</td>
-<td class="style2" style="width:49px">00C8</td>
-<td class="style2" style="width:49px">00C9</td>
-<td class="style2" style="width:49px">00CA</td>
-<td class="style2" style="width:49px">00CB</td>
-<td class="style2" style="width:49px">00CC</td>
-<td class="style2" style="width:49px">00CD</td>
-<td class="style2" style="width:49px">00CE</td>
-<td class="style2" style="width:49px">00CF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">Ð</td>
-<td class="style4">Ñ</td>
-<td class="style4">Ò</td>
-<td class="style4">Ó</td>
-<td class="style4">Ô</td>
-<td class="style4">Õ</td>
-<td class="style4">Ö</td>
-<td class="style4">×</td>
-<td class="style4">Ø</td>
-<td class="style4">Ù</td>
-<td class="style4">Ú</td>
-<td class="style4">Û</td>
-<td class="style4">Ü</td>
-<td class="style4">Ý</td>
-<td class="style4">Þ</td>
-<td class="style4">ß</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00D_</td>
-<td class="style2" style="width:49px">00D0</td>
-<td class="style2" style="width:49px">00D1</td>
-<td class="style2" style="width:49px">00D2</td>
-<td class="style2" style="width:49px">00D3</td>
-<td class="style2" style="width:49px">00D4</td>
-<td class="style2" style="width:49px">00D5</td>
-<td class="style2" style="width:49px">00D6</td>
-<td class="style2" style="width:49px">00D7</td>
-<td class="style2" style="width:49px">00D8</td>
-<td class="style2" style="width:49px">00D9</td>
-<td class="style2" style="width:49px">00DA</td>
-<td class="style2" style="width:49px">00DB</td>
-<td class="style2" style="width:49px">00DC</td>
-<td class="style2" style="width:49px">00DD</td>
-<td class="style2" style="width:49px">00DE</td>
-<td class="style2" style="width:49px">00DF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">à</td>
-<td class="style4">á</td>
-<td class="style4">â</td>
-<td class="style4">ã</td>
-<td class="style4">ä</td>
-<td class="style4">å</td>
-<td class="style4">æ</td>
-<td class="style4">ç</td>
-<td class="style4">è</td>
-<td class="style4">é</td>
-<td class="style4">ê</td>
-<td class="style4">ë</td>
-<td class="style4">ì</td>
-<td class="style4">í</td>
-<td class="style4">î</td>
-<td class="style4">ï</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00E_</td>
-<td class="style2" style="width:49px">00E0</td>
-<td class="style2" style="width:49px">00E1</td>
-<td class="style2" style="width:49px">00E2</td>
-<td class="style2" style="width:49px">00E3</td>
-<td class="style2" style="width:49px">00E4</td>
-<td class="style2" style="width:49px">00E5</td>
-<td class="style2" style="width:49px">00E6</td>
-<td class="style2" style="width:49px">00E7</td>
-<td class="style2" style="width:49px">00E8</td>
-<td class="style2" style="width:49px">00E9</td>
-<td class="style2" style="width:49px">00EA</td>
-<td class="style2" style="width:49px">00EB</td>
-<td class="style2" style="width:49px">00EC</td>
-<td class="style2" style="width:49px">00ED</td>
-<td class="style2" style="width:49px">00EE</td>
-<td class="style2" style="width:49px">00EF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">ð</td>
-<td class="style4">ñ</td>
-<td class="style4">ò</td>
-<td class="style4">ó</td>
-<td class="style4">ô</td>
-<td class="style4">õ</td>
-<td class="style4">ö</td>
-<td class="style4">÷</td>
-<td class="style4">ø</td>
-<td class="style4">ù</td>
-<td class="style4">ú</td>
-<td class="style4">û</td>
-<td class="style4">ü</td>
-<td class="style4">ý</td>
-<td class="style4">þ</td>
-<td class="style4">ÿ</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00F_</td>
-<td class="style2" style="width:49px">00F0</td>
-<td class="style2" style="width:49px">00F1</td>
-<td class="style2" style="width:49px">00F2</td>
-<td class="style2" style="width:49px">00F3</td>
-<td class="style2" style="width:49px">00F4</td>
-<td class="style2" style="width:49px">00F5</td>
-<td class="style2" style="width:49px">00F6</td>
-<td class="style2" style="width:49px">00F7</td>
-<td class="style2" style="width:49px">00F8</td>
-<td class="style2" style="width:49px">00F9</td>
-<td class="style2" style="width:49px">00FA</td>
-<td class="style2" style="width:49px">00FB</td>
-<td class="style2" style="width:49px">00FC</td>
-<td class="style2" style="width:49px">00FD</td>
-<td class="style2" style="width:49px">00FE</td>
-<td class="style2" style="width:49px">00FF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">Œ</td>
-<td class="style4">œ</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+015_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">0152</td>
-<td class="style2" style="width:49px">0153</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">Š</td>
-<td class="style4">š</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+016_</td>
-<td class="style2" style="width:49px">0160</td>
-<td class="style2" style="width:49px">0161</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">Ÿ</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">Ž</td>
-<td class="style4">ž</td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+017_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">0178</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">017D</td>
-<td class="style2" style="width:49px">017E</td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">ƒ</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+019_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">0192</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">˜</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+02D_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">02DC</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">‐</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">―</td>
-<td class="style4">‖</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+201_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2010</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2015</td>
-<td class="style2" style="width:49px">2016</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">‧</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+202_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2027</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">‰</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">›</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+203_</td>
-<td class="style2" style="width:49px">2030</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">203A</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">₡</td>
-<td class="style4">₢</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">€</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+20A_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">20A1</td>
-<td class="style2" style="width:49px">20A2</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">20AC</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">₳</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+20B_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">20B3</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">°C</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">°F</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+210_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2103</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2109</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">⅓</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">⅟</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+215_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2153</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">215F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">□</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+25A_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">25A1</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">♩</td>
-<td class="style4"></td>
-<td class="style4">♫</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+266_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2669</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">266B</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-</tbody></table>
-<div><div class="numbered constraint" title="R0048">Presentation processors <em class="rfc2119" title="MAY">MAY</em> support the extended G2 character sets that map onto Unicode code points (see table above).</div></div>
-<div class="note"><div class="note-title" role="heading" aria-level="3"><span>Note</span></div><div class=""><p>Presentation processors may also provide glyph coverage for additional Unicode code points.</p></div></div>
-</section>
-<section class="color_values" id="color-values">
-<!--OddPage--><h2><span class="secno">D. </span>Color values</h2>
-<p>For color values of the form <code>#rrggbbaa</code>, presentation processors <em class="rfc2119" title="MUST">MUST</em> support combinations where the red, green, and blue components are either <code>00</code> or <code>FF</code>; and the alpha component are <code>00</code>, <code>54</code>, <code>A8</code> or <code>FF</code>, e.g, #00FFFF54. Additionally, presentation processors <em class="rfc2119" title="SHOULD">SHOULD</em> support values for red, green, and blue of <code>54</code> or <code>A8</code>, and <em class="rfc2119" title="MAY">MAY</em> support all possible values between <code>00</code> and <code>FF</code>.</p>
-<table>
-<tbody><tr>
-<th>Color</th>
-<th>Value</th>
-</tr>
-<tr>
-<td>Black</td>
-<td>#000000ff</td>
-</tr>
-<tr>
-<td>White</td>
-<td>#fffffffff</td>
-</tr>
-<tr>
-<td>Red</td>
-<td>#ff0000ff</td>
-</tr>
-<tr>
-<td>Green</td>
-<td>#00ff00ff</td>
-</tr>
-<tr>
-<td>Blue</td>
-<td>#0000ffff</td>
-</tr>
-<tr>
-<td>Yellow</td>
-<td>#ffff00ff</td>
-</tr>
-<tr>
-<td>Magenta</td>
-<td>#ff00ffff</td>
-</tr>
-<tr>
-<td>Cyan</td>
-<td>#00ffffff</td>
-</tr>
-</tbody></table>
-<p></p>
-</section>
-<section class="appendix" id="acknowledgements">
-<!--OddPage--><h2><span class="secno">E. </span>Acknowledgements</h2>
-<p>Many thanks to Robin Berjon for providing the respec.js tool used to format this document.</p>
-</section>
-
-
-<section id="references" class="appendix"><!--OddPage--><h2><span class="secno">F. </span>References</h2><section id="normative-references"><h3><span class="secno">F.1 </span>Normative references</h3><dl class="bibliography"><dt id="bib-RFC2119">[RFC2119]</dt><dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key words for use in RFCs to Indicate Requirement Levels.</cite></a> March 1997. Internet RFC 2119. URL: <a href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a>
-</dd><dt id="bib-TTML10">[TTML10]</dt><dd>G. Adams. <a href="http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/"><cite>Timed Text Markup Language (TTML) 1.0</cite></a>, W3C Recommendation. URL: <a href="http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/">http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/</a>
-</dd><dt id="bib-UNICODE">[UNICODE]</dt><dd><a href="http://www.unicode.org/versions/latest/"><cite>The Unicode Standard</cite></a>. URL: <a href="http://www.unicode.org/versions/latest/">http://www.unicode.org/versions/latest/</a>
-</dd><dt id="bib-XML10">[XML10]</dt><dd>C. M. Sperberg-McQueen et al. <a href="http://www.w3.org/TR/2008/REC-xml-20081126/"><cite>Extensible Markup Language (XML) 1.0 (Fifth Edition)</cite></a>. 26 November 2008. W3C Recommendation. URL: <a href="http://www.w3.org/TR/2008/REC-xml-20081126/">http://www.w3.org/TR/2008/REC-xml-20081126/</a>
-</dd></dl></section><section id="informative-references"><h3><span class="secno">F.2 </span>Informative references</h3><dl class="bibliography"><dt id="bib-CEA608">[CEA608]</dt><dd>CEA-608, <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx"><cite>Line-21 Data Services</cite></a>, ANSI/CEA Standard. URL: <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx</a>
-</dd><dt id="bib-CEA708">[CEA708]</dt><dd>CEA-708, <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx"><cite>Digital Television (DTV) Closed Captioning</cite></a>, ANSI/CEA Standard. URL: <a href="http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx</a>
-</dd><dt id="bib-TTML10SE">[TTML10SE]</dt><dd>G. Adams. <a href="http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html"><cite>Timed Text Markup Language (TTML) 1.0 (Second Edition)</cite></a>, W3C Editor's Draft. URL: <a href="http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html">http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html</a>
-</dd></dl></section></section></body></html>
\ No newline at end of file
--- a/ttml10-sdp-us/Overview.src.html Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,1948 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset='utf-8' />
-<title>TTML Simple Delivery Profile for Closed Captions (US)</title>
-<script src='http://www.w3.org/Tools/respec/respec-w3c-common' class=remove async></script>
-<script class=remove>
-respecConfig = {
- // specification status (e.g. WD, LCWD, NOTE, etc.). If in doubt use ED.
- specStatus: "WG-NOTE",
-
- // the specification's short name, as in http://www.w3.org/TR/short-name/
- shortName: "ttml10-sdp-us",
-
- // if your specification has a subtitle that goes below the main
- // formal title, define it here
- subtitle : "A profile of TTML for internet delivery of Captions originated in the United States",
-
- // if you wish the publication date to be other than today, set this
- // publishDate: "2009-08-06",
-
- // if the specification's copyright date is a range of years, specify
- // the start date here:
- // copyrightStart: "2005"
-
- // if there is a previously published draft, uncomment this and set its YYYY-MM-DD date
- // and its maturity status
- previousPublishDate: "2013-02-05",
- previousMaturity: "NOTE",
-
- // if there a publicly available Editor's Draft, this is the link
- // edDraftURI: "http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10-sdp-us/Overview.html",
-
- // if this is a LCWD, uncomment and set the end of its review period
- // lcEnd: "2009-08-05",
-
- // if you want to have extra CSS, append them to this list
- extraCSS: [],
-
- // editors, add as many as you like
- // only "name" is required
- editors: [
- { name: "Glenn Adams",
- company: "Cox Communications, Inc.", companyURL: "http://www.cox.com/" },
- { name: "Monica Martin",
- company: "Microsoft Open Technologies, Inc.", companyURL: "http://www.microsoft.com/" },
- { name: "Sean Hayes",
- company: "Microsoft", companyURL: "http://www.microsoft.com/" },
- ],
-
- // authors, add as many as you like.
- // This is optional, uncomment if you have authors as well as editors.
- // only "name" is required. Same format as editors.
-
- //authors: [
- // { name: "Your Name", url: "http://example.org/",
- // company: "Your Company", companyURL: "http://example.com/" },
- //],
-
- // name of the WG
- wg: "Timed Text Working Group",
-
- // URI of the public WG page
- wgURI: "http://www.w3.org/AudioVideo/TT/",
-
- // name (without the @w3c.org) of the public mailing to which comments are due
- wgPublicList: "public-tt",
-
- // URI of the patent status for this WG, for Rec-track documents
- // !!!! IMPORTANT !!!!
- // This is important for Rec-track documents, do not copy a patent URI from a random
- // document unless you know what you're doing. If in doubt ask your friendly neighbourhood
- // Team Contact.
- wgPatentURI: "http://www.w3.org/2004/01/pp-impl/34314/status",
-
- // noRecTrack: true,
-
- localBiblio: {
- "CEA608" : "CEA-608, <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx\"><cite>Line-21 Data Services</cite></a>, ANSI/CEA Standard. URL: <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx\">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/Line-21-Data-Service.aspx</a>",
- "CEA708" : "CEA-708, <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx\"><cite>Digital Television (DTV) Closed Captioning</cite></a>, ANSI/CEA Standard. URL: <a href=\"http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx\">http://www.ce.org/Standards/Standard-Listings/R4-3-Television-Data-Systems-Subcommittee/CEA-708-D.aspx</a>",
- "TTML10" : "G. Adams. <a href=\"http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/\"><cite>Timed Text Markup Language (TTML) 1.0</cite></a>, W3C Recommendation. URL: <a href=\"http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/\">http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/</a>",
- "TTML10SE" : "G. Adams. <a href=\"http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html\"><cite>Timed Text Markup Language (TTML) 1.0 (Second Edition)</cite></a>, W3C Editor's Draft. URL: <a href=\"http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html\">http://dvcs.w3.org/hg/ttml/raw-file/default/ttml10/spec/ttaf1-dfxp.html</a>"
- }
-};
-function term(doc, content) {
- // perform transformations to make it render and prettier
- return '<span class="ttmlTerm">' + doc._esc(content) + '</span>';
-}
-function template(doc, content) {
- // perform transformations to make it render and prettier
- return '<div class="template">' + content + '</div>';
-}
-var constraints = 0;
-function constraint(doc, content) {
- // perform transformations to make it render and prettier
- var prefix = constraints < 9 ? "R000" : "R00";
- return '<div class=\'numbered constraint\' title=' + prefix + (++constraints) + '>' + content + '</div>';
-}
-function atrisk(doc,content) {
- var atRiskConstraint = constraints;
- var prefix = atRiskConstraint < 9 ? "R000" : "R00";
- return '<div class=issue>Constraint ' + prefix + atRiskConstraint + ' is at risk.' + (!!content ? ' ' : '') + content + '</div>';
-}
-var examples = 0;
-function example(doc, content) {
- // perform transformations to make it render and prettier
- var prefix = examples < 9 ? "E000" : "E00";
- return '<div class=numbered title=' + prefix + (++examples) + '>' + content + '</div>';
-}
-</script>
-<style>
-.style1
-{
- height: 15.0pt;
- width: 38pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: "Courier New", monospace;
- text-align: right;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style2
-{
- width: 37pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Segoe, sans-serif;
- text-align: center;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style3
-{
- height: 15.0pt;
- width: 38pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Calibri, sans-serif;
- text-align: right;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style4
-{
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Segoe, sans-serif;
- text-align: center;
- vertical-align: middle;
- white-space: nowrap;
- border-left-style: none;
- border-left-color: inherit;
- border-left-width: medium;
- border-right-style: none;
- border-right-color: inherit;
- border-right-width: medium;
- border-top: .5pt solid windowtext;
- border-bottom-style: none;
- border-bottom-color: inherit;
- border-bottom-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
- background: #EEECE1;
-}
-.style5
-{
- height: 15.0pt;
- width: 38pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 700;
- font-style: normal;
- text-decoration: none;
- font-family: "Courier New", monospace;
- text-align: right;
- vertical-align: middle;
- white-space: normal;
- border-style: none;
- border-color: inherit;
- border-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
-}
-.style6
-{
- width: 37pt;
- color: black;
- font-size: 9.0pt;
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- font-family: Segoe, sans-serif;
- text-align: center;
- vertical-align: middle;
- white-space: normal;
- border-left-style: none;
- border-left-color: inherit;
- border-left-width: medium;
- border-right-style: none;
- border-right-color: inherit;
- border-right-width: medium;
- border-top: .5pt solid windowtext;
- border-bottom-style: none;
- border-bottom-color: inherit;
- border-bottom-width: medium;
- padding-left: 1px;
- padding-right: 1px;
- padding-top: 1px;
- background: #EEECE1;
-}
-
-div.template
-{
- padding: 0 8px 0 8px;
- background: #eeeeee;
-}
-div.numbered:before
-{
- content: attr(title) " - ";
- font-weight: bold;
-}
-div.numbered
-{
- padding: 0 12px 0 8px;
-}
-div.constraint
-{
- margin-bottom: 1em;
-}
-span.numbered
-{
- font-weight: bold;
- padding-left: 2em;
-}
-
-span.ttmlTerm
-{
- font-weight: bold;
-}
-table
-{
- font-family: verdana,arial,sans-serif;
- font-size: 11px;
- color: #333333;
- border-width: 1px;
- border-color: #666666;
- border-collapse: collapse;
-}
-table th
-{
- border-width: 1px;
- padding: 8px;
- border-style: solid;
- border-color: #666666;
- background-color: #dedede;
-}
-table tr td
-{
- border-width: 1px;
- padding: 8px;
- border-style: solid;
- border-color: #666666;
- background-color: #ffffff;
-}
-</style>
-</head>
-<body>
-<section id='abstract'>
-<p>This document specifies the Simple Online Delivery Profile (US) of the Timed Text Markup Language (TTML).</p>
-<p>The primary goal of the profile defined herein is to establish a minimum level of interoperability between
-[[TTML10]] and legacy caption formats employed in US markets, such as [[CEA608]] and [[CEA708]]. This is accomplished by
-(1) defining a set of constraints that apply to TTML document instances that claim adherence to this profile, and
-(2) defining a set of mandatory features and behaviors that MUST be supported by implementations of a TTML
-Presentation Processor that claim adherence to this profile.</p>
-</section>
-<section id='sotd'>
-<p>This document applies the following guiding principles for online delivery of closed captions originated in the United States:</p>
-<ol>
-<li>Promote interoperability.</li>
-<li>Define mandatory functionality based on a specified set of TTML features.</li>
-<li>Use this functionality to apply constraints on usage of a specified set of TTML features.</li>
-</ol>
-</section>
-<section id='introduction'>
-<h2>Introduction</h2>
-<p>TTML 1.0 [[!TTML10]] provides many features to satisfy captioning and subtitling requirements, not all of which are intended for end user display. Requirements have been identified by key video and content communities to define an interoperable delivery profile using the core features specifically designed for online presentation of TTML. Such a profile allows the community of TTML users to construct constrained presentation engines for TTML. This document defines the behavior expected of a TTML content player using the presentation processor constraints for such an online delivery profile.</p>
-<p class='note'>At the time of publication, this profile normatively refers to [[!TTML10]], and informatively refers to [[TTML10SE]]. The most recently
-published version of TTML should take precedence as the definitive reference.</p>
-<p>The Simple Online Delivery profile is focused on streamlined delivery of closed captions on the Internet. This interoperability profile supports core TTML features to deliver legacy formats such as [[CEA608]] and [[CEA708]] content, and, as such, is targeted primarily for use in US markets.</p>
-<p>The Simple Delivery Profile for Closed Captions focuses on interoperability using [[!TTML10]] to support delivery of closed captions for video content. Other profiles based on [[!TTML10]] may target other types of subtitles such as on-screen text or graphics. This interoperability profile is a proper subset of [[!TTML10]] intended to support features required for US Government closed captioning requirements for online presentation.</p>
-</section>
-<section id='terms'>
-<h2>Terms, Definitions, and Conventions</h2>
-<p>The terms and definitions in [[!TTML10]] serve as the basis for this interoperability profile. The following terms supplant those found in [[!TTML10]].</p>
-<table title='Table 1 - Terms and Definitions'>
-<tr>
-<th>Name</th>
-<th>Definition</th>
-</tr>
-<tr>
-<td>a document</td>
-<td>A TTML document that is intended to conform to this profile.</td>
-</tr>
-<tr>
-<td>a presentation processor</td>
-<td>A TTML presentation processor that is intended to conform to this profile.</td>
-</tr>
-</table>
-<p>When this document refers to a TTML element type and no namespace prefix is specified, then the <code>tt</code>
-namespace prefix is implied. This prefix and other explicit namespace prefixes used herein correspond to those
-TTML namespaces defined in [[!TTML10]] Section 5.1.</p>
-<p class='note'>In the examples in this document, standard TTML namespace prefixes are abbreviated for brevity, without loss of generality.</p>
-</section>
-<section id='conformance'>
-<p>This profile defines (1) constraints on documents and (2) minimum requirements for a TTML presentation processor capable of presenting such constrained
-documents.</p>
-<p>A document conforms to this profile if it:</p>
-<ol>
-<li>contains all elements and attributes required by this profile;</li>
-<li>does not contain or employ elements and attributes that are prohibited by this profile; and</li>
-<li>satisfies all other semantic constraints defined by this profile.</li>
-</ol>
-<p>A conformant document is said to be <em>strictly conformant</em> if it does not contain any feature that is not explicitly specified as included in this profile.</p>
-<p>A TTML presentation processor conforms to this profile if it:</p>
-<ol>
-<li>implements support for the profile definition specified in <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>; and</li>
-<li>implements support for all other semantics explicitly defined by this profile.</li>
-</ol>
-<p>The semantics defined in [[!TTML10]] apply unless otherwise constrained in this profile.</p>
-<p>Claims of document conformance MUST make use of the following profile URI, identified with the indicated profile name:</p>
-<table>
-<tr>
-<th>Profile Name</th>
-<th>Profile Designator</th>
-</tr>
-<tr>
-<td><code>SDP US</code></td>
-<td><code>http://www.w3.org/ns/ttml/profile/sdp-us</code></td>
-</tr>
-</table>
-<p>Conformance to this profile does not preclude:</p>
-<ol>
-<li>use of other features defined in [[!TTML10]], in which case such behavior is not defined here; or</li>
-<li>use of other profiles that may implement the features in this profile.</li>
-</ol>
-<p class='note'>Error handling behavior is described in <a href="#error_handling">Error Handling</a>.</p>
-</section>
-<section class='Structural_Constraints'>
-<h3>Structural Constraints</h3>
-<div data-transform='constraint'>A document MUST contain a <code>tt</code> element.</div>
-<div data-transform='constraint'>A document MUST contain both a <code>head</code> and <code>body</code> element.</div>
-<div data-transform='constraint'>A document MUST contain both a <code>styling</code> and a <code>layout</code> element.</div>
-<div data-transform='constraint'>A document MUST NOT contain a <code>div</code> element which has a descendant <code>div</code> element.</div>
-<div data-transform='constraint'>A document MUST NOT contain a <code>span</code> element which has a descendant <code>span</code> element.</div>
-<div data-transform='example'>Single level of spans.</div>
-<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;">
-<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>A<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s3</span>"<span style="color: blue;">></span>B<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">span</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>C<span style="color: blue;"></</span><span style="color: #a31515;">span</span><span style="color: blue;">></span>
-</pre>
-<div data-transform='constraint'>A document MUST NOT contain two elements such that the lexical order of the elements is different than the temporal
-order of the elements.</div>
-<div class='note'><p>This constraint is intended to limit the lexical order of elements to match the temporal order of the active duration of these elements.</p></div>
-<section id='Use_of_Constrained_TTML_Feature_content'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#content</span></h2>
-<div data-transform='constraint'>A document that is claimed to be <em>strictly</em> conformant MUST NOT contain an
-element that is not one of the following element types:</div>
-<ul>
-<li><code>tt</code></li>
-<li><code>head</code></li>
-<li><code>styling</code></li>
-<li><code>style</code></li>
-<li><code>layout</code></li>
-<li><code>region</code></li>
-<li><code>body</code></li>
-<li><code>div</code></li>
-<li><code>p</code></li>
-<li><code>span</code></li>
-<li><code>br</code></li>
-<li><code>set</code></li>
-<li><code>ttp:profile</code></li>
-<li><code>ttp:features</code></li>
-<li><code>ttp:feature</code></li>
-<li><code>ttp:extensions</code></li>
-<li><code>ttp:extension</code></li>
-</ul>
-</section>
-<section id='Use_of_Constrained_TTML_Feature_content_profile'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#profile</span></h2>
-<div data-transform='constraint'>A document MUST contain a <code>ttp:profile</code> element where the <code>use</code> attribute of that element is specified as <code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</div>
-<div data-transform='constraint'>A presentation processor MUST support the profile identified by the URI <code>http://www.w3.org/ns/ttml/profile/sdp-us</code> as defined by <a href="#Features_in_TTML_1.0_Used">Features in TTML 1.0 Used in This Profile</a>.</div>
-<div class='note'><p>See also <a href="#conformance">Conformance</a>. [[!TTML10]] allows zero or more profiles (<code>ttp:profile</code> in the <code>head</code> element) to be specified and used simultaneously.</p></div>
-</section>
-</section>
-<section id='Style_Constraints'>
-<h2>Style Constraints</h2>
-<p></p>
-<section id='Constrained_TTML_Feature_backgroundColor'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#backgroundColor-*</span></h2>
-<p></p>
-<div data-transform='constraint'>A document MUST NOT contain a <strong><color></strong> expression value used with the
-<code>tts:backgroundColor</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
-[[!TTML10]], Section 8.3.2.</div>
-<div data-transform='constraint'>A presentation processor MUST support the colors specified in <a href="#color-values">Color Values</a> for use
-with the <code>tts:backgroundColor</code> attribute.</div>
-<div class='note'><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div>
-<div data-transform='constraint'>A document MUST NOT contain a <code>region</code> element where the value of the alpha component of the region's computed value for the
-<code>tts:backgroundColor</code> property is not zero (0).</div>
-<div data-transform='example'>Multiple Background Styles. The <code>tts:backgroundColor</code> is specified distinctly for a region, a paragraph selected into
-that region, and a span of text in that paragraph.</div>
-<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;"><span
- style="color:blue;"><</span><span style="color:maroon;">region</span> <span
- style="color:red;">xml:id</span><span style="color:blue;">="r1"</span> <span
- style="color:red;">tts</span><span style="color:blue;">:</span><span
- style="color:red;">backgroundColor</span><span style="color:blue;">="#00000000"/></span>
-...
-<span style="color:blue;"><</span><span style="color:maroon;">p</span> <span
- style="color:red;">region</span><span style="color:blue;">="r1"</span> <span
- style="color:red;">tts</span><span style="color:blue;">:</span><span
- style="color:red;">backgroundColor</span><span style="color:blue;">="#1049edff"></span>
- Twinkle, twinkle, little bat!<span style="color:blue;"><</span><span
- style="color:maroon;">br</span><span style="color:blue;">/></span>
- How <span style="color:blue;"><</span><span style="color:maroon;">span</span> <span
- style="color:red;">tts</span><span style="color:blue;">:</span><span
- style="color:red;">backgroundColor</span><span style="color:blue;">="#ed1078ff"></span>I wonder<span
- style="color:blue;"></</span><span style="color:maroon;">span</span><span
- style="color:blue;">></span> where you're at!
-<span style="color:blue;"></</span><span style="color:maroon;">p</span><span
- style="color:blue;">></span></pre>
-</section>
-<section id='Constrained_TTML_Feature_color'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#color</span></h2>
-<div data-transform='constraint'>A document MUST NOT contain a <strong><color></strong> expression value used with the
-<code>tts:color</code> attribute that does not conform to the <code>#rrggbbaa</code> expression format as defined by
-[[!TTML10]], Section 8.3.2.</div>
-<div data-transform='constraint'>A presentation processor MUST support the colors specified in <a href="#color-values">Color Values</a> for use
-with the <code>tts:color</code> attribute.</div>
-<div class='note'><p>These colors are identical to those identified in the CEA708-D, Section 8.8 [RBG resolution of 4 bits for each primary].</p></div>
-</section>
-<section id='Constrained_TTML_Feature_extent_region'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#extent-region</span></h2>
-<div data-transform='constraint'>A document MUST NOT contain a <code>region</code> element where the computed values of the <code>tts:origin</code> and
-<code>tts:extent</code> properties would result in the region extending outside of the root container.</div>
-<div data-transform='constraint'>A presentation processor MUST fix the root container origin so that it corresponds with the top, left corner of the related
-media object [[TTML10SE]], Section 2.2.</div>
-<div data-transform='constraint'>A presentation processor MUST fix the root container extent so that it corresponds with the extent of the related
-media object [[TTML10SE]], Section 2.2.</div>
-<div class='note'><p>In the context of this document, the related media object [[TTML10SE]] is assumed to be video media, and, therefore, have an
-associated origin and extent on some display device.</p></div>
-<section class='informative'>
-<h4>Examples</h4>
-<p>This profile supports the following caption styles:</p>
-<ul>
-<li>Pop-up</li>
-<li>Roll-up</li>
-<li>Paint-on</li>
-</ul>
-<p>Pop-up style captions are typically characterized by small blocks of text that appear all at once.</p>
-<p>Roll-up style captions are typically characterized by words (or small groups of letters) appearing sequentially,
-so that a line fills up incrementally, and then as new lines are added the upper lines are scrolled out of view.</p>
-<p>A Paint-on caption typically appears on the screen one character at a time and is displayed like a Pop-up caption.</p>
-<p>These caption styles are further elucidated by examples below and by [[TTML10SE]] Appendix N, Common Caption Style Examples.</p>
-<div data-transform='example'>Pop-up style</div>
-<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;">
- <span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"> </span>
-<span style="color: blue;"> </span><span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"<span style="color: blue;"> </span>
-<span style="color: blue;"> </span><span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;"> A typical transparent region with centered text that has an outline </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">#000000ff 5%</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">#00000000</span>"<span style="color: blue;"> </span>
- <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style=
-"color: blue;">=</span>'<span style="color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;"> typical 'Pop-up' type region </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> /></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">defaultFont</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMid</span>"<span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:00.101</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:03.000</span>'<span style="color: blue;">></span> This is a Pop-up caption. <span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span>
-
-</pre>
-</section>
-<section>
-<div data-transform='example'>Positioned styles.</div>
-<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
-<span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">bottomMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
- <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style=
-"color: blue;">20% 58%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">topMidStyle</span>"<span style="color: blue;"> </span><span style="color: red;">s:textAlign</span><span style="color: blue;">=</span>"<span style="color: blue;">center</span>"<span style="color: blue;"> </span><span style="color: red;">s:textOutline</span><span style="color: blue;">=</span>"<span style="color: blue;">black 1px</span>"<span style="color: blue;"> </span><span style="color: red;">s:backgroundColor</span><span style="color: blue;">=</span>"<span style="color: blue;">transparent</span>"<span style="color: blue;"> </span>
- <span style="color: red;">s:color</span><span style="color: blue;">=</span>"<span style="color: blue;">#ffffffff</span>"<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style=
-"color: blue;">20% 10%</span>'<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">60% 18%</span>'<span style="color: blue;">/></span>
-</pre></section>
-<section>
-<div data-transform='example'>Moving regions. Content is positioned based on the location of speaker, which is presented in the bottom two lines individually positioned in a region in order to avoid conflicting with background content.</div>
-<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
-<span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">tt</span><span style="color: blue;"> </span><span style="color: red;">xml:lang</span><span style="color: blue;">=</span>"<span style="color: blue;">en-us</span>"<span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml</span>"<span style="color: blue;"></span>
- <span style="color: red;">xmlns:s</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#styling</span>"
- <span style="color: red;">xmlns:p</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p:profile</span><span style="color: blue;"> </span><span style="color: red;">use</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/profile/sdp-us</span>"<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">style</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>"<span style="color: blue;">none</span>"<span style="color: blue;"> </span><span style="color: red;">s:extent</span><span style="color: blue;">=</span>'<span style="color: blue;">40% 18%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">styling</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 10%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">10% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">region</span><span style="color: blue;"> </span><span style="color: red;">xml:id</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> </span><span style="color: red;">style</span><span style="color: blue;">=</span>"<span style="color: blue;">s1</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:display</span><span style="color: blue;">=</span>'<span style="color: blue;">auto</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">set</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">s:origin</span><span style="color: blue;">=</span>'<span style="color: blue;">50% 78%</span>'<span style="color: blue;">/></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">region</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">layout</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">head</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;">four speakers count off, and then all call 'Jump' together </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>One<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.330</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Two<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:10.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Three<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.000</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.330</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Four<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r1</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r2</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r3</span>"<span style="color: blue;">></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">p</span><span style="color: blue;"> </span><span style="color: red;">begin</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:11.670</span>'<span style="color: blue;"> </span><span style="color: red;">end</span><span style="color: blue;">=</span>'<span style="color: blue;">00:00:12.000</span>'<span style="color: blue;"> </span><span style="color: red;">region</span><span style="color: blue;">=</span>"<span style="color: blue;">r4</span>"<span style="color: blue;"> ></span>Jump!<span style="color: blue;"></</span><span style="color: #a31515;">p</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">div</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">body</span><span style="color: blue;">></span>
-<span style="color: blue;"></</span><span style="color: #a31515;">tt</span><span style="color: blue;">></span>
-</pre>
-</section>
-</section>
-<section id='Constrained_TTML_Feature_display_display_fontFamily_generic'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#fontFamily-generic</span></h2>
-<div data-transform='constraint'>A document MUST NOT specify a <code>tts:fontFamily</code> attribute whose value is not one of the following:</div>
-<ul>
-<li><code>default</code></li>
-<li><code>monospaceSerif</code></li>
-<li><code>proportionalSerif</code></li>
-<li><code>monospaceSansSerif</code></li>
-<li><code>proportionalSansSerif</code></li>
-<li><code>casual</code></li>
-<li><code>cursive</code></li>
-<li><code>smallCaps</code></li>
-</ul>
-<div class='note'><p>Values of <code>tts:fontFamily</code> that do not not correspond to generic font family names in [[!TTML10]], such as <code>casual</code>, <code>cursive</code> and <code>smallCaps</code>, may be used. These are to be interpreted as local font names, which, if not available, the <code>default</code> font family is to be used.</p></div>
-</section>
-<section id='Constrained_TTML_Feature_display_display_fontSize'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#fontSize</span></h2>
-<div data-transform='constraint'>A document MUST NOT specify a <code>tts:fontSize</code> attribute using a value that is not one of the
-following values: <code>50%</code>, <code>75%</code>, <code>100%</code>, <code>150%</code> or <code>200%</code>.</div>
-<div class='note'><p>Use of a font size of less than 75%, e.g., 50%, may result in unreadable content for the end user.</p></div>
-<div class='note'><p>If a specific font size is not supported, then follow the semantics for a presentation processor defined in [[!TTML10]], Section 8.2.9.</p></div>
-<div class='note'><p>Constraining the root container extent to the active video area means that the default
-font size of 1c and the default cell grid of 32 x 15 (as specified in TTML 1.0) implies an initial font height of 6.67% of the video height.</p></div>
-</section>
-<section id='Constrained_TTML_Feature_styling'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#styling-*</span></h2>
-<div data-transform='constraint'>A document MUST NOT use <strong>chained referential styling</strong> or <strong>nested styling</strong> as defined
-by [[!TTML10]], Sections 8.4.1.3 and 8.4.1.4, respectively.</div>
-<div data-transform='constraint'>A document MUST NOT contain a <code>region</code> element which has a descendant <code>style</code> element.</div>
-<div class='note'><p>The constraints in this section result in a document that contains style blocks that are complete and self-contained.</p></div>
-</section>
-</section>
-<section id='layout_constraints'>
-<h2>Layout Constraints</h2>
-<p></p>
-<section id='Constrained_TTML_Feature_layout'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#layout</span></h2>
-<div data-transform='constraint'>A document MUST NOT contain two regions such that the spatial extent of the two regions would (visually) overlap.</div>
-<div data-transform='constraint'>A document MUST NOT contain content such that more than four regions would be selected into a given synchronic
-intermediate document.</div>
-<div data-transform='constraint'>A document MUST NOT contain content such that more than four lines of text would be selected a given synchronic
-intermediate document.</div>
-<div data-transform='constraint'>A document MUST NOT contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
-then more than 38 (42) characters, respectively, would be present in the same visible line of text.</div>
-<div data-transform='constraint'>A document MUST NOT contain content such that, if the aspect ratio of the root container is 4:3 (16:9),
-then more than 152 (168) characters, respectively, would be present in all visible lines of text.</div>
-<div class='note'><p>These requirements accommodate content originated in Europe but displayed in the US, as well as content displayed using 16:9 format.</p></div>
-<div data-transform='constraint'>A document MUST NOT contain content such that more than one <code>p</code> element would be selected into the
-same region in a given synchronic intermediate document.</div>
-<div class='note'><p>The style properties of a region and the content selected into the region impact how selected text flows into a region, e.g., selected text may flow outside of the region such as on a mobile device.</p></div>
-<div class='note'><p>Constraining a region to select no more than one <code>p</code> element logically places content from two different speakers into different region(s).</p></div>
-<pre class="example" style="font-family: monospace; font-size: 10pt; color: black; background: white;">
-<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>I always get the fuzzy end<span style="color:blue;"><</span><span style="color:#a31515;">br</span><span style="color:blue;">/></span>of the lollipop.<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>
-</pre>
-<div class='note'><p>When a document author wants to construct a single phrase for a speaker with more than one line of text in a region, a <code>br</code> element may be used within a <code>p</code> element. See the previous example for one speaker with more than one line.</p></div>
-</section>
-</section>
-<section id='timing_constraints'>
-<h2>Timing Constraints</h2>
-<p></p>
-<section id='Constrained_TTML_Feature_timing'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#timing</span></h2>
-<div data-transform='constraint'>A document MUST NOT contain a <strong><timeExpression></strong> value that does not
-conform to the subset of <code>clock-time</code> that matches either of the following patterns: <code>hh:mm:ss.mss</code> or <code>hh:mm:ss:ff</code>,
-where <code>hh</code> denotes hours (00-23), <code>mm</code> denotes minutes (00-59), <code>ss</code> denotes seconds (00-59),
-<code>mss</code> denotes milliseconds (000-999), and <code>ff</code> denotes frames (00-<em>frameRate - 1</em>).</div>
-<div data-transform='constraint'>A document MUST use the same time expression format throughout the document; more specifically, whichever
-time expression format is encountered first (in lexical order) MUST be used for all subsequent time expressions in the document.</div>
-<div data-transform='constraint'>For time expressions that use the <code>hh:mm:ss.mss</code> format, the following constraints apply:</div>
-<ul>
-<li>Exactly 2 digits MUST be used in each of the hours, minutes, and second components (include leading zeros).</li>
-<li>Exactly 3 decimal places MUST be used for the milliseconds component (include leading zeros).</li>
-</ul>
-<div class='note'><p>The phrase <em>milliseconds component</em> above refers to a particular use of the <code>fraction</code> of a <code>clock-time</code> time expression as defined by [[!TTML10]] Section 10.3.1.</p></div>
-<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
-<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01.000</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11.123</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>
-</pre>
-<div data-transform='constraint'>For time expressions that use the <code>hh:mm:ss:ff</code> format, the following constraints apply:</div>
-<ul>
-<li>Exactly 2 digits MUST be used in each of the hours, minutes, second, and frame components (include leading zeros).</li>
-<li>A <code>ttp:frameRate</code> attribute MUST be present on the <code>tt</code> element.</li>
-<li>A <code>ttp:frameRateMultiplier</code> attribute MAY be present on the <code>tt</code> element.</li>
-</ul>
-<p></p>
-<pre class='example' style="font-family: monospace; font-size: 10pt; color: black; background: white;">
-<span style="color:blue;"><</span><span style="color:#a31515;">tt</span><span style="color:blue;"> </span><span style="color:red;">p:frameRate</span><span style="color:blue;">=</span>'<span style="color:blue;">30</span>'<span style="color:blue;"> </span><span style="color:red;">p:frameRateMultiplier</span><span style="color:blue;">=</span>'<span style="color:blue;">1000 1001</span>'<span style="color:blue;"></span><span style="color:blue;"> ...></span>
-...
-<span style="color:blue;"><</span><span style="color:#a31515;">p</span><span style="color:blue;"> </span><span style="color:red;">begin</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:01:00</span>'<span style="color:blue;"> </span><span style="color:red;">end</span><span style="color:blue;">=</span>'<span style="color:blue;">00:00:11:22</span>'<span style="color:blue;"> </span><span style="color:red;">region</span><span style="color:blue;">=</span>"<span style="color:blue;">r1</span>"<span style="color:blue;"> ></span>Test<span style="color:blue;"></</span><span style="color:#a31515;">p</span><span style="color:blue;">></span>
-</pre>
-<div data-transform='constraint'>A document MUST NOT contain an element on which a <code>dur</code> attribute is specified that is not a <code>p</code> or <code>span</code> element.</div>
-</section>
-<section id='animation'>
-<h2>Use of Constrained TTML Feature <span data-transform='term'>#animation</span></h2>
-<div data-transform='constraint'>A document MUST NOT contain a <code>set</code> element that is not a child of a <code>region</code> or <code>span</code> element.</div>
-<div data-transform='constraint'>A document MUST NOT contain a <code>set</code> child element of a <code>region</code> element that specifies a property to be
-animated other than: <code>tts:display</code>, <code>tts:origin</code>, or <code>tts:extent</code>.</div>
-<div data-transform='constraint'>A document MUST NOT contain a <code>set</code> child element of a <code>span</code> element that specifies a property to be
-animated other than: <code>tts:color</code>.</div>
-<div data-transform='constraint'>A document MUST NOT contain an element that contains more than six (6) <code>set</code> child elements.</div>
-</section>
-</section>
-<section id='other_constraints'>
-<h2>Other Constraints</h2>
-<section id='Encoding_Constraints'>
-<h3>Encoding Constraints</h3>
-<p>Content Authors MUST adhere to and presentation processors MUST support the following constraints:</p>
-<div data-transform='constraint'>A document MUST be concretely represented as a well-formed [[!XML10]] entity.</div>
-<div data-transform='constraint'>A document MUST be concretely represented using the UTF-8 character encoding [[!UNICODE]].</div>
-<div data-transform='constraint'>A presentation processor MUST reject a document that is not a well-formed [[!XML10]] entity or is not encoded with UTF-8.</div>
-</section>
-<section id=Ease_of_Use_Constraints>
-<h3>Ease of Use Constraints</h3>
-<p>Constraints on reduced or simplified content are outside of this profile. External labeling can be used to support the end user's capability to select and use captions when available for:</p>
-<ul>
-<li>Reduced or simplified content for <em>easy reader</em> or</li>
-<li>Additional languages.</li>
-</ul>
-<p>For example, external labeling can be used to identify simplified, reduced, or other language supported content on a text track in HTML5. Such labeling can also be used to identify when large font size is applied to content. Requirements to support user preview and retention of default or user defined settings of selected text are outside of the scope of this profile. These requirements are relevant in the environment to which the captions are deployed.</p>
-<section class='Usage_Scenario'>
-<p>Presentation processors MUST support the ability of the end user to:</p>
-<div data-transform='constraint'>Override background color of presented content, with minimum support for at least the
-set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div>
-<div class='note'><p>An end user override of background color is applied to the value of the <code>tts:backgroundColor</code> property
-in the applicable computed style set.</p></div>
-<div data-transform='constraint'>Override foreground color of presented text content, with minimum support for at least the
-set of (opaque and semi-transparent) color values defined by <a href="#color-values">Color Values</a>.</div>
-<div class='note'><p>An end user override of foreground color is applied to the value of the <code>tts:color</code> property
-in the applicable computed style set.</p></div>
-<div data-transform='constraint'>Override font family of presented text content, with minimum support for at least the following
-generic font family values: <code>default</code>, <code>monospace</code>, <code>monospaceSansSerif</code>, <code>proportionalSerif</code>,
-<code>proportionalSansSerif</code>.</div>
-<div class='note'><p>An end user override of font family is applied to the value of the <code>tts:fontFamily</code> property
-in the applicable computed style set.</p></div>
-<div data-transform='constraint'>Override font style of presented text content.</div>
-<div class='note'><p>An end user override of font style is applied to the value of the <code>tts:fontStyle</code> property
-in the applicable computed style set.</p></div>
-<div data-transform='constraint'>Override font size of presented text content.</div>
-<div class='note'><p>An end user override of font size is applied to the value of the <code>tts:fontSize</code> property
-in the applicable computed style set.</p></div>
-<div data-transform='constraint'>Override decoration of presented text content, including outline and underline effects.</div>
-<div class='note'><p>An end user override of text decoration effects is applied to the value of the <code>tts:textDecoration</code> and/or
-<code>tts:textOutline</code> properties in the applicable computed style set.</p></div>
-<p>Style overrides MUST be applied to the result of step 2 <strong>[resolve computed styles]</strong> of [[!TTML10]],
-Section 8.4.4.4, <em>Style Resolution Process</em>.</p>
-<p>Other details of support for end user overrides, including the means by which overrides are presented to and performed
-by the end user, are not specified by this profile. Similarly, the sets of choices of values for end user overrides are not specified
-by this profile.</p>
-<div class='note'><p>A presentation processor may allow an end user to select override styles that are not explicitly supported
-by TTML. For example, it may allow for text decoration effects, font styles, and font families to be selected that are not defined
-by TTML itself.</p></div>
-<div class='note'><p>An implementer of a presentation processor is advised to consult [[CEA708]] to obtain additional information
-about override styles.</p></div>
-</section>
-</section>
-</section>
-<section id='Features_in_TTML_1.0_Used'>
-<h2>Features in TTML 1.0 Used in This Profile</h2>
-<p>The following TTML profile definition formally defines the SDP US profile, designated by the profile designator
-<code>http://www.w3.org/ns/ttml/profile/sdp-us</code>.</p>
-<pre style="font-family: monospace; font-size: 10pt; color: black; background: white;">
-<span style="color: blue;"><?</span><span style="color: #a31515;">xml</span><span style="color: blue;"> </span><span style="color: red;">version</span><span style="color: blue;">=</span>"<span style="color: blue;">1.0</span>"<span style="color: blue;"> </span><span style="color: red;">encoding</span><span style="color: blue;">=</span>"<span style="color: blue;">utf-8</span>"<span style="color: blue;">?></span>
-<span style="color: blue;"><</span><span style="color: #a31515;">profile</span><span style="color: blue;"> </span><span style="color: red;">xmlns</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml#parameter</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">features</span><span style="color: blue;"> </span><span style="color: red;">xml:base</span><span style="color: blue;">=</span>"<span style="color: blue;">http://www.w3.org/ns/ttml/feature/</span>"<span style="color: blue;">></span>
-<span style="color: blue;"> <!--</span><span style="color: green;"> required (mandatory) feature support </span><span style="color: blue;">--></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#animation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-block<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#backgroundColor-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#color<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#core<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#display-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#displayAlign<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#extent-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontFamily-generic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontSize<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#fontStyle-italic<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRate<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#frameRateMultiplier<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#layout<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-percentage<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-positive<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#length-real<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#lineBreak-uax14<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#presentation<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#profile<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#structure<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-content<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inheritance-region<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-inline<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#styling-referential<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textAlign-absolute<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textDecoration-under<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#textOutline-unblurred<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#time-offset<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#timing<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> <</span><span style="color: #a31515;">feature</span><span style="color: blue;"> </span><span style="color: red;">value</span><span style="color: blue;">=</span>"<span style="color: blue;">required</span>"<span style="color: blue;">></span>#writingMode-horizontal-lr<span style="color: blue;"></</span><span style="color: #a31515;">feature</span><span style="color: blue;">></span>
-<span style="color: blue;"> </</span><span style="color: #a31515;">features</span><span style="color: blue;">></span>
-<span style="color: blue;"></</span><span style="color: #a31515;">profile</span><span style="color: blue;">></span>
-</pre>
-</section>
-<section id='error_handling'>
-<h2>Error handling</h2>
-<p>The semantics defined by [[!TTML10]] Section 6.1.1 apply with regard to the presence of a reference to other standard or non-standard profiles. In particular,
-if an additional, non-standard profile is specified for use by a document and is not dereferencable by the presentation processor, then the document MUST NOT be further
-processed without an explicit override from the end user.</p>
-<p>The semantics defined by [[!TTML10]] Section 6.1.3 apply if some standard or non-standard feature is required, the feature is present in the document, and the presentation processor does not support that feature. In this case also, the document MUST NOT be further processed without an explicit override from the end user.</p>
-<p>If a feature is present in a document and support for that feature is not required by the profile(s) referenced (or defined) by the document, and if the presentation
-processor does not support or otherwise recognize that feature, then the feature MUST be ignored.</p>
-</section>
-<section class='appendix' id='future_needs'>
-<h2>Future Needs for TTML next for Simple Delivery</h2>
-<section class='appendix' id='Section2'>
-<h3>Values for font family support</h3>
-<p>The casual, cursive and smallCaps generic font families are suggested for consideration in a future version of TTML.</p>
-</section>
-<section class='appendix' id='Section3'>
-<h3>Support for character edge features</h3>
-<p>Additional character edge features for raised, depressed, and drop shadowed edges are suggested for consideration in a future version of TTML.</p>
-</section>
-<section class='appendix' id='Section4'>
-<h3>Specify rendering model that accounts for drawing performance</h3>
-<p>Consideration may be given to defining a rendering model that accounts for drawing performance.</p>
-</section>
-</section>
-<section class='appendix'>
-<h2>Mapping of US Government Requirements to Constrained Profile Features</h2>
-<p>A key is provided that maps the US Government technical requirements for closed captions to the constrained features of this profile.</p>
-<table style="width: 100%;">
-<tr>
-<td>Presentation</td>
-<td>#animation (set)<br />
-#display-region<br />
-#displayAlign<br />
-#extent-region<br />
-#frameRate<br />
-#frameRateMultiplier<br />
-#layout<br />
-#length-percentage<br />
-#length-positive<br />
-#length-real<br />
-#lineBreak-uax14<br />
-#textAlign-absolute<br />
-#time-offset<br />
-#timing<br />
-#writingMode-horizontal-lr</td>
-</tr>
-<tr>
-<td>Character color</td>
-<td>#animation<br />
-#color</td>
-</tr>
-<tr>
-<td>Character opacity</td>
-<td>#color</td>
-</tr>
-<tr>
-<td>Character size</td>
-<td>#fontSize<br />
-#fontStyle-italic<br />
-#textDecoration-underline</td>
-</tr>
-<tr>
-<td>Fonts</td>
-<td>#fontFamily-generic<br />
-#fontStyle-italic</td>
-</tr>
-<tr>
-<td>Caption background color and opacity</td>
-<td>#backgroundColor-*</td>
-</tr>
-<tr>
-<td>Character edge attributes</td>
-<td>#textOutline-unblurred</td>
-</tr>
-<tr>
-<td>Caption window color</td>
-<td>#backgroundColor-*</td>
-</tr>
-<tr>
-<td>Language</td>
-<td>#profile</td>
-</tr>
-<tr>
-<td>Preview setting and retention</td>
-<td>See <a href="#other_constraints">Other Constraints,</a></td>
-</tr>
-</table>
-<p></p>
-</section>
-<section class='appendix'>
-<h2>Code points</h2>
-<div data-transform='constraint'>Presentation processors MUST provide font glyph coverage for all characters in the “ISO 8859-1 Latin-1” space and SHOULD provide coverage for ANSI INCITS 4 when mapped onto Unicode code points (see table below).</div>
-<p class='note'>A presentation processor follows the semantics expected for use of Unicode code points as stated in this section. The exact glyph is presentation processor dependent.</p>
-<div data-transform='constraint'>Presentation processors SHOULD support the C0, G0, C1, and G1 code sets mapped onto Unicode as in the following table. See [[CEA 708]], Section 7.1 including, Table 11.</div>
-<table style="border-collapse: collapse;width:630pt; width:835px;border:0">
-<colgroup>
-<col style="width:38pt; width:51px" />
-<col span="16" style=" width:37pt; width:49px" /></colgroup>
-<tr style="height:15pt">
-<td class="style1" style="height:20px;width:51px"></td>
-<td class="style2" style="width:49px">_0</td>
-<td class="style2" style="width:49px">_1</td>
-<td class="style2" style="width:49px">_2</td>
-<td class="style2" style="width:49px">_3</td>
-<td class="style2" style="width:49px">_4</td>
-<td class="style2" style="width:49px">_5</td>
-<td class="style2" style="width:49px">_6</td>
-<td class="style2" style="width:49px">_7</td>
-<td class="style2" style="width:49px">_8</td>
-<td class="style2" style="width:49px">_9</td>
-<td class="style2" style="width:49px">_A</td>
-<td class="style2" style="width:49px">_B</td>
-<td class="style2" style="width:49px">_C</td>
-<td class="style2" style="width:49px">_D</td>
-<td class="style2" style="width:49px">_E</td>
-<td class="style2" style="width:49px">_F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"><span></span></td>
-<td class="style4">!</td>
-<td class="style4">"</td>
-<td class="style4">#</td>
-<td class="style4">$</td>
-<td class="style4">%</td>
-<td class="style4">&</td>
-<td class="style4">'</td>
-<td class="style4">(</td>
-<td class="style4">)</td>
-<td class="style4">*</td>
-<td class="style4">+</td>
-<td class="style4">,</td>
-<td class="style4">-</td>
-<td class="style4">.</td>
-<td class="style4">/</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+002_</td>
-<td class="style2" style="width:49px">0020</td>
-<td class="style2" style="width:49px">0021</td>
-<td class="style2" style="width:49px">0022</td>
-<td class="style2" style="width:49px">0023</td>
-<td class="style2" style="width:49px">0024</td>
-<td class="style2" style="width:49px">0025</td>
-<td class="style2" style="width:49px">0026</td>
-<td class="style2" style="width:49px">0027</td>
-<td class="style2" style="width:49px">0028</td>
-<td class="style2" style="width:49px">0029</td>
-<td class="style2" style="width:49px">002A</td>
-<td class="style2" style="width:49px">002B</td>
-<td class="style2" style="width:49px">002C</td>
-<td class="style2" style="width:49px">002D</td>
-<td class="style2" style="width:49px">002E</td>
-<td class="style2" style="width:49px">002F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">0</td>
-<td class="style4">1</td>
-<td class="style4">2</td>
-<td class="style4">3</td>
-<td class="style4">4</td>
-<td class="style4">5</td>
-<td class="style4">6</td>
-<td class="style4">7</td>
-<td class="style4">8</td>
-<td class="style4">9</td>
-<td class="style4">:</td>
-<td class="style4">;</td>
-<td class="style4"><</td>
-<td class="style4">=</td>
-<td class="style4">></td>
-<td class="style4">?</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+003_</td>
-<td class="style2" style="width:49px">0030</td>
-<td class="style2" style="width:49px">0031</td>
-<td class="style2" style="width:49px">0032</td>
-<td class="style2" style="width:49px">0033</td>
-<td class="style2" style="width:49px">0034</td>
-<td class="style2" style="width:49px">0035</td>
-<td class="style2" style="width:49px">0036</td>
-<td class="style2" style="width:49px">0037</td>
-<td class="style2" style="width:49px">0038</td>
-<td class="style2" style="width:49px">0039</td>
-<td class="style2" style="width:49px">003A</td>
-<td class="style2" style="width:49px">003B</td>
-<td class="style2" style="width:49px">003C</td>
-<td class="style2" style="width:49px">003D</td>
-<td class="style2" style="width:49px">003E</td>
-<td class="style2" style="width:49px">003F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">@</td>
-<td class="style4">A</td>
-<td class="style4">B</td>
-<td class="style4">C</td>
-<td class="style4">D</td>
-<td class="style4">E</td>
-<td class="style4">F</td>
-<td class="style4">G</td>
-<td class="style4">H</td>
-<td class="style4">I</td>
-<td class="style4">J</td>
-<td class="style4">K</td>
-<td class="style4">L</td>
-<td class="style4">M</td>
-<td class="style4">N</td>
-<td class="style4">O</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+004_</td>
-<td class="style2" style="width:49px">0040</td>
-<td class="style2" style="width:49px">0041</td>
-<td class="style2" style="width:49px">0042</td>
-<td class="style2" style="width:49px">0043</td>
-<td class="style2" style="width:49px">0044</td>
-<td class="style2" style="width:49px">0045</td>
-<td class="style2" style="width:49px">0046</td>
-<td class="style2" style="width:49px">0047</td>
-<td class="style2" style="width:49px">0048</td>
-<td class="style2" style="width:49px">0049</td>
-<td class="style2" style="width:49px">004A</td>
-<td class="style2" style="width:49px">004B</td>
-<td class="style2" style="width:49px">004C</td>
-<td class="style2" style="width:49px">004D</td>
-<td class="style2" style="width:49px">004E</td>
-<td class="style2" style="width:49px">004F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">P</td>
-<td class="style4">Q</td>
-<td class="style4">R</td>
-<td class="style4">S</td>
-<td class="style4">T</td>
-<td class="style4">U</td>
-<td class="style4">V</td>
-<td class="style4">W</td>
-<td class="style4">X</td>
-<td class="style4">Y</td>
-<td class="style4">Z</td>
-<td class="style4">[</td>
-<td class="style4">\</td>
-<td class="style4">]</td>
-<td class="style4">^</td>
-<td class="style4">_</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+005_</td>
-<td class="style2" style="width:49px">0050</td>
-<td class="style2" style="width:49px">0051</td>
-<td class="style2" style="width:49px">0052</td>
-<td class="style2" style="width:49px">0053</td>
-<td class="style2" style="width:49px">0054</td>
-<td class="style2" style="width:49px">0055</td>
-<td class="style2" style="width:49px">0056</td>
-<td class="style2" style="width:49px">0057</td>
-<td class="style2" style="width:49px">0058</td>
-<td class="style2" style="width:49px">0059</td>
-<td class="style2" style="width:49px">005A</td>
-<td class="style2" style="width:49px">005B</td>
-<td class="style2" style="width:49px">005C</td>
-<td class="style2" style="width:49px">005D</td>
-<td class="style2" style="width:49px">005E</td>
-<td class="style2" style="width:49px">005F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">`</td>
-<td class="style4">a</td>
-<td class="style4">b</td>
-<td class="style4">c</td>
-<td class="style4">d</td>
-<td class="style4">e</td>
-<td class="style4">f</td>
-<td class="style4">g</td>
-<td class="style4">h</td>
-<td class="style4">i</td>
-<td class="style4">j</td>
-<td class="style4">k</td>
-<td class="style4">l</td>
-<td class="style4">m</td>
-<td class="style4">n</td>
-<td class="style4">o</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+006_</td>
-<td class="style2" style="width:49px">0060</td>
-<td class="style2" style="width:49px">0061</td>
-<td class="style2" style="width:49px">0062</td>
-<td class="style2" style="width:49px">0063</td>
-<td class="style2" style="width:49px">0064</td>
-<td class="style2" style="width:49px">0065</td>
-<td class="style2" style="width:49px">0066</td>
-<td class="style2" style="width:49px">0067</td>
-<td class="style2" style="width:49px">0068</td>
-<td class="style2" style="width:49px">0069</td>
-<td class="style2" style="width:49px">006A</td>
-<td class="style2" style="width:49px">006B</td>
-<td class="style2" style="width:49px">006C</td>
-<td class="style2" style="width:49px">006D</td>
-<td class="style2" style="width:49px">006E</td>
-<td class="style2" style="width:49px">006F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">p</td>
-<td class="style4">q</td>
-<td class="style4">r</td>
-<td class="style4">s</td>
-<td class="style4">t</td>
-<td class="style4">u</td>
-<td class="style4">v</td>
-<td class="style4">w</td>
-<td class="style4">x</td>
-<td class="style4">y</td>
-<td class="style4">z</td>
-<td class="style4">{</td>
-<td class="style4">|</td>
-<td class="style4">}</td>
-<td class="style4">~</td>
-<td class="style6" style="width:49px">♪</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+007_</td>
-<td class="style2" style="width:49px">0070</td>
-<td class="style2" style="width:49px">0071</td>
-<td class="style2" style="width:49px">0072</td>
-<td class="style2" style="width:49px">0073</td>
-<td class="style2" style="width:49px">0074</td>
-<td class="style2" style="width:49px">0075</td>
-<td class="style2" style="width:49px">0076</td>
-<td class="style2" style="width:49px">0077</td>
-<td class="style2" style="width:49px">0078</td>
-<td class="style2" style="width:49px">0079</td>
-<td class="style2" style="width:49px">007A</td>
-<td class="style2" style="width:49px">007B</td>
-<td class="style2" style="width:49px">007C</td>
-<td class="style2" style="width:49px">007D</td>
-<td class="style2" style="width:49px">007E</td>
-<td class="style2" style="width:49px">007F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">¡</td>
-<td class="style4">¢</td>
-<td class="style4">£</td>
-<td class="style4">¤</td>
-<td class="style4">¥</td>
-<td class="style4">¦</td>
-<td class="style4">§</td>
-<td class="style4">¨</td>
-<td class="style4">©</td>
-<td class="style4">ª</td>
-<td class="style4">«</td>
-<td class="style4">¬</td>
-<td class="style4">­</td>
-<td class="style4">®</td>
-<td class="style4">¯</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00A_</td>
-<td class="style2" style="width:49px">00A0</td>
-<td class="style2" style="width:49px">00A1</td>
-<td class="style2" style="width:49px">00A2</td>
-<td class="style2" style="width:49px">00A3</td>
-<td class="style2" style="width:49px">00A4</td>
-<td class="style2" style="width:49px">00A5</td>
-<td class="style2" style="width:49px">00A6</td>
-<td class="style2" style="width:49px">00A7</td>
-<td class="style2" style="width:49px">00A8</td>
-<td class="style2" style="width:49px">00A9</td>
-<td class="style2" style="width:49px">00AA</td>
-<td class="style2" style="width:49px">00AB</td>
-<td class="style2" style="width:49px">00AC</td>
-<td class="style2" style="width:49px">00AD</td>
-<td class="style2" style="width:49px">00AE</td>
-<td class="style2" style="width:49px">00AF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">°</td>
-<td class="style4">±</td>
-<td class="style4">²</td>
-<td class="style4">³</td>
-<td class="style4">´</td>
-<td class="style4">µ</td>
-<td class="style4">¶</td>
-<td class="style4">·</td>
-<td class="style4">¸</td>
-<td class="style4">¹</td>
-<td class="style4">º</td>
-<td class="style4">»</td>
-<td class="style4">¼</td>
-<td class="style4">½</td>
-<td class="style4">¾</td>
-<td class="style4">¿</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00B_</td>
-<td class="style2" style="width:49px">00B0</td>
-<td class="style2" style="width:49px">00B1</td>
-<td class="style2" style="width:49px">00B2</td>
-<td class="style2" style="width:49px">00B3</td>
-<td class="style2" style="width:49px">00B4</td>
-<td class="style2" style="width:49px">00B5</td>
-<td class="style2" style="width:49px">00B6</td>
-<td class="style2" style="width:49px">00B7</td>
-<td class="style2" style="width:49px">00B8</td>
-<td class="style2" style="width:49px">00B9</td>
-<td class="style2" style="width:49px">00BA</td>
-<td class="style2" style="width:49px">00BB</td>
-<td class="style2" style="width:49px">00BC</td>
-<td class="style2" style="width:49px">00BD</td>
-<td class="style2" style="width:49px">00BE</td>
-<td class="style2" style="width:49px">00BF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">À</td>
-<td class="style4">Á</td>
-<td class="style4">Â</td>
-<td class="style4">Ã</td>
-<td class="style4">Ä</td>
-<td class="style4">Å</td>
-<td class="style4">Æ</td>
-<td class="style4">Ç</td>
-<td class="style4">È</td>
-<td class="style4">É</td>
-<td class="style4">Ê</td>
-<td class="style4">Ë</td>
-<td class="style4">Ì</td>
-<td class="style4">Í</td>
-<td class="style4">Î</td>
-<td class="style4">Ï</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00C_</td>
-<td class="style2" style="width:49px">00C0</td>
-<td class="style2" style="width:49px">00C1</td>
-<td class="style2" style="width:49px">00C2</td>
-<td class="style2" style="width:49px">00C3</td>
-<td class="style2" style="width:49px">00C4</td>
-<td class="style2" style="width:49px">00C5</td>
-<td class="style2" style="width:49px">00C6</td>
-<td class="style2" style="width:49px">00C7</td>
-<td class="style2" style="width:49px">00C8</td>
-<td class="style2" style="width:49px">00C9</td>
-<td class="style2" style="width:49px">00CA</td>
-<td class="style2" style="width:49px">00CB</td>
-<td class="style2" style="width:49px">00CC</td>
-<td class="style2" style="width:49px">00CD</td>
-<td class="style2" style="width:49px">00CE</td>
-<td class="style2" style="width:49px">00CF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">Ð</td>
-<td class="style4">Ñ</td>
-<td class="style4">Ò</td>
-<td class="style4">Ó</td>
-<td class="style4">Ô</td>
-<td class="style4">Õ</td>
-<td class="style4">Ö</td>
-<td class="style4">×</td>
-<td class="style4">Ø</td>
-<td class="style4">Ù</td>
-<td class="style4">Ú</td>
-<td class="style4">Û</td>
-<td class="style4">Ü</td>
-<td class="style4">Ý</td>
-<td class="style4">Þ</td>
-<td class="style4">ß</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00D_</td>
-<td class="style2" style="width:49px">00D0</td>
-<td class="style2" style="width:49px">00D1</td>
-<td class="style2" style="width:49px">00D2</td>
-<td class="style2" style="width:49px">00D3</td>
-<td class="style2" style="width:49px">00D4</td>
-<td class="style2" style="width:49px">00D5</td>
-<td class="style2" style="width:49px">00D6</td>
-<td class="style2" style="width:49px">00D7</td>
-<td class="style2" style="width:49px">00D8</td>
-<td class="style2" style="width:49px">00D9</td>
-<td class="style2" style="width:49px">00DA</td>
-<td class="style2" style="width:49px">00DB</td>
-<td class="style2" style="width:49px">00DC</td>
-<td class="style2" style="width:49px">00DD</td>
-<td class="style2" style="width:49px">00DE</td>
-<td class="style2" style="width:49px">00DF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">à</td>
-<td class="style4">á</td>
-<td class="style4">â</td>
-<td class="style4">ã</td>
-<td class="style4">ä</td>
-<td class="style4">å</td>
-<td class="style4">æ</td>
-<td class="style4">ç</td>
-<td class="style4">è</td>
-<td class="style4">é</td>
-<td class="style4">ê</td>
-<td class="style4">ë</td>
-<td class="style4">ì</td>
-<td class="style4">í</td>
-<td class="style4">î</td>
-<td class="style4">ï</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00E_</td>
-<td class="style2" style="width:49px">00E0</td>
-<td class="style2" style="width:49px">00E1</td>
-<td class="style2" style="width:49px">00E2</td>
-<td class="style2" style="width:49px">00E3</td>
-<td class="style2" style="width:49px">00E4</td>
-<td class="style2" style="width:49px">00E5</td>
-<td class="style2" style="width:49px">00E6</td>
-<td class="style2" style="width:49px">00E7</td>
-<td class="style2" style="width:49px">00E8</td>
-<td class="style2" style="width:49px">00E9</td>
-<td class="style2" style="width:49px">00EA</td>
-<td class="style2" style="width:49px">00EB</td>
-<td class="style2" style="width:49px">00EC</td>
-<td class="style2" style="width:49px">00ED</td>
-<td class="style2" style="width:49px">00EE</td>
-<td class="style2" style="width:49px">00EF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">ð</td>
-<td class="style4">ñ</td>
-<td class="style4">ò</td>
-<td class="style4">ó</td>
-<td class="style4">ô</td>
-<td class="style4">õ</td>
-<td class="style4">ö</td>
-<td class="style4">÷</td>
-<td class="style4">ø</td>
-<td class="style4">ù</td>
-<td class="style4">ú</td>
-<td class="style4">û</td>
-<td class="style4">ü</td>
-<td class="style4">ý</td>
-<td class="style4">þ</td>
-<td class="style4">ÿ</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+00F_</td>
-<td class="style2" style="width:49px">00F0</td>
-<td class="style2" style="width:49px">00F1</td>
-<td class="style2" style="width:49px">00F2</td>
-<td class="style2" style="width:49px">00F3</td>
-<td class="style2" style="width:49px">00F4</td>
-<td class="style2" style="width:49px">00F5</td>
-<td class="style2" style="width:49px">00F6</td>
-<td class="style2" style="width:49px">00F7</td>
-<td class="style2" style="width:49px">00F8</td>
-<td class="style2" style="width:49px">00F9</td>
-<td class="style2" style="width:49px">00FA</td>
-<td class="style2" style="width:49px">00FB</td>
-<td class="style2" style="width:49px">00FC</td>
-<td class="style2" style="width:49px">00FD</td>
-<td class="style2" style="width:49px">00FE</td>
-<td class="style2" style="width:49px">00FF</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">Œ</td>
-<td class="style4">œ</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+015_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">0152</td>
-<td class="style2" style="width:49px">0153</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">Š</td>
-<td class="style4">š</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+016_</td>
-<td class="style2" style="width:49px">0160</td>
-<td class="style2" style="width:49px">0161</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">Ÿ</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">Ž</td>
-<td class="style4">ž</td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+017_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">0178</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">017D</td>
-<td class="style2" style="width:49px">017E</td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">ƒ</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+019_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">0192</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">˜</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+02D_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">02DC</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">‐</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">―</td>
-<td class="style4">‖</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+201_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2010</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2015</td>
-<td class="style2" style="width:49px">2016</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">‧</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+202_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2027</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4">‰</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">›</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+203_</td>
-<td class="style2" style="width:49px">2030</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">203A</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">₡</td>
-<td class="style4">₢</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">€</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+20A_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">20A1</td>
-<td class="style2" style="width:49px">20A2</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">20AC</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">₳</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+20B_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">20B3</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">°C</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">°F</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+210_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2103</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2109</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">⅓</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">⅟</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+215_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2153</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">215F</td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4">□</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+25A_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">25A1</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style3" style="height:20px;width:51px"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4">♩</td>
-<td class="style4"></td>
-<td class="style4">♫</td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-<td class="style4"></td>
-</tr>
-<tr style="height:15.0pt">
-<td class="style5" style="height:20px;width:51px">U+266_</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">2669</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px">266B</td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-<td class="style2" style="width:49px"></td>
-</tr>
-</table>
-<div data-transform='constraint'>Presentation processors MAY support the extended G2 character sets that map onto Unicode code points (see table above).</div>
-<div class='note'><p>Presentation processors may also provide glyph coverage for additional Unicode code points.</p></div>
-</section>
-<section class='color_values'>
-<h2>Color values</h2>
-<p>For color values of the form <code>#rrggbbaa</code>, presentation processors MUST support combinations where the red, green, and blue components are either <code>00</code> or <code>FF</code>; and the alpha component are <code>00</code>, <code>54</code>, <code>A8</code> or <code>FF</code>, e.g, #00FFFF54. Additionally, presentation processors SHOULD support values for red, green, and blue of <code>54</code> or <code>A8</code>, and MAY support all possible values between <code>00</code> and <code>FF</code>.</p>
-<table>
-<tr>
-<th>Color</th>
-<th>Value</th>
-</tr>
-<tr>
-<td>Black</td>
-<td>#000000ff</td>
-</tr>
-<tr>
-<td>White</td>
-<td>#fffffffff</td>
-</tr>
-<tr>
-<td>Red</td>
-<td>#ff0000ff</td>
-</tr>
-<tr>
-<td>Green</td>
-<td>#00ff00ff</td>
-</tr>
-<tr>
-<td>Blue</td>
-<td>#0000ffff</td>
-</tr>
-<tr>
-<td>Yellow</td>
-<td>#ffff00ff</td>
-</tr>
-<tr>
-<td>Magenta</td>
-<td>#ff00ffff</td>
-</tr>
-<tr>
-<td>Cyan</td>
-<td>#00ffffff</td>
-</tr>
-</table>
-<p></p>
-</section>
-<section class='appendix'>
-<h2>Acknowledgements</h2>
-<p>Many thanks to Robin Berjon for providing the respec.js tool used to format this document.</p>
-</section>
-</body>
-</html>
--- a/ttml10-sdp-us/build.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project name="ttml10-sdp-us" default="main" basedir=".">
-
- <property name="ttml10dir" value="${basedir}/../ttml10/spec"/>
- <property name="ttml10schemadir" value="${ttml10dir}/xsd"/>
-
- <target name="validate-profiles">
- <schemavalidate warn="yes" file="sdp-us.xml">
- <schema namespace="http://www.w3.org/ns/ttml#parameter" file="${ttml10schemadir}/ttaf1-dfxp-profile.xsd"/>
- </schemavalidate>
- </target>
-
- <macrodef name="validate-example">
- <attribute name="file"/>
- <sequential>
- <schemavalidate warn="yes" file="@{file}.xml">
- <schema namespace="http://www.w3.org/ns/ttml" file="${ttml10schemadir}/ttaf1-dfxp.xsd"/>
- </schemavalidate>
- </sequential>
- </macrodef>
-
- <target name="validate-examples">
- <validate-example file="example-2"/>
- <validate-example file="example-3"/>
- <validate-example file="example-4"/>
- <validate-example file="example-5"/>
- <validate-example file="example-6"/>
- <validate-example file="example-7"/>
- <validate-example file="example-8"/>
- </target>
-
- <target name="validate" depends="validate-profiles,validate-examples"/>
-
- <target name="main" depends="validate"/>
-
-</project>
--- a/ttml10-sdp-us/example-2.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
- xmlns:s='http://www.w3.org/ns/ttml#styling'
- xmlns:p='http://www.w3.org/ns/ttml#parameter' >
- <head>
- <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
- <layout>
- <region xml:id="r1" s:backgroundColor="#00000000"/>
- </layout>
- </head>
- <body>
- <div>
- <p region="r1" s:backgroundColor="#1049edff">
- Twinkle, twinkle, little bat!<br/>
- How <span s:backgroundColor="#ed1078ff">I wonder</span> where you're at!
- </p>
- </div>
- </body>
-</tt>
--- a/ttml10-sdp-us/example-3.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
- xmlns:s="http://www.w3.org/ns/ttml#styling"
- xmlns:p="http://www.w3.org/ns/ttml#parameter">
- <head>
- <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
- <styling>
- <!-- A typical transparent region with centered text that has an outline -->
- <style xml:id="bottomMidStyle" s:textAlign="center" s:textOutline="#000000ff 5%" s:backgroundColor="#00000000"
- s:color="#ffffffff" s:origin="20% 58%" s:extent="60% 18%"/>
- </styling>
- <layout>
- <!-- typical "Pop-up" type region -->
- <region xml:id="bottomMid" style="bottomMidStyle" />
- </layout>
- </head>
- <body>
- <div style="bottomMidStyle">
- <p region="bottomMid" begin="00:00:00.101" end="00:00:03.000"> This is a Pop-up caption. </p>
- </div>
- </body>
-</tt>
--- a/ttml10-sdp-us/example-4.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
- xmlns:s='http://www.w3.org/ns/ttml#styling'
- xmlns:p='http://www.w3.org/ns/ttml#parameter' >
- <head>
- <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
- <styling>
- <style xml:id="bottomMidStyle" s:textAlign="center" s:textOutline="black 1px" s:backgroundColor="transparent"
- s:color="#ffffffff" s:origin='20% 58%' s:extent='60% 18%'/>
- <style xml:id="topMidStyle" s:textAlign="center" s:textOutline="black 1px" s:backgroundColor="transparent"
- s:color="#ffffffff" s:origin='20% 10%' s:extent='60% 18%'/>
- </styling>
- </head>
- <body/>
-</tt>
--- a/ttml10-sdp-us/example-5.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,53 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
- xmlns:s="http://www.w3.org/ns/ttml#styling"
- xmlns:p="http://www.w3.org/ns/ttml#parameter">
- <head>
- <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
- <styling>
- <style xml:id="s1" s:display="none" s:extent="40% 18%"/>
- <style xml:id="s2" s:display="none" s:extent="40% 18%"/>
- <style xml:id="s3" s:display="none" s:extent="40% 18%"/>
- <style xml:id="s4" s:display="none" s:extent="40% 18%"/>
- </styling>
- <layout>
- <region xml:id="r1" style="s1">
- <set begin="00:00:10.000" end="00:00:10.330" s:display="auto"/>
- <set begin="00:00:10.000" end="00:00:10.330" s:origin="10% 10%"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:origin="10% 10%"/>
- </region>
- <region xml:id="r2" style="s1">
- <set begin="00:00:10.330" end="00:00:10.670" s:display="auto"/>
- <set begin="00:00:10.330" end="00:00:10.670" s:origin="50% 10%"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:origin="50% 10%"/>
- </region>
- <region xml:id="r3" style="s1">
- <set begin="00:00:10.670" end="00:00:11.000" s:display="auto"/>
- <set begin="00:00:10.670" end="00:00:11.000" s:origin="10% 78%"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:origin="10% 78%"/>
- </region>
- <region xml:id="r4" style="s1">
- <set begin="00:00:11.000" end="00:00:11.330" s:display="auto"/>
- <set begin="00:00:11.000" end="00:00:11.330" s:origin="50% 78%"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:display="auto"/>
- <set begin="00:00:11.670" end="00:00:12.000" s:origin="50% 78%"/>
- </region>
- </layout>
- </head>
- <body>
- <div>
- <!--four speakers count off, and then all call "Jump" together -->
- <p begin="00:00:10.000" end="00:00:10.330" region="r1" >One</p>
- <p begin="00:00:10.330" end="00:00:10.670" region="r2" >Two</p>
- <p begin="00:00:10.670" end="00:00:11.000" region="r3">Three</p>
- <p begin="00:00:11.000" end="00:00:11.330" region="r4" >Four</p>
- <p begin="00:00:11.670" end="00:00:12.000" region="r1" >Jump!</p>
- <p begin="00:00:11.670" end="00:00:12.000" region="r2" >Jump!</p>
- <p begin="00:00:11.670" end="00:00:12.000" region="r3">Jump!</p>
- <p begin="00:00:11.670" end="00:00:12.000" region="r4" >Jump!</p>
- </div>
- </body>
-</tt>
--- a/ttml10-sdp-us/example-6.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
- xmlns:p='http://www.w3.org/ns/ttml#parameter' >
- <head>
- <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
- </head>
- <body>
- <div>
- <p>I always get the fuzzy end<br/>of the lollipop.</p>
- </div>
- </body>
-</tt>
--- a/ttml10-sdp-us/example-7.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<tt xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
- xmlns:s='http://www.w3.org/ns/ttml#styling'
- xmlns:p='http://www.w3.org/ns/ttml#parameter' >
- <head>
- <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
- <layout>
- <region xml:id="r1" s:backgroundColor="#00000000"/>
- </layout>
- </head>
- <body>
- <div>
- <p begin='00:00:01.000' end='00:00:11.123' region="r1" >Test</p>
- </div>
- </body>
-</tt>
--- a/ttml10-sdp-us/example-8.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<tt p:frameRate="30" p:frameRateMultiplier="1000 1001"
- xml:lang="en-us" xmlns="http://www.w3.org/ns/ttml"
- xmlns:s='http://www.w3.org/ns/ttml#styling'
- xmlns:p='http://www.w3.org/ns/ttml#parameter' >
- <head>
- <p:profile use="http://www.w3.org/ns/ttml/profile/sdp-us"/>
- <layout>
- <region xml:id="r1" s:backgroundColor="#00000000"/>
- </layout>
- </head>
- <body>
- <div>
- <p begin='00:00:01:00' end='00:00:11:22' region="r1" >Test</p>
- </div>
- </body>
-</tt>
--- a/ttml10-sdp-us/sdp-us.xml Thu Aug 22 10:58:01 2013 -0600
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,38 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<profile xmlns="http://www.w3.org/ns/ttml#parameter">
- <features xml:base="http://www.w3.org/ns/ttml/feature/">
- <!-- required (mandatory) feature support -->
- <feature value="required">#animation</feature>
- <feature value="required">#backgroundColor-block</feature>
- <feature value="required">#backgroundColor-inline</feature>
- <feature value="required">#color</feature>
- <feature value="required">#content</feature>
- <feature value="required">#core</feature>
- <feature value="required">#display-region</feature>
- <feature value="required">#displayAlign</feature>
- <feature value="required">#fontFamily-generic</feature>
- <feature value="required">#fontSize</feature>
- <feature value="required">#fontStyle-italic</feature>
- <feature value="required">#frameRate</feature>
- <feature value="required">#frameRateMultiplier</feature>
- <feature value="required">#layout</feature>
- <feature value="required">#length-percentage</feature>
- <feature value="required">#length-positive</feature>
- <feature value="required">#length-real</feature>
- <feature value="required">#lineBreak-uax14</feature>
- <feature value="required">#presentation</feature>
- <feature value="required">#profile</feature>
- <feature value="required">#structure</feature>
- <feature value="required">#styling</feature>
- <feature value="required">#styling-inheritance-content</feature>
- <feature value="required">#styling-inheritance-region</feature>
- <feature value="required">#styling-inline</feature>
- <feature value="required">#styling-referential</feature>
- <feature value="required">#textAlign-absolute</feature>
- <feature value="required">#textDecoration-under</feature>
- <feature value="required">#textOutline-unblurred</feature>
- <feature value="required">#time-offset</feature>
- <feature value="required">#timing</feature>
- <feature value="required">#writingMode-horizontal-lr</feature>
- </features>
-</profile>