.nav_edit{color: #ffffff;float: left;padding: 2px;text-align: center; display: none;}
nav {
	font-family: 'LigatureSymbols';
	-moz-font-family: 'LigatureSymbols';
	width: 408px; z-index: 500; 
	box-shadow: 0px 3px 15px 1px #000;
	position: fixed;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
nav:hover{
	opacity: 1;
}
nav .drag{
	display : block;
	padding : 10px 13px;
	font-size : 30px;
	text-decoration : none;
	border-radius   : 5px;
	position        : relative;
	top   : 0;
	text-shadow: #1e4158 0 1px 0;
	color: #fff;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	cursor: move;
}
nav:hover .nav_edit{display: block;}
nav div{
	font-size : 30px;
	width: 30px;
	padding: 3px;
	border-top    : 2px solid rgba(200,200,255,0.5);
	border-bottom : 2px solid rgba(50,50,50,0.4);
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
	z-index: 5;
}
ul {
	z-index: 6;
	margin:0;
	padding:0;
}
ul:after , ul:before {
	display : block;
	content : '';
}
ul:after {
	clear : both;
}

/*nav li {
	width: 48px;
	list-style-type : none;
	background      : linear-gradient(rgb(90, 189, 255) 85%, rgb(90, 189, 255) 100%);
	float   : left;
	cursor  : pointer;
	padding : 3px 10px;
	border-top    : 2px solid rgba(200,200,255,0.5);
	border-bottom : 2px solid rgba(50,50,50,0.4);
	background: rgb(90, 189, 255);
	background: -webkit-gradient(linear, left top, left bottom, from(#5BBEFF), to(#62C5FF));
	background: -webkit-linear-gradient(top, #5BBEFF, #62C5FF);
	background: -moz-linear-gradient(top, #5BBEFF, #62C5FF);
	background: -ms-linear-gradient(top, #5BBEFF, #62C5FF);
	background: -o-linear-gradient(top, #5BBEFF, #62C5FF);
	background-image: -ms-linear-gradient(top, #5BBEFF 0%, #62C5FF 100%);
}*/

nav li {
	width: 48px;
	list-style-type : none;
	background      : linear-gradient(rgba(220,220,255,0.4) 85%, rgba(255,255,255,0.5) 100%);
	float   : left;
	cursor  : pointer;
	padding : 3px 10px;
	border-top    : 2px solid rgba(200,200,255,0.5);
	border-bottom : 2px solid rgba(50,50,50,0.4);
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
}

li .nav_span {
	display : block;
	padding : 10px 13px;
	font-size : 30px;
	text-decoration : none;
	border-radius   : 5px;
	position        : relative;
	top   : 0;
	text-shadow: #1e4158 0 1px 0;
	color: #fff;
	transition : all .1s;
}
li:hover .nav_span {

	color : #0D375D;
	/* top   : -20px;
	background-color: #fff;
	box-shadow : 0 0 5px 0 rgba(255, 255, 255, 0.7);
	transition : all .1s;  */
}
li .nav_span:after {
	/* display  : block;
	content  : '';
	position : absolute;
	top  : 100%;
	left : 42%;
	border-style : solid;
	border-color : transparent;
	border-width : 5px 5px 0 5px;
	transition   : all .1s; */
} 
li:hover .nav_span:after {
	/* border-color : white transparent transparent transparent;
	transition   : all .1s; */
}

.friend_menu li{
	    background: rgba(71, 131, 170, 0.38);
    color: #1F1818 !important;
	    border-top: 2px solid #2E414D;
}

.friend_menu li:hover .nav_span {

	color : #fff;

}

/*************************************/