body {
	background-color: #ffffff;
	color : #000000;
/*
	background : #fff url('./images/bg.png');
*/
	margin: 0;
	padding: 0;
}

body, x-p, x-td, x-th, x-li, x-dt, x-dd
{
	font-family: "Microsoft Sans Serif", sans-serif;
}
h1, h2, h3, h4, h5
{
	font-family: Tahoma, sans-serif;
}

/*
html {
	scrollbar-face-color: #f0f0f0; 
	scrollbar-highlight-color: #f0f0f0; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #f0f0f0; 
}
*/

/***************************************************************************
 
 		Header / Main Menu

 ***************************************************************************
 
 		Optional, not used by all pages; not printed
 
 		Example:

			<style>
				.ngDarkBack { background-color: #3366cc; }
			</style>
 
 			<div id="header">
				<div id="headerBg">&nbsp;</div>
				<div id="mainmenu">
						<a href="#">Private</a>
						<a href="#">.NET</a>
						<span class="ngDarkBack">ManagedXLL</span>
						<a href="#">QuantLib</a>
						<a href="#">Attic</a>
						<a id="mainmenuRight" href="#">Contact</a>
				</div>
			</div>
 
 ***************************************************************************/

div#ngHeader {
	font: x-small "Microsoft Sans Serif", Tahoma, Arial, Helvetica, sans-serif;
	background-color: #cccccc;
	padding-top: 5px;
	position: relative; /**/
}

@media Print { 
	div#ngHeader	{ display: none; } 
}

div#ngHeader div#ngHeaderBack {	/* dynamic background */
	position : absolute; z-index: 200;
	padding-top : 3px;
	padding-bottom : 3px;
	border-bottom: #ffffff 1px solid; 
	width: 100%;
}

div#ngHeader div#ngMainMenu {	/* overlay on background */
	position : relative; z-index: 201;
	padding: 3px 5px 4px 10px;	/* TRBL */
	x-font-weight: bold;
}

div#ngHeader div#ngLegalMenu {	/* overlay on the right */
	position: absolute; z-index: 210;
	right: 0; top: 4px;
	padding: 3px 5px 4px 5px;	/* TRBL */
}

div#ngHeader div a {	/* selectable tab */
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 3px 0px 3px;
	color: #333333;
	text-decoration: none;
}
div#ngHeader div a:hover {
	color: #ffffff;
}			

div#ngHeader div span {	/* current/selected tab */
	padding: 3px 7px 4px 7px;	
	color: #ffffff; 
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
}
div#ngHeader hr {
	display: none;
}



/***************************************************************************
 
 		Sub Menu

 ***************************************************************************
 
		Not printed

 		Example:

			<style>
				.ngDarkBack		{ background-color: #3366cc; }
				.ngMedium		{ color: #4775d1; }
				.ngLight		{ color: #7094db; }
				.ngLight:hover	{ color: #789ce4; }
			</style>
 
			<div id="submenu" class="ngDarkBack">
				<a id="logo" class="ngLight" href="index.html">ManagedXLL</a>
				<div>
					<a href="index.html">home</a> | 
					<a href="index.html">buy</a> | 
					<a href="Contact.html">contact</a>
				</div>
				<span class="ngMedium">home</span>
				<h1>ManagedXLL</h1>
			</div>
			<div class="ngTwoLines"></div>
 
 ***************************************************************************/

div#ngSubMenu {
	position: relative; z-index: 100;
	height: 3.5em /*60px*/; overflow: hidden;
	width: 100%;
	//font: normal 13px "Microsoft Sans Serif", Tahoma, Arial, Helvetica, sans-serif; 
	font-family: "Microsoft Sans Serif", Tahoma, Arial, Helvetica, sans-serif; /**/
	font-size: 1em; /**/
	color: #ffffff;
}

@media Print { 
	div#ngSubMenu 	{ display: none; } 
}
div#ngSubMenu hr {
	display: none;
}

div#ngSubMenu a#ngLogo { /* logo, above submenu items */
	position: absolute; right: 8px; top: -0.2em; /* -10px; */
	z-index: 105;
	text-align: right; font-size: 3em /*44px*/; text-decoration: none;
}

div#ngSubMenu span {	/* category, behind page title */
	margin: 0em 0 0 0.1em; /**/
	position: absolute; z-index: 105;
	/* left: 5px; top: -5px; height: 65px; */
	left: 0; top: 0; height: auto; /**/
	overflow: hidden;
	font-size: 4em /*72px*/; 
	/*z-index: 0;*/ /**/
}
div#ngSubMenu h1 {	/* pagetitle */
	position: absolute; z-index: 110;
	/*left: 10px; top: 48px; */
	left: 0; top: 0; /**/
	/*margin: -1em 0 0 0;*/
	margin: 1em 0 0 0.8em; /**/
	font-size: 1.25em; /**/
	font-weight: normal;
	/*font: normal 19px Verdana, Arial, Helvetica, sans-serif; */
	color: #ffffff;
	padding: 0;
	border: 0;
}
div#ngSubMenu div {	/* submenu items */
	position: absolute /*relative*/; z-index: 150;
	/* top: 56px; margin-top: -1em; */
	top: auto; bottom: 0; right: 0; height: 1.4em; margin-top: 0em; /**/
	font-size: 0.8em; color: #ffffff; /**/
	border: 0;
	text-align: right;
	padding-right: 10px;
}
div#ngSubMenu div a       { color: #FFFFFF; font-weight: normal; text-decoration: none; }
div#ngSubMenu div a:hover { text-decoration: underline; }

