/* Relative positioning*/
#wrapper {
	position: relative;
	/*margin: 50px auto 20px auto;
	border: 1px solid #fafafa;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
	box-shadow: 0 3px 3px rgba(0,0,0,.5);*/
	float:right;
}

/* Hide the original tooltips contents */
.pin {
	display: none;
}

/* Begin styling the tooltips and pins */
.tooltip-up, .tooltip-down {
	position: absolute;
	background: url(../images/trans.png);
	width: 10px;
	height: 30px;
}

.tooltip-down {
	background-position: 0 -30px;
}

.tooltip {
	display: none;
	font: normal 12px 'Trebuchet MS', Tahoma, Arial;
	width: 225px;
	cursor: pointer;
	/*text-shadow: 0 1px 0 #fff;*/
	position: absolute;
	top: 10px;
	left: 50%;
	z-index: 999;
	margin-left: -115px;
	padding:10px;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #f4f4f4;
	/*-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: #159bd3;
	background: -webkit-gradient(linear, left top, left bottom, from(#159bd3), to(#159bd3));
	background: -webkit-linear-gradient(top, #159bd3, #159bd3);
	background: -moz-linear-gradient(top, #159bd3, #159bd3);
	background: -ms-linear-gradient(top, #159bd3, #159bd3);
	background: -o-linear-gradient(top, #159bd3, #159bd3);
	background: linear-gradient(top, #159bd3, #159bd3);			
}

.tooltip::after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	border-bottom: 10px solid #006ca7;
	border-left: 10px solid transparent;
	border-right :10px solid transparent;
}

.tooltip-down .tooltip {
	bottom: 12px;
	top: auto;
}

.tooltip-down .tooltip::after {
	bottom: -10px;
	top: auto;
	border-bottom: 0;
	border-top: 10px solid #01aae3;
}

.tooltip h2 {
	font: bold 16px 'Trebuchet MS', Tahoma, Arial;
	margin: 0 0 5px;
	color:#ffffff;
}

.tooltip ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tooltip ul li{ line-height:20px;}