body { 
	margin:0; 
	padding: 0; 
	overflow:hidden; 
	font-family:Arial; 
	font-size:20px;
	background-color: #e6f899;
	-webkit-user-select: none; /* Chrome/Safari */        
	
	-ms-user-select: none; /* IE10+ */
	-moz-user-select: none; /* Firefox */
}


div {
	cursor: default;
}


#header {
	color:#734305; 
	font-family:impact; 
	text-align:center;
}

#outerframe {
    width: 840px;
    border: 5px solid black;
	overflow: auto;
	margin:auto;
	padding:10px;
	background-color: #D4A108;
	border-radius:8px;
}

#canvascontainer { 
	border: 0px solid #FF0000; 
	color:white ;
	float: left;
	border: 1px solid black;

}


#cr-stage { 
	border:0 solid #FF0000; 
	border: 0px solid black;
	/*margin-bottom:1px;*/
}

#controlpanel {
	width : 190px;
    float:right;
	height: 482px;
	overflow: hidden;
	padding:0;
}

.rightside {
 border: 4px solid #734305;
 border-radius: 16px;
}

#timercontainer {
	overflow: hidden;              /* add this to contain floated children */
	border: 0 solid #4F2F06;
	border-radius: 0;
}

#playbutton {
	text-shadow: 2px 2px 2px #000;
	border-radius: 16px;
	color: lime;
	float: center;
	text-align: center;
	overflow: hidden;
	padding: 8.5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 28%;
	float: left;
	font-size: 30px;
	cursor: pointer;
	background-color: #4A4418;

}


#timer {
	background-color: #4A4418;
	text-shadow: 2px 2px 2px #000;
	color: red;
	float: center;
	text-align: center;
	overflow: hidden;
	padding: 8.5px;
	float:right;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width:40%;
	font-size: 30px;
	

}

.subtitle{
	color:#910101;
	font-weight:bold
}
 #objectivediv{

 	height: 79px;
	background-color: #D6D587;
	color: black;
	padding: 5px;
	font-size:16px;
	margin-bottom: 10px;
 
 }
#infotextdiv {
	height: 120px;
	background-color: #D6D587;
	color: black;
	padding: 5px;
	font-size:16px;
	margin-bottom: 10px;
}

#infotext {
	font-size:14px;
}

#objective {
	font-size:14px;
}

#actionsdiv {
	height: 136px;
	background-color: #D6D587;
	color:black;
	padding: 5px;
	font-size:16px;
	
}


.actionbutton {
	margin: 1px;
	margin-left: -23px;
	width = 20px;
	font-size:14px;
	background-color: #E0E0E0;
	border:1px solid #734305;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #888;
	margin-right:20px;
	color:#910101;
	padding: 1px;
	text-align:center;
	
}
.actionbutton:hover {
	color: black; 
	border: 1px solid black;
	background-color: #734305 ;
	cursor: pointer;
	}

.actionbutton:active {
	color: #b3b2b1; 
	border: 1px solid black;
	background-color: #734305 ;
	cursor: pointer;
	box-shadow: 2px 2px 2px 0 #aaa inset;
	outline: none;
	}