/*
 
	Share Drop-down Styles
	
*/

#Share
{
	display: inline;
	position: relative;
	cursor: pointer;
	z-index: 399;
}

	/* 
		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 0px 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 !important;
		margin: 0px 0px 0px 0px !important;		
		top: 30px !important; /* This should be the height of the share icon so that the menu will display directly below */
		right: -1px;
		background-color: #ffffff;
		border: solid 1px #e9e9e9;
	}
	
		/* Individual share item container */
		#Share ul li
		{
			float: left;
			width: 130px;
			font-size: 0.867em;
			overflow: hidden;
			background-image: none !important;	
			list-style-image: none;
			list-style-type: none;		
			margin: 0px 0px 0px 0px !important;
			padding: 0px 0px 0px 0px !important;
		}
		
			#Share ul li img
			{
				float: left;
				padding: 0px 5px 0px 0px;
				position: relative;
				top: 3px;
			}
			
			#Share ul li a span
			{
				display:inline;
				width: 109px;
				color: #333;
				cursor: pointer;
			}
		
            #Share ul li a img{ outline: none !important; }

			/* Share item link */
			#Share ul li a, #Share ul li a:visited, #Share ul li a:active
			{
				display: block;				
				float: left;
				width: 100% !important;
				padding: 5px 10px 5px 10px !important;
				margin: 0 !important;
				text-align: left !important;
				font-weight: normal;
				height: auto;
			}

				#Share ul li a:hover, #Share ul li a:focus
				{
					background-color: #ecf0f3;
					text-decoration: none;
				}
				
				#Share ul li a:hover span, #Share ul li a:focus span
				{
					color: #333;
				}

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