@charset "utf-8";
/* CSS Document */

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

/*h1.title{
	font-size: 115%;
	color: white;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 0 0 5px;
}*/

dl#streetartMap{
	margin: 0;
	padding: 0;
	background: transparent url(/modern/exhibitions/streetart/images/tate_modern.jpg) top left no-repeat;
	height: 335px;
	width: 544px;
	position: relative;
}

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

dl#streetartMap dt.title{
	color: #000;
	display: block;
	font-size: 115%;
	padding: 10px 0 0 8px;
}

/* ---------- Hotspot Declarations ----------  from right to left*/
dd#squarebluDef{ top: 57px; right: 30px; }
dd#squarebluDef a{
	position: absolute;
	width: 42px;
	height: 65px;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	left: -50px;
	top: 153px;
}
dd#squarebluDef a span{ display: none; }
dd#squarebluDef a:hover{ position: absolute; border: 1px solid #fff; }
dd#squarebluDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 280px;
	left:-220px;
}

dd#squarenuncaDef{ top: 57px; right: 50px; }
dd#squarenuncaDef a{
	position: absolute;
	width: 42px;
	height: 65px;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	left: -80px;
	top: 153px;
}
dd#squarenuncaDef a span{ display: none; }
dd#squarenuncaDef a:hover{ position: absolute; border: 1px solid #fff; }
dd#squarenuncaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 280px;
	left:-180px;
}

dd#squareosgemosDef{ top: 57px; right: 70px; }
dd#squareosgemosDef a{
	position: absolute;
	width: 42px;
	height: 60px;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	left: -151px;
	top: 152px;
}
dd#squareosgemosDef a span{ display: none; }
dd#squareosgemosDef a:hover{ position: absolute; border: 1px solid #fff; }
dd#squareosgemosDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 280px;
	left:-100px;
}

dd#squarefaileDef{ top: 57px; right: 90px; }
dd#squarefaileDef a{
	position: absolute;
	width: 42px;
	height: 65px;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	left: -277px;
	top: 154px;
}
dd#squarefaileDef a span{ display: none; }
dd#squarefaileDef a:hover{ position: absolute; border: 1px solid #fff; }
dd#squarefaileDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 280px;
}

dd#jrsquareDef{ top: 160px; left: 282px; }
dd#jrsquareDef a{
	position: absolute;
	width: 35px;
	height: 71px;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	left: -152px;
	top: 49px;
}
dd#jrsquareDef a span{ display: none; }
dd#jrsquareDef a:hover{ background: transparent url(hover.png) repeat; border: 1px solid #fff; }
dd#jrsquareDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 280px;
}

dd#sixeartsquareDef{ top: 165px; left: 63px; }
dd#sixeartsquareDef a{
	position: absolute;
	width: 33px;
	height: 56px;
	text-decoration: none;
	border: 1px solid #BCBCBC;
	background: transparent url(note.png) repeat;
	left: 25px;
	top: 44px;
}
dd#sixeartsquareDef a span{ display: none; }
dd#sixeartsquareDef a:hover{ border: 1px solid #fff; }
dd#sixeartsquareDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 280px;
}

p.artworktitle {padding:0; margin:0; font-size:1.2em; font-weight:bold;}

#streetartMap img { float:left; padding:6px 0 0 0;}