.dbg{
	border: solid 1px red;
}

.center {
    display: block;
    margin: 0 auto;
    /*background-color: green;*/
}

.foot {
	text-align: center;
	position: absolute;
	bottom: 8px;
	width: 100%;
}

  table.center {
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
  }

#gamecontainer {
	/*width: 642px;*/
	width: 750px;
	height: 451px;
	border: 1px solid black;
}

#menu_screen {
	background-image: url("instructions/levelscreen.png");
	background-color:  #3399ff;
}

#menu_screen h1{
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 40px;
	float: center;
	text-align: center;
	margin: 0px;
}

#menu_screen h2{
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 15px;
	text-align: center;
	margin: 0px;
}

#menu_screen .logo{
	padding: 5px;
    width: 60px;
}

#menu_screen table{
	margin-top: 107px;
	margin-left: 80px;
	width: 90%;
}

.gamelayer {
	/* width: 640px; */
	width: 750px;
	height: 451px;
	position: absolute;
	display:none;
}

#game_screen {
	background-color: #99d6ff; /* sky blue */
}

#menu_screen .level_text {
	color: #D9D9D9;
	text-align: left;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 20px;
}

.table_spacer {
	width: 5px;
}

.neutral_icon {
	width: 75px;
	height: 30px;
}

.pass_icon {
	width: 20px;
	height: 40px;
}

.fail_icon {
	width: 20px;
	height: 40px;
}

.message_text {
			display: none; 
			margin-top: 30px;
			margin-left: 175px ;
			padding: 5px;
			border: 4px solid;
			border-radius: 10px;
			width: 400px;
			position: absolute;	
			border-color: #0086b3;
			background-color: #99e6ff;
			font-family: "Comic Sans MS", cursive, sans-serif;
			font-size: 20px;
		}

/* -------------- button --------- */

.greenbutton {
 /*basic styles*/
 /*width: 150px; */
 height: 30px;  color: white; background-color: #00b300;
 text-align: center;  font-size: 20px;  line-height: 20px;
 text-shadow: rgb(68, 68, 68) 1px 1px 0px;
 
 /*gradient styles*/
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b300), to(#008000));
 background: -moz-linear-gradient(19% 75% 90deg,#008000, #00b300);

 /* border style */
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

.redbutton {
 /*basic styles*/
 /*width: 150px; */
 height: 30px;  color: white; background-color: #00b300;
 text-align: center;  font-size: 20px;  line-height: 20px;
 text-shadow: rgb(68, 68, 68) 1px 1px 0px;
 
 /*gradient styles*/
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60000), to( #b30000));
 background: -moz-linear-gradient(19% 75% 90deg, #b30000, #e60000);

 /* border style */
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

#quitbuttondiv {
	position: absolute; top: 5px; left: 5px;
}

.instructions {
	background-color:  #3399ff;
	border: 5px solid red;
	width: 740px;
	height: 441px;
	color: #D9D9D9;
}

.instructions h1{
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 40px;
	float: center;
	text-align: center;
	margin: 0px;
}

.instructions h2{
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 15px;
	text-align: center;
	margin: 0px;
}

.instructions p{
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 18px;
	text-align: left;
	margin: 10px;
}

.instructions .logo{
	padding: 5px;
    width: 60px;
}

.instructionbuttondiv {
	position: absolute; 
	top: 410px;
	left: 360px;
	width: 10%;
}

.pass_screen {
	background-color:  #3399ff;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 15px;
	text-align: left;
}

.fail_screen {
	background-color:  #3399ff;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 18px;
	text-align: left;
	color: #D9D9D9;
}

.fail_screen p{
	position: absolute;
	top: 270px;
	left: 75px;
	width: 80%;
	color: #D9D9D9;
}

#loader_screen p{
	position: absolute;
	top: 160px;
	left: 150px;
	width: 48%;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 18px;
	background-color: #CA5100;
	color: #D9D9D9;
}

.fail_screen p{
	position: absolute;
	top: 270px;
	left: 75px;
	width: 80%;
	color: #D9D9D9;
}

#bhglogo{
	background-color:  #3399ff;
}

#bhglogo img{
	background-color:  #3399ff;
	position: absolute;
	top: 140px;
	left: 0px;
	width: 100%;
}