/* CSS Document */

.tip:hover {
    position:relative;
	cursor:pointer;	
	margin-top:-8px;
	
}
.tip .tip_span_top {
    display: none;
	
}
.tip:hover .tip_span_top {
	color:black;
	font-weight:100;
	font-size:11px;
	border-radius:4px;
    /*border: #c0c0c0 1px dotted;*/
    padding: 5px;
    display: block;
    z-index: 100;
    /*background: #E6E4E3;*/
	background:#FFFFFF;
	border:2px solid #B6DFF3;
    left: -20px;
    margin: 10px;
	width:150px;
    position: absolute;
    top: -70px;
	
    text-decoration: none;
}
.tip .tip_span_top:after {
	content:"";
	position:absolute;
	top:37px; /* value = - border-top-width - border-bottom-width */
	left:-15px; /* controls horizontal position */
	border-width:0px 15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: transparent  #a0c7ff  transparent transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	
	
}

.tip:hover {
    position:relative;
	cursor:pointer;	
	margin-top:-8px;
	
}
.tip .tip_span {
    display: none;
	
}
.tip:hover .tip_span {
	color:black;
	font-weight:100;
	font-size:11px;
	border-radius:4px;
    /*border: #c0c0c0 1px dotted;*/
    padding: 5px;
    display: block;
    z-index: 100;
    /*background: #E6E4E3;*/
	background:#FFFFFF;
	border:2px solid #B6DFF3;
    left: -20px;
    margin: 10px;
	width:150px;
    position: absolute;
    top: 20px;
	
    text-decoration: none;
}
.tip .tip_span:after {
	content:"";
	position:absolute;
	top:-15px; /* value = - border-top-width - border-bottom-width */
	left:-1x; /* controls horizontal position */
	border-width:0px 15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: #a0c7ff transparent; ;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	
	
}

.tip:hover {
    position:relative;
	cursor:pointer;	
	margin-top:-8px;
	
}

.tip .tip_span_left {
    display: none;
	
}
.tip:hover .tip_span_left {
	color:black;
	font-weight:100;
	font-size:11px;
	border-radius:4px;
    /*border: #c0c0c0 1px dotted;*/
    padding: 5px;
    display: block;
    z-index: 100;
    /*background: #E6E4E3;*/
	background:#FFFFFF;
	border:0px solid #B6DFF3;
    left:80px;
    margin: -30px;
	width:170px;
    position: absolute;
    top: 50px;
    text-decoration: none;
}
.tip .tip_span_left:after {
	content:"";
	position:absolute;
	top:-15px; /* value = - border-top-width - border-bottom-width */
	left:-38px; /* controls horizontal position */
	border-width:0px 22px 22px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: transparent #0f7dca transparent  transparent; 
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.tip .tip_span_left1 {
    display: none;
	
}
.tip:hover .tip_span_left1 {
	color:black;
	font-weight:100;
	font-size:11px;
	border-radius:4px;
    /*border: #c0c0c0 1px dotted;*/
    padding: 5px;
    display: block;
    z-index: 100;
    /*background: #E6E4E3;*/
	background:#FFFFFF;
	border:0px solid #B6DFF3;
    left: 80px;
	margin-left:100px;
	width:170px;
    position: absolute;
    top: 20px;
    text-decoration: none;
}
.tip .tip_span_left1:after {
	content:"";
	position:absolute;
	top:-15px; /* value = - border-top-width - border-bottom-width */
	left:-38px; /* controls horizontal position */
	border-width:0px 22px 22px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: transparent #0f7dca transparent  transparent; 
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.img_refer_style{
width:20px; height:20px;
}
.img_refer_style1{
width:30px; height:30px;
}
.tip .tip_refer {
    display: none;
}
.tip .tip_refer_last {
    display: none;
}

.tip:hover  .tip_refer {
	color:black;
	font-weight:100;
	font-size:12px;
	border-radius:4px;
	color:#000000 !important;
    /*border: #c0c0c0 1px dotted;*/
    padding: 5px;
    display: block;
    z-index: 100;
    /*background: #E6E4E3;*/
	background:#FFFFFF;
	border:2px solid #B6DFF3;
    left: -100px;
    margin: 10px;
	width:110px;
    position: absolute;
    top: 20px;
    text-decoration: none;
}
.tip_refer:after {
	content:"";
	position:absolute;
	top:-15px; /* value = - border-top-width - border-bottom-width */
	left:80px; /* controls horizontal position */
	border-width:0px 15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: #a0c7ff transparent; ;
    display:block; 
    width:0;
}
.tip:hover .tip_refer_last
{
	color:black;
	font-weight:100;
	font-size:11px;
	border-radius:4px;
    padding: 5px;
    display: block;
    z-index: 1000;
	background:#FFFFFF;
	border:2px solid #B6DFF3;
    left: -90px;
    margin:0px;
	width:250px;
    position: absolute;
    top: 12px;
    text-decoration: none;
}
.tip_refer_last:after {
	content:"";
	position:absolute;
	top:-15px; /* value = - border-top-width - border-bottom-width */
	left:80px; /* controls horizontal position */
	border-width:0px 15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color: #a0c7ff transparent; ;
    display:block; 
    width:0;
}

.tip .tip_span_second {
display: none;
}
.tip:hover .tip_span_second {
color:black;
font-weight:100;
font-size:11px;
border-radius:4px;
line-height:20px;
/*/border: #c0c0c0 1px dotted;/*/
padding: 5px;
display: block;
z-index: 100;
/*/background: #E6E4E3;/*/
background:#FFFFFF;
border:2px solid #B6DFF3;
left: -145px;
width:160px;
position: absolute;
top: 22px;
text-decoration: none;
}
.tip .tip_span_second:after {
content:"";
position:absolute;
top:-15px; /* value = - border-top-width - border-bottom-width */
left:130px; /* controls horizontal position */
border-width:0px 15px 15px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color: #a0c7ff transparent; ;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.tip .tip_span_right {
display: none;
}
.tip:hover .tip_span_right {
color:black;
font-weight:100;
font-size:11px;
border-radius:4px;
line-height:20px;
/*/border: #c0c0c0 1px dotted;/*/
padding: 5px;
display: block;
z-index: 100;
/*/background: #E6E4E3;/*/
background:#D7F2FF;
border:0px solid #B6DFF3;
left: -120px;

position: absolute;
top: -0px;
text-decoration: none;
-webkit-box-shadow: -7px 3px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -7px 3px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -7px 3px 10px 0px rgba(50, 50, 50, 0.75);

}


.tip .tip_span_right1 {
display: none;
}
.tip:hover .tip_span_right1 {
color:black;
font-weight:100;
font-size:11px;
border-radius:4px;
line-height:20px;
/*/border: #c0c0c0 1px dotted;/*/
padding: 5px;
display: block;
z-index: 100;
/*/background: #E6E4E3;/*/
background:#D7F2FF;
border:0px solid #B6DFF3;
left: -320px;
width:400px;
position: absolute;
top: 50px;
text-decoration: none;
-webkit-box-shadow: -7px 3px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -7px 3px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -7px 3px 10px 0px rgba(50, 50, 50, 0.75);

}