/* === [Specific control styles] === */
@import "Navigation.css";
@import "Forms.css";
@import "Grid.css";

/* === [Basic element definitions] === */
body, form {
	background: #777;
	margin: 0;
}
th {
	text-align: inherit;
}
input, textarea, select { border: solid 2px #aaa;}
input:focus, textarea:focus, select:focus { border: solid 2px #0a0;}

/* === [Masterpage layout] === */
#Page {
	background: #fff;
	margin: 0 auto;
	overflow: auto;
	width: 947px;
}
#MasterHead {
	background: url(../LightBlue/header.jpg);
	overflow: auto;
	padding: 2em 2em 0;
	width: auto;
}
#MasterBody {
	background: #F0F0F0;
	overflow: auto;
	padding: 1em;
	width: auto;
}
#MasterFooter {
	clear: both;
	display: block;
	font-size: .7em;
	margin: 0 auto;
	padding-top: 1em;
	text-align: center;
	width: auto;
}

/* === [Page Classes] === */
.HeaderBox { border: solid 2px #aaa; margin: 0 0 1em; padding: 0 1em 1em;}
.HeaderBox b {
	background: url(../LightBlue/boxtop.jpg);
	border-bottom: solid 2px #aaa;
	color: #fff;
	display: block;
	line-height: 1.6em;
	padding: 0 1em;
	margin: 0 -1em 1em;
	text-align: center;
	width: auto;
}

.LinkList {	margin: 0; overflow: hidden; padding: 0;}
.LinkList li { float: left; list-style: none; margin: 0 5px 0 0;}
.LinkList li a { display: block; padding: .5em; white-space: nowrap;}

/* === [ Forms ] === */
.BasicFields {
	border: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 315px;
}
.BasicFields div {
	margin-bottom: 3px;
	text-align: left;
}
.BasicFields div label {
	display: inline-block;
	text-align: right;
	width: 130px;
}
.BasicFields div input {
	border: solid 2px #aaa;
	width: 150px;
}
.BasicFields div select {
	border: solid 2px #aaa;
	width: 154px;
}
.BasicFields div b {
	color: #f00;
}

/* === [Misc] === */
.Blue { color: #00f;}
.Clear { clear: both;}
.Left { float: left;}
.Right { float: right;}
.JavaLinks { cursor: pointer; text-decoration: underline;}
.PopupBox {
	background: #fff;
	left: 50%;
	margin: -100px 0 0 -210px;
	overflow: visible;
	position: fixed;
	top: 50%;
	width: 435px;
}