/* Keep stuff on the side. This class is added when JavaScript is enabled. */
.HiddenToRight {
	margin-left: 100%;
	margin-right: -100%;
}

.HiddenToLeft {
	margin-left: -100%;
	margin-right: 100%;
}

@keyframes SlideInFromRight {
	0% {
		margin-left: 100%;
		margin-right: -100%;
	}
	
	100% {
		margin-left: 0;
		margin-right: 0;
	}
}

.SlideInFromRight {	
	animation-duration: 1s;
	animation-name: SlideInFromRight;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

@keyframes SlideInFromLeft {
	0% {
		margin-left: -100%;
		margin-right: 100%;
	}
	
	100% {
		margin-left: 0;
		margin-right: 0;
	}
}

.SlideInFromLeft {	
	animation-duration: 1s;
	animation-name: SlideInFromRight;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}