.ngTwoLines {	/* separate header and content */
	padding-top: 2px; 
	margin-top: 2px;
	border-top: #ccc 1px solid; 
	border-bottom: #ccc 1px solid; 
}
.ngTwoLines hr {
	display: none;
}

@media Print {
	.ngTwoLines	{ display: none; }
}
	

/***************************************************************************
 
 		Side Bar

 ***************************************************************************
 
		Not printed

		Examples:

			<DIV id="sidebarOld">
				<div class="ngLiteBack"><span class="ngDarkBack">&nbsp;</span></div>
				<div class="ngSideBlockOld">
				</div>
				<div class="ngLiteBack"><span class="ngDarkBack"></span></div>
			</DIV>

			<div id="sidebar">
				<div class="ngDarkBack">
					<div>
						Text
					</div>
				</div>
			</Ddiv>


 ***************************************************************************/

/*

#ngSideBarOld
{
	position: absolute;
	right: 5px; 
	top: 100px;
	width: 200px; 
	height: auto;
}
@media Print { #ngSideBarOld 	{ display: none; } }

#ngSideBarOld div span
{
	display: block;
	overflow: hidden;
	width: 15px;
	height: 7px;
}

.ngSideBlockOld 
{
	background: #ccc url('./hl_bg.gif');
	padding-left: 15px;
	padding-top: 10px; 
	padding-right: 3px;
	padding-bottom: 10px;  
	font: normal xx-small Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
}

.ngSideBlockOld a		{ color: #000000; text-decoration: none; }
.ngSideBlockOld a:hover	{ text-decoration: underline; }

*/

#ngSideBar {
	position: absolute; z-index: 100;
	right: 10px; 
	top: 100px;
	width: 25%; 
	height: auto;
}
@media Print {
	#ngSideBar 	{ display: none; } 
}
#ngSideBar hr {
	display: none;
}
#ngSideBar div {	/* correct any addition here in the div div below */
	padding: 1px;
	margin-bottom: 20px;
	margin-bottom: 20px;
}

#ngSideBar div div {
	background-color: #fafaff;
	margin: 0;
	padding-left: 15px;
	padding-top: 10px; 
	padding-right: 3px;
	padding-bottom: 10px;  
}

#ngSideBar div div h5 {
	font-size: 0.8em;
	text-align: left;
	margin-top: 0.0em;
	margin-bottom: 0.5em;
}

#ngSideBar div div p {
	font: normal x-small "Microsoft Sans Serif", Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000; 
	margin-top: 0.25em;
	margin-bottom: 0.1em;
	line-height: 120%;
}

#ngSideBar div div a		{ color: #000000; text-decoration: none; }
#ngSideBar div div a:hover	{ text-decoration: underline; }


/***************************************************************************
 
 		Content

 ***************************************************************************/

div#ngContent 
{
	/* color : #676767; */
	font : 0.8em "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
	padding-top : 0px;
	padding-left : 30px;
	padding-right : 30%;
	text-align : justify;
	margin-bottom: 20px; 

/*	// Gecko fixes size to 400px, IE expands size, replaced with table construct
	height: 400px; 
	overflow: visible;
*/
}

@media Print {
	div#ngContent { padding: 0; }
}

div#ngContent h2, div#ngContent h3, div#ngContent h4, div#ngContent h5 {
	color : #676767;
	font-weight: bold; 
	margin-bottom: 15px; 
	page-break-after: avoid;
}

div#ngContent h1 { font-size: 1.6em; }
div#ngContent h2 { font-size: 1.4em; /* margin-left: -50px; */ }
div#ngContent h3 { font-size: 1.2em; /* margin-left: -18px; */ }
div#ngContent h4 { font-size: 1.0em; /* margin-left: -18px; */ }
div#ngContent h5 { font-size: 0.9em; }

div#ngContent h2 { width: 100%; padding-bottom: 5px; border-bottom: solid 1px #cccccc; }

div#ngContent fieldset	{ border: 1px solid Silver; }
div#ngContent legend	{ font-size: 0.9em; font-weight: bold; }

div#ngContent ol, div#ngContent ul, div#ngContent li { margin-top: .3em; margin-bottom: .3em; }
div#ngContent ul	{ list-style-type: square }
div#ngContent ul ul	{ list-style-type: circle; }

div#ngContent hr	{ color: Silver; height: 1px; background-color: Silver; border: 0; }
div#ngContent p		{ margin: 0.5em 0 1em 0; }
div#ngContent dt	{ font-weight: bold; margin-top: 1.5ex; }
div#ngContent sup	{ font-size: 0.8em; }
div#ngContent sup a	{ text-decoration: none; }

