/* Base */
.inner-screen #voteribbon {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

#voteribbon {
	position: absolute;
	top: 15%;
	width: 90px;
	height: 100px;
	overflow: hidden;
	z-index: 999;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

#voteribbon.left {
	left: 0;
}

#voteribbon.right {
	right: 0;
}

#voteribbon a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 90px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: contain;
}

#voteribbon.right a {
	right: 0;
	left: auto;
}

/* vote ribbon */
#voteribbon.vote-site.red.left a {
	background-image: url('../images/ribbons/vote-red-left.png');
}

#voteribbon.vote-site.red.right a {
	background-image: url('../images/ribbons/vote-red-right.png');
	background-position-x: right;
}

#voteribbon.vote-site.black.left a {
	background-image: url('../images/ribbons/vote-black-left.png');
}

#voteribbon.vote-site.black.right a {
	background-image: url('../images/ribbons/vote-black-right.png');
	background-position-x: right;
}

#voteribbon.vote-site.white.left a {
	background-image: url('../images/ribbons/vote-white-left.png');
}

#voteribbon.vote-site.white.right a {
	background-image: url('../images/ribbons/vote-white-right.png');
	background-position-x: right;
}

/* montly ribbon */
#voteribbon.monthly-winner.red.left a {
	background-image: url('../images/ribbons/monthly-red-left.png');
}

#voteribbon.monthly-winner.red.right a {
	background-image: url('../images/ribbons/monthly-red-right.png');
	background-position-x: right;
}

#voteribbon.monthly-winner.black.left a {
	background-image: url('../images/ribbons/monthly-black-left.png');
}

#voteribbon.monthly-winner.black.right a {
	background-image: url('../images/ribbons/monthly-black-right.png');
	background-position-x: right;
}

#voteribbon.monthly-winner.white.left a {
	background-image: url('../images/ribbons/monthly-white-left.png');
}

#voteribbon.monthly-winner.white.right a {
	background-image: url('../images/ribbons/monthly-white-right.png');	
	background-position-x: right;
}

/* weekly ribbon */
#voteribbon.weekly-winner.red.left a {
	background-image: url('../images/ribbons/weekly-red-left.png');
}

#voteribbon.weekly-winner.red.right a {
	background-image: url('../images/ribbons/weekly-red-right.png');
	background-position-x: right;
}

#voteribbon.weekly-winner.black.left a {
	background-image: url('../images/ribbons/weekly-black-left.png');
}

#voteribbon.weekly-winner.black.right a {
	background-image: url('../images/ribbons/weekly-black-right.png');
	background-position-x: right;
}

#voteribbon.weekly-winner.white.left a {
	background-image: url('../images/ribbons/weekly-white-left.png');
}

#voteribbon.weekly-winner.white.right a {
	background-image: url('../images/ribbons/weekly-white-right.png');
	background-position-x: right;
}

/* winner ribbon */
#voteribbon.best-website.red.left a {
	background-image: url('../images/ribbons/winner-red-left.png');
}

#voteribbon.best-website.red.right a {
	background-image: url('../images/ribbons/winner-red-right.png');
	background-position-x: right;
}

#voteribbon.best-website.black.left a {
	background-image: url('../images/ribbons/winner-black-left.png');
}

#voteribbon.best-website.black.right a {
	background-image: url('../images/ribbons/winner-black-right.png');
	background-position-x: right;
}

#voteribbon.best-website.white.left a {
	background-image: url('../images/ribbons/winner-white-left.png');
}

#voteribbon.best-website.white.right a {
	background-image: url('../images/ribbons/winner-white-right.png');
	background-position-x: right;
}