/**
 * See attached HTML demo files on #8509
 */

#res_container .style_inlinecode {
	background-color: hsla(60, 100%, 50%, 0.15);
	padding: 0.4em 0.3em 0.2em 0.3em;
	margin: 0em 0.10em;
	font-family: Consolas, Courier, Mono;
	line-height: 150%;
}

#res_container .style_emphasis {
	font-weight: bold;
}


#res_container .style_fieldname,
#res_container .style_keyword,
#res_container .style_annotation {
	font-weight: 700;
}

#res_container .style_menupath {
	color: hsl(120, 100%, 30%);
	font-style: italic;
	padding-right: 0.15em;
}
#res_container .style_literal {
	color: hsl(0, 100%, 45%);
}
#res_container .style_variable {
	color: hsl(240, 70%, 70%);
}
#res_container .style_argument {
	color: hsl(0, 100%, 25%);
}
#res_container .style_comment {
	color: hsl(100, 100%, 30%);
}
#res_container .style_annotation  {
	color: hsl(100, 100%, 30%);
	background-color: white;
}

#res_container .codelabel {
	position: relative;
	border: 1px solid hsla(240, 0%, 20%, 0.15);
	border-bottom: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 0.2em 1em 0em 0.8em;
	margin: 12px auto -12px 0;
	white-space: nowrap;
	background-color: hsl(60, 100%, 92%);
	display: table;
	font-size: 80%;
	color: hsla(240, 0%, 20%, 0.7);
}

#res_container pre {
	line-height: 120%;
	font-size: 85%;
	overflow-x: auto;
	max-height: 420px;
	width: auto;
	background-color: hsl(60,100%,92%);
	border: 1px solid hsla(240,0%,20%,0.15);
	padding: 0.75em 0.5em 0.50em 0.75em;
	font-family: monospace;
}

/* The wildcarded version overrides the annoying Metro wildcard we've got in global CSS */
#res_container code,
#res_container code *
{
	font-family: Consolas, Courier, Mono;
}

/**
 * Heading styles
 */

/* The editable title should have different margins */
#res_panel_intro h1 {
	margin: 0;
}

#w3pedia_editable_title {
	padding-top: 40px;
}


/**
 * JV's box-out styles
 */
#res_container div.warn,
#res_container div.steps,
#res_container div.seealso,
#res_container div.code,
#res_container div.detail,
#res_container pre {
	margin: 0.8em 0 1.4em 0.0em;
	padding: 20px 40px;
}


#res_container div.warn {
	background-color: hsla(0, 70%, 50%, 0.08);
}
#res_container div.steps {
	background-color: hsla(120, 60%, 50%, 0.08);
}
#res_container div.seealso {
	background-color: #d9e8f7;
}
#res_container div.detail {
	background-color: hsla(200, 0%, 50%, 0.08);
	color: #555;
}

#res_container div.warn h1,
#res_container div.steps h1,
#res_container div.seealso h1,
#res_container div.detail h1 {
	font-weight: 700;
	font-size: 13pt;
	margin-top: 14px;
}
#res_container div.warn h1 {
	color: #cd070a;
}
#res_container div.steps h1 {
	color: #378834;
}
#res_container div.seealso h1 {
	color: #3060d0;
}
#res_container div.detail h1 {
	color: #666666;
}

.book_articles {
	display:none;
}

#breadcrumbBanner {
	padding:0;
}