@media screen {

body	{
	height:100%;
	background:#dddddd url("../images/mist_background.png") repeat fixed;
	
	color:#444444; 
	padding-left:148px;
	padding-right:96px;
	cursor:default; 
	width:inherit;

	border:0; 
	border-width:0px; 
	line-height:110%;
	margin:0px; 

	font-family:arial unicode MS, arial; 
	font-size:14px; 
	font-weight:400;

	text-align:justify;
	text-justify:interword;
	
	scrollbar-track-color:#808080;
	scrollbar-base-color:#808080;
	scrollbar-shadow-color:#ffffFF;
	scrollbar-highlight-color:#ffffFF;
	scrollbar-darkshadow-color:#808080;
	scrollbar-arrow-color:#ffffFF;
	
	}

.indexContainer{
	position:absolute;
	left:0px;
	top:0px;
	width:430px; 
	height:100%; 
	}

.mainContainer
	{
	width:640px;
	}
	
.cIndex	{
	width:360px; 
	height:100%; 
	padding:8px; 
	border-width:0;
	overflow:auto; 

	margin:0px;
	font-size:12px;
	text-align:left;
	
	background:#99AAAA;
	color:black;

	scrollbar-track-color:#99AAAA;scrollbar-base-color:#99AAAA;scrollbar-darkshadow-color:#99AAAA;
	scrollbar-shadow-color:#808080;scrollbar-highlight-color:#808080;scrollbar-arrow-color:#808080;
	}

img	{
	margin:8px;
	border-width:12px;
	border-style:solid;
	border-color:white;
	}
	
h1	{color:#CC3300; font-weight:400; line-height:120%;}
h2	{color:#CC3300; font-weight:400; font-size:20px;}
h3	{font-weight:700;  font-size:18px;}
h4	{font-weight:700; font-size:16px;}

a
	{
	color:#cc3300; text-decoration:none; cursor:default;
	}

a:hover
	{
	text-decoration:underline;
	}


.code
	{
	padding:20px; 
	width:100%;
	margin:25px;
	clip:box(0,0,0,0);
	text-align:left;
	max-width:500px;
	border-style:inset; 
	border-width:2px;
	background:#ffffdd;
	color:black;
	font-family:arial;
	overflow-x:auto; 
	overflow-y:visible;
	scrollbar-track-color:white;
	scrollbar-base-color:white;
	scrollbar-shadow-color:black;
	scrollbar-highlight-color:black;
	scrollbar-darkshadow-color:white;
	scrollbar-arrow-color:black;
	}

.example
	{
	width:100%;
	background:#EEEEEE;
	padding:20px; 
	clip:box(0,0,0,0);
	overflow:auto;
	margin:25px;
	max-width:500px;
	border-style:solid; 
	border-width:1px; 
	border-color:#404040;
	font-family:arial;
	text-align:left;
	overflow-x:auto; 
	overflow-y:visible;
	scrollbar-track-color:#EEEEEE;
	scrollbar-base-color:#EEEEEE;
	scrollbar-shadow-color:#404040;
	scrollbar-highlight-color:#404040;
	scrollbar-darkshadow-color:#EEEEEE;
	scrollbar-arrow-color:#404040;
	}	
	
FE\:key
	{
	font-style:oblique;
	}
	
FE\:file
	{
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	}
	
.cMiniHeader
	{
	font-style:oblique;
	}
	
	
.aIndexChapter
	{
	color:#cc3300;
	font-size:17px;
	width:250px;
	}

.aIndexChapterSmall
	{
	color:#c0c0c0;
	font-size:14px;
	}

.aIndex
	{
	color:#000000; font-size:14px; height:100%; width:250px;
	}

.aIndexSub	
	{
	color:#444444; padding:0 0 0 30px; font-size:12px; height:100%; vertical-align:top; width:264px;
	}

.aIndexSubSub
	{
	color:#444444; padding:0 0 0 35px; font-size:12px; height:100%; width:270px;
	}

.mOpener
	{
	width:14px; height:22px;
	overflow:hidden;
	font-size:15px; font-weight:700;
	font-family:arial black;
	text-align:center;
	color:#eeeeee;
	}
	
.mOpenerSub
	{
	width:14px; 
	vertical-align:top;
	overflow:hidden;
	padding-top:3px;
	font-size:10px;
	font-family:arial black;
	text-align:center;
	margin-left:3px; 
	color:#eeeeee;
	height:100%;
	}
	
	
.mOpenerDummy
	{
	width:14px; 
	height:22px; 
	overflow:hidden; 
	}

.mOpenerSubDummy
	{
	margin-left:3px; 
	width:14px; 
	height:100%; 
	overflow:hidden;
	}

}