@charset "utf-8";
/* CSS Document */





a:hover
{
	text-decoration:none;
}


#backdrop
{
	font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size:12pt;
	color:#FFFFFF;
	background-color:#063A6B;
	border-radius:11pt;
	height:500px;
	width:575px;
	padding:15px;
}

#content1
{
	font-family:inherit;
	font-size:15pt;	color:#000000;
	font-weight:bold;
	background-color:#EDEDED;
	border-radius:4pt;
	height:50px;	width:555px;
	margin-left:auto;	margin-right:auto;
margin-bottom:15px;
	padding:12px;
	text-align:center;	vertical-align:middle;
}

#content2
{
	font-family:inherit;
	font-size:inherit;	color:#000000;
	background-color: #EDEDED;
	border-radius:4pt;
	height:370px;	width:555px;
	margin-left:auto;	margin-right:auto;
	margin-top:15px;	margin-bottom:5px;
	padding:12px;
	text-align:justify;
}

#content1-Result
{
	font-family:inherit;
	font-size:30pt;	color:#000;
	font-weight:bold;
	background-color:#FFF;
	border-radius:4pt;
	height:50px;	width:545px;
	margin-left:auto;	margin-right:auto;
	margin-top:15px;	margin-bottom:15px;
	padding:12px;
	text-align:center;	vertical-align:middle;
	border: solid 3px #000;
}

.tool-graphic
{
	height:280px;	width:250px;
	display:inline-block;
	float:right;	
	border:solid 2px #000;	
	background-size:250px 250px;
	background-position:center;
	background-repeat:no-repeat;
}

#content2 div 
{
	vertical-align:central;
	padding:3px;
	font-size:15pt;
	
}

.details
{
	font-size:9pt;	color:#FFF;
	background-color:rgba(67,67,70,1.00);
	width:250px;
	text-align:center;
	padding:2px;	margin:2px;
	display:block;
}

.graphicX
{
	height:180px; 	width:250px;
	border-style:none;
	padding: 5px;
	margin-left:5px;
	border-radius:4pt;
	
	
}

.graphicX-text2
{
	text-align:center; 
	font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size:7pt; 	color:#000;
	margin-top:2px;	margin-left:5px;
	background-color:white;
	border-radius:4pt;
	width:250px;
}
.graphicX-header
{
	height:20px;	width:250px;
	margin-top:5px;	margin-bottom:0px;	margin-left:5px;
	font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size:10pt;	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-color:#063A6B;
	padding:3px;
	border-radius:4pt;
}

.option
{
	background-color: #FFF; color: #063A6B;
	height:150px;	width:250px;
	font-size:15pt;
	font-weight:bold;
	padding: 8px;
	border:solid 2px #063A6B;
	border-radius:4pt;	
}

.option:hover
{
	font-size:15.5pt;	color:#FFF;
	padding: 8px;
	background-color:#063A6B;
	border:solid 2px #FFF;
	cursor:pointer;	
}

.options-holder2x1
{
	margin-top: 75px;
}

.options-holder2x2
{
	margin-top: -55px;
	margin-bottom:auto;
}

.notes
{
	font-size:11pt;	color:#FFF;
	background-color:#063A6B;
	border-radius: 4pt;
	padding:8px;
	text-align:center;	
	margin-top:35px;	margin-bottom:5px;
}

.key-links
{
	font-size:14pt;	color:#063A6B;
	font-weight:bold;
	height:30px;	width:250px;
	background-color:#FFF;
	border-radius: 4pt;
	padding:8px;
	text-align:center;
	border: solid 2px #063A6B;
	display:inherit;
	margin-left:auto;	margin-right:auto;	margin-bottom:8px;
}

.key-links:hover
{
	font-size:14pt;	color:#FFF;
	font-weight:bold;
	height:30px;	width:250px;
	background-color:#063A6B;
	border-radius: 4pt;
	padding:8px;
	text-align:center;
	border: solid 2px #FFF;
	margin-left:auto;	margin-right:auto;	margin-bottom:8px;

	cursor:pointer;
}
.key-links a
{
	font-size:inherit;	color:inherit;
	text-decoration:none;
}