/* CSS-based Image Maps
   Author: Frank Manno
   Version: Nov. 25, 2004
----------------------------------------------- */

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(group.jpg) top left no-repeat;
	height: 416px;
	width: 500px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#monitorDef{ top: 65px; left: 114px; }
dd#monitorDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; cursor: pointer; cursor:hand;}
dd#monitorDef a span{ display: none; }
dd#monitorDef a:hover{ position: absolute; background: transparent url(.jpg) -109px -317px no-repeat; cursor:hand; cursor: pointer; top: -10px; left: -5px; }
dd#monitorDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
	cursor:hand;
	cursor: pointer
}

dd#phoneDef{ top: 111px; left: 240px; }
dd#phoneDef a{ position: absolute; width: 56px; height: 46px; text-decoration: none; cursor: pointer; cursor:hand;}
dd#phoneDef a span{ display: none; }
dd#phoneDef a:hover{ background: transparent url(.jpg) -211px -373px no-repeat; }
dd#phoneDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 300%;
}

dd#phoneDef2{ top: 111px; left: 335px; }
dd#phoneDef2 a{ position: absolute; width: 105px; height: 46px; text-decoration: none; cursor: pointer; cursor:hand;}
dd#phoneDef2 a span{ display: none; }
dd#phoneDef2 a:hover{ background: transparent url(.jpg) -211px -373px no-repeat; }
dd#phoneDef2 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 300%;
}

dd#caseDef{ top: 165px; left: 168px; }
dd#caseDef a{ position: absolute; width: 105px; height: 87px; text-decoration: none;	cursor: pointer; cursor:hand;}
dd#caseDef a span{ display: none; }
dd#caseDef a:hover{ background: transparent url(group.jpg) -168px -427px no-repeat; }
dd#caseDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#notebookDef{ top: 101px; left: 72px; }
dd#notebookDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; cursor: pointer; cursor:hand;}
dd#notebookDef a span{ display: none; }
dd#notebookDef a:hover{ background: transparent url(group.jpg) -72px -625px no-repeat; }
dd#notebookDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}

dd#notebookDef2{ top: 144px; left: 220px; }
dd#notebookDef2 a{ position: absolute; width: 110px; height: 54px; text-decoration: none; cursor: pointer; cursor:hand;}
dd#notebookDef2 a span{ display: none; }
dd#notebookDef2 a:hover{ background: transparent url(.jpg) -72px -625px no-repeat; }
dd#notebookDef2 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}

dd#notebookDef3{ top: 101px; left: 400px; }
dd#notebookDef3 a{ position: absolute; width: 96px; height: 54px; text-decoration: none; cursor: pointer; cursor:hand; }
dd#notebookDef3 a span{ display: none; }
dd#notebookDef3 a:hover{ background: transparent url(.jpg) -72px -625px no-repeat; }
dd#notebookDef3 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 280%;
}
dd#notebookDef4{ top: 75px; left: 150px; }
dd#notebookDef4 a{ position: absolute; width: 96px; height: 54px; text-decoration: none; cursor: pointer; cursor:hand; }
dd#notebookDef4 a span{ display: none; }
dd#notebookDef4 a:hover{ background: transparent url(.jpg) -72px -625px no-repeat; }
dd#notebookDef4 a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 280%;
}

dd#floppyDef{ top: 126px; left: 3px; }
dd#floppyDef a{ position: absolute; width: 80px; height: 39px; text-decoration: none; cursor: pointer; cursor:hand; }
dd#floppyDef a span{ display: none; }
dd#floppyDef a:hover{ background: transparent url(.jpg) -72px -388px no-repeat; }
dd#floppyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 300%;
}