#instructions {
	display: none;
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: -72px;
	/*visibility: hidden;*/
	background-color: rgba(46, 53, 61, 0.8);
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 	z-index: 100; /* make sure they are in front of map, at least in tiled maps */
}
.instructions {
	font-family: "helvetica";
	color: white;
	font-size: 20px;
    background-colorOFF: white ;
 	borderOFF: 1px solid red;
 	z-index: 100; /* make sure they are in front of map, at least in tiled maps */
}


#instructions_prev_button {
	position: absolute;
	left: 3%;
	top: 22px;
	width: 32px;
	height: 32px;
	/* background-color: red; */
}
#instructions_count {
	position: absolute;
	font-size: 16px;
	left: 8%;
	top: 24px;
	width: 32px;
	height: 32px;
	font-weight: bold;
	/* background-color: cyan; */
}

#instructions_brief {
	position: absolute;
	font-size: 18px;

	top: 13px;
	height: 25px;
	left: 15%;
}
#instructions_detail {
	font-size: 14px;
	line-height: 18px;

	position: absolute;
	top: 32px;
	height: 60px;
	left: 15%;
	/* bottom: 10px;*/
	width: 62%;

	top: 32px;
	/* background-color: green; */
}

#instructions_icon_and_time {
	position: absolute;
	right: 8%;
	top: 9px;
	width: 90px;
	height: 60px;
	/* background-color: blue; */
}

#instructions_icon {
	position: absolute;
	top: 0px;
	width: 32px;
	height: 32px;
	left: 29px;
}
#instructions_time {
	position: absolute;
	font-size: 10px;

/*	right: 5%;
*/
	bottom: 9px;
	width: 90px;
	height: 20px;
	text-align: center;
}
#instructions_next_button {
	position: absolute;
	right: 3%;
	top: 22px;
	width: 32px;
	height: 32px;
	/* background-color: red; */
}



#instructions, #instructions_prev_button, #instructions_count, #instructions_brief, #instructions_detail,
 #instructions_icon, #instructions_time, #instructions_next_button,
 .instructions-no-user-select
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}