/* defines attributes for the launcher table */
.bannerheading{
	font-family:"Times New Roman", Times, serif;
	font-size:36px;
	color:#999999;
}
.mainbanner{
	display:block;
	z-index:1000;
	/* top, bottom, left, right - must always be defined with a position attribute */
	position:absolute;
	bottom:250px;
	left:200px;
	/* I get horizontal scrollbars when i assign 100%, hence 99.*/
	width:65%;
	text-align:left;
	font-family:Segoe UI, Arial;
	font-size:11px;
	/* Debugging purposes, remove upon deployment */
	/* border: solid thin #FF0000; */
}
.launcherModule{
	display:block;
	z-index:1000;
	/* top, bottom, left, right - must always be defined with a position attribute */
	position:absolute;
	bottom:10px;
	left:0px;
	/* I get horizontal scrollbars when i assign 100%, hence 99.*/
	width:99%;
	text-align:center;
	/* Debugging purposes, remove upon deployment */
	/* border: solid thin #FF0000; */
}
.launcherHotspot{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	/* debugging outlines, remove upon deployment */
	/* border:solid thin #AAA; */
}
.launchMenu{
	margin:auto;
	table-layout:auto;
	width:auto;
}
.launchElement{
	/* future attributes */
}
	.launchElement td{
		margin-bottom:0px;
	}
	.launchElement td>div{
		text-align:center;
	}
	.launchElement td>div>img{
		position:relative;
		bottom:0;
	}
	.list-of-icons td{
		/* If you want the icons to 'float', set this property to 'middle' */
		vertical-align:bottom;
		/* Remove this border during deployment*/
		/* border:thin solid #EEE; */
	}
	.list-of-labels td{
		font-family:Segoe UI, Arial;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		vertical-align:top;
	}
.launchMenuPanel{
	/* set the padding so that the mouse will move FAR 
	(left-right) enough before moving out of the hotspot.
	Depending on the size of your image, you might need to 
	alter the widths of the left & right paddings */
	padding-left:1px;
	padding-right:1px;
}

.resetHotspots{
	/* background attributes for reset hotspots 
		Need this for debugging purposes
		Remove this property during deployment
	*/
	/* background:#EEE; */
	width:50px;
	height:50px;
	text-align:center;
	font-size:8px;
	font-family:Arial;
}
	.resetHotspots div{
		display:none;
		
	}