/*
 *	INDEX
 * ---------------------------------------------------------------------------
 */
 
@-webkit-keyframes aIndex_showPocket {
	0% { 
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
	}

	10% { 
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
	}
	
	26% { 
			-webkit-transform: translateY(260px);
			-moz-transform: translateY(260px);
			-ms-transform: translateY(260px);
			-o-transform: translateY(260px);
			transform: translateY(260px);
	}

	100% { 
			-webkit-transform: translateY(260px);
			-moz-transform: translateY(260px);
			-ms-transform: translateY(260px);
			-o-transform: translateY(260px);
			transform: translateY(260px);
	}
}

@-webkit-keyframes aIndex_showRedLabel {
	0% { 
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
	}

	10% { 
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
	}
	
	26% { 
			-webkit-transform: translateY(260px);
			-moz-transform: translateY(260px);
			-ms-transform: translateY(260px);
			-o-transform: translateY(260px);
			transform: translateY(260px);
	}
	
	/*27% { 
			-webkit-transform: translateY(260px);
			-moz-transform: translateY(260px);
			-ms-transform: translateY(260px);
			-o-transform: translateY(260px);
			transform: translateY(260px);
	}*/
	
	32% { 
			-webkit-transform: translateY(276px);
			-moz-transform: translateY(276px);
			-ms-transform: translateY(276px);
			-o-transform: translateY(276px);
			transform: translateY(276px);
	}

	100% { 
			-webkit-transform: translateY(276px);
			-moz-transform: translateY(276px);
			-ms-transform: translateY(276px);
			-o-transform: translateY(276px);
			transform: translateY(276px);
	}
}
 
 
 
 
 
 
 
 
 
 
 
 

/*
 *	NOTES
 * ---------------------------------------------------------------------------
 */

@-webkit-keyframes aNotes_openedText {
	0% { 
			-webkit-transform: scale(1) translateY(0);
			-moz-transform: scale(1) translateY(0);
			-ms-transform: scale(1) translateY(0);
			-o-transform: scale(1) translateY(0);
			transform: scale(1) translateY(0);
			opacity: 1;
	}

	37% { 
			-webkit-transform: scale(1) translateY(0);
			-moz-transform: scale(1) translateY(0);
			-ms-transform: scale(1) translateY(0);
			-o-transform: scale(1) translateY(0);
			transform: scale(1) translateY(0);
			opacity: 1;
	}

	45% { 
			-webkit-transform: scale(0.85) translateY(-21px);
			-moz-transform: scale(0.85) translateY(-21px);
			-ms-transform: scale(0.85) translateY(-21px);
			-o-transform: scale(0.85) translateY(-21px);
			transform: scale(0.85) translateY(-21px);
			opacity: 0;
	}

	100% { 
			-webkit-transform: scale(0.85) translateY(-21px);
			-moz-transform: scale(0.85) translateY(-21px);
			-ms-transform: scale(0.85) translateY(-21px);
			-o-transform: scale(0.85) translateY(-21px);
			transform: scale(0.85) translateY(-21px);
			opacity: 0;
	}
}

@-webkit-keyframes aNotes_firstListNote {
	0% { 
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			opacity: 0;
	}
	36% { 
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			opacity: 0;
	}

	37% { 
			-webkit-transform: scale(1.1) translateY(5px);
			-moz-transform: scale(1.1) translateY(5px);
			-ms-transform: scale(1.1) translateY(5px);
			-o-transform: scale(1.1) translateY(5px);
			transform: scale(1.1) translateY(5px);
			opacity: 0;
	}

	45% { 
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			opacity: 1;
	}

	46% { 	opacity: 0; }
	100% {	opacity: 0; }
}

@-webkit-keyframes aNotes_firstListNoteSharp {
	0%		{ opacity: 0; }
	44%		{ opacity: 0; }
	45%		{ opacity: 1; }
	100%	{ opacity: 1; }
}

@-webkit-keyframes aNotes_listNotesHighlight {
	0%		{ opacity: 0; }
	51%		{ opacity: 0; }
	55%		{ opacity: 1; }
	100%	{ opacity: 1; }
}

@-webkit-keyframes aNotes_listButton {
	0%		{ opacity: 1; }
	38%		{ opacity: 1; }
	39%		{ opacity: 0; }
	100%	{ opacity: 0; }
}

@-webkit-keyframes aNotes_annotation {
	0%		{ opacity: 0; -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); -o-transform:translateX(20px); transform:translateX(20px); }
	51%		{ opacity: 0; -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); -o-transform:translateX(20px); transform:translateX(20px); }
	60%		{ opacity: 1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }
	100%	{ opacity: 1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }
}

/* ---------------------------------------------------------------------------------------- */

/*

@-webkit-keyframes aNotes_openedText {
	0% { 
			-webkit-transform: scale(1) translateY(0);
			-moz-transform: scale(1) translateY(0);
			-ms-transform: scale(1) translateY(0);
			-o-transform: scale(1) translateY(0);
			transform: scale(1) translateY(0);
			opacity: 1;
	}

	50% { 
			-webkit-transform: scale(1) translateY(0);
			-moz-transform: scale(1) translateY(0);
			-ms-transform: scale(1) translateY(0);
			-o-transform: scale(1) translateY(0);
			transform: scale(1) translateY(0);
			opacity: 1;
	}

	56% { 
			-webkit-transform: scale(0.85) translateY(-21px);
			-moz-transform: scale(0.85) translateY(-21px);
			-ms-transform: scale(0.85) translateY(-21px);
			-o-transform: scale(0.85) translateY(-21px);
			transform: scale(0.85) translateY(-21px);
			opacity: 0;
	}

	100% { 
			-webkit-transform: scale(0.85) translateY(-21px);
			-moz-transform: scale(0.85) translateY(-21px);
			-ms-transform: scale(0.85) translateY(-21px);
			-o-transform: scale(0.85) translateY(-21px);
			transform: scale(0.85) translateY(-21px);
			opacity: 0;
	}
}

@-webkit-keyframes aNotes_firstListNote {
	0% { 
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			opacity: 0;
	}
	49% { 
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			opacity: 0;
	}

	50% { 
			-webkit-transform: scale(1.1) translateY(5px);
			-moz-transform: scale(1.1) translateY(5px);
			-ms-transform: scale(1.1) translateY(5px);
			-o-transform: scale(1.1) translateY(5px);
			transform: scale(1.1) translateY(5px);
			opacity: 0;
	}

	56% { 
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			opacity: 1;
	}

	57% { 	opacity: 0; }
	100% {	opacity: 0; }
}

@-webkit-keyframes aNotes_firstListNoteSharp {
	0%		{ opacity: 0; }
	55%		{ opacity: 0; }
	56%		{ opacity: 1; }
	100%	{ opacity: 1; }
}

@-webkit-keyframes aNotes_listNotesHighlight {
	0%		{ opacity: 0; }
	61%		{ opacity: 0; }
	64%		{ opacity: 1; }
	100%	{ opacity: 1; }
}

@-webkit-keyframes aNotes_listButton {
	0%		{ opacity: 1; }
	51%		{ opacity: 1; }
	52%		{ opacity: 0; }
	100%	{ opacity: 0; }
}

@-webkit-keyframes aNotes_annotation {
	0%		{ opacity: 0; -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); -o-transform:translateX(20px); transform:translateX(20px); }
	62%		{ opacity: 0; -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); -o-transform:translateX(20px); transform:translateX(20px); }
	71%		{ opacity: 1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }
	100%	{ opacity: 1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }
}
*/