.note { border-left-style: solid; border-left-width: 0.25em; background: none repeat scroll 0 0 #E9FBE9; border-color: #52E052; }
.warning { background-color: #F9F0D4; border: medium double #FF0000; margin: 1em; padding: 1em; }
.note em, .warning em, .note i, .warning i { font-style: normal; }
p.note, div.note { padding: 0.5em 2em; }
span.note { padding: 0 2em; }
.note p:first-child, .warning p:first-child { margin-top: 0; }
.note p:last-child, .warning p:last-child { margin-bottom: 0; }
.warning:before { font-style: normal; }
p.note:before { content: 'Note: '; font-weight: bolder;}
p.warning:before { content: '\26A0 Warning! '; font-weight:bolder;}
.critical {margin:1em; border:double red; padding:1em; background-color:#F9F0D4;}


/* Used when spelling out words or symbols phonetically. */
span.phonetic {
	font-style: italic;
}


/* KEY
 * Denotes a key value (the value of the KeyboardEvent.key property).
 */
code.key {
	color: #191970;
	background-color: #b0e0e6;
	padding: 0 2px;
	border: 1px solid #b0d0d6;
	border-radius: 3px;
}
code.key a:link, code.key a:visited {
	color: #191970;
    text-decoration: none;
}
code.key:hover, code.key a:hover {
	color: #000000;
	background-color: #b0d0d6;
}

/* CODE
 * Denotes a code value that indicates the physical location of the key on
 * the keyboard). This is the value of the KeyboardEvent.code property.
 */
code.code {
	color: #191970;
	background-color: #ffc4ff;
	padding: 0 2px;
	border: 1px solid #f0a4f0;
	border-radius: 3px;
}
code.code a:link, code.code a:visited {
	color: #191970;
    text-decoration: none;
}
code.code:hover, code.code a:hover {
	color: #000000;
	background-color: #f0a4f0;
}

/* Denotes a string displayed on the keycap. */
code.keycap {
	padding: 0 2px;
	border: 1px solid black;
	border-radius: 3px;
}

/* Denotes a Unicode code-point for the character. */
code.unicode {
	color: #191970;
	background-color: #98fb98;
}

/* Denotes an example glyph for the character. */
code.glyph {
  color: #191970;
  background-color: #ffe4b5;
}


code.android {
	color: #408040;
}

code.appcommand {
	color: #404080;
}

code.vk {
	color: #804040;
}


/* Formatting for data tables (including the keyboard codes) */
.data-table {
	border-collapse:collapse;
	text-align:left;
	width: 100%;
}

.data-table th {
	background:none repeat scroll 0 0 #B9C9FE;
	border-bottom:1px solid #FFFFFF;
	border-top:4px solid #AABCFE;
	color:#003399;
	font-weight:normal;
	padding: 0.4em 1em;
}

.data-table td {
	background:none repeat scroll 0 0 #E8EDFF;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid transparent;
	color:#666699;
	padding: 0.4em 1em;
}

.data-table tr:hover td {
	background:none repeat scroll 0 0 #D0DAFD;
	color:#333399;
}

/* The cell in a key table that contains the key name. */
.key-table-key {
	vertical-align: top;
}