/* these are the styles specific to the Malik C++ SOCs. */

/* ======================== header stuff ======================== */
#header {
	margin-bottom: 25px;
}

#sochead {
	background-color: #6a8f95;
}

#chaptermenu {
	background-color: #ef905a;
	margin-left: 200px;
	height: 20px;
	padding: 3px 2px 1px 2px;
	font-size: 13px;
	color: black;
	padding-left: 32px;
}
#chaptermenu ul {
	display: inline;
	list-style: none;
}
#chaptermenu li {
	display: inline;
}
#chaptermenu li a {
	color: #000;
	padding: 4px 6px 4px 6px;
	margin-left: -3px;
}
#chaptermenu li a:hover {
	text-decoration: none;
	background-color: #98B7B9;
}
#chaptermenu li.selected {
	background-color: #98B7B9;
	font-weight: bold;
	padding: 4px 6px 4px 6px;
	margin-left: -3px;
}
#chaptermenu #tag {
	width: 187px;
	font-weight: bold;
	float: right;
}
#chaptermenu #tag span.right {
	display: inline;
	text-align: right;	
	float: right;
	padding-right: 13px;
}
#leftnav, #content, #rightnav {
	padding-top: 35px;
}

/* ======================== leftnav ======================== */
#leftnav {
	background-color: #97b6bb;
	color: black;
	font-weight: bold; 
}
#leftnav a, #leftnav a:visited {
	color: black;
}
#leftnav ul {
	list-style: none;
	padding-left: 1em;
	padding-top: 0.50em;
}
#leftnav li {
	padding-bottom: 0.50em;
}
#leftnav li.selected {
	margin-left: -1em;
	padding-left: 1em;
	color: #ab002a;
	font-weight: bolder;
	background: transparent url(../images/red-bullet.png) no-repeat scroll 1px 6px;
}
#leftnav li.chapbreak {
	border-top: 1px solid #777;
	padding-top: 5px;
}

/* ======================== rightnav ======================== */
#rightnav {
	background-color: #f5dcbd;
}
#rightnav.homepage {
	background-color: #c1dde1;
}
#rightnav.homepage img {
	margin-top: 17px;
}

/* ======================== content ======================== */
#content {
	background: #fff url(../images/content-gradient-bg.png) repeat-x;
	padding-left: 32px;
	padding-right: 32px;
	color: #000;
}

#content h1 { margin-bottom: 0.5em;   color: #000;  line-height: 1em; }
#content h2 { color: #ab002a; }
#content h3 { color: #013660; }

#toc ul {
	padding-top: 1em;
	padding-left: 3em;
}
#toc li {
	padding-bottom: 1em;
}

#keyterms dl dt {
	font-weight: bold;
}

#keyterms dl div.even {
	background-color: #f8ebda;
	padding-bottom: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	margin-right: -32px;
	padding-right: 32px;
	margin-left: -32px;
	padding-left: 32px;
}

#keyterms .codeheader
{font-family: monospace;
font-size:13px;

}

#content code {
	white-space: pre;
}


#content div.callout {
	border: 1px solid #666;
	padding: 13px;
	margin-top: 32px;
	background-color: #e8f0f7;
}

#practicetest ol {
	padding-left: 2em;
	padding-bottom: 1em;
}

#practicetest input {
	vertical-align: middle;
}
#practicetest img {
	float: left;
	position: relative;
	left: -24px;
	top: -2px;
}
#practicetest .correct { color: green; font-weight: bold; }
#practicetest .selected { color: blue; font-style: italic; }