/** KITT - STYLE SHEET - Selection List Style */

li
{
	width: 42pt;
	height: 42pt;

	position: relative;

	opacity: 0.75;
}

.selected
{
	position: relative;
	-webkit-animation: imgAnimation 1s; /* Chrome, Safari, Opera */
}

li.selected
{

	position: relative;
	left: 25pt;
	top: -25pt;
	
	float: center;

	flex-flow: row rap;
	display: flex;
	align-content: space-end;

	opacity: 0.95;
}

li.selected span
{
	position: relative;
	left: 35pt;
}

li.selected img
{
	width: 100pt;
	height: 100pt;
}

img-text
{
	visibility: hidden;
}

li.selected img-text
{
	visibility: visible;
	width: 100pt;
	text-align: center;
	float: left;
	font: bold 18pt arial;
	color: #e04107;
}

#helpArrowWarningsMenuFinalPos
{
	position: relative;
	left: 450pt;
	top: -275pt;

	-webkit-animation: helpAnimation 1s; /* Chrome, Safari, Opera */
}

#helpArrowWarningsCityFinalPos
{
	position: relative;
	left: 500pt;
	top: -275pt;

	-webkit-animation: helpWarningsCityAnimation 1s; /* Chrome, Safari, Opera */
}

#helpArrowWarningsARFinalPos
{
	position: relative;
	left: 500pt;
	top: -275pt;

	-webkit-animation: helpWarningsARAnimation 1s; /* Chrome, Safari, Opera */
}

#helpArrowWarningsNationalFinalPos
{
	position: relative;
	left: 450pt;
	top: -275pt;

	-webkit-animation: helpWarningsNationalAnimation 1s; /* Chrome, Safari, Opera */
}


/* Image Animation */

@-webkit-keyframes imgAnimation
{
	0%
	{

		left: 0pt;
		top: -25pt;
	}
	
	100%
	{
		left: 25pt;
		top: -25pt;
	}
}

/* Image Animation */

@-webkit-keyframes helpAnimation
{
	0%
	{

		left: 0pt;
		top: -25pt;
	}

	25%
	{
		left: 25pt;
		top: -25pt;
	}
	
	100%
	{
		left: 450pt;
		top: -275pt;
	}
}

/* Image Animation */

@-webkit-keyframes helpWarningsCityAnimation
{
	0%
	{

		left: 0pt;
		top: -25pt;
	}

	25%
	{
		left: 25pt;
		top: -25pt;
	}
	
	100%
	{
		left: 500pt;
		top: -275pt;
	}
}

@-webkit-keyframes helpWarningsARAnimation
{
	0%
	{

		left: 0pt;
		top: -25pt;
	}

	25%
	{
		left: 25pt;
		top: -25pt;
	}
	
	100%
	{
		left: 500pt;
		top: -275pt;
	}
}

@-webkit-keyframes helpWarningsNationalAnimation
{
	0%
	{

		left: 0pt;
		top: -25pt;
	}

	25%
	{
		left: 25pt;
		top: -25pt;
	}
	
	100%
	{
		left: 450pt;
		top: -275pt;
	}
}


@-webkit-keyframes helpMapsAnimation
{
	0%
	{

		left: 0pt;
		top: -25pt;
	}

	25%
	{
		left: 25pt;
		top: -25pt;
	}
	
	100%
	{
		left: 450pt;
		top: -275pt;
	}
}