@charset "utf-8";
/* CSS Document */
body{
	background-color: white;
	overflow: hidden;
}

#FSButton{
	width:4.5%; 
	position: absolute;
	left:78%;
	top: 57.5%;
}

#RestartButton{
	width:4.5%; 
	position: absolute;
	left:86%;
	top: 57.5%;
}

#FSTT {
	left: 75.5%;
	top: 52%;
}

#RestartTT {
	left: 83.5%;
	top: 52%;
}

.tooltip .tooltiptext {
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 visibility: hidden;
 width: 7.5%;
 height: 2.5%;
 background-color: #fbbf13;
 color: #162c53;
 text-align: center;
 border:groove #162c53;
 padding: 0.5%;
 z-index: 50;
 position: absolute;
}

.tooltip:hover .tooltiptext {
 visibility: visible;
}

#yourRes{
	visibility: hidden;
	text-align: center;
	 opacity: 0.5;
}

#distressMessage{
	visibility: hidden;
	text-align: center;
}

#expectedRes{
	visibility: hidden;
}

#YRButton{
	width:4.5%; 
	position: absolute;
	left: 86%;
	top: 20%;
/*	visibility: hidden;*/
}

#ERButton{
	width:4.5%; 
	position: absolute;
	
	left: 86%;
	top: 5%;
/*	visibility: hidden;*/
}

#YRTT{
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 color: #162c53;
 position: absolute;
 left: 86%;
 top: 27.5%;
/*	visibility: hidden;*/
}

#ERTT{
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 color: #162c53;
 position: absolute;
 
	left: 86%;
 top: 12.5%;
/*visibility: hidden;*/
}

#DMButton{
	width:4.5%; 
	position: absolute;
	left: 71.5%;
	top: 12.5%;
/*	visibility: hidden;*/
}

#DMTT{
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 color: #162c53;
 position: absolute;
 left: 71.5%;
 top: 20%;
/*visibility: hidden;*/
}