/* mass spectrometer css
author: Alexander Shmakov
june 22, 2016*/

h1#title {
	text-align: center;
	font-family: tahoma;
	font-size: 20px;
	font-size: 5em;
	color: white;
	text-shadow: 3px 3px black;
}

div#window {

	background-repeat: no-repeat;
	background-image: url("../../images/FLM_Image_19.png");
	
	/*makes the image fill the whole div*/
	background-size: 100%;
}

/*########################################################*/

div#leftContent {
	display: inline-block;
}

img#home {
	position: absolute;
	height: 6%;
	z-index: 10;
}

div#leftContent img#left_img {
	position: absolute;
	margin-top: -1%;
	height: 100%;
	width: 30%;
}

/*############ image and back to home button  #############*/



p.pageNum {
	position: absolute;
	margin-top: 17%;
	margin-left: 45%;
	text-align: center;
	font-size: 1.5em;
}

p#instructions {
	position: absolute;
	margin-top: 5%;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 2.5em;
}

/*######################## table ##########################*/

table {
	height: 55%;
}

div#tableRight p {
	font-size: 2.5em;
	width: 90%;	

}


td#tableLeftTD iframe {
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.5);

	width: 90%;
	height: 90%;
}

td#tableLeftTD {
	text-align: center;
	width: 60%;
	height: 90%;
}

td#tableRightTD {
	width: 40%;
}

/*###################  buttons  ############################*/

img#next {
	position: absolute;
	margin-left: 95%;
	margin-top: 15%;
	height: 5%;
}

img#back {
	position: absolute;
	margin-left: 1%;
	margin-top: 69%;
	height: 5%;
}
img#infoButton {
	position: absolute;
	margin-top: -2%;
	height: 5%;
}

/*############### more info ###############################*/

img#moreInfoImg {
	position: absolute;
	margin-top: -35%;
	margin-left: 23%;
}