/* determining temperature 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;
}

div#chart_div {
	/*position: absolute;*/
	/*width: 40%;*/
	/*margin-left: */
}


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  #############*/

div#rightContent {
	margin-left: 32%;
}

p#instructions {
	padding-left: 5%;
	padding-right: 5%;
	font-size: 2em;
}

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


div#chart_div {
	/*margin: 5%;*/
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.5);
}

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

table#infoTable {
	margin: 5%;
}

div#tableLeft p {
	/*margin-left: 3%;*/
	/*width: 80%;*/
	/*font-size: 2em;*/
}

div#tableRight p {
	margin-left: 10%;
	width: 80%;	
	font-size: 2em;
}

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

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

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

img#infoButton1 {
	position: absolute;
	/*margin-top: 60%;*/
	margin-left: 5%;
	height: 5%;
}

img#infoButton2 {
	position: absolute;
	/*margin-top: 60%;*/
	margin-left: 5%;
	height: 5%;
}

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

img#moreInfoImg1 {
	position: absolute;
	margin-top: -45%;
	margin-left: 25%;
	/*width: 40%;*/
}

img#moreInfoImg2 {
	position: absolute;
	margin-top: -45%;
	margin-left: 25%;
	/*width: 40%;*/
}