/*
* Main styles that are included in all pages
*/
HTML, BODY {
	margin: 0px;
}


/*
* Styles about logo
*/
PRE#siteLogo {
	width: 10%;
	display: inline;
}

DIV#siteLogoDiv {
	width: 100%;
	text-align: center;
	margin: 10px auto 30px auto;
	font-weight: bold;
}


/*
* Styles about navigation bar
*/
DIV#navbar {
	width: 800px;
	margin: 20px auto;
	padding: 10px 0px;
	text-align: left;
	font-size: 125%;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

DIV#navbar A, DIV#navbar A:visited {
	margin: 10px 25px;
	text-decoration: none;
	color: blue;
}

DIV#navbar A:hover {
	text-decoration: underline;
}

DIV#navbar SPAN.menuDelimiter {
	width: 0px;
	border-right: 1px dotted silver;
}

DIV#navbar SPAN.selectedMenu {
	margin: 10px 25px;
	color: steelblue;
}


/*
* Styles about form
*/
TABLE#layoutTable {
	width: 800px;
	margin: 10px auto;
}

TABLE#layoutTable TD#descriptionCell {
	vertical-align: top;
	text-align: justify;
	padding: 3px 5px 0px 20px;
	font-size: 85%;
	color: darkgray;
}

TABLE#formTable {
	width: 10%;
	border-collapse: collapse;
}

TABLE#formTable TD {
	vertical-align: middle;
	padding: 3px 5px;
	white-space: nowrap;
}

TABLE#formTable TD.topSpace {
	padding-top: 15px;
}

TABLE#formTable TD INPUT {
	font-size: 16px;
}

TABLE#formTable TD.right {
	text-align: right;
}

TABLE#formTable TD.emptySpaceWidth {
	width: 95%;
}

IMG#codeCheck {
	border: 1px solid darkgray;
	width: 64px;
	height: 24px;
}


/*
* Some common styles
*/
H1 {
	margin: 20px auto;
	text-align: center;
	font-size: 150%;
	color: steelblue;
}

H2 {
	margin: 5px auto;
	text-align: center;
	font-size: 125%;
	color: steelblue;
}


DIV.systemInfo {
	width: 800px;
	margin: 20px auto;
	font-family: monospace;
}

DIV.systemInfoWide {
	width: 1024px;
	margin: 20px auto;
	font-family: monospace;
}

TABLE.systemInfoTable {
	width: 10%;
	border-collapse: collapse;
	margin: 0px auto;
}

TABLE.systemInfoTable TD {
	white-space: nowrap;
	padding: 3px 3px;
}

TABLE.systemInfoTable TD.right {
	text-align: right;
}


DIV.infoMessage, DIV.errorMessage {
	width: 600px;
	margin: 30px auto;
	padding: 35px 25px;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	border-width: 2px;
	border-style: solid;
	background: gainsboro;
}

DIV.infoMessage {
	color: blue;
	border-color: blue;
}

DIV.errorMessage {
	color: red;
	border-color: red;
}


P.description {
	width: 800px;
	margin: 30px auto;
	text-align: justify;
	text-indent: 20px;
	line-height: 130%;
}