/*
 
	Copyright (c) 2009 eSolutions Group Ltd.
 
	Author:		Jay Dobson <jdobson@esolutionsgroup.ca>
	Date:		April 15, 2009
	
*/

#Share
{
	float: right;
	position: relative;
	list-style-type: none !important; 
	list-style-image: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;	
	cursor: pointer;
	width: 60px;
	height: 16px;
	z-index: 1;
}
#Share li
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

	/* 
		Need background image as link cannot be empty otherwise it will
		have no clickable/hoverable area
	*/
	a.ShareLink, a.ShareLink:active, a.ShareLink:visited
	{
		display: block;
		float: right;
		width: 58px;
		height: 16px;
		overflow: hidden;
		/*background: transparent url(/en/images/icon_share.gif) no-repeat 0px 0px;*/
	}
	
		/* Required, else IE 6's hover over the share button will not display the menu */
		a.ShareLink:hover
		{
			/*border-bottom: solid 1px #005494;*/
			background: transparent url(/en/images/icon_share.gif) no-repeat 0px 0px;
		}
		
	#Share table 
	{
		position: absolute;
		border-collapse: collapse;
		margin: 0px 0px 0px -58px;
		padding: 0px 0px 0px 0px;
	}

	/* Individual share item container */
	#Share ul
	{
		position: absolute; 
		visibility: hidden;
		list-style-image: none !important; 
		list-style-type: none !important; 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;		
		top: 16px; /* This should be the height of the share icon so that the menu will display directly below */
		left: -2px;
		background-color: #ffffff;
		border: solid 1px #e9e9e9;
	}

	/* Showing share items list when user hovers over link */
	a.ShareLink:hover ul, #Share li:hover ul 
	{
		visibility: visible !important;
	}
	
		/* Individual share item container */
		#Share ul li
		{
			float: left;
			width: 150px;
			font-size: 12px;
			overflow: hidden;
			background-image: none !important;			
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			#Share ul li img
			{
				float: left;
				width: 16px;
				height: 16px;
				padding: 0px 5px 0px 0px;
				border: none;
			}
			
			#Share ul li span
			{
				float: left;
				width: 109px;
				color: #005494 !important;
				cursor: pointer;
			}
		
			/* Share item link */
			#ShareItemsPlaceholder a, #ShareItemsPlaceholder a:visited, #ShareItemsPlaceholder a:active
			{
				display: block;				
				float: left;
				width: 130px !important;
				padding: 5px 10px 5px 10px;
				text-align: left !important;
			}

				#ShareItemsPlaceholder a:hover
				{
					color: #2b71a6; 
					background-color: #eef5fb;
					text-decoration: none;
				}

				#ShareItemsPlaceholder li.last a
				{
					border-bottom: 0px !important;
				}