article .todo {
	background-color: rgb( 0, 255, 255 );
	color: rgb( 0, 0, 255 );
	padding: 0;
	margin: 10px;
}

article figcaption {
	font-size: small;
}

article hgroup > * {
	margin: 0;
}

article section {
	padding: 0;
	margin-bottom: 0;
}

article section > section {
	padding-left: 25px;
}

article li {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1em !important;
}

article pre {
	padding: 0;
	margin: 0;	
}

article .preBox {
	border: thin dashed gray;
	background-color: white;
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

article .demoFrames {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	width: 540px;
	height: 400px;
	background-color: red;
}

.interactiveFigure {
	border: medium solid #c4441f;
}
.interactiveFigure:hover {
	border: medium solid rgb( 256, 136, 0 );
}

article .newTerm {
	font-style: italic;
}

article aside {
	float: right;
	width: 300px;
	border: solid 1px #333;
	padding: 5px;
	margin: 0 0 10px 10px;
	font-size: 0.9em;
	background-image: url('/static/images/bgpattern2.gif');
}

article aside span.requirement {
	font-size: 1.1em;
	color: gray;
	margin-bottom: 3px;
}

article nav, article section {
	margin-bottom: 10px;
}

article nav li {
	margin-left: 20px;
	list-style-type: square;
}

article h4 {
	font-size: 1.5em;
	color: #999;
	padding-bottom: 10px;
}

article h5 {
	font-size: 1.2em;
	color: #999;
	padding-bottom: 10px;
}

article .thumbnails {
	display: table;
	padding-bottom: 10px;
}

article .thumbnails figure {
	display: table-cell;
	padding-right: 20px;
}

article code {
	color: #AAA;
}

article figcaption {
	font-style: italic;
	font-size:0.9em;
	padding-bottom:10px;
}

article table {
	border-collapse: collapse;
	background-image: url('/static/images/bgpattern.gif');
}

article table td {
	padding: 5px;
	vertical-align: text-top;
	border: solid 1px gray;
}

article ul.propertyList {
	list-style-image: url( list_bullet_circ.png );
	padding-left: 15px;
}

.tutorialMetadata {
	display: none;
}

#sb-body, #sb-loading {
	background:url( preloader.gif ) no-repeat center;
}