html, body {	font-family: "Myriad Pro", myriad, "Helvetica Neue", helvetica, sans-serif;}h1 {	font-size:2em;	padding:5px 0 0 50px;	position:relative;}h1 img{	position:absolute;	top:0;	left:0;}

header > h2{

	font-weight:normal;	
	padding:0 0.3em;
}

abbr {	border:none;}.vo { /* hides content visually, but still spoken/navigable by VoiceOver and other screen readers */	position:absolute;	left:-9999px;	overflow:hidden;}.keyboard a.footnote, .numpad a.footnote {	position:absolute;	top:0.1em;	left:100%;	margin-left:0.1em;	color:inherit;	text-decoration:none;}.keyboard a.footnote:focus, .numpad a.footnote:focus {	color:blue;	outline:0;}/* key row list formatting */.keyboard, .numpad {	display:table;	width:100%;	margin:0 0 2em;	padding:0;	font-size:1.3em;	border-collapse: separate;	border-spacing:5px;}.keyrow, .numrow {	display:table;	width:100%;	margin-top:-5px;	line-height:1; /* [sic] unitless multiplier */}.numrow {	display:table-row;}.numrow td {	height:4.5em;}.keyrow ul, .keyrow li, ul.numrow, .numrow td {	margin:0;	padding:0;	list-style:none;}.keyrow ul, .numrow ul {	display:table-row;}.keyrow li, .numrow td {	display:table-cell;	color:#000;	background-color:#fff;	text-align:center;	vertical-align:top;	width:50px;	min-width:30px;	padding:0.6em 0.3em;	border: solid 1px #000;	border-color: rgba(0,0,0,0.3);	-o-border-radius:5px;	-ie-border-radius:5px;	-moz-border-radius:5px;	-khtml-border-radius:5px;	-webkit-border-radius:5px;	border-radius:5px;}.keyrow li.arrowkeys {	padding:0;	border:none;	border-radius:0;	-webkit-border-radius:0;}.keyrow li.meta {	vertical-align:bottom;	white-space:nowrap;}}.numrow td.enter {	vertical-align:top;	white-space:nowrap;}.keyrow li.action, .keyrow li.space {	vertical-align:middle;}.keyboard kbd, .numpad kbd {	position:relative; /* positioning context for footnote links */	font-family: "VAGRounded Thin", "VAGRounded", "Helvetica Neue", helvetica, sans-serif;}/*rdar:9259891*/.keyboard em, .numpad em {	margin:0.3em 0.2em;	display:block;	font-size:0.8em;	font-style: normal;	color: #666;	color: rgba(0,0,0,0.7);}em.unmapped {	color:#fff;}.legend li {	outline:0;}.legend li:before{	display:inline-block;	margin:0 0.4em 0 0;	position:relative;	top:0.25em;	content:" ";	width:1em;	height:1em;	border:solid 1px #000;}.legend li:focus:before {	outline: auto 5px -webkit-focus-ring-color;	/outline-offset: -2px;*/}/* color coding: only supplementary, unimportant enough that adding accessibility for blind and color-blind users would likely detract from the readability/understandability *//*.keyboard .pressed { background-color:#ccc; }*/ /* grayscale */body.activation  .keyboard .cat_activation,  body.activation  .numrow td.cat_activation,  body.activation  .legend .cat_activation:before  { background-color:#E67D73; }body.settings    .keyboard .cat_settings,    body.settings    .numrow td.cat_settings,    body.settings    .legend .cat_settings:before    { background-color:#CEC7D9; }body.orientation .keyboard .cat_orientation, body.orientation .numrow td.cat_orientation, body.orientation .legend .cat_orientation:before { background-color:#FFF7B3; }body.navigation  .keyboard .cat_navigation,  body.navigation  .numrow td.cat_navigation,  body.navigation  .legend .cat_navigation:before  { background-color:#C7E7F1; }body.operation   .keyboard .cat_operation,   body.operation   .numrow td.cat_operation,   body.operation   .legend .cat_operation:before   { background-color:#F7CEAA; }body.interaction .keyboard .cat_interaction, body.interaction .numrow td.cat_interaction, body.interaction .legend .cat_interaction:before { background-color:#C7E0B8; }body.text        .keyboard .cat_text,        body.text        .numrow td.cat_text,        body.text        .legend .cat_text:before        { background-color:#F4C8CE; }/* The following is a style experiment with shaded edges on the keys. I didn't like the result, and recommend leaving them as flat colors. -jc *//*.keyboard .pressed {	background:		-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.4)), color-stop(0.05, rgba(0,0,0,0.1)), color-stop(0.95, rgba(0,0,0,0.1))) top left no-repeat,		-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.4)), color-stop(0.05, rgba(0,0,0,0.1)), color-stop(0.95, rgba(0,0,0,0.1))) top left no-repeat;	border-color:rgba(0,0,0,0.5);}*//* arrow keys, ugly presentational markup to make the grid layout work */.arrows {	display:table;	border-spacing:5px;	margin:0 -5px -5px;	position:relative;	left:10px;	width:100%;	font-size:0.9em;}.arrows > span {	display:table-row;}.arrows > span > .arrow {	display:table-cell;	width:34%;	white-space:nowrap;	padding:0.5em 0 0.2em;	border: solid 1px #000;	border-color: rgba(0,0,0,0.3);	-o-border-radius:5px;	-ie-border-radius:5px;	-moz-border-radius:5px;	-khtml-border-radius:5px;	-webkit-border-radius:5px;	border-radius:5px;}/* legend lays out horizontally */.legend {	display:table;	width:100%;	font-size:1.3em;	white-space:nowrap;}.legend ul {	display:table-row;	list-style:none;	margin:0;	padding:0;}.legend li {	display:table-cell;	list-style:none;	margin:0;	padding:0 1em 2em 0;}/* numpad grid lays out horizontally */main.grid {	margin-bottom:0.5em;}.gridrow {	padding-top:1em !important;	min-width:1000px;}.gridcell {	font-size:1.2em;	width:30%;	float:left;	margin:0 2% 0.8em 0;}.gridrow:after { /* self-clearing float */	content: " ";	display: block;	height: 0;	clear: both;	visibility: hidden;}caption {	text-align:left;	margin:0 0 0 5px;}/* footnotes lay out horizontally */aside {	margin-bottom:0.5em;}aside p {	font-size:1.2em;	width:30%;	float:left;	position:relative;	margin:0 2% 0.8em 1%;}aside .footnote {	display:block;	text-align:right;	position:absolute;	right:101%;	top:0.2em;}aside:after { /* self-clearing float */	content: " ";	display: block;	height: 0;	clear: both;	visibility: hidden;}/* footer */footer {	display:table;	width:100%;}footer div {	display: table-row;}footer p {	display: table-cell;	text-align:center;	padding:0 0em;}footer p:first-child, footer p:last-child {	white-space:nowrap;	width:10%;}footer p:first-child {	text-align:left;}footer p:last-child {	text-align:right;}@media screen {	html, body {		margin:25px 35px;		padding:0;		font-size:10px;		line-height:1.2;	}}@media print {	html, body {		margin:auto;		padding:auto;		font-size:7pt;	}	.unmapped {		visibility:hidden;	}	.keyboard {		page-break-inside:avoid;	}}


