/* mozilla.org Cavendish Content Styles
 * Design by SilverOrange
 * Markup Reference classes organized by fantasai
 */

/* Ripped apart and ravaged by Brokentoaster */
 

/* TOC:
   Body
   Random HTML Styles
   General Structure
   Navigation
   Comments and Other Asides
   Emphasis
   Computers - General
   Code
   Examples and Figures
   Q and A (FAQ)
   Tables
   Meta
*/


/* Body */

	body {
		background: #fff;
		color: #000;
	}

	#mainContent, #side {
		background: #fff;
		line-height: 1.3; /* value other than 'normal' needed for WinIE */
		color: #000;
	}
	.deepLevel #mainContent {
		line-height: 1.4;
	}

/* General Structure */
	#header h1 { border: 0; text-align: center;}
	
	#header {
		text-align: center;
	}

    body, td, th, input { /* redundant rules for bad browsers  */
            font-family: verdana, sans-serif;
            font-size: x-small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		/*border-bottom: 1px solid #ccc;*/
		font-family: verdana, sans-serif;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	#body p {
		text-align: justify;
	}

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }
	
	a img{ border: none; }
/* Navigation */

        :link { color: #039; }
        :visited { color: #666; }
        :link:hover, :visited:hover { color: #900; }
        :link:active, :link:active { color: #000; }


	.greybox_reflection{ 
		width: 170px;
		height: 170px;
		background-color: #ffffff;
		border: 1px #000000 solid;
		border-collapse: collapse;
		border-spacing: 0px; 
		-webkit-box-reflect:below 5px  -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
	}
	
/*		.greybox{ 
		width: 170px;
		height: 170px;
		background-color: #d0d0d0;
		border: 1px #000000 solid;
		border-collapse: collapse;
		border-spacing: 0px; 
		
	}
*/	

	

/* Comments and other Asides */

	.note {
		color: #666;
		font-style: normal;
	}
	
	.remark {
		color: #666;
	}
	
	.sidenote {
		border: #666;
	}

	.key-point:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../images/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../images/key-point_tl.gif");
	}
	.key-point {
		background: #d4d2b0 url("../images/key-point_back.gif") right repeat-y;
		padding: 15px;
		margin-bottom: 1em;
	}
	.key-point:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../images/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.key-point h2, .key-point h3, .key-point h4, .key-point h5 {
		border: none;
		margin-top: 0;
	}
	
	

	.banner {
		text-align: center;
		background: #f5f5b5 url("../images/key-point_back.gif") right repeat-y;
	}



	.big-note:before {
		line-height: 0.1;
		font-size: 	1px;
		background: transparent url("../images/key-point_tr.gif") no-repeat top right;
		margin: 	-15px -15px 0 -15px;
		height: 	15px;
		display:	block;
		border: 	none;
		content: 	url("../images/key-point_tl.gif");
	}
	.big-note {
		background: #e4e2d0 url("../images/key-point_back.gif") right repeat-y;
		padding: 15px;
		margin-bottom: 1em;
	}
	.big-note:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../images/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.big-note h2, .big-note h3, .big-note h4, .big-note h5 {
		border: none;
		margin-top: 0;
	}
		.grey-note:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../images/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../images/key-point_tl.gif");
	}
	.grey-note {
		background: #d0d0d0 url("../images/key-point_back.gif") right repeat-y;
		padding: 15px;
		margin-bottom: 1em;
	}
	.grey-note:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../images/key-point_br.gif") scroll no-repeat bottom right ;
	}

/* Code */

	pre.code {
		background: #EEECF6;
	}
	
	code > em,
	code > strong,
	pre.code > em,
	pre.code > strong {
		font-style: normal;
	}
	
	pre.cppcode
{
	background: #FFFFFF;
	color: #000000;;
	font: 10pt "Lucida Console";
}
.cpp01{
	color: #007F00;
}
.cpp02{
	color: #007F00;
}
.cpp03{
	color: #3F703F;
}
.cpp04{
	color: #007F7F;
}
.cpp05{
	color: #00007F;
	font-weight: bold;
}
.cpp06{
	color: #7F007F;
}
.cpp07{
	color: #7F007F;
}
.cpp08{
	color: #804080;
}
.cpp09{
	color: #7F7F00;
}
.cpp10{
	font-weight: bold;
}
.cpp12{
	background: #E0C0E0;
}
.cpp13{
	background: #E0FFE0;
	color: #007F00;
	font-family: "Courier New";
}
.cpp14{
	background: #E0F0FF;
	color: #3F7F3F;
	font-family: "Courier New";
}
.cpp15{
	color: #3F703F;
}
.cpp16{
	color: #B00040;
}
.cpp17{
	color: #3060A0;
}
.cpp18{
	color: #804020;
}
.cpp32{
}
.cpp34{
	color: #0000EE;
	font-weight: bold;
}
.cpp35{
	color: #EE0000;
	font-weight: bold;
}
.cpp36{
	color: #808080;
}

/* Examples and Figures */

	div.example {
		border-color: #554FA0;
	}
	div.example::before {
		color: #666;
	}