/* 
 * File name  : hoverhelp_bs.css
 * Created on : Jan 25, 2018, 1:11:16 PM
 * Author     : Thomas Kirby <tkirby at dynengsys.com>
 */

.tooltip {
	xmin-width: 200px;
	xmax-width: 500px;
}
.tooltip .tooltip-inner {
	xmin-width: 200px;
	xmax-width: 500px !important;
	xmin-height: 100px;
	text-align: left;
}

.hoverhelp {
	xmargin-left: 4px;
	xvertical-align: middle;
	xheight: 16px;
	xwidth: 16px;
	xborder: 1px solid red;
	xdisplay: inline-block;
}

.hoverhelp.icon1 {
	width: 12px;
	height: 12px;
	background: url("/images/hoverhelp1off.gif") no-repeat;
	}
.hoverhelp.icon1:hover {
	background: url("/images/hoverhelp1on.gif") no-repeat;
	}

.hoverhelp.icon2 {
	width: 16px;
	height: 16px;
	background: url("/images/hoverhelp2off.gif") no-repeat;
	}
.hoverhelp.icon2:hover {
	background: url("/images/hoverhelp2on.gif") no-repeat;
	}

.hoverhelp.icon3 {
	width: 18px;
	height: 18px;
	background: url("/images/hoverhelp3off.gif") no-repeat;
	}
.hoverhelp.icon3:hover {
	background: url("/images/hoverhelp3on.gif") no-repeat;
	}

.hoverhelp.icon4 {
	width: 18px;
	height: 22px;
	background: url("/images/hoverhelp4off.gif") no-repeat;
	}
.hoverhelp.icon4:hover {
	background: url("/images/hoverhelp4on.gif") no-repeat;
	}

.hoverhelp.icon16 {
	width: 16px;
	height: 16px;
	background: url("/images/hoverhelp16off.png") no-repeat;
	}
.hoverhelp.icon16:hover {
	background: url("/images/hoverhelp16on.png") no-repeat;
	}

.hoverhelp.icon24 {
	width: 24px;
	height: 24px;
	background: url("/images/hoverhelp24off.png") no-repeat;
	}
.hoverhelp.icon24:hover {
	background: url("/images/hoverhelp24on.png") no-repeat;
	}

.hoverhelp.icon32 {
	width: 32px;
	height: 32px;
	background: url("/images/hoverhelp32off.png") no-repeat;
	}
.hoverhelp.icon32:hover {
	background: url("/images/hoverhelp32on.png") no-repeat;
	}

.hoverhelp.icon48 {
	width: 48px;
	height: 48px;
	background: url("/images/hoverhelp48off.png") no-repeat;
	}
.hoverhelp.icon48:hover {
	background: url("/images/hoverhelp48on.png") no-repeat;
	}
	
.hoverhelp.icon64 {
	width: 64px;
	height: 64px;
	background: url("/images/hoverhelp64off.png") no-repeat;
	}
.hoverhelp.icon64:hover {
	background: url("/images/hoverhelp64on.png") no-repeat;
	}

.hoverhelp.icon128 {
	width: 128px;
	height: 128px;
	background: url("/images/hoverhelp128off.png") no-repeat;
	}
.hoverhelp.icon128:hover {
	background: url("/images/hoverhelp128on.png") no-repeat;
	}