/*
Author: Alan Cantin
Date: July 21, 2006
Revision: 2.0
Edited by Elaine MacDonald
Date:  July 11, 2008

This style sheet is used only for controlling the hover states of the floorplans.
Each section is commented, so that anyone editing will know approximately where he/she is.

At the bottom of the stylesheet are styles that are applied to each room, therefore all classes/selectors are
contained int here, except for the main maps.

Please be careful when editing this document, be sure to preview any changes immediately in all available 
browsers, otherwise you may experience positioning problems.

*/

/****These styles simply position the maps with a background that is the floorplan, for each section****/
dl#irMap1{
	margin: 0;
	padding: 0;
	background: transparent url(../images/9114.gif) top left no-repeat;
	height: 244px;
	width: 450px;
	position: relative;
}

dl#irMap2{
	margin: 0;
	padding: 0;
	background: transparent url(../images/9115.gif) top left no-repeat;
	height: 278px;
	width: 250px;
	position: relative;
/*	left: 183px;
	top: 397px;*/
}

dl#irMap3{
	margin: 0;
	padding: 0;
	background: transparent url(../images/9116.gif) no-repeat -50px top;
	height: 244px;
	width: 230px;
	position: relative;
}

dl#irMap4{
	margin: 0;
	padding: 0;
	background: transparent url(../images/9903.gif) no-repeat -50px top;
	height: 250px;
	width: 600px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	width: 37px;
	height: 20px;
	left: 320px;
	top: 146px;
}


/********************************Insectarium Rooms*************************************/
/*	each 'dd#something' is a different room, careful of the positioning as it is 		  */
/*	absolute.																								  */
/**************************************************************************************/
dd#firstCold {top: 14px; left: 63px;}
dd#firstCold a{position: absolute; width: 42px; height: 91px; text-decoration: none;}

dd#firstBlock{ top: 14px; left: 105px; }
dd#firstBlock a{ position: absolute; width: 41px; height: 91px; text-decoration: none; }

dd#secondBlock{ top: 14px; left: 146px; }
dd#secondBlock a{ position: absolute; width: 126px; height: 91px; text-decoration: none; }

dd#thirdBlock{ top: 14px; left: 274px; }
dd#thirdBlock a{ position: absolute; width: 126px; height: 91px; text-decoration: none; }

dd#fourthBlock{ top: 14px; left: 400px; }
dd#fourthBlock a{ position: absolute; width: 45px; height: 91px; text-decoration: none; }

dd#fifthBlock{ top: 135px; left: 17px; }
dd#fifthBlock a{ position: absolute; width: 86px; height: 91px; text-decoration: none; }

dd#sixthBlock{ top: 135px; left: 105px; }
dd#sixthBlock a{ position: absolute; width: 40px; height: 46px; text-decoration: none; }

dd#seventhBlock{ top: 135px; left: 145px; }
dd#seventhBlock a{ position: absolute; width: 42px; height: 91px; text-decoration: none; }

dd#secondCold {top: 135px; left: 189px;}
dd#secondCold a {position: absolute; width: 42px; height: 91px; text-decoration: none;}

dd#eighthBlock{ top: 135px; left: 231px; }
dd#eighthBlock a{ position: absolute; width: 126px; height: 91px; text-decoration: none; }

dd#ninthBlock{ top: 135px; left: 359px; }
dd#ninthBlock a{ position: absolute; width: 40px; height: 91px; text-decoration: none; }

dd#tenthBlock{ top: 135px; left: 403px; }
dd#tenthBlock a{ position: absolute; width: 40px; height: 91px; text-decoration: none; }

/********************************Quality Control Rooms*************************************/

dd#qc_1{ top: 2px; left: 2px; }
dd#qc_1 a{ position: absolute; width: 116px; height: 130px; text-decoration: none; }

dd#qc_2{ top: 132px; left: 2px; }
dd#qc_2 a{ position: absolute; width: 60px; height: 35px; text-decoration: none; }

dd#qc_3{ top: 132px; left: 64px; }
dd#qc_3 a{ position: absolute; width: 58px; height: 33px; text-decoration: none; }

dd#qc_4{ top: 126px; left: 154px; }
dd#qc_4 a{ position: absolute; width: 50px; height: 75px; text-decoration: none; }

/********************************Methods Development Rooms*********************************/
dd#md_1{ top: 2px; left: -1px; }
dd#md_1 a{position: absolute; width: 84px; height: 82px; text-decoration: none; top: -6px; }

dd#md_2{ top: 4px; left: 85px; }
dd#md_2 a{ position: absolute; width: 65px; height: 49px; text-decoration: none; }

dd#md_3{ top: 88px; left: -1px; }
dd#md_3 a{position: absolute; width: 84px; height: 89px; text-decoration: none; left: 1px; }

dd#md_4{ top: 51px; left: 85px; }
dd#md_4 a{position: absolute; width: 80px; height: 125px; text-decoration: none; }


/********************************Quarantine Rooms*********************************/
dd#quar_1{ top: 149px; left: 401px; }
dd#quar_1 a{ position: absolute; width: 29px; height: 31px; text-decoration: none; left: -1px; top: 4px; }

dd#quar_2{ top: 104px; left: 401px; }
dd#quar_2 a{
	position: absolute;
	width: 28px;
	height: 43px;
	text-decoration: none;
	top: 5px;
}
	
dd#quar_3{ top: 150px; left: 362px; }
dd#quar_3 a{ position: absolute; width: 38px; height: 33px; text-decoration: none; left: -3px; top: -5px; }

