﻿*{
	margin: 0px;
	padding: 0px;
	}
body {
	text-align:center;
	font-family:Arial;
	margin-top:10px;
	background-color:black;
	color:#FFFFCC;
	}
#Container {
	background-color:#CCCCFF;
	border: 4px solid #FFFFCC;
	width:800px;
	height:600px;
	margin:auto;
	margin-bottom:50px;
	position:relative;
	}
h1 {
	font-family:"Wellfleet", Arial, sans-serif;
	font-size:72px;
	color:white;
	text-shadow:3px 3px 0 red,-2px -2px 0 red,2px -2px 0 red,-2px 2px 0 red,2px 2px 0 red;
	padding:2px;
	margin:5px;
	letter-spacing:5px;
}
h2	{
	text-align:left;
	color:black;
}
div#Instructions1 {
	position:absolute;
	top:10px;
	left:200px;
	width:575px;
	height:80px;
	}
div#Instructions1 p, div#Instructions2 p{
	color:black;
	text-align:left;
	margin-bottom:8px;
	}
div#Instructions1 h3{
	color:red;
	}
div#Instructions2 {
	position:absolute;
	top:100px;
	left:620px;
	width:180px;
	height:400px;
	}
div#LevelChanger {
	position:absolute;
	top:530px;
	left:10px;
	width:780px;
	height:60px;
	color:black;
	}
div.Cell {
	width:120px;
	height:120px;
	background-color:#FFFF66;
	border:thin black solid;
	position:absolute;
	color:navy;
	font-family:"Courier New", Courier, monospace;
	font-size:120px;
	font-weight:bold;
	text-align:center;
	-webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	}
div#Row1Col1 {top:100px; left:200px;}
div#Row1Col2 {top:100px; left:340px;}
div#Row1Col3 {top:100px; left:480px;}
div#Row2Col1 {top:240px; left:200px;}
div#Row2Col2 {top:240px; left:340px;}
div#Row2Col3 {top:240px; left:480px;}
div#Row3Col1 {top:380px; left:200px;}
div#Row3Col2 {top:380px; left:340px;}
div#Row3Col3 {top:380px; left:480px;}
div#Pointer {
	position:absolute;
	width:180px;
	height:180px;
	border:0px;
	top:10px;
	left:10px;
	background-image:url('Frustration.gif');
	}
div#Pointer p{
	font-size:50px;
	font-weight:bold;
	text-align:center;
	color:yellow;
	margin-top:64px;
	}
div#ChangePanel {
	position:absolute;
	width:180px;
	height:280px;
	border:2px;
	top:210px;
	left:10px;
	}
div#ChangePanel p{
	text-align:left;
	color:black;
	font-weight:bold;
	}
div#ChangePanel input {
	margin-right:8px;
	margin-left:30px;
	}
#Trophybutton {
	visibility: hidden;
	background-color:red;
	color:white;
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	}
.LevelButton {
	width:80px;
	background: repeating-linear-gradient(0deg, red 40px, white 100px);
	border: 1px solid #777;
	padding:4px;
}
.LevelButton:hover {
	background-color: #eee;        
	background: repeating-linear-gradient(0deg, pink 35px, white 90px);
}
table#QuizFooterTable p {
	line-height:20px;
}
#QuizFooterTable p.comment_title {
	background-color:red;
	background-image:none;
	background: linear-gradient(to right, red 0%, #FFFFFF 1%, red 2%, white 95%, white 100%);
	font-weight:bold;
	color:white;
	margin-bottom:0px;
	padding:5px 20px 10px;
}
.comment_title::before {
	content:'Comment from ';
}
.comment_date {
	display:none;
}
#QuizFooterTable p.comment_body {
	margin:20px;
}
.QuotationMarks {
	font-weight:bold;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
