.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:80px; 
	margin:0 auto; 
	text-align:center;	
}
.userbox{
	width:120px; 
	height:80px; 
	margin:0 auto; 
	text-align:center; 
	font-weight:bold;
	font-size:11px;
	/*border:dotted #FF0000;*/			
}

.userbox span{	 
	font-weight:600;
	font-size:11px;		
}
.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 img,
a.info_pnc_right img,
a.info_pnc_left img,
a.info_pnc_top img,
a.info_pnc_top_left img,
a.info_pnc_top_right img{
	position:relative;
    z-index:-1;
}

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:hover img,
a.info_pnc_right:hover img,
a.info_pnc_left:hover img,
a.info_pnc_top:hover img,
a.info_pnc_top_left:hover img,
a.info_pnc_top_right:hover img{	
	position:relative;
	z-index:-1 !important;
}

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: 0px solid;
	border-top-color:#2196f3;
	border-bottom: 10px solid;
	border-bottom-color:#000;
	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;*/
	z-index:1000 !important;
	-moz-box-shadow: 0 0 5px 5px black;
	-webkit-box-shadow: 0 0 5px 5px black;
	box-shadow: 0 0 5px 5px black;
}

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:-18em;  
	left:-11em; 
}
a.info_pnc_top_left:hover span{
    top:-18em; 
	left:-5em; 
}
a.info_pnc_top_right:hover span{
    top:-18em; 
	right:-5em; 
}

.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;
}

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

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