/*
div#ngContent strong	{ color: #3366cc; }
*/

/** Search Engine Highlights **/
div#ngContent .hl0 { background-color: #FFFF99 }
div#ngContent .hl1 { background-color: #FF99FF }
div#ngContent .hl2 { background-color: #99FF99 }
div#ngContent .hl3 { background-color: #FF9999 }
div#ngContent .hl4 { background-color: #99FFFF }
div#ngContent .hl5 { background-color: #9999FF }



/***************************************************************************
 
 		Preformatted / code

 ***************************************************************************/

pre	{
	background-color: #dddddd;	/* for downlevel browser */
	width: 100%; /* force correct right margin */
	overflow: hidden;
}
	
pre, code, .code, .syntax {
	font: 100% Monospace, Courier New, Courier; /* This is 100% of 70% */
}
pre b, code b {
	letter-spacing: .1em; /* opens kerning on bold in Syntax/Code */
}

.syntax 
{
	padding: 4px 8px;
	cursor: text;
	color: #000000;
	background-color: #dddddd;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin-bottom: 2.5ex;	/* can not set TRL because of tabs */
/* ------------------------------------- */
/* BEGIN changes to dtue.css conventions */
	font-weight: bolder;
	letter-spacing: .1em;
}

.syntax pre 
{
	margin: 0;
}


.syntax p {
	font-weight: normal;
	letter-spacing: 0em;
}
.syntax span.lang {
	margin: 0;
	font-weight: normal;
}
.syntax span.meta {
	margin: 0;
	font-weight: normal;
	font-style: italic;
}
.syntax a {
	margin: 0;
	font-weight: normal;
	color: #0000ff;
}
/* END changes to dtue.css conventions */
/* ----------------------------------- */
	
	
/***************************************************************************
 
 		Code2HTML / jEdit highlighting

 ***************************************************************************/

span.syntax0  {	/* background / all remaining */
	color: #000000; 
}	
span.syntax1 {	/* comment: Dark Green (#008000) */
	color: #008000; 
}
span.syntax2 {	/* special comment */
	color: #990033; 
}
span.syntax3 {	/* Array, String: Olive (#808000) */
	color: #808000; 
}
span.syntax4 {	/* true, this, null */
	color: #808080; 
}
span.syntax5 {	/* ??? */
	color: #990033; font-weight: bold; font-style: italic; 
}
span.syntax6 {	/* keywords */
	color: #0000FF; 
}
span.syntax7 {	/* import statements, #pre; VB built-in */
	color: #0000FF; 
}
span.syntax8 {	/* primitives */
	color: #0000FF; 
}
span.syntax9 {	/* functions */
	color: #000066; 
}
span.syntax10 {	/* XML tags */
	color: #5e5e5e; font-weight: bold; 
}
span.syntax11 {	/* operators */
	color: #000000; 
}
span.syntax12 {	/* numbers */
	color: #800000; 
}
span.syntax13 {	/* ??? */
	color: #ff0000; 
}

/* Line numbers */
.gutter   { background: #ffffff; color: #000000; }
.gutterH  { background: #ffffff; color: #666699; }
 	
	
/***************************************************************************
 
 		Footer

 ***************************************************************************/

div#ngFooter {
	position: relative;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: Gray;
	padding-left: 5px;
	text-align: left;
	margin-top: 40px;
	padding-bottom: 2px;
	
	padding-right : 30%;
}

div#ngFooter hr {
	display: none;
}

div#ngFooter a {
	color: #cccccc;
	text-decoration: none;
}

div#ngFooter div#ngFooterWh {
	background-color: #e2e2e2;
	text-align: center;
	margin-top: 2px;
}

div#ngFooter div#ngFooterWh span {
	background-color: #cccccc;
	display: inline-block;
	width: 64%;
	height: 3px; overflow: hidden;
}

div#ngFooter div#ngFooterCol {
	height: 1px; overflow: hidden;
}

@media Print {
	div#ngFooter div { display: none; }
}



/***************************************************************************
 
 		Tools

 ***************************************************************************/

table {
	font-size: 100%; /* Text in Table is same size as text outside table */
}

table.layout {
	border-collapse: collapse; 
	border-spacing: 0;
}

table.layout td, table.layout th {
	padding: 0; 
}

body .hidden { 
	display: none; 
}

@media Screen {
	.noScreen { 
		display: none; 
	}
}

@media Print {
	.noPrint {
		display: none; 
	}
}


/***************************************************************************
 
 		dtTABLE

 ***************************************************************************/

table.dtTABLE {
	width: 100%; /* Forces tables to have correct right margin */
	margin-top: .6em;
	margin-bottom: .3em;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #999999; 
}
table.dtTABLE th, table.dtTABLE td { 
	border-style: solid; /* Creates the cell border and color */
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #999999;
	padding: 4px 6px;
	text-align: left;
}
table.dtTABLE th { 
	background: #cccccc; /* Creates the shaded table header row */
	vertical-align: bottom;
}
table.dtTABLE td {
	background: #ffffff;
	vertical-align: top;
}