.parentdiv{
	width:980px; 
	height:40px; 
	margin:0 auto; 
	text-align:center;
} 
.parentbox{
	width:100px; 
	height:40px; 
	margin:0 auto; 
	text-align:center; 
	font-weight:bold;				
}
.leveldiv{
	width:980px;	
	height:70px; 
	margin:0 auto; 
	text-align:center;	
}
.userbox{
	width:120px; 
	height:70px; 
	margin:0 auto; 
	text-align:center; 
	font-weight:bold;
	font-size:10px;
	/*border:dotted #FF0000;*/			
}
.level2box{
	display:inline-block; 
	width:480px;
	vertical-align:top;
}
.level3box{
	display:inline-block;
	width:240px;
	vertical-align:top; 
}
.level3boxline{
	display:inline-block;
	width:122px; 
	height:10px; 
	margin:0 auto; 
	text-align:center; 
	font-weight:bold; 
}
.level4box{
	display:inline-block;
	width:116px;
	vertical-align:top; 
}
a.info_pnc,
a.info_pnc_right,
a.info_pnc_left,
a.info_pnc_top,
a.info_pnc_top_left,
a.info_pnc_top_right{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none
}
a.info_pnc:hover,
a.info_pnc_right:hover,
a.info_pnc_left:hover,
a.info_pnc_top:hover,
a.info_pnc_top_left:hover,
a.info_pnc_top_right:hover{z-index:25;}

a.info_pnc span,
a.info_pnc_right span,
a.info_pnc_left span,
a.info_pnc_top span,
a.info_pnc_top_left span,
a.info_pnc_top_right span{display: none}

a.info_pnc:hover span,
a.info_pnc_right:hover span,
a.info_pnc_left:hover span,
a.info_pnc_top:hover span,
a.info_pnc_top_left:hover span,
a.info_pnc_top_right:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding:2px;
    width:28em;
	border-top: 5px solid;
	border-top-color:#3f83bf;
	border-bottom: 5px solid;
	border-bottom-color:#3f83bf;
	border-left-color:none;
	border-right-color:none;
    background-color:#32323a;	
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
}

a.info_pnc:hover span{ /*the span will display just on :hover state*/
    top:4.0em; 
	left:-11em;
}

a.info_pnc_right:hover span{
    top:-11.5em; 
	left:2em;
}

a.info_pnc_left:hover span{
    top:-11.5em; 
	right:2em; 
}

a.info_pnc_top:hover span{
    top:-13.0em;  
	left:-11em; 
}
a.info_pnc_top_left:hover span{
    top:-13.0em; 
	left:0em; 
}
a.info_pnc_top_right:hover span{
    top:-13.0em; 
	right:1em; 
}
.tbl-style{
	color:#fff;
	font-size:12px;
	font-weight: 300;
    text-align: left;
}

.tbl-style .td-lable{
	width:50%;
	color:#fff;
	font-size:12px;
	font-weight: 600;
    text-align: right;
	padding-right:2px;
}

.tbl-style .td-data{
	width:50%;
	color:#fff;
	font-size:12px;
	font-weight: 300;
    text-align: left;
	padding-left:2px;
}

.legend-itm{
	width:84px;
	font-size:11px;
	font-weight:bold;
	font-weight:600;
    text-align:center;
}