/*
 
	Share Drop-down Styles
	
*/

#Share
{
	display: block;
	float: right;
	width: auto;
	position: relative;
	cursor: pointer;
	z-index: 999;
}

	/* 
		Need background image as link cannot be empty otherwise it will
		have no clickable/hoverable area
	*/
	a.ShareLink, a.ShareLink:active, a.ShareLink:visited
	{
		padding: 0px 10px 0px 0px;
		/*background: transparent url(/images/actions/icon_share.gif) no-repeat 0px 0px;*/
	}
			
	/* Individual share item container */
	#Share ul
	{
		position: absolute; 
		display: none;
		list-style-image: none; 
		list-style-type: none; 
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;		
		top: 10px; /* This should be the height of the share icon so that the menu will display directly below */
		left: 0px;
		background-color: #FFF;
		border: solid 1px #333;
		width: 150px;
		z-index: 1;
	}
	
		/* Individual share item container */
		#Share ul li
		{
			float: left;
			width: 150px;
			font-size: 11px;			
			background-image: none !important;	
			list-style-image: none;
			list-style-type: none;		
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;	
		}		
		
			/* Share item link */
			#Share ul li a, #Share ul li a:visited, #Share ul li a:active
			{
				display: block;				
				float: left;
				width: 130px;
				padding: 5px 10px 5px 10px;
				text-align: left !important;
			}

				#Share ul li a:hover
				{
					background-color: #d3d3d3;
					text-decoration: none;
				}
				
				#Share ul li a:hover span
				{
					color: #418300;
				}

				#ShareItemsPlaceholder li.last a
				{
					border-bottom: 0px !important;
				}
				
			#Share ul li a img
			{
				float: left;			
				width: 16px;
				height: 16px;
				padding: 0px 5px 0px 0px;
				background-color: Transparent;
			}
			
			#Share ul li a span
			{
				float: left;
				width: 109px;
				color: #333;
				cursor: pointer;
				background-color: Transparent;
			}