@charset "UTF-8";

/* SpryTooltip.css - version 0.2 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

span[id*="spryt"]{position:relative; display:block;}
span[id*="spryt"]{overflow:visible;}
.tooltipContent
{
	position: absolute;
	background-color: #FFF;
	padding:20px;
	font-size:90%;
	line-height: 150%;
	top: 100%;
	left: -30px;
	right: -30px;
	height: auto;
	overflow-x: hidden;
	overflow-y:auto;
	opacity:0;
	z-index: 0;
}
body>.tooltipContent{height:0; padding:0;}
span[id*="spryt"]{overflow:visible;}
span[id*="spryt"]>.tooltipContent{
	z-index:9999;
	top: -30px;
	width:auto;
	width:600px;
	max-height:400px;
	opacity:1;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
@media (max-width:991px){
	span[id*="spryt"]>.tooltipContent{
		width:calc(100vw - 300px);
	}
}
.tooltipContent *{white-space:normal !important; font-weight:400;}
.tooltipContent h4
{
	font-size:1.1rem;
	font-weight:600;
	line-height: 150%;
	margin-bottom: -1em;
}
.tooltipContent p{padding:0 0 .5em 0;font-size:.85rem;}


.iframeTooltip
{
    position: absolute;
	width: 400px;
    height: 200px;
	padding:20px 20px 20px 20px;
}
@media (max-width:640px){
	.tooltipContent{
		display:none !important; z-index:-1000000 !important; opacity:0 !important;
	}
}