/*
 * Copyright (C) 2013 Marminator <cody_y@shaw.ca>
 *
 * This program is free software. It comes without any warranty, to
 * the extent permitted by applicable law. You can redistribute it
 * and/or modify it under the terms of the Do What The Fuck You Want
 * To Public License, Version 2, as published by Sam Hocevar. See
 * COPYING for more details.
 */

.berrymotes_button {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
}

/* Dialog windows (search, settings, etc.) */
.berrymotes.dialogWindow {
    font-family: sans-serif;
	background: white;
	color: black;
    font-size: 12px;
	position: absolute;
	border: 1px solid black;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	box-shadow: 3px 3px 8px #000;
}
.berrymotes.dialogWindow .dialogContent {
	padding: 5px;
}
.berrymotes.dialogWindow .dialogToolbar {
	background: #DEDEDE;
	padding: 2px;
	border-bottom: 1px solid black;
	margin-bottom: 5px;
	cursor: move;
}
.berrymotes.dialogWindow .dialogTitlebar {
	float: left;
}
.berrymotes.dialogWindow .dialogToolbar .close {
	background: red;
	cursor: pointer;
	width: 1em;
	border: 1px solid black;
	height: 1em;
	float: right;
}
.berrymotes.dialogWindow .settings_span {
    margin-right: 5px;
}
.berrymotes.dialogWindow input {
	border: 1px solid black;
}
.berrymotes.dialogWindow input.small {
	width: 90px;
}

.berrymotes_search {
    width: 300px;
}

.berrymotes_search_results {
    margin: 5px 0px;
}

.berryemote_hover>span {
    display: none !important;
}

/* Hover-related CSS */
.berryemote_hover .berryemote_placeholder {
    display: inline-block !important;
    background-color: lightcyan;
    color: black;
}

.berryemote_hover {
    position: relative;
}

.berryemote_hover:hover>.berryemote-wrapper-outer,
.berryemote_hover:hover>.rotation-wrapper,
.berryemote_hover:hover>.berryemote {
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block !important;
    position: absolute !important;
    right: 0;
    bottom: 0;
    z-index: 10;
}

@keyframes spin {
    from {
        transform: rotateZ(0deg) rotateX(0deg) rotateY(0deg);
    }
    to {
        transform: rotateZ(359deg) rotateX(359deg) rotateY(359deg);
    }
}

@keyframes zspin {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(359deg);
    }
}

@keyframes xspin {
    from {
        transform: rotateX(0deg);
    }
    to {
        transform: rotateX(359deg);
    }
}

@keyframes yspin {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(359deg);
    }
}

@keyframes -spin {
    to {
        transform: rotateZ(0deg) rotateX(0deg) rotateY(0deg);
    }
    from {
        transform: rotateZ(359deg) rotateX(359deg) rotateY(359deg);
    }
}

@keyframes -zspin {
    to {
        transform: rotateZ(0deg);
    }
    from {
        transform: rotateZ(359deg);
    }
}

@keyframes -xspin {
    to {
        transform: rotateX(0deg);
    }
    from {
        transform: rotateX(359deg);
    }
}

@keyframes -yspin {
    to {
        transform: rotateY(0deg);
    }
    from {
        transform: rotateY(359deg);
    }
}

@keyframes slideleft {
    0% {
        transform: translateX(0px) scaleX(1);
    }
    45% {
        transform: translateX(300px) scaleX(1);
    }
    50% {
        transform: translateX(300px) scaleX(-1);
    }
    95% {
        transform: translateX(0px) scaleX(-1);
    }
    100% {
        transform: translateX(0px) scaleX(1);
    }
}

@keyframes -slideleft {
    0% {
        transform: translateX(0px) scaleX(-1);
    }
    45% {
        transform: translateX(300px) scaleX(-1);
    }
    50% {
        transform: translateX(300px) scaleX(1);
    }
    95% {
        transform: translateX(0px) scaleX(1);
    }
    100% {
        transform: translateX(0px) scaleX(-1);
    }
}

@keyframes slideleftnoflip {
    0% {
        transform: translateX(0px);
    }
    45% {
        transform: translateX(300px);
    }
    50% {
        transform: translateX(300px);
    }
    95% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes vibrate {
    0% {
        transform: translate(-1px, -1px);
    }
    25% {
        transform: translate(-1px, 1px);
    }
    50% {
        transform: translate(1px, 1px);
    }
    100% {
        transform: translate(1px, -1px);
    }
}

@keyframes -vibrate {
    0% {
        transform: translate(-1px, -1px) scaleX(-1);
    }
    25% {
        transform: translate(-1px, 1px) scaleX(-1);
    }
    50% {
        transform: translate(1px, 1px) scaleX(-1);
    }
    100% {
        transform: translate(1px, -1px) scaleX(-1);
    }
}

@keyframes brody {
    0% {
        transform: rotateZ(-10deg) translateY(5px);
    }
    20% {
        transform: rotateZ(-10deg) translateY(5px);
    }
    25% {
        transform: rotateZ(0deg) translateY(-5px);
    }
    45% {
        transform: rotateZ(0deg) translateY(-5px);
    }
    50% {
        transform: rotateZ(10deg) translateY(5px);
    }
    70% {
        transform: rotateZ(10deg) translateY(5px);
    }
    75% {
        transform: rotateZ(0deg) translateY(-5px);
    }
    95% {
        transform: rotateZ(0deg) translateY(-5px);
    }
    100% {
        transform: rotateZ(-10deg) translateY(5px);
    }
}

@keyframes -brody {
    0% {
        transform: rotateZ(-10deg) translateY(5px) scaleX(-1);
    }
    20% {
        transform: rotateZ(-10deg) translateY(5px) scaleX(-1);
    }
    25% {
        transform: rotateZ(0deg) translateY(-5px) scaleX(-1);
    }
    45% {
        transform: rotateZ(0deg) translateY(-5px) scaleX(-1);
    }
    50% {
        transform: rotateZ(10deg) translateY(5px) scaleX(-1);
    }
    70% {
        transform: rotateZ(10deg) translateY(5px) scaleX(-1);
    }
    75% {
        transform: rotateZ(0deg) translateY(-5px) scaleX(-1);
    }
    95% {
        transform: rotateZ(0deg) translateY(-5px) scaleX(-1);
    }
    100% {
        transform: rotateZ(-10deg) translateY(5px) scaleX(-1);
    }
}