@charset "UTF-8";

.hand {cursor: pointer;}

#slideout {
	position: fixed;
	z-index: 5;

	top: 50px;
	right: 0;
	width: 44px;
	height: 28px;
	padding: 4px;
	
	border-radius: 4px 0px 0px 4px;

	background: rgba(0, 0, 255, 0);

	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#slideout_inner {
	position: fixed;
	z-index: 5;

	top: 40px;
	right: -44px;
	background: rgba(0, 0, 255, 0);
	width: 44px;
	padding: 4px;
	height: 84px;

	border-radius: 4px 0px 0px 4px;
	
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	text-align: left;
}

#slideout:hover {
	right: 44px;
}

#slideout:hover #slideout_inner {
	right: 0;
}