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

		
		/* Relative positioning*/
		#imageMap {
			position: relative;
			margin: 50px auto 20px auto;
			text-align: center;
			font: 13px Arial,Helvetica;	
		}
		
		/* Hide the original tooltip02s contents */
		.pin {
			display: none;
		}
		
		/* Begin styling the tooltip02s and pins */
		.tooltip02-up, .tooltip02-down {
			position: absolute;
			background: url(arrow-up-down.png);
			width: 36px;
			height: 52px;
		}
		
		.tooltip02-down {
			background-position: 0 -52px;
		}
		
		.tooltip02 {
			display: none;
			width: 200px;
			cursor: help;
			text-shadow: 0 1px 0 #fff;
			position: absolute;
			top: 10px;
			left: 50%;
			z-index: 999;
			margin-left: -100px;
			padding:15px;
			color: #222;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			box-shadow: 0 3px 0 rgba(0,0,0,.7);
			background: #fff1d3;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
			background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
			background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
			background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
			background: -o-linear-gradient(top, #fff1d3, #ffdb90);
			background: linear-gradient(top, #fff1d3, #ffdb90);			
		}
		
		.tooltip02::after {
			content: '';
			position: absolute;
			top: -10px;
			left: 50%;
			margin-left: -10px;
			border-bottom: 10px solid #fff1d3;
			border-left: 10px solid transparent;
			border-right :10px solid transparent;
		}
		
		.tooltip02-down .tooltip02 {
			bottom: 12px;
			top: auto;
		}
		
		.tooltip02-down .tooltip02::after {
			bottom: -10px;
			top: auto;
			border-bottom: 0;
			border-top: 10px solid #ffdb90;
		}
		
		.tooltip02 h2 {
			font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
			margin: 0 0 10px;
		}
		
		.tooltip02 ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}