#userpanel_container {
	float: right;
	position: fixed;
	top: 5px;
	right: 5px;
	
	width: 15%;
	/*padding-top: 15%; same height as width*/
}

#userpanel_icon,
#userpanel {
	border: 1px solid black;
	border-radius: 5px;
}

#userpanel_icon {
	background-image: url('../img/main/lock.png');
	opacity: 0.7;
	width: 2em;
	height: 2em;
}
#userpanel {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 1%;
	display: none;
}

#userpanel_icon:hover {
	width: 100%;
	background: transparent;
	opacity: 1;
	border: 0px;
}
#userpanel_icon:hover>#userpanel {
	display: block;
}