﻿
.topbar{
	position:relative;
	z-index:2;
}

#social-list{
		display:inline-block;
		*display:inline;
		vertical-align:middle;
		position:relative;
		margin-left:6px;
		height:20px;
		line-height:20px;
	}



	.item-expand{
		background:url(../images/xpy-arrow.jpg) no-repeat;

	}
	
	.item-expand{
		width:89px;
		height:20px;
		text-indent:22px;
		display:block;
	}

	.topbar-hiddencontents{
		position:absolute;
		left:0;
		top:19px;
		width:220px;
		background-color:#fff;
		border:1px solid #BBB;
		display:none;
	}

	.topbar-hiddencontents a{
		padding:0 18px;
		height:58px;
		display:block;
		overflow:hidden;
		border-bottom:1px solid #eee;
		color:#1A5F97;
	}

	.topbar-hiddencontents a:hover{
		text-decoration:none;
	}

	.topbar-hiddencontents img{
		float:left;
		width:40px;
		height:41px;
		margin-top:12px;
	}

	.f-froverflows{
		overflow:hidden;
		*zoom:1;
		padding:10px 0 0 5px;
	}

	.topbar-hiddencontents p{
		color:#000;
		
	}

	.topbar-hiddencontents a:hover p{
		color:#FF6D2F;
		
	}
	
	#social-list:hover .topbar-hiddencontents{
		display:block;
	}

	#social-list:hover .item-expand{
		background-position:0 -20px;
		position:relative;
		left:0;
		top:0;
		z-index:2;
	}
	

	/*.f-froverflows{
		display:inline-block;
	}*/



/*	.item-expand,.item-expand span,.item-expand:hover{
		background:url("../images/toolbar_arrow.gif") no-repeat;
	}

	.item-expand{
		background-position:100% 0 ;
		margin:0 140px 0 5px;
		padding-right:18px;
		line-height: 20px;
		height: 20px;
		float:left;

	}

	.item-expand i{
			background:url("../images/ico.jpg") no-repeat;
			margin:2px 2px 0 3px;
			height:12px;
			width: 15px;
			display:inline-block;
	}

	.item-expand:hover{
		background-position:0 -100px;
		
	}


	.social-list{
		display:none;
	}*/