@import url("common_browser.css");




a {
	text-decoration: none;
}

a:link { color: white;}
a:visited { color: whitesmoke; }
a:hover { color: orange; }
a:active { color: orange; }

#wrapper {
	height:98%;
	width:98%;
	overflow:hidden;
	left:1%;
	top:1%;
	z-index:1;
	right:1%
}


#page_head {
	position:absolute;
	height:8em;
	left:1%;
	top:1%;
	width:98%;
	font:Georgia, "Times New Roman", Times, serif;
	z-index:16;
}

#page_body {
	position:absolute;
	left:1%;
	top:9.5em;
	height:80%;
	width:98%;
	overflow:hidden;
}

/* left column - TOC */
/* left column - TOC */
div#block_a {
/*	width: 200px;
	position: absolute;
	top: 0;
	left: 0;*/
width: 600px;
border:#0f0 2px solid;
height:600px;
}

/* middle column - customary text */
div#block_b a {
/*	width: 400px;
	position: absolute;
	top: 0;
	left: 200px;*/
	color:#cc3300;
}

div#block_b a:hover {
text-decoration:underline;

}

/* right column */
div#block_c {

/*	width: 200px;
	position: absolute;
	top: 0;
	left: 600px; */
}

div#choose_wrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:10%;
	}

div#choose {
	border:#ffffff solid 1px;;
	left:0px;
	height:25px;
	padding:2px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background-color:#656f77;
	overflow:hidden;
	color:#FFFFFF;
}


h4 {
	font-size: .9em;
	font-weight:200;	
	padding:0px 5px 1px 5px;
	margin:0px 5px 1px 5px;
	border: 0;
	color:#FFFFFF;
	z-index:1;
}


.pane_header {
	background-color: #666;
	border-bottom:#ccc solid 1px;
	color:#fff;
	top:0px;
}

#toc .pane_header {
	background-color: #333;
	border-bottom:#ccc solid 1px;
	color:#fff;
	top:0px;
}


#toc {
	position:absolute;
	width:300px;
	height:57%;
	overflow:auto;
	margin-left:0px;
	color:#ccc; 
	border:#fff solid 1px;
	z-index:10;
	background-color:#666;
	top:8%
}

#toc_list {
	list-style: none;
	padding: 0px;
	margin: 1px 10px 1px -10px;
	border: none;
}

#toc_list li {
	list-style: none;
	padding: 2px 20px 2px 20px;
	font-size: 1em;
	line-height:1.2em;
}

#toc_list li a {
	color:#ccc; 
}

#toc_list li a:hover {
	color: #666;
	background-color:#ccc;

}

#toc_list li.selected {
	background-color:#993300;
	color: white;
}

#glossary {
	position:absolute;
	width:300px;
	left:0px;
	height:30%;
	top:68%;
	font-size:.9em;
	border:#fff solid 1px;
	background-color:#ccc;
	overflow:auto;
	left:0px;
	z-index:10;
	color:#333;
}

#glossary p {
	padding:0px 0px 0px 0px;
	margin:10px 10px 10px 10px;
	font-size:1em;
}

.glossary text {
	padding: 1px 10px 1px -10px;
	margin: 1px 10px 1px -10px;
	font-size:1em;
	color:#ff0000;

}

.chunk {
	padding: 2px 20px 2px 20px;
	text-align: left;
	line-height: 1.5em;
	position:absolute;
	width:420px;
	height:98%;
	overflow:auto;
	left:310px;
	border:#fff solid 1px;
	background-color:#cccccc;
	z-index:10;
	color:#333;
	top:0em;
	height:97%;
}

.chunk a:link { color: #cc3300;}
.chunk a:visited { color:#cc3300;}

.context {
	border-bottom: thin solid white;
	z-index:12;
}

#flashtarget1 {
	position:relative;
}


#context_location {
	position:absolute;
	height:32%;
	width:30%;
	left:780px;
	overflow:auto;
	border:#fff solid 1px;
	background-color:#999999;
	z-index:14;
	top:0px;
}

#flashtarget2 {	
	overflow:hidden;
}

#context_job {
	position:absolute;
	height:32%;
	width:30%;
	left:780px;
	top:33%;
	overflow:auto;
	border:#fff solid 1px;
	background-color:#999999;
	z-index:12;
}
 
#context_job ul {
padding: 2px 2px 2px 8px;

}

#flashtarget3 {	
	overflow:hidden;
}

#context_animation {
	position:absolute;
	height:32%;
	width:30%;
	left:780px;
	overflow:auto;
	border:#fff solid 1px;
	background-color:#999999;
	z-index:14;
	top:66%;	
}