<style type="text/css">
	
a
	{
	text-decoration: none;
	}
	
body
	{
	background-color: #333333;
	margin: 0px;
	}
	
body, html
	{
	height: 100%;
	overflow: hidden;
	width: 100%;
	}
	
img
	{
	border-style: none;
	}
	
#menu
	{
	height: 4%;
	overflow: auto;
	}

#iframecontent
	{
	
	height: 100%;
	width: 100%;
	}
			
#tree
	{
	margin-left: 10px;
	margin-top: 10px;
	}
			
.dtree
	{
	color: #888888;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}
	
.dtree img
	{
	border-style: none;
	vertical-align: middle;
	}

.dtree a.node
	{
	background-color: #333333;
	color: #999999;
	text-decoration: none;
	}

.dtree a.node, .dtree a.nodeSel
	{
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	}

.dtree a.node:hover, .dtree a.nodeSel:hover
	{
	color: #cccccc;
	}

.dtree a.nodeSel
	{
	background-color: #333333;
	color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	}

#link
	{
	color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 10px;
	text-decoration: none;
	}		
		
#logo
	{
	margin-left: 10px;
	margin-top: 10px;
	}
	
#contenttarget
	{
	height: 100%;
	width: 100%;
	}

#javascriptcontent
	{
	background-color: #333333;
	height: 100%;
	text-align: center;
	width: 100%;
	}

#javascriptcontenthead
	{
	height: 25%;
	width: 100%;
	}

#javascriptcontentbody
	{
	color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 75%;
	text-decoration: none;
	width: 100%;
	}
</style>