dd#quar_4{ top: 150px; left: 320px; }
dd#quar_4 a{ position: absolute; width: 38px; height: 33px; text-decoration: none; left: -3px; top: -5px; }

dd#quar_5{ top: 26px; left: 368px; }
dd#quar_5 a{
	position: absolute;
	width: 58px;
	height: 77px;
	text-decoration: none;
	left: 2px;
	top: -1px;
}

dd#quar_6{ top: 29px; left: 324px; }
dd#quar_6 a{ position: absolute; width: 42px; height: 33px; text-decoration: none; }

dd#quar_7{ top: 25px; left: 205px; }
dd#quar_7 a{ position: absolute; width: 112px; height: 155px; text-decoration: none; }

dd#quar_8{ top: 22px; left: 110px; }
dd#quar_8 a{ position: absolute; width: 87px; height: 59px; text-decoration: none; }

dd#quar_9{ top: 84px; left: 112px; }
dd#quar_9 a{ position: absolute; width: 86px; height: 62px; text-decoration: none; }

dd#quar_10{ top: 64px; left: 5px; }
dd#quar_10 a{
	position: absolute;
	width: 103px;
	height: 62px;
	text-decoration: none;
	left: -2px;
	top: -2px;
}

dd#quar_11{ top: 11px; left: 46px; }
dd#quar_11 a{
	position: absolute;
	width: 41px;
	height: 24px;
	text-decoration: none;
	left: -1px;
	top: 9px;
}

dd#quar_12{ top: 25px; left: 3px; }
dd#quar_12 a{
	position: absolute;
	width: 34px;
	height: 30px;
	text-decoration: none;
	left: -1px;
	top: -3px;
}



/********************************Amalgamation of certain items****************************/


/*The hover state for each item is styled right here since all will have the same look to them
  This portion is only for the box surrounding the room, not the header which has the name of
  each room*/
dd#firstBlock a:hover, dd#secondBlock a:hover, dd#thirdBlock a:hover, dd#fourthBlock a:hover,
dd#fifthBlock a:hover, dd#sixthBlock a:hover, dd#seventhBlock a:hover, dd#eighthBlock a:hover,
dd#ninthBlock a:hover, dd#tenthBlock a:hover, dd#firstCold a:hover, dd#secondCold a:hover,
dd#qc_1 a:hover, dd#qc_2 a:hover, dd#qc_3 a:hover, dd#qc_4 a:hover, dd#md_1 a:hover, dd#md_2 a:hover,
dd#md_3 a:hover, dd#md_4 a:hover, dd#quar_1 a:hover, dd#quar_2 a:hover, dd#quar_3 a:hover, dd#quar_4 a:hover, dd#quar_5 a:hover, dd#quar_6 a:hover, dd#quar_7 a:hover, dd#quar_8 a:hover, dd#quar_9 a:hover, dd#quar_10 a:hover, dd#quar_11 a:hover, dd#quar_12 a:hover
{
	position: absolute;	
	background: transparent; 
	top: -10px;	
	left: -5px;	
	border: 2px solid #A2DCF2;	
	margin-top: 10px;	
	margin-left: 5px;}

/*This section shows the header for each room, once hovered overtop of*/
dd#firstBlock a:hover span, dd#secondBlock a:hover span, dd#thirdBlock a:hover span, dd#fourthBlock a:hover span,
dd#fifthBlock a:hover span, dd#sixthBlock a:hover span, dd#seventhBlock a:hover span, dd#eighthBlock a:hover span,
dd#ninthBlock a:hover span, dd#tenthBlock a:hover span, dd#firstCold a:hover span, dd#secondCold a:hover span,
dd#qc_1 a:hover span, dd#qc_2 a:hover span, dd#qc_3 a:hover span, dd#qc_4 a:hover span, dd#md_1 a:hover span,
dd#md_2 a:hover span, dd#md_3 a:hover span, dd#md_4 a:hover span, dd#quar_1 a:hover span, dd#quar_2 a:hover span, dd#quar_3 a:hover span, dd#quar_4 a:hover span, dd#quar_5 a:hover span, dd#quar_6 a:hover span, dd#quar_7 a:hover span, dd#quar_8 a:hover span, dd#quar_9 a:hover span, dd#quar_10 a:hover span, dd#quar_11 a:hover span, dd#quar_12 a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #A2DCF2;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 120px;
	text-align: left;
}
/*This section simply hides the header for each room, which is in a span*/
dd#firstBlock a span, dd#secondBlock a span, dd#thirdBlock a span, dd#fourthBlock a span,
dd#fifthBlock a span, dd#sixthBlock a span, dd#seventhBlock a span, dd#eighthBlock a span,
dd#ninthBlock a span, dd#tenthBlock a span, dd#firstCold a span, dd#secondCold a span,
dd#qc_1 a span, dd#qc_2 a span, dd#qc_3 a span, dd#qc_4 a span, dd#md_1 a span, dd#md_2 a span,
dd#md_3 a span, dd#md_4 a span, dd#quar_1 a span, dd#quar_2 a span, dd#quar_3 a span, dd#quar_4 a span, dd#quar_5 a span, dd#quar_6 a span, dd#quar_7 a span, dd#quar_8 a span, dd#quar_9 a span, dd#quar_10 a span, dd#quar_11 a span, dd#quar_12 a span {
	display: none; 
	text-decoration: none;
}