html, body, form
{
	margin: 0px;
	padding: 0px;
	border: none;
}

html, body 
{
	background-color: black; 
}

table, table tr, table tr td 
{ 
	border-spacing: 0;
	border-width: 0;
	border-collapse: collapse;
	vertical-align: top;
}




#mainlayout, #mainlayout TBODY
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}



/* ----------------------- NAVBAR -------------------------- */

#navrow
{
	padding: 0px;
	margin: 0px;
}

/* In Mozilla, seems that table is not treated as part of box model so percent is of whole screen, 
	not the table cell.  To overcome this in IE, see the treeviewer_ie.css file */
#navrow, #navrow > TD
{
	height: 4%;
}
 
#prop
{
	float: left;
	height: 30px;
	width: 1px;
	/*background-color: #0000FF; DEBUG */
}

#navcontainer
{ 
	overflow: auto;
	width: 100%
}

/* DIV, contains #showhide */
#navshowhide 
{ 
	float: left; 
	padding-top: 4px;
	padding-left: 4px; 
	/* background-color: #FF0000; DEBUG */
}

/* DIV */
#navbuttons
{
	 position: absolute; 
	 top: 8px; 
	 left: 40%;
	 /* background-color: #FF00FF; DEBUG */
}

#navbuttons, #navbuttons A  
{ 
	color: white;
}

#navbuttons A IMG 
{	
	border: none;
	padding-left: 5px;
	padding-right: 5px; 
	vertical-align: middle;
}

#navback 
{ 
	position: absolute; 
	top: 0px;
	right: 4px;
	padding-top: 4px;
	padding-left: 4px;
	/* background-color: #FF0000; DEBUG */
}


/* ----------------------- MAIN ROW -------------------------- */

#contentrow
{ 
	padding: 0px;
	margin: 0px;
}

/* In Mozilla, seems that table is not treated as part of box model so percent is of whole screen, 
	not the table cell. */
#contentrow, #contentrow TD /*includes tree*/
{
	height: 95.7%; 
		/*yuck, but it largely works for Mozilla, 
		for IE specific see treeviewer_ie.css file*/ 
}




/* ----------------------- CONTENT -------------------------- */


#content1, #content2 /*is a td*/
{
	padding: 0px;
	margin: 0px; 
	/*background-color: #0000FF; DEBUG */
}

#content1 iframe, #content2 iframe
{
	background-color: #FFFFFF; /*The content won't necessarily set this*/
	width: 100%;
	height: 100%;
	border-width: 0px;
	border-style: none;
}




/* ----------------------- TREE -------------------------- */

#navtree /*is a td*/
{ 
	padding: 0px;
	margin: 0px;
	/*background-color: #FF0000; DEBUG */
	
	width: 200px; 
	border-right-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
}

#treeWrapper
{
	width: 200px;
	height: 100%;
	overflow: auto;
	background-color: #FFFFFF;
}

/* ----------------------- TREE NODES -------------------------- */

.nodeLine { padding-top: 5px }
.navlinks A { color: white }
.navlinks A.disabled { color: #aaa }
.selected {	background: none; font-weight: bold }