@charset "utf-8";

body{ 
/*	max-width: 1200px;
	min-width: 200px;
*/	text-align:center;
	margin: 0px auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	background-color: #FFF;
}

/* General formating  ------------------------------------------------- */
.title{
	font-weight:bold;
}
/* Common elements ---------------------------------------------------- */
li{
	margin-bottom:5px;
}

.border-box{
	background-color:rgba(242, 242, 233, 1);
	margin:10px;
	border:#d2d2d2 1px solid;
	border-radius:3px;
	box-shadow:0px 1px 2px rgba(64,64,64,0.1);
	padding:3px;
	color:#666;
	border-collapse: initial;
	display:inline-block;
}
.border-box.wide{
	min-width:80%;
}
.border-box.wide table{
	margin:0px auto;
}

/* Layout -------------------------------------------------------------- */
#header{
		background-color:#6d9ba5;
		padding:5px;
}
.section{
	background-color:#CCE6DE;
	
	
}
#debugLog{
	padding:5px;
	background-color:#FFF;
	color:#000;
}
/* Login --------------------------------------------------------------------- */
#login{
	color:#FFF;
	font-size:130%;
	padding:5px;
}
#login input{
	color:#000;
}
#login #toggle{
	font-size:140%;
	cursor:pointer;
}
#login button{
	background:none;
	border:none;
	color:#FFF;
}
#logged-out{
	display:block !important;
}
/* Instructions  ------------------------------------------------------------- */
.instructions{
	text-align:left;
	max-width:600px;
	margin:0px auto;
	margin-top:15px;
	padding:20px;
	background-color:#FFF;
	color: #333;
}

.message{
	display:block;
	width:400px;
	color: #930;
}