/*
 
	Share Drop-down Styles
	
*/

#Share {
	display: inline-block;
	position: relative;
	float: right;
	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: 0 10px 0 0;
		/*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: 0;
		margin: 0;
		top: 18px; /* This should be the height of the Share icon so that the menu will display directly below. */
		left: 0;
		background-color: #FFF;
		border: 1px solid #E9E9E9;
		z-index: 999;
	}
	
		/* Individual share item container */
		
		#Share ul li {
			float: left;
			width: 150px;
			font-size: 12px;
			overflow: hidden;
			background-image: none !important;
			list-style-image: none;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			#Share ul li img {
				float: left;
				width: 16px;
				height: 16px;
				padding: 0 5px 0 0;
			}
			
			#Share ul li a span {
				float: left;
				width: 109px;
				color: #999;
				cursor: pointer;
			}
		
			/* Share item link */
			
			#Share ul li a, #Share ul li a:visited, #Share ul li a:active {
				display: block;
				float: left;
				width: 130px !important;
				padding: 5px 10px 5px 10px;
				text-align: left !important;
			}

				#Share ul li a:hover {
					background-color: #EEF5FB;
					text-decoration: none;
				}
				
				#Share ul li a:hover span {
					color: #4085AE;
				}

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