@charset "UTF-8";
/* CSS Document */

/* -------- map(list) control -------- */
#labeling-map {
	margin:0;
	position:relative;
	padding:0;
	width:626px;
	height:472px;
	background:url(../../newmedia/new-labeling-diagram.jpg) top left no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
}
/* -------- get rid of default list formatting -------- */
#labeling-map li {
	margin:0;
	padding:0;
	list-style:none;
}
#nest {
	margin:0;
	padding:0;
	list-style:none;
	padding-left:70%;
}
#nestterm {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
/* -------- formats common list characteristics -------- */
#labeling-map li div.normal {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(../clear.gif);
}
/* -------- hides span -------- */
#labeling-map li div span { display:none; }
#labeling-map .tt { display:none; }

/* -------- tooltip control -------- */
#labeling-map li div:hover span.normal {
	position:relative;
	display:block;
	width:auto;
	left:20px;
	top:20px;
	padding:5px;
	font-size:13px;
	border:1px solid #000000;
	text-decoration:none;
	color:#000;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	z-index:50;
	background-color: #FFF;
}

#labeling-map li div:hover span.dead {}

/* -------- hotspot control -------- */
#labeling-map div.normal {position:absolute;}

#labeling-map div.label-a {
	left:242px;
	top:258px;width:32px;height:32px;}
	
#labeling-map div.label-b {
	left:75px;
	top:167px;width:32px;height:32px;}

#labeling-map div.label-c {
	left:364px;
	top:182px;width:32px;height:32px;}

#labeling-map div.label-d {
	left:210px;
	top:96px;width:32px;height:32px;}

#labeling-map div.label-e {
	left:313px;
	top:338px;width:32px;height:32px;}



/*---------- bubble tooltip -----------*/
ul#nest{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    text-decoration:none;
	margin-top:10px;
	margin-left:200px;
	width:20px;
	padding-left:0px;
}
ul#nest span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
ul#nest:hover{ z-index:25; color: #aaaaff; background:;}
ul#nest:hover span.tooltip{
	position:relative;
	display:block;
	width:350px;
	left:-100px;
	top:-20px;
	padding:5px;
	float:left;
	border:1px solid #000;
	background:#CCFFCC;
	text-decoration:none;
	color:#000;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
/*---------- term tooltip -----------*/
a.css_tooltip{
position:relative; /*necessary to position next the span in an absolute way*/
color:#3CA3FF; /*remove the underlining from the links*/
}
a.css_tooltip:hover{
background-color:#CCFFCC;
color:#336699; /*a background color is needed for Internet Explorer 6*/
}

#labeling-map li div a.css_tooltip:hover span{
display:block; /*the span element are converted from inline to block element*/
position:absolute; /*absolute positioning in rapport to their parent link*/
z-index:100; /*needed to position the element span above other links*/
/*style of the css tooltip*/
left:10px;
top:10px;
min-width:300px;
padding:6px;
border:1px solid #000;
background:#CCFFCC;
color:#000;
-moz-border-radius:9px;
	-webkit-border-radius:9px;
}