/*This CSS file is used for 19 Feb Starter and investigations/Jugs.asp*/
body {
	background-color:#0066CC;
}
div#MainContainer {
	position:relative;
	padding:20px;
	box-sizing:border-box;
	border:3px black solid;
	border-radius:20px;
	box-shadow: inset 0 0 20px #000000;
	margin-bottom:100px;
	height:620px;
}
#Jug1 {
	position:absolute;
	left:90px;
	top:150px;
	width:270px;
	height:262px;
}
#Jug1 img{
	position:absolute;
	width: 266px;
	height: 261px;
	left:0px;
	bottom:0px;
	}

#Jug2 {
	position:absolute;
	right:90px;
	top:150px;
	width:270px;
	height:262px;
}
#Jug2 img{
	position:absolute;
	width: 234px;
	height: 230px;
	right:0px;
	bottom:0px;
	}
#Jug1 p,#Jug2 p {
	position:absolute;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:72px;
	color:black;
	text-shadow: 2px 2px #ff0000;
	border:0px red solid;
	text-align:center;
}
#Jug1 p {
	left:56px;
	top:0px;
	width:130px;
}
#Jug2 p {
	left:70px;
	top:20px;
	width:140px;
}

#Taps {
	position:absolute;
	left:190px;
	top:0px;
	width:401px;
	height:123px;
}
#Water1, #Water2 {
	position:absolute;
	left:194px;
	top:120px;
	width:35px;
	height:100px;
	overflow:hidden;
}
#Water2 {
	left:552px;	
}
#Water1 img, #Water2 img{
	position:absolute;
	left:0px;
	top:-500px;
	width:35px;
	height:554px;
	display:none;
}
#Fill1, #Fill2, #Empty1, #Empty2, #Transfer1, #Transfer2, #Start {
	position:absolute;
	left:216px;
	top:80px;
	width:50px;
	height:18px;
	overflow:hidden;
	color:black;
	background-color:aquamarine;
	border:1px silver solid;
	border-radius:7px;
	box-shadow: inset 0 0 3px #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	box-sizing:border-box;
	padding:2px;
	cursor:pointer;
}
#Fill2 {left:516px;	}
#Empty1 {left:100px;top:393px;}
#Transfer1 {left:270px;top:393px;width:70px;}
#Empty2 {left:630px;top:393px;}
#Transfer2 {left:453px;top:393px;width:70px;}
#Start {left:365px;top:570px;width:70px; display:none;}

#Winner1, #Winner2 {
	position:absolute;
	width:196px;
	height:196px;
	display:none;
}
#Winner1 {top:164px;left:110px;}
#Winner2 {top:184px;right:120px;}
#Instructions {
	position:absolute;
	top:430px;
	left:20px;
	width:760px;
}
#Instructions p{
	color:black;
	text-align:left;
}
#TrophyForm {
	display:none;
	position:absolute;
	top:430px;
	left:20px;
	width:760px;
	color:red;
}
#Marking1, #Marking2 {
	position:absolute;
	top:7px;
	left:30px;
	color:white;
	font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	font-size:14px;
}
#Marking2 {
	top:36px;
	left:52px;
}
.note_to_teacher input {
	width:95px;
	padding:0px;
	padding-top:4px;
	padding-bottom:6px;
	font-size:11px;
}
.comment_title {
	background-image:none;
	background-color:#0066CC;
	border-top:2px black solid;
	border-left:2px black solid;
	border-right:2px black solid;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	font-weight:bold;
	color:white;
}
.comment_date, .comment_body {
	color:#000000;
}