/**
 *
 * CSS: AJR - Ajax Like Dislike Plugin
 * 
**/


/* ADMIN MENU */
#toplevel_page_ajr_design_plugins {
	margin-top:11px !important;
}


/* WRAPPER */
.like-dislike-wrapper {
	margin-bottom:25px;
	font-size:90%;
	color:#999;
}


/* HEADER */
.like-dislike-wrapper .like-dislike-header {
	display:block;
	margin-bottom:5px;
	text-transform:uppercase;
	color: rgba(25,175,240,1);
}


/* CONTAINERS */
.like-dislike-wrapper .like-container,
.like-dislike-wrapper .meh-container,
.like-dislike-wrapper .dislike-container {
	display:inline-block;
	margin:0 2px 10px;
	min-width:32px;
	vertical-align: top;
}


/* UPDATE BUTTONS */
.like-dislike-wrapper .like-dislike-button {
	display:block;
	font-size:140%;
	text-decoration: none;
}
.like-dislike-wrapper .like-dislike-button i {
	display:block;
	padding:0;
	text-align:center;
	color: rgba(0,0,0,0.25);
}
.like-dislike-wrapper .like-dislike-button.like-button i {
	color: rgba(51,204,0,0.5);
}
.like-dislike-wrapper .like-dislike-button.meh-button i {
	color: rgba(255,100,0,0.5);
}
.like-dislike-wrapper .like-dislike-button.dislike-button i {
	color: rgba(200,0,0,0.5);
}
.like-dislike-wrapper .like-dislike-button i:before {
	line-height:20px;
}
.like-dislike-wrapper .like-dislike-button:hover i {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
}
.like-dislike-wrapper .like-dislike-button:active i {
	-webkit-transform: scale(1.0);
			transform: scale(1.0);
}


/* COUNT & LOADING */
.like-dislike-wrapper .like-dislike-count-container {
	clear:both;
	display:block;
	margin:0;
}
.like-dislike-wrapper i.like-dislike-loading {
	font-size:100% !important;
	color:rgba(25,175,240,1) !important;
}
.like-dislike-wrapper #like-count,
.like-dislike-wrapper #meh-count,
.like-dislike-wrapper #dislike-count {
	display:block;
	color: rgba(0,0,0,0.5);
	-webkit-transform: scale(1.0);
			transform: scale(1.0);
}
.like-dislike-wrapper #like-count.like-dislike-updated,
.like-dislike-wrapper #meh-count.like-dislike-updated,
.like-dislike-wrapper #dislike-count.like-dislike-updated {
	-webkit-animation: count-update 3.0s forwards ease;
			animation: count-update 3.0s forwards ease;
}
@-webkit-keyframes count-update {
	  0% { -webkit-transform: scale(0.0); }
	  8%,
	 50% { -webkit-transform: scale(1.50); color: rgba(25,175,240,1); }
	100% { -webkit-transform: scale(1.00); }
}
@keyframes count-update {
	  0% { transform: scale(0.0); }
	  8%,
	 50% { transform: scale(1.50); color: rgba(25,175,240,1); }
	100% { transform: scale(1.00); }
}


/* PERCENTAGE */
.like-dislike-wrapper .like-dislike-percent {
	display:block;
	font-size:80%;
	color:#BBB;
}


/* FOOTER */
.like-dislike-wrapper .like-dislike-footer {
	position:relative;
	display:table;
	margin:10px auto 0;
}
.like-dislike-wrapper .like-dislike-footer .like-dislike-message {
	position:absolute;
	bottom:0;
	display:block;
	padding:0.6em 1.5em 0.4em;
	line-height:1.4em;
	font-size:0.9em;
	color:#fff;
	border-radius:10px;
	background:rgba(25,175,240,1);
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
}
.like-dislike-wrapper .like-dislike-footer .like-dislike-message:before {
	content:'';
	position:absolute;
	top: -6px;
	left: 50%;
	margin-left:-10px;
	border-width: 0 10px 10px;
	border-style: solid;
	border-color: rgba(25,175,240,1) transparent;
}
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-fadeout {
	top:20px;
	opacity:0;
	-webkit-transition: 0.5s ease;
	   -moz-transition: 0.5s ease;
		 -o-transition: 0.5s ease;
			transition: 0.5s ease;
}

.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-error,
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-reset,
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-updated,
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-like,
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-meh,
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-dislike,
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-already-voted {
	-webkit-animation: footer-message 5.0s forwards ease;
			animation: footer-message 5.0s forwards ease;
}
@-webkit-keyframes footer-message {
	  0% { top:10px; opacity:0; }
	 20%,
	 80% { top:0; opacity:1; }
	100% { top:20px; opacity:0; }
}
@keyframes footer-message {
	  0% { top:10px; opacity:0; }
	 20%,
	 80% { top:0; opacity:1; }
	100% { top:20px; opacity:0; }
}

/* Update Error Message */
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-error { background: rgba(200,0,0,1); }
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-error:before { border-color: rgba(200,0,0,1) transparent; }

/* Already Voted */
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-already-voted { background: rgba(255,100,0,1); }
.like-dislike-wrapper .like-dislike-footer .like-dislike-message.like-dislike-already-voted:before { border-color: rgba(255,100,0,1) transparent; }


/* ADMINISTRATOR ONLY */
.like-dislike-wrapper .like-dislike-admin {

}
.like-dislike-wrapper .like-dislike-admin .like-dislike-reset {
	display:block;
	line-height:20px;
	font-size:90%;
	font-weight:500;
	color:#DDD;
	text-transform:uppercase;
	cursor:pointer;
}
.like-dislike-wrapper .like-dislike-admin .like-dislike-reset:hover {
	color:rgba(25,175,240,1);
}
.like-dislike-wrapper .like-dislike-admin .like-dislike-reset:active {
	color:rgba(25,175,240,0.75);
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
}

.like-dislike-wrapper .like-dislike-admin .like-dislike-reset.link-disabled {
	pointer-events: none;
	cursor:default;
}