.status-menu-container.fixed {
	position: fixed;
	display: block;
	top: 20px;
}

.status-menu-container {
	position: absolute;
	margin: -30px 0 0 -30px;
	width: 960px;
	height: 54px;
	background-color: transparent;
	border: none;
	z-index: 1;
}

.status-menu-container .status-menu {
	display: table;
	margin: 0 auto;
	width: 960px;
	height: 54px;
	border-collapse: separate;
	border-spacing: 0;
}

.status-menu-container .status-menu .status-button {
	position: relative;
	display: table-cell;
	margin: 0;
	width: 160px;
	height: 54px;
	padding: 0;
	font-size: 0;
	color: transparent;
	text-align: center;
	vertical-align: middle;
}

.status-menu-container .status-menu .status-button.on {
	color: transparent;
	font-weight: normal;
}

.status-menu-container .status-menu .status-button:before, .status-menu-container .status-menu .status-button:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 0;
	width: 160px;
	height: 54px;
	background-color: transparent;
	background-image: url(http://i.imgur.com/oKzLTqZ.png);
	background-repeat: no-repeat;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
} 

.status-menu-container .status-menu .status-button:before { opacity: 1; }

.status-menu-container .status-menu .status-button.on:before, .status-menu .status-button:hover:before { opacity: 0; }

.status-menu-container .status-menu .status-button.all_anime:before, .status-menu .status-button.all_anime:hover:before  { background-position: 0 0; }
.status-menu-container .status-menu .status-button.watching:before, .status-menu .status-button.watching:hover:before  { background-position: -160px 0; }
.status-menu-container .status-menu .status-button.reading:before, .status-menu .status-button.reading:hover:before  { background-position: -160px 0; }
.status-menu-container .status-menu .status-button.completed:before, .status-menu .status-button.completed:hover:before  { background-position: -320px 0; }
.status-menu-container .status-menu .status-button.onhold:before, .status-menu .status-button.onhold:hover:before  { background-position: -480px 0; }
.status-menu-container .status-menu .status-button.dropped:before, .status-menu .status-button.dropped:hover:before  { background-position: -640px 0; }
.status-menu-container .status-menu .status-button.plantowatch:before, .status-menu .status-button.plantowatch:hover:before  { background-position: -800px 0; }
.status-menu-container .status-menu .status-button.plantoread:before, .status-menu .status-button.plantoread:hover:before  { background-position: -800px 0; }

.status-menu-container .status-menu .status-button:after { opacity: 0; }

.status-menu-container .status-menu .status-button.on:after, .status-menu .status-button:hover:after { opacity: 1; }

.status-menu-container .status-menu .status-button.all_anime:after, .status-menu-container .status-menu .status-button.all_anime.on:after, .status-menu .status-button.all_anime:hover:after { background-position: 0 -54px; }
.status-menu-container .status-menu .status-button.watching:after, .status-menu-container .status-menu .status-button.watching.on:after, .status-menu .status-button.watching:hover:after  { background-position: -160px -54px; }
.status-menu-container .status-menu .status-button.reading:after, .status-menu-container .status-menu .status-button.watching.on:after, .status-menu .status-button.reading:hover:after  { background-position: -160px -54px; }
.status-menu-container .status-menu .status-button.completed:after, .status-menu-container .status-menu .status-button.completed.on:after, .status-menu .status-button.completed:hover:after  { background-position: -320px -54px; }
.status-menu-container .status-menu .status-button.onhold:after, .status-menu-container .status-menu .status-button.onhold.on:after, .status-menu .status-button.onhold:hover:after  { background-position: -480px -54px; }
.status-menu-container .status-menu .status-button.dropped:after, .status-menu-container .status-menu .status-button.dropped.on:after, .status-menu .status-button.dropped:hover:after  { background-position: -640px -54px; }
.status-menu-container .status-menu .status-button.plantowatch:after, .status-menu-container .status-menu .status-button.plantowatch.on:after, .status-menu .status-button.plantowatch:hover:after  { background-position: -800px -54px; }
.status-menu-container .status-menu .status-button.plantoread:after, .status-menu-container .status-menu .status-button.plantowatch.on:after, .status-menu .status-button.plantoread:hover:after  { background-position: -800px -54px; }

.status-menu-container.fixed + div.list-block { margin-top: 62px; }