@charset "UTF-8";
/* CSS Document */
/* normal variant tooltip breaks right of page image position */
		.tooltip {
/*			border-bottom: 1px dotted #000000; color: #000000; outline: none; */
			cursor: auto; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
/*			position: absolute; left: 1em; top: 2em; z-index: 99; */
			position: absolute; left: 2em; bottom: -10em; z-index: 99; 
		margin-left: 0;
		}
		.tooltip:hover img {
			border: 0; margin: 0 0 0 0;
			float: none; position: relative;
		}
		.tooltip: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;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 1.0em 1.0em 1.0em 1.0em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.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; }
		.classy { color: #FFF; text-align:center; background: #8B1C4C; border: 1px solid #E2ECFD; }
		
/* tooltip2 variant is identical but breaks to left of element - use when lots of images in a line */		
		.tooltip2 {
/*			border-bottom: 1px dotted #000000; color: #000000; outline: none; */
			cursor: auto; text-decoration: none;
			position: relative;
		}
		.tooltip2 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip2:hover span {
			border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
/*			position: absolute; left: 1em; top: 2em; z-index: 99; */
			position: absolute; right: 2em; bottom: -10em; z-index: 99; 
		margin-left: 0;
		}
		.tooltip2:hover img {
			border: 0; margin: 0 0 0 0;
			float: none; position: relative;
		}
		.tooltip2: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;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 1.0em 1.0em 1.0em 1.0em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.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; }
		.classy { color: #FFF; text-align:center; background: #8B1C4C; border: 1px solid #E2ECFD; }
/* tooltip3 variant is identical but breaks above element - use when at bottom of page or with few images */		
		.tooltip3 {
/*			border-bottom: 1px dotted #000000; color: #000000; outline: none; */
			cursor: auto; text-decoration: none;
			position: relative;
		}
		.tooltip3 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip3:hover span {
			border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
/*			position: absolute; left: 1em; top: 2em; z-index: 99; */
			position: absolute; right: -10em; bottom: 2em; z-index: 99; 
		margin-left: 0;
		}
		.tooltip3:hover img {
			border: 0; margin: 0 0 0 0;
			float: none; position: relative;
		}
		.tooltip3: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;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 1.0em 1.0em 1.0em 1.0em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.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; }
		.classy { color: #FFF; text-align:center; background: #8B1C4C; border: 1px solid #E2ECFD; }
/* tooltip4 variant is identical but breaks left above element - use when at bottom of page or with few images */		
		.tooltip4 {
/*			border-bottom: 1px dotted #000000; color: #000000; outline: none; */
			border-bottom: 0px;
			cursor: auto; text-decoration: none;
			position: relative;
		}
		.tooltip4 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip4:hover span {
			border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
/*			position: absolute; left: 1em; top: 2em; z-index: 99; */
			position: absolute; left: 10em; bottom: -6em; z-index: 99; 
		margin-left: 0;
		}
		.tooltip4:hover img {
			border: 0; margin: 0 0 0 0;
			border-bottom: 1px;
			float: none; position: relative;
		}
		.tooltip4: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;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 1.0em 1.0em 1.0em 1.0em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.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; }
		.classy { color: #FFF; text-align:center; background: #8B1C4C; border: 1px solid #E2ECFD; }
/* tooltip5 variant is identical but breaks right above element - use when at bottom of page or with few images */		
		.tooltip5 {
/*			border-bottom: 1px dotted #000000; color: #000000; outline: none; */
			cursor: auto; text-decoration: none;
			position: relative;
		}
		.tooltip5 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip5:hover span {
			border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
/*			position: absolute; left: 1em; top: 2em; z-index: 99; */
			position: absolute; left: 1em; bottom: -20em; z-index: 99; 
		margin-left: 0;
		}
		.tooltip5:hover img {
			border: 0; margin: 0 0 0 0;
			float: none; position: relative;
		}
		.tooltip5: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;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 1.0em 1.0em 1.0em 1.0em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.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; }
		.classy { color: #FFF; text-align:center; background: #8B1C4C; border: 1px solid #E2ECFD; }
/* tooltip6 variant is identical but breaks left above element - use when at bottom of page or with few images */		
		.tooltip6 {
/*			border-bottom: 1px dotted #000000; color: #000000; outline: none; */
			cursor: auto; text-decoration: none;
			position: relative;
		}
		.tooltip6 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip6:hover span {
			border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
/*			position: absolute; left: 1em; top: 2em; z-index: 99; */
			position: absolute; right: 1em; top: -20em; z-index: 99; 
		margin-left: 0;
		}
		.tooltip6:hover img {
			border: 0; margin: 0 0 0 0;
			float: none; position: relative;
		}
		.tooltip6: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;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 1.0em 1.0em 1.0em 1.0em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.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; }
		.classy { color: #FFF; text-align:center; background: #8B1C4C; border: 1px solid #E2ECFD; }