/*	
	--------------------------------------------------------
			The marker style
	--------------------------------------------------------
*/

	/* the marker */
	.tagyourimages-marker {
		background: url(http://www.greenpeace.org/international/Global/international/artwork/climate/2012/russianoil/code/images/marker.png) left top no-repeat;
	}
	
	/* when the tooltip is shown the marker has the class 'active' */
	.tagyourimages-marker.active {
		background-position: left bottom;
	}
	
/*	
	--------------------------------------------------------
			The tooltip style
	--------------------------------------------------------
*/

	/* the tooltip */
	.tagyourimages-tooltip {
		width: 380px;
		padding: 3px;
		background: #fff;
		font-family: arial, sans serif;
		font-size: 12px;
		line-height: 15px;
		color: #444;		
		border: 1px solid #ccc;
	}
	
	/* if the browser support the box-shadow declaration, the tooltip will have the class 'box-shadow' */
	.tagyourimages-tooltip.box-shadow {
		border: none;
		box-shadow: 0 1px 5px #333;
	}
	
	/* the tooltip arrow */
	.tagyourimages-tooltip-arrow {		
		width: 15px;
		height: 15px;
		background: url(http://www.greenpeace.org/international/Global/international/artwork/climate/2012/russianoil/code/images/tooltip_arrow.png) left top no-repeat;
	}	
	
	/* the tooltip image */
	.tagyourimages-tooltip-image {		
		height: auto;
		width: 100%;
		float: left;
		margin-right: -125px;
	}
	
	/* the tooltip link */
	.tagyourimages-tooltip-link {		
		float: right;
		color: #007eff;
		font-size: 12px;
		line-height: 12px;
		text-decoration: none;
		margin-top: 10px;
		font-weight: 700;
	}
	.tagyourimages-tooltip-link:hover {		
		text-decoration: underline;
	}