﻿body {
	background-color:black;
	background-image:url('Background.png');
	background-repeat: no-repeat;
    background-position: center -100px; 
    text-align:center;
    color:white;
}
h1 {
	margin:2px;
	text-align:center;
}
.Light {
	width:30px;
	height:30px;
	border-radius:15px;
	background-color:#CCCCCC;
	border:2px black solid;
	position:absolute;
}
#Light1 {left:470px; top:20px}
#Light2 {left:440px; top:100px}
#Light3 {left:500px; top:130px}
#Light4 {left:420px; top:150px}
#Light5 {left:470px; top:190px}
#Light6 {left:390px; top:225px}
#Light7 {left:550px; top:205px}
#Light8 {left:520px; top:270px}
#Light9 {left:420px; top:300px}
#Light10 {left:520px; top:320px}
#Light11 {left:340px; top:330px}
#Light12 {left:610px; top:330px}
#MainContainer div.Light p{
	color:black;
	margin:4px 0px 0px 0px;
	text-align:center;
}
.On {
	background-color:yellow;
	box-shadow: 0px 0px 50px yellow;
}
#Trophybutton {
	display:none;
	visibility:visible;
	background-color:red;
	color:white;
	font-weight:bold;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	}
img#Globe {
	width: 463px;
	height: 462px;
	position:absolute;
	top:20px;
	left:250px;
}
#ActionButtons {
	text-align:center;
}
#ActionButtons a{
	display: none;
    white-space: nowrap;
    background-color: #ccc;
    border: 1px solid #777;
	padding: 10px 4px;
	margin: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-decoration: none;
	color: black;
	border-radius: 4px;
	background: repeating-linear-gradient(0deg, red 40px, yellow 100px);
	cursor:pointer;
	width:100px;
}   
#ActionButtons a:hover
    {
	background-color: #eee;        
	background: repeating-linear-gradient(0deg, red 35px, yellow 90px);
}
#ActionButtons a:active {
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	top: 1px;
} 
#ActionButtons a:focus {
    outline: 0;
    background: repeating-linear-gradient(0deg, red 30px, yellow 80px);

    }    
#CommentsEtc {
	width:1000px;
	margin:auto;
} 
#CommentsEtc a{
	color:aqua;
} 
.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;
	margin-bottom:0px;
	box-shadow:3px 0px 1px 1px rgba(0,0,0,0.13);
	text-align:left;
	padding:10px;
}
.comment_date {
	display:none;
}
.comment_body {
	color:white;
	font-family: 'Neucha', cursive;
	font-size:20px;
	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:0px;
	margin-top:0px;
	margin-left:0px;
	box-shadow:3px 3px 3px 1px rgba(0,0,0,0.26);
	text-align:left;
}
div#MainContainer {
	background-image:none;
	background-color:transparent;
	width:960px;
	height:480px;
	margin:0px auto 0px;
	border:1px purple solid;
	position:relative;
}
div#MainContainer p{
	color:white;
	font-size:20px;
}
div#MainContainer table {
	margin:auto;
	width:800px
}
div#MainContainer td {
	text-align:center;
	font-weight:bold;
	color:white;
}
div#UnderContainer {
	width:1000px;
	height:660px;
	margin:auto;
	border: 0px solid black;
	position:relative;
	padding:0px;
}
div#LeftPanel, div#MiddlePanel, div#RightPanel {
	position:absolute;
	top:0px;
	margin:0px;
	border: 0px solid yellow;
	text-align:center;
}
div#LeftPanel {
	left:0px;
	width:340px;
}
div#MiddlePanel {
	left:350px;
	width:300px;
	padding-top:10px;
}
div#MiddlePanel p{
	color:white;
	font-weight:bold;
	text-align:left;
}
div#RightPanel {
	Right:0px;
	width:340px;
}
div#LowerPanel {
	position:absolute;
	bottom:0px;
	left:0px;
	width:998px;
	height:200px;
	margin:0px;
	border: 0px solid aqua;
	text-align:center;
}
a.whitebutton {
	width:350px;
	height:70px;
	text-align:center;
	color:white;
	font-weight:bold;
	background-color:gray;
	border:2px white solid;
	border-radius:35px;
	text-decoration:none;
}
.ThisOne {
	color:red;
	background-color:#CCCCCC;
	font-size:16px;
	font-weight:bold;
}
img.Padlock {
	width: 32px;
	height: 25px;
	margin:0px 17px 0px -55px;
}
div#MiddlePanel p#SolutionNumbers {
	color:pink;
	text-align:center;
	font-size:24px;
}
