﻿/*NOTE: This file is used by the Starter and the student activity*/
body {
	background-color:white;
	background-image:none;
	color:black;
}
h1 {
	margin:1px;
}

h2 {
	color:navy;
	}
div#ContainerInvisible {
	position:relative;
	width:959px;
	height:570px;
	padding:0px;
	border:0px #FF00FF dotted;
	margin:auto;
	margin-bottom:10px;
	margin-top:2px;
	background-image:url('/Software/SW/Starter_of_the_day/Images/Background3.gif');
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div#InstructionsAndFeedback {
	position:relative;
	width:820px;
	height:70px;
	padding:0px;
	border:3px black solid;
	margin:auto;
	margin-bottom:10px;
	background-color:#FFCCCC;
}
div#InstructionsAndFeedback p{
	margin:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
}
#Button1, #Button2 {
	position:absolute;
	top:20px;
	width:130px;
	height:30px;
}
.DragNumber {
	color: white;
	text-align: center;
	border: 0px solid #000000;
	padding: 0px;
	margin: 1px 0px 0px 2px;
	width: 74px;
	height: 74px;
	position: absolute;
	overflow: hidden;
	cursor: move;
	border-radius:37px;
	background-color:red;
	background: radial-gradient(circle at 50% 120%, maroon, red 80%, white 100%);
}
.DragNumber p{
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size: 44px;
	font-weight: bold;
	font-style: normal;
	margin:9px auto;
}
.NumberSpace {
	color: #FF0000;
	text-align: center;
	background-color:#8195FE;
	border: 4px solid black;
	padding: 0px;
	margin: 0px;
	width: 70px;
	height: 70px;
	position: absolute;
	overflow: hidden;
	cursor: move;
	border-radius:35px;
}
.AnswerSpace {
	border: 0px solid #000000;
	padding: 0px;
	margin: 0px;
	width: 70px;
	height: 70px;
	position: absolute;
	overflow: hidden;
	cursor: move;
}
.AnswerSpace p{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-align: left;
	margin-top:10px;
	font-size: 40px;
}
.PlusEqual {
	position:absolute;
	font-size:30px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}
#ProgressCheck {
	position:absolute;
	left:80px;
	bottom:1px;
	font-size:xx-small;
	color:#FFCC00;
}
#Trophybutton {
	width:500px;
	position:absolute;
	left:160px;
	top:20px;
}
p#TimeCheck {
	position:absolute;
	margin:0px;
	bottom:10px;
	right:10px;
	color:#0070C0;
	font-family:"Arial Rounded MT Bold";
	font-size:24px;
}
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 !important;
	color:white !important;
	margin-bottom:0px;
	padding:5px 20px 10px;
}
.comment_date {
	display:none;
}
.QuotationMarks {
	color:red;
	font-weight:bold;
}

