<!--
    Unicode Roadmap styles for blocks.
    General use:
	<link rel="stylesheet" type="text/css" href="http://www.unicode.org/webscripts/roadmaps.css">
    within the roadmaps directory, use:
	<link rel="stylesheet" type="text/css" href="../roadmaps.css">
-->

<!-- Table Header, and link colors -->
	th {font-weight:normal; background-color:#FFFFFF; }
	td a:active {color:#FF0000; }
	td a:hover {color:#FF3333; }

<!-- BLACK BOLD - This color for finalized, encoded blocks -->
	.alloc { background-color:#FFFFFF; color:#000000; font-weight:bold;}
	td.alloc { background-color:#FFFFFF; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.alloc a:link { background-color:#FFFFFF; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.alloc a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.alloc a:visited { background-color:#FFFFFF; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	span.alloc { background-color:#FFFFFF; color:#000000; font-weight:bold;}

<!-- GREEN BOLD - Ballotting proposals that have been formally accepted  by UTC/WG2 -->
	.accpt { background-color:#FFFFFF; color:#007F0A; font-weight:bold;}
	td.accpt { background-color:#FFFFFF; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	td.accpt a:link { background-color:#FFFFFF; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	td.accpt a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.accpt a:visited { background-color:#FFFFFF; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	span.accpt { background-color:#FFFFFF; color:#007F0A; font-weight:bold;}

<!-- BLUE ROMAN  - Proposals formally submitted to UTC/WG2 -->
	.prop { background-color:#FFFFFF; color:#0000DD;}
	td.prop { background-color:#FFFFFF; color:#0000DD; text-align:center; vertical-align: middle;}
	td.prop a:link { background-color:#FFFFFF; color:#0000DD; text-align:center; vertical-align: middle;}
	td.prop a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.prop a:visited { background-color:#FFFFFF; color:#0000DD; text-align:center; vertical-align: middle;}
	span.prop { background-color:#FFFFFF; color:#0000DD;}

<!-- RED ROMAN - detailed proposals not yet written, size estimates -->
	.tent { background-color:#FFFFFF; color:#DD0000;}
	td.tent { background-color:#FFFFFF; color:#DD0000; text-align:center; vertical-align: middle;}
	td.tent a:link { background-color:#FFFFFF; color:#DD0000; text-align:center; vertical-align: middle;}
	td.tent a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.tent a:visited { background-color:#FFFFFF; color:#DD0000; text-align:center; vertical-align: middle;}
	span.tent { background-color:#FFFFFF; color:#DD0000;}

<!-- RED QUESTION MARKS - Unallocated blocks -->
	.unalloc { background-color:#FFFFFF; color:#DD0000;}
	td.unalloc { background-color:#FFFFFF; color:#DD0000; text-align:center; vertical-align: middle;}
	span.unalloc { background-color:#FFFFFF; color:#DD0000;}

<!-- Special blocks:Controls and Non-Characters -->
	.control { background-color:#F0F0F0; color:#000000; font-weight:bold;}
	td.control { background-color:#F0F0F0; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.control a:link { background-color:#F0F0F0; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.control a:visited{ background-color:#F0F0F0; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.control a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	span.control { background-color:#F0F0F0; color:#000000; font-weight:bold;}

	.nonchar { background-color:#F0F0F0; color:#000000; font-weight:bold;}
	td.nonchar { background-color:#F0F0F0; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.nonchar a:link { background-color:#F0F0F0; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.nonchar a:visited{ background-color:#F0F0F0; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.nonchar a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	span.nonchar { background-color:#F0F0F0; color:#000000;}

<!-- RTL BLACK BOLD - This color for finalized, encoded blocks -->
	.allocrtl { background-color:#FFFFCC; color:#000000; font-weight:bold;}
	td.allocrtl { background-color:#FFFFCC; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.allocrtl a:link { background-color:#FFFFCC; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.allocrtl a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.allocrtl a:visited { background-color:#FFFFCC; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	span.allocrtl { background-color:#FFFFCC; color:#000000; font-weight:bold;}

<!-- RTL GREEN BOLD - Ballotting proposals that have been formally accepted by UTC/WG2 -->
	.accptrtl { background-color:#FFFFCC; color:#007F0A; font-weight:bold;}
	td.accptrtl { background-color:#FFFFCC; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	td.accptrtl a:link { background-color:#FFFFCC; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	td.accptrtl a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.accptrtl a:visited { background-color:#FFFFCC; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	span.accptrtl { background-color:#FFFFCC; color:#007F0A; font-weight:bold;}

<!-- RTL BLUE ROMAN - Proposals formally submitted to UTC/WG2 -->
	.proprtl  { background-color:#FFFFCC; color:#0000DD;}
	td.proprtl  { background-color:#FFFFCC; color:#0000DD; text-align:center; vertical-align: middle;}
	td.proprtl a:link { background-color:#FFFFCC; color:#0000DD; text-align:center; vertical-align: middle;}
	td.proprtl a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.proprtl a:visited { background-color:#FFFFCC; color:#0000DD; text-align:center; vertical-align: middle;}
	span.proprtl  { background-color:#FFFFCC; color:#0000DD;}

<!-- RTL RED ROMAN - detailed proposals not yet written, size estimates -->
	.tentrtl  { background-color:#FFFFCC; color:#DD0000;}
	td.tentrtl { background-color:#FFFFCC; color:#DD0000; text-align:center; vertical-align: middle;}
	td.tentrtl a:link { background-color:#FFFFCC; color:#DD0000; text-align:center; vertical-align: middle;}
	td.tentrtl a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.tentrtl a:visited { background-color:#FFFFCC; color:#DD0000; text-align:center; vertical-align: middle;}
	span.tentrtl  { background-color:#FFFFCC; color:#DD0000;}

<!-- RTL RED QUESTION MARKS - Unallocated blocks -->
	.unallocrtl { background-color:#FFFFCC; color:#DD0000;}
	td.unallocrtl { background-color:#FFFFCC; color:#DD0000; text-align:center; vertical-align: middle;}
	span.unallocrtl { background-color:#FFFFCC; color:#DD0000;}

<!-- Various kinds of SPANS for use in text explaining conventions in tables  -->
	.rtlspan { background-color:#FFFFCC; border-style:dotted; border-width:1px;}
	span.rtlspan { background-color:#FFFFCC; border-style:dotted; border-width:1px;}
	.controlspan { background-color:#F0F0F0; border-style:dotted; border-width:1px;}
	span.controlspan { background-color:#F0F0F0; border-style:dotted; border-width:1px;}
	.greyspan { background-color:#F0F0F0; border-style:dotted; border-width:1px;}
	span.greyspan { background-color:#F0F0F0; border-style:dotted; border-width:1px;}	
	
<!-- BLACK BOLD with Grey Bgnd - This color for GREYed, finalized encoded blocks; for Ex:surrogates -->
	.allocg { background-color:#E8E8E8; color:#000000; font-weight:bold;}
	td.allocg { background-color:#E8E8E8; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.allocg a:link { background-color:#E8E8E8; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	td.allocg a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.allocg a:visited { background-color:#E8E8E8; color:#000000; font-weight:bold; text-align:center; vertical-align: middle;}
	span.allocg { background-color:#E8E8E8; color:#000000; font-weight:bold;}

<!-- GREEN BOLD GreyBkgnd- Ballotting proposals that have been formally accepted  by UTC/WG2 -->
	.accptg { background-color:#E8E8E8; color:#007F0A; font-weight:bold;}
	td.accptg { background-color:#E8E8E8; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	td.accptg a:link { background-color:#E8E8E8; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	td.accptg a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.accptg a:visited { background-color:#E8E8E8; color:#007F0A; font-weight:bold; text-align:center; vertical-align: middle;}
	span.accptg { background-color:#E8E8E8; color:#007F0A; font-weight:bold;}

<!-- BLUE ROMAN with Grey Bck - Proposals submitted to UTC/WG2 -->
	.propg { color:#0000DD; background-color:#E8E8E8;}
	td.propg { color:#0000DD; background-color:#E8E8E8; text-align:center; vertical-align: middle;}
	td.propg a:link { color:#0000DD; background-color:#E8E8E8; text-align:center; vertical-align: middle;}
	td.propg a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.propg a:visited { color:#0000DD; background-color:#E8E8E8; text-align:center; vertical-align: middle;}
	span.propg { color:#0000DD; background-color:#E8E8E8;}

<!-- RED ROMAN with GreyBkgnd- detailed proposals not yet written, size estimates -->
	.tentg { color:#DD0000; background-color:#E8E8E8;}
	td.tentg { color:#DD0000; background-color:#E8E8E8; text-align:center; vertical-align: middle;}
	td.tentg a:link { color:#DD0000; background-color:#E8E8E8; text-align:center; vertical-align: middle;}
	td.tentg a:hover { color:#FF3333; text-align:center; vertical-align: middle;}
	td.tentg a:visited { color:#DD0000; background-color:#E8E8E8; text-align:center; vertical-align: middle;}
	span.tentg { color:#DD0000; background-color:#E8E8E8;}

<!-- RED QUESTION MARKS Grey Bkgnd - Unallocated blocks with Grey Bkgnd -->
	.unallocg { color:#DD0000; background-color:#E8E8E8;}
	td.unallocg { color:#DD0000; background-color:#E8E8E8; text-align:center; vertical-align: middle;}
	span.unallocg { color:#DD0000; background-color:#E8E8E8;}
