<style type="text/css">

body {}

.xnode
{
/**/
  width: 100%;
  height: 100%;
/**/
}
.xnode_middle 
{
  display: table-cell  ; 
  /*
  vertical-align: middle; 
  */
  vertical-align: top; 
  position: static;
  _position: absolute; 
  _top: 50%;
} 

.xnode_inner 
{
  position: static;
  _position: relative; 
  _top: -60%
  /*
  position: static;
  _top: -50%
  */
} 

.xnode_outerbox
{
  cursor: pointer;
  cursor: hand;
  border-width: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
/*
  border-width: 1px 1px 1px 1px;
  padding: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #ffd4a8 #caa885 #caa885 #ffd4a8;
  background: url(../img/outer_gradient.gif) repeat-x top left; 
*/
}

.xnode_mouseout0
{
  width: 100%;
/*
  background: url(../img/inner_gradient.gif) repeat-x top left; 
  background: url(../img/content_left.jpg) repeat-x text-top left;
*/
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
}

.xnode_mouseout0 .xnode_text
{
  color: #000000;
  font-weight: bold;	
/*
  font-weight: bold;	
  margin: 0px 4px 0px 4px;
*/
  font-size: 11px;
  font-family: Arial, Verdana, Geneva, sans serif;
}

.xnode_mouseover0
{
  background: #ffffff url(../dl.gif) repeat-x top right;	
  cursor: pointer;
  cursor: hand;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
/*
  margin: 0px 0px 0px 0px;
  border-width: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
*/
}

/* text-container */
.xnode_mouseover0 .xnode_text
{
  height: 100%; /* konqueror fix */
  color: #000000;
  font-weight: bold;	
/*  
  background: #ffff55;
  margin: 0px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
  border-width: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
*/
  font-size: 11px;
  font-family: Arial, Verdana, Geneva, sans serif;
}




.xnode_mouseout1
{
  background: #eff8fd;
  width: 100%;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
  border-style: dashed;
	border-color: #bdcee1;
	border-width: 1px;
}

.xnode_mouseout1 .xnode_text
{
  color: #707070;
  font-size: 10px;
  font-family: Arial, Verdana, Geneva, sans serif;
}

.xnode_mouseover1
{
  background: #eff8fd url(../dl.gif) repeat-x top right;	
  cursor: pointer;
  cursor: hand;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
  border-style: dashed;
	border-color: #bdcee1;
	border-width: 1px;
}

.xnode_mouseover1 .xnode_text
{
  height: 100%; /* konqueror fix */
  color: #000000;
  font-size: 10px;
  font-family: Arial, Verdana, Geneva, sans serif;
}




.xnode_mouseout2
{
  background: #eff8fd;
  width: 100%;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
  border-style: dashed;
	border-color: #bdcee1;
	border-width: 1px;
}

.xnode_mouseout2 .xnode_text
{
  color: #707070;
  font-size: 10px;
  font-family: Arial, Verdana, Geneva, sans serif;
}

.xnode_mouseover2
{
  background: #eff8fd;	
  cursor: pointer;
  cursor: hand;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
  border-style: dashed;
	border-color: #bdcee1;
	border-width: 1px;
}

/* text-container */
.xnode_mouseover2 .xnode_text
{
  height: 100%; /* konqueror fix */
  color: #000000;
  font-size: 10px;
  font-family: Arial, Verdana, Geneva, sans serif;
}



/*
"#eff8fd", "#707070"
*/

/*
.xnode_mouseout1
{
  width: 100%;
  background: url(../img/inner_gradient.gif) repeat-x top left; 
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
}

.xnode_mouseout1 .xnode_text
{
  margin: 0px 4px 0px 4px;
  color: #e5b76b;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.xnode_mouseover1
{
  cursor: pointer;
  cursor: hand;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
}

/ text-container 
.xnode_mouseover1 .xnode_text
{
  height: 100%; // konqueror fix 
  color: #fffdf9;
  margin: 0px 4px 0px 4px;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.xnode_mouseout2
{
  width: 100%;
  background: url(../img/inner_gradient.gif) repeat-x top left; 
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
}

.xnode_mouseout2 .xnode_text
{
  margin: 0px 4px 0px 4px;
  color: #e5b76b;
  font-weight: bold;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.xnode_mouseover2
{
  cursor: pointer;
  cursor: hand;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
}

// text-container 
.xnode_mouseover2 .xnode_text
{
  height: 100%; // konqueror fix 
  color: #fffdf9;
  margin: 0px 4px 0px 4px;
  font-weight: bold;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

*/


.xnode_mouseout3
{
  width: 100%;
  background: url(../img/inner_gradient.gif) repeat-x top left; 
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
}

.xnode_mouseout3 .xnode_text
{
  margin: 0px 4px 0px 4px;
  color: #e5b76b;
  font-weight: bold;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.xnode_mouseover3
{
  cursor: pointer;
  cursor: hand;
  display: table; 
  position: static; 
  _overflow: hidden; 
  _position: relative;
}

/* text-container */
.xnode_mouseover3 .xnode_text
{
  height: 100%; /* konqueror fix */
  color: #fffdf9;
  margin: 0px 4px 0px 4px;
  font-weight: bold;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
</style>
