body {
	margin: 0;
	text-align: center;
	background-color:#c1e7ff;
	background-image:url('../Images/Backgrounds/c1e7ff.gif');
	background-repeat:repeat-x;
	color:#FFFFFF;
}
div#TopBlackBar {
	background-color:black;
	padding:3px;
	margin:0px auto 5px;
	width:100%;
	box-sizing:border-box;
}
h1 {
	text-shadow: 4px 4px 4px #1c041c;
	filter: dropshadow(color=#1c041c, offx=4, offy=4);
}
ul {
	text-align: left;
}
div.Container   {
	position: relative;
	width: 800px;
	background-color: #FFFFFF;
	padding: 20px;
	text-align:left;
	color: #000000;
	border: 2px black solid;
	margin: 0 auto;
	font-family:Tahoma, Geneva, Verdana, sans-serif, "Segoe UI";
	font-size:18px;
}
#MainContainer {
	border-radius:10px;
	margin-bottom:20px;
	background: #fff url("/software/SW/Starter_of_the_day/images/backgrounds/circles.png") repeat right top;
}
#MainTable {
	width:100%;
	border-collapse:separate;
 	border-spacing:10px 10px;
}
#MainTable tr {
	page-break-inside: avoid;
}
td { 
	vertical-align:top;
	text-align:left;
	}
#MainTable td{
	border-radius:10px;
	box-shadow: inset 0 0 10px #000000, 0 0 0px 3px #000181;
	position:relative;
	text-align:center !important;
}
#MainTable p{
	margin:8px;
}
input.Answer_box {
	background-color: PaleTurquoise;
	color: black;
	font-family: arial, verdana, ms sans serif;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
	padding:2px;
}
input.Answer_box:focus {
  background-color: yellow;
}
input.Answer_box::-ms-clear {
    /*This clears the cross that appears in the input field in IE */
    display: none;
}
#Trophybutton {
	display:none;
	background-color:red;
	color:white;
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
div#GreyOut {
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	height:2000px;
	background-color:silver;
   opacity:0.6;
   display:none;
}
div#DescriptionBox, div#HelpBox {
	position:absolute;
	top:150px;
	width:600px;
	height:auto;
	left: 50%;
	margin-left: -320px;
	border:6px maroon solid;
	background-color:white;
	padding:20px;
	color:black;
	display:none;
	border-radius: 17px;
	z-index:1000;
}
div#DescriptionBox p, div#HelpBox p{
	text-align:left;
	font-family:Tahoma, Geneva, Verdana, sans-serif, "Segoe UI";
	font-size:14px;
}
span.CloseX {
	position:absolute;
	right:5px;
	top:5px;
	font-size:22px;
	color:red;
	cursor:pointer;
}
p.CloseP {
	position:absolute;
	right:39px;
	top:-1px;
	border:0px;
	padding:0px;
}
span.tick {
	display:none;
	font-weight:bold;
	color:green;
	font-size: 200%;
  	line-height: 0;
}
span.cross {
	display:none;
	font-weight:bold;
	color:red;
	font-size: 200%;
  	line-height: 0;
}
span.spacer {
	font-weight:bold;
	font-size: 200%;
  	line-height: 0;
  	color:transparent;
}

ul.Choices   {
	list-style: none;
}
.LevelTabs {
	margin-top:-35px;
	margin-bottom:1px;
	text-align:center;
	width:800px;
	white-space: nowrap;
}
.LevelTabs a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444;
	background-color:silver;
	background: repeating-linear-gradient(0deg, silver 30px, white 60px);
	border:2px black solid;
	padding:2px 5px 0px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-decoration:none;
	cursor:pointer;
}
.LevelTabs a.ThisOne {
	color:red;
	background-color:#CCCCCC;
	background-image:url('/Software/SW/Starter_of_the_day/Images/Backgrounds/circles.png');
	margin-top:10px;
	font-size:16px;
	border-bottom:0px #FFF solid;
	font-weight:bold;
}
.LevelTabsBig {margin-top:-43px;margin-bottom:15px;}
.LevelTabsBig a{font-size:18px;}
.LevelTabsBig a.ThisOne {background-color:#EFEFEF;font-size:18px;background-image:none;border-bottom:4px #EFEFEF solid;}

#H1Table {
	display:table;
	width:800px;
	margin:auto;
	margin-bottom:0px;
	border:0px aqua solid;
}
#H1Table h1, #H1Table h2{
	margin:1px;
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
#H1Table td:first-child {
	padding-right:10px;
}
.ButNew {
	display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    border: 1px solid #777;
	padding: 3px 20px;
	margin: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-decoration: none;
	color: black;
	border-radius: 3px;
	background: repeating-linear-gradient(0deg, orange 0px, orange 5px, yellow);
	cursor:pointer;
}   
.ButNew:hover {
	background-color: #eee;        
	background: repeating-linear-gradient(0deg, orange 0px, yellow 10px, yellow);
}
.ButNew:active {
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
} 
.ButNew:focus {
    outline: 0;
    background: repeating-linear-gradient(0deg, orange 0px, yellow 20px, yellow);
}     
.ButNew:before {
	background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 25px;
    text-align: center;
    font-size:26px;
    margin: -3px 20px 0 -20px;
    padding: 0 4px;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: 2px 0 0 2px;       
}
.ButCheck {
	display:block;
	margin:auto;
	width:100px;
	padding-bottom:7px;
}
.ButCheck:before{content: "\2713";}
.ButLevel {
	font-weight:normal;
	font-size:16px;
	margin:6px 1px 6px 1px;;
}
.ButGame:before{content: "\2650";}
.ButMore:before{content: "\271A";}
.ButVid:before{content: "\1F4BB";}
.ButOptions:before{content: "\263C";}
.ButNext:before{content: "\2192";}
.ButInstruct:before{content: "\270D";}
.ButConfirm:before{content: "\1F44D";}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}
input[type=number] {
    -moz-appearance:textfield;
}

.Showforprinting { display:none;}
.comment_date {
	display:none;
}
.QuotationMarks {
	font-weight:bold;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
span.QuestionNumber {
	box-sizing:border-box;
	color:grey;
	position:absolute;
	top:-2px;
	left:-2px;
	width:24px;
	height:24px;
	border-radius:12px;
	border:2px black solid;
	background-color:#EEE;
	text-align:center;
	padding:0px;
	margin:0px;
	font-size:15px;
}

@media print {
	body {
		background-color:#FFFFFF !important;
		background-image:none !important;
	}
	#MainContainer {
		background:none;
		background-color:white;
	}
	div#TopBlackBar {
		display:none;
	}
	h3 {display: none; }
	div#Dontshowforprinting { display: none;}
	span.Dontshowforprinting { display: none;}
	.Dontshowforprinting { display: none;}
	h1, #H1Table h2 { color: #000000; text-shadow:none;}
	.Showforprinting { display:inline-block;}
	.NotVisibleforprinting {visibility:hidden;}
	#MainTable input.Answer_box, #MainQuizTable input.Answer_box {
		display:inline-block;
		border:0px;
		border-bottom:2px black dotted;
		margin:0px auto 20px;
		width:90px;
		height:70px;
		font-size:26px;
		background-color:white !important;
	}
	#Checkbutton {
		display:none;
	}
}