*{
	margin: 0px;
	padding: 0px;
	}
body {
	text-align:center;
	font-family:Arial;
	margin-top:10px;
	background-color:navy;
	color:#FFFFCC;
	}
#Container {
	background-color:#CCCCFF;
	border: 0px solid #FFFFCC;
	width:1000px;
	height:500px;
	margin:auto;
	margin-top:2px;
	margin-bottom:50px;
	position:relative;
	}
h1 {
	font-size:56px;
	color:white;
	-webkit-text-stroke: 1px black;
	text-shadow:3px 3px 0 black,-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black;
	padding:2px;
	margin:2px;
	letter-spacing:5px;
	}
div#Instructions {
	width:800px;
	height:300px;
	border: 2px blue solid;
	position:absolute;
	background-color:navy;
	color:white;
	font-size:16px;
	left:100px;
	top:100px;
	text-align:left;
	}
div#Instructions h3{
	text-align:center;
	font-size:42px;
	margin:5px;
	text-shadow: 4px 4px 4px #1c041c;
	filter: dropshadow(color=#1c041c, offx=4, offy=4);
	}
div#Instructions p{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	}
div#Instructions ul{
	margin-left:200px;
	list-style:none;
}
div#Instructions ul input[type=radio]{
	margin-right:10px;
}
div.Square {
	width:98px;
	height:98px;
	border: 2px black solid;
	position:absolute;
	background-color:white;
	color:black;
	}
div.Square h2 {
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	line-height:20px;
	}
div.Square h5 {
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	left:15px;
	line-height:20px;
	position:absolute;
	bottom:1px;
	color:red;
	}
div.Question h3 {
	font-size:72px;
	text-align:center;
	font-weight:bold;
}
div.Random h3 {
	font-size:72px;
	text-align:center;
	font-weight:bold;
	color:red;
}
div.Start h2 {
	font-size:26px;
	margin-top:2px;
}
div.Start h3 {
	font-size:62px;
	text-align:center;
	font-weight:bold;
	margin-top:-8px;
	color:purple;
}
div.Triangles h2 {background-color:red;  color:white;}
div.Averages h2 {background-color:aqua;}
div.Polygons h2 {background-color:lime;}
div.Angles h2 {background-color:yellow;}
div.Circles h2 {background-color:blue; color:white;}
div.Numbers h2 {background-color:purple; color:white;}

div.Player {
	width:30px;
	height:30px;
	position:absolute;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:1px black solid;
	font-weight:bold;
	font-size:26px;
	}

div#Player1, div#Bank1 {background-color:red;  color:white;}
div#Player2, div#Bank2 {background-color:blue; color:white;}
div#Player3, div#Bank3 {background-color:green; color:white;}
div#Player4, div#Bank4 {background-color:yellow;}

div#WhosNext {
	width:112px;
	height:80px;
	position:absolute;
	left:150px;
	top:120px;
	border:0px;
	background-color:#CCCCFF;
}
div#BankArea {
	width:250px;
	height:280px;
	position:absolute;
	right:420px;
	top:110px;
	border:0px;
	background-color:#CCCCFF;
}
div.Bank {
	width:100%;
	height:65px;
	border:1px black solid;
	margin-bottom:2px;
}
div.Bank h2{
	font-size:18px;
	margin:4px;
}
div.Bank h4{
	font-size:24px;
	margin:4px;
	text-shadow: 4px 4px 4px #1c041c;
	filter: dropshadow(color=#1c041c, offx=4, offy=4);
}
div#Bank4 h4{
	font-size:24px;
	margin:4px;
	text-shadow: 2px 2px 2px silver;
	filter: dropshadow(color=silver, offx=2, offy=2);
}

div#Decisions {
	width:300px;
	height:280px;
	position:absolute;
	right:110px;
	top:110px;
	border:0px;
	background-color:#CCCCFF;
}
div#Decisions h2 {
	font-size:24px;
	margin-bottom:20px;
}
div#Decisions input[type=button] {
	font-size:18px;
	width:140px;
}
div#Decisions p {
	font-size:12px;
	margin-bottom:10px;
}
div.Dice {
	width:50px;
	height:50px;
	position:absolute;
	border:1px black solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#00FF99;
	}
div#Dice1 {left:150px; top:200px;}
div#Dice2 {left:210px; top:200px;}

div.Dot {
	width:10px;
	height:10px;
	background-color:black;
	position:absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

div#Dot1 {top:5px; left:10px;}
div#Dot2 {top:5px; left:30px;}
div#Dot3 {top:20px; left:10px;}
div#Dot4 {top:20px; left:30px;}
div#Dot5 {top:35px; left:10px;}
div#Dot6 {top:35px; left:30px;}

#BtnRoll {
	position:absolute;
	left:150px;
	top: 255px;
	width:112px;
	height:30px;
}
#Sell {
	position:absolute;
	left:150px;
	top: 290px;
	width:112px;
	height:30px;
}
div.Questionnaire {
	font-size:12px;
	background-color:#FFFFCC;
	text-align:left;
	padding:3px;
	border:1px black solid;
}
div.Questionnaire input {
	width:20px;
	margin-left:20px;
}
p.Attribution {
	color:gray;
	font-size:10px;
	text-align:center;
	font-style:italic;
	margin-bottom:0px;
}
p.Feedback {
	color:red;
	font-size:18px;
	font-weight:bold;
	margin:5px;
}

#RandomNumber1, #RandomNumber2, #RandomChoice {
	color:red;
	font-size:24px;
	font-weight:bold;
}

.hidden {display:none;}

div#Square1 {left:100px; top:0px}
div#Square2 {left:200px; top:0px}
div#Square3 {left:300px; top:0px}
div#Square4 {left:400px; top:0px}
div#Square5 {left:500px; top:0px}
div#Square6 {left:600px; top:0px}
div#Square7 {left:700px; top:0px}
div#Square8 {left:800px; top:0px}
div#Square9 {left:900px; top:0px}
div#Square10 {left:900px; top:100px}
div#Square11 {left:900px; top:200px}
div#Square12 {left:900px; top:300px}
div#Square13 {left:900px; top:400px}
div#Square14 {left:800px; top:400px}
div#Square15 {left:700px; top:400px}
div#Square16 {left:600px; top:400px}
div#Square17 {left:500px; top:400px}
div#Square18 {left:400px; top:400px}
div#Square19 {left:300px; top:400px}
div#Square20 {left:200px; top:400px}
div#Square21 {left:100px; top:400px}
div#Square22 {left:0px; top:400px}
div#Square23 {left:0px; top:300px}
div#Square24 {left:0px; top:200px}
div#Square25 {left:0px; top:100px}



#QuizFooterTable p {
	margin:7px 4px 18px;
}
#QuizFooterTable p.comment_title {
	background-color:red;
	background-image:none;
	background: linear-gradient(to bottom, red 0%, #FFFFFF 8%, red 16%, red 100%);
	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;
	font-weight:bold;
	margin-bottom:0px;
	box-shadow:3px 0px 1px 1px rgba(0,0,0,0.13);
	padding:10px;
}
#QuizFooterTable p.comment_date {
	display:none;
}
#QuizFooterTable p.comment_body {
	color:navy;
	font-family: 'Architects Daughter', cursive;
	font-size:18px;
	line-height:26px;
	padding-left:30px;
	padding-top:15px;
	padding-bottom:10px;
	border-left:2px black solid;
	border-right:2px black solid;
	border-bottom:2px black solid;
	margin-right:4px;
	margin-top:0px;
	margin-left:4px;
	margin-bottom:15px;
	box-shadow:3px 3px 3px 1px rgba(0,0,0,0.26);
}