/*
tooltip.css is a product created by Daan Weijers (http://daanweijers.com). It is for sale exclusively at CodeCanyon (http://codecanyon.net).

Version 1.2 (as of 08-24-2010)
*/

/*		DEFAULT TOOLTIPS	· used for every tooltip.	*/
	span.tooltip { position: relative; }
	span.tooltip span {
		margin-left: -9999px;
		position: absolute;
		}
	
	span.tooltip a:hover + span, span.tooltip span:hover {
		margin-left: 0px;
		
		display: block;
		top: -3.5em; 
		left: 0px;
		/*width: 200px;*/
		padding: 11px 15px;
		
		z-index: 99;
		
		background-color: rgba(0,0,0,0.8);
		*background-color: #000; /*asterisk is there to fix an IE7 issue*/
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;

		color: #ccc;
		font-size:.8em;
		}

/*		TOOLTIP COLOURS		· default tooltips are see-through black, below are some other styles. Colours to choose from: light, red, blue, green, yellow, sky blue, mint green, cherry red and vanilla 			yellow.	*/
	span.tooltip.light a:hover + span {
		background-color: rgba(255,255,255,0.8);
		*background-color: #fff; /*asterisk is there to fix an IE7 issue*/

		color: #444;

		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		}	/*light tooltip*/
		
	

/*		Optional Classes 	· there are two more optional classes that you can add to the tooltips, noBorder removes the border and noCorner removes the rounded corners. These classes are OPTIONAL*/
	span.tooltip.noBorder a:hover + span {
		border-width: 0px;
		}
	span.tooltip.noCorner a:hover + span {
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		}
	
/*		TOOLTIP SIZES 	· there are three different sizes available for the tooltips, besides the default class. Sizes to choose from: wide (400px), medium (300px) and narrow (100px).	The default tooltip is 200 pixels wide*/
	span.tooltip.wide a:hover + span {
		width: 400px;
		}
	span.tooltip.medium a:hover + span {
		width: 300px;
		}
	span.tooltip.narrow a:hover + span {
		width: 100px;
		}