/**
ANIMATED BACKGROUNDS
**/
@-webkit-keyframes AnimateBG {
	0%   { background-position:0%   50%; }
	50%  { background-position:100% 50%; }
	100% { background-position:0%   50%; }
}
@-moz-keyframes AnimateBG {
	0%   { background-position:0%   50%; }
	50%  { background-position:100% 50%; }
	100% { background-position:0%   50%; }
}
@keyframes AnimateBG {
	0%   { background-position:0%   50%; }
	50%  { background-position:100% 50%; }
	100% { background-position:0%   50%; }
}
.animate-bg {
	background: linear-gradient(-45deg, #e25822, #e22822, #e27822, #e24822, #e24822);
	background-size: 400% 400%;
	-webkit-animation: AnimateBG 60s ease infinite;
	-moz-animation: AnimateBG 60s ease infinite;
	animation: AnimateBG 60s ease infinite;
}
.solid-bg {
	background:linear-gradient(-45deg, #e25822, #9fc);
}
.solid-bg:hover {
	background:linear-gradient(-45deg, #fff, #9fc);
}
.tabination .hidden {
	display:none;
}
.blink td,
.blink th,
.blink {
	animation:blink linear .5s infinite;
	animation-iteration-count:3;
}

/**
LINKS
**/
a:link, a:visited {
	color:#e27822;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#e22822;
}

/**
SLIDE-IN ANIMATION
**/
.animate-fadein {
	animation: AnimateFadeIn 0.3s both;
}
.animate-fadeout {
	animation: AnimateFadeOut 0.2s both;
}

@keyframes AnimateFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes AnimateFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*
OVERLAYZ STYLES
*/
.overlayz {
	display:block;
	height:100%;
	left:0;
	max-height:100%;
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
}
.overlayz .overlayz-container {
	background-color:rgba(0, 0, 0, 0.6);
	display:table;
	height:100%;
	left:0;
	margin:0;
	max-height:100%;
	padding:0;
	top:0;
	width:100%;
}
.overlayz .overlayz-cell {
	display:table-cell;
	vertical-align:middle;
}
.overlayz .overlayz-body {
	background-color:rgb(255, 255, 255);
	border:1px solid #ccc;
	bottom:50px;
	display:block;
	height:auto;
	left:50px;
	margin:auto;
	overflow:auto;
	padding:12px;
	position:fixed;
	right:50px;
	text-align:left;
	top:120px;
	width:auto;
}
.overlayz .overlayz-close {
	background-color:#ccc;
	border:1px solid #000;
	border-radius:3px;
	color:#000;
	cursor:pointer;
	font-size:29px;
	font-weight:bold;
	height:29px;
	line-height:29px;
	position:fixed;
	text-align:center;
	right:48px;
	top:36px;
	width:28px;
	color:#000;
	background-color:#ccc;
}
.overlayz .overlayz-close:hover {
	border-color:#999;
	color:#fff;
	background-color:#666;
}
.overlayz title {
	display: block;
}

@media only screen and (max-width: 640px) {
	.overlayz .overlayz-body {
		top:54px;
		right:0px;
		bottom:0px;
		left:0px;
	}
	.overlayz .overlayz-close {
		top:11px;
		right:11px;
	}
}
