@charset "utf-8";

.explainTooltip {
padding-bottom:13px;
display:block;
}

.explainTooltip .explainTooltipContent {
*width:250px;
color:#4b64ad;
font-family:inherit;
font-size:12px;
text-align:left;
border:2px solid #4b64ad;
padding:4px 8px 4px 8px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.explainTooltip .explainTooltipArrow {
position: absolute;
left: 20px;
bottom:0;
width:15px;
height:15px;
}

.explainTooltip .explainTooltipArrow div {
border-left:2px solid #4b64ad;
border-right:2px solid #4b64ad;
font-size:0px;
height:1px;
margin:0 auto;
line-height:0px;
font-size:0px;
display:block;
}

.explainTooltip .explainTooltipArrow .explainLine10 {width:15px;border:none;}
.explainTooltip .explainTooltipArrow .explainLine9 {width:13px;border:none;}
.explainTooltip .explainTooltipArrow .explainLine8 {width:11px;}
.explainTooltip .explainTooltipArrow .explainLine7 {width:9px;}
.explainTooltip .explainTooltipArrow .explainLine6 {width:7px;}
.explainTooltip .explainTooltipArrow .explainLine5 {width:5px;}
.explainTooltip .explainTooltipArrow .explainLine4 {width:3px;}
.explainTooltip .explainTooltipArrow .explainLine3 {width:1px;border-left:2px solid #4b64ad;border-right:2px solid #4b64ad;border-bottom:0px solid #4b64ad;}
.explainTooltip .explainTooltipArrow .explainLine2 {width:3px;border:none;background:#4b64ad;}
.explainTooltip .explainTooltipArrow .explainLine1 {width:1px;border:none;background:#4b64ad;}

.blackTooltip .explainTooltipContent {background:#393939;color:#FFF;}
.blackTooltip .explainTooltipArrow div {background:#393939;color:#FFF;}

.whiteTooltip .explainTooltipContent {background:#FFF;color:#4b64ad;}
.whiteTooltip .explainTooltipArrow div {background:#FFF;color:#4b64ad;}

.greenTooltip .explainTooltipContent {background:#33be40;}
.greenTooltip .explainTooltipArrow div {background:#33be40;}

.redTooltip .explainTooltipContent {background:#ee0101;}
.redTooltip .explainTooltipArrow div {background:#ee0101;}