@charset "utf-8";
		.tooltip {
			border-bottom: none; 
			outline: none;
			text-decoration: none;
			position: relative;
                        margin-bottom: 5px;
		}
		
		a.tooltip {
			text-decoration: none;
			color: #156AA3;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}

		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
			line-height:1.2em;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Calibri, Tahoma, Geneva, sans-serif; font-size: 1em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
                
                li.tooltip a {
                    text-decoration: none;
                    margin-left: 5px;
                }
                
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #ebf2f8; border: 1px solid #284372; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		.solution {
			 padding: 0.8em 1em;
			 background: #ebf2f8; border: 1px solid #284372;
			  }
			  
/* license is for the tooltips on the packages tab of index.html */			  
			  
				.license {
			border-bottom: none; 
			outline: none;
			text-decoration: none;
			position: relative;
		}
		
		a.license {
			text-decoration: none;
			color: #156AA3;
		}
		.license span {
			margin-left: -999em;
			position: absolute;
		}

		.license:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 5em; top: 2.2em; z-index: 99;
			margin-left: 0; width: 110px;
			line-height:1em;
			text-align: center;
		}
		.license:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.license:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}	  

/* blicense is for the tooltips on storefront.asp */
				.blicense {
			border-bottom: none; 
			outline: none;
			text-decoration: none;
			position: relative;
		}

		a.blicense {
			text-decoration: none;
			color: #156AA3;
		}
		.blicense span {
			margin-left: -999em;
			position: absolute;
		}

		.blicense:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 5em; top: 2.2em; z-index: 99;
			margin-left: 0; width: 110px;
			line-height:1em;
			text-align: center;
		}
		.blicense:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.blicense:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}			
/* fix for tooltips license hover on buy it page in chrome - tips were too far down and box was too small */	
		@media screen and (-webkit-min-device-pixel-ratio:0) {
.blicense:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 5em; top: -1em; z-index: 99;
			margin-left: 0; width: 120px;
			line-height:1em;
			text-align: center;
		}
		} 
		
	
	
		
/* definition tooltips for help and getting started */		
	    .definition {
			border-bottom: none; 
			outline: none;
			text-decoration: none;
			position: relative;
		}
		
		.definition a {
			text-decoration: none;
			color: red;
		}
		
		.definition a:visited {
		    color: red;
		    }
		
		.definition span {
			margin-left: -999em;
			position: absolute;
		}

		.definition:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 5em; top: 2.2em; z-index: 99;
			margin-left: 0; width: 110px;
			line-height:1em;
			text-align: center;
		}
		.definition:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.definition:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}