/* PAGE LAYOUT */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #d8d8d8;
	font-family: 'tahoma';
}

#page-container {
	width: 800px;
	color: #000000;
	background-color: #f8f8f8;
	margin: auto;
	text-align: left;
	font-size: 10pt;
}

#page-content {
	/*width: 800px;*/
	margin: 0;
	padding: 5px 25px 10px 25px;
	border: 1px solid #000000;

}
/* END Page Layout */


/* HEADER LAYOUT */
#header {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #000000;
	color: #f8f8f8;
}

#header-banner {
   font-size: 18pt;
   font-weight: bold;
}

#header-description {
   font-size: 11pt;
   font-style: italic;
   font-weight: 500;
}
/* END Header layout */


/* NAV MENU */
#nav-bar {
	width: 800px;
	background-color: #6BADE1; /*#00BFFF; /*#1E90FF; /* #6495ED;*/
	font-size: 10pt;
	font-weight: 500;
	padding-top: 3px;
	padding-bottom: 3px;
}

.nav-item {
	display: inline;
	padding-left: 7px;
	color: #000000;
}

.nav-item a:link, .nav-item a:visited {
	text-decoration: none;
	padding: 4px 5px 4px 5px;
	color: #000000;
}

.nav-item a:hover {
	background-color: #f2f2f2;
	text-decoration: none;
}
/* END Nav menu */


/* STATUS BOX */
#status-label {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 3px;
	margin: 0;
}
	
#status-text {
	font-size: 10pt;
	border: 2px dotted #000000;
	width: 166px; /*Account for the 7px padding below */
	padding: 7px;
	margin: 0;
}

#status-box {
	float: right;
	/*text-align: center;*/
	width: 180px;
	padding: 7px;
	margin-top: 6px;
}
/* END Status box */


/* CONTAINERS AND HEADERS */
#login-form, #customize-console, #notepad-container, #register-container  {
	margin: 0 0 12px 0;
}

.section-header, #login-header {
	text-align: left;
	margin: 11px 0 7px -10px;
	font-weight: bold;
	font-size: 15pt;
}
/* END Containers and headers */


/* LOGIN FORM */
.login-field {
	font-size: 8pt;
	width: 175px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	/*background-color: #ffffff;*/
}

.login-field:focus {
	font-size: 8pt;
	width: 175px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	/*background-color: #ffffff;*/
}

.login-prompt-text {
	font-size: 9pt;
	font-weight: bold;
}
/* END Login form */


/* CUSTOMIZE PANEL */
#notepad_size_rows, #notepad_size_cols {
	
}

.notepad_control {
   font-size: 8pt;
   font-weight: 500;
   font-family: arial;
   cursor: pointer;
   border: 1px solid #000000;
   background-color: #d7d7d7;
}
/* END Customize panel */


/* FOOTER LAYOUT */
#footer {
   padding: 20px 0 7px 0;
   text-align: center;
   font-size: 9pt;
}
/* END Footer layout */


/* REGISTRATION LAYOUT */
#register-status {
	margin-top: 15px;
}

.register_pages {
	margin: 15px 0 12px 20px;
	width: 100%;
	text-align: center;
}
/* END Registration layout */


/* MISC */
#progress-bar {
	padding-left: 11px;
}

#notepad {
   background-color: #f2f2f2;
   color: #000000;
   font-family: 'Consolas','monospace','courier new';
   font-size: 14px;
   border: 1px solid #000000;
   overflow: auto;
}

a:link {
	color: #2959dd;
}

a:visited {
	color: #2959dd;
}

a:hover {
	color: #122088;
}

.clicky {
	background-color: #d7d7d7;
	cursor: pointer;
	border: 1px solid #000000;
}
/* END MISC */