@charset "UTF-8";

img.screenshot
{
	display: block;
	margin: 1em 0 1em 3em;
}

ol.example
{
	border: 1px solid #048;
	list-style: none;
	margin: 1em 0 1em 3em;
	padding: 0;
	width: 150px;
}

ol.example.wider
{
	width: 200px;
}

ol.example li
{
	background: #048;
	color: white;
	font: bold 32px Arial, sans-serif;
	margin: 4px;
	padding: 0;
	text-align: center;
	width: 42px;
}

ol.example.float
{
	overflow: auto;
}

* html ol.example.float
{
	padding-bottom: 4px;
}

*:first-child+html ol.example.float
{
	padding-bottom: 4px;
}

td ol.example.float,
td img.screenshot
{
	margin: 0;
}

ol.example.float li
{
	display: inline; /* IE doubled float-margin bug */
	float: left;
}

ol.example.float.nth-child li:nth-child(3n+1)
{
	clear: left;
}

ol.example.float li.firstInLine
{
	clear: left;
}

ol.example.inline-block
{
	border: 1px solid #048;
	list-style: none;
	margin: 1em 0 1em 3em;
	padding: 0;
	overflow: auto;
	width: 150px;
}

ol.example.inline-block li
{
	display: inline-block;
	margin: 4px 0 4px 4px;
	vertical-align: top;
}

* html ol.example.inline-block li
{
	display: inline;
	margin: 4px;
}

*:first-child+html ol.example.inline-block li
{
	display: inline;
	margin: 4px;
}