/* @group Main */

body
	{
	margin: 0;
	padding: 56px 0px 50px 0px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	color: #666;
	}

a
	{
	text-decoration: none;
	color: inherit;
	}

ul
	{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}

section
	{
	text-align: center;
	}

h2
	{
	margin: 10px 0;
	}
/* @end */

/* @group Header */

h1
	{
	margin: 0;
	font-size: 1.8em;
	font-weight: normal;
	text-align: center;
	line-height: 56px;
	text-shadow: 2px 2px 2px #666;
	}

header
	{
	position: fixed;
	top: 0px;
	width: 100%;
	background: #333;
	margin: 0;
	color: #fff;
	height: 56px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	}

#logo
	{
	position: fixed;
	top: 6px;
	right: 10px;
	height: 44px; width: 44px;
	}

#seenote
	{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 50px; width: 50px;
	}

#note
	{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 170px;
	display: none;
	background: #efe382;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	text-align: center;
	color: #333;
	border-top: solid 1px black;
	}

#note input
	{
	font-size: 1.5em;
	width: 150px;
	}
	
/* @end */

/* @group Footer */

footer
	{
	position: fixed;
	width: 100%;
	bottom: 0px;
	text-align: center;
	background: #f6f6f6;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	color: #999;
	}
	
	footer li
		{
		display: inline-block;
		width: 20%;
		font-size: .8em;
		}
	
	footer object
		{
		height: 26px; width: 26px;
		pointer-events: none;
		display: block;
		padding: 3px 0px;
		margin: 0 auto;
		}

/* @end */

/* @group Forms
 */

input
	{
	font-size: 1.6em;
	width: 80%;
	}

#login_form > input
	{
	display: block;
	margin: 20px auto;
	border-radius: 15px;
	border: solid 1px #999;	
	}

.button
	{
	display: inline-block;
	border: solid 2px grey;
	border-radius: 8px;
	margin: 5px;
	padding: 4px;
	font-size: 1.3em;
	}

.button:active
	{
	background: grey;
	color: white;
	}

/* @end */

/* @group Login */

.demo_msg
	{
	text-align: justify;
	padding: 10px;
	}

#error_lp, #error_gen
	{
	display: none;
	color: #990000;
	padding: 0 20px;
	}

/* @end */

/* @group Content */

#main_content li
	{
	border-top: solid 1px #ccc;
	padding: 0 5px;
	}

#account_settings
	{
	text-align: left;
	}

/* @end */