@media screen
{
*
{
	padding: 0;
	margin: 0;
}
body
{
	font-family: Tahoma, Arial, Verdana, "Sans-serif";
	color: #565552;
	background-color: #e4eef8;
}
/* Header graphic */
#logo img
{
	display: block;
	padding: 14px 0 14px 0;
	margin: 0 auto 0 auto;
}
/* Login status bar */
#loginBar
{
	color: White;
	font-size: x-small;
	background: Black url(Images/horzbar.jpg) repeat-x;
	padding: 4px 4px 4px 4px;
}
#loginBar a
{
	color: White;
}

/* Navigation status */
#toolBar
{
	font-size: x-small;
	background-color: #c8d7e3;
	padding: 2px 6px 2px 2px;
	text-align: right;
}
#toolBar input
{
	border: 0;
	padding: 0px 6px 0px 0px;
}

/* Navigation bar */
#nav
{
	float: left;
	width: 200px;
	margin: 14px 14px 14px 7px;
}
#navlist
{
	font-size: small;
	list-style-type: none;
	margin-bottom: 14px;
}
#navlist li
{
	margin-bottom: 2px;
}
#navlist a
{
	color: Black;
	display: block;
	text-decoration: none;
	background-color: #c8d7e3;
	padding: 2px 0px 2px 7px;
	width: 193px;
}
#navlist a:hover
{
	color: White;
	font-weight: bold;
}
.navheader
{
	color: White;
	font-weight: bold;
	background: #98b1c4 url(Images/traintop.png) no-repeat;
	padding: 2px 0px 2px 7px;
	width: 193px;
}
.navfooter
{
	color: White;
	font-weight: bold;
	background: #98b1c4 url(Images/trainbtm.png) no-repeat bottom;
	padding: 2px 0px 2px 7px;
	width: 193px;
}

/* Trainer information box */
#trainerBox
{
	color: White;
	font-size: x-small;
	background: #98b1c4 url(Images/trainbtm.png) no-repeat bottom left;
	padding: 0 0 20px;
	margin-top: 14px;
}
#trainerBox dt
{
	color: White;
	font-size: 1.7em;
	background: url(Images/traintop.png) no-repeat;
	padding: 16px 16px 0;
}
#trainerBox dd
{
	color: Black;
	line-height: 1.3;
	padding: 10px 16px 0;
}

/* Page content */
#outercontent
{
	background-color: White;
	font-size: small;
	border: solid 1px #aaa;
	margin: 14px 14px 14px 228px;
}
#outercontent h1 
{
	color: White;
	font-size: small;
	font-weight: bold;
	border-bottom: solid 1px #aaa;
	background-color: #98b1c4;
	padding: 4px 4px 4px 4px;
	margin: 0;
}

/* Page content */
#innercontent
{
	padding: 7px 7px 7px 7px;
}
#innercontent p
{
	padding: 4px 0px 4px 0px;
}
#innercontent h2
{
	color: #98b1c4;
	font-size: small;
	font-weight: bold;
}
#innercontent li
{
	margin-left: 35px;
}

.infobox
{
	background-color: #e4eef8;
	font-size: small;
	border: solid 1px #aaa;
	margin: 4px 0px 4px 0px;
	padding: 6px 6px 6px 6px;
	width: 98%;
}

/* */
.form
{
	border-style: none;
	border-spacing: 4px;
	empty-cells: show;
	width: 98%;
}
.form th
{
	background-color: #98b1c4;
	color: White;
	font-weight: normal;
}
.form tr
{
	background-color: #e4eef8;
	vertical-align: top;
	margin-bottom: 24px;
	border-spacing: 10px;
}
.formlabel
{
	width: 14em;
	margin-bottom: 24px;
}

/* Gridviews */
.grid
{
	border-style: solid;
	width: 98%;
	border-spacing: 4px;
	empty-cells: show;
}
.gridodd
{
	background-color: #e4eef8;
}
.gridsel
{
	color: White;
	background-color: Black;
}
.gridheader
{
	color: White;
	font-weight: bold;
	background-color: #98b1c4;
	text-align: center;
}
.gridfooter
{
	color: White;
	background-color: #98b1c4;
	text-align: center;
}

/* Footer */
#footer
{
	color: White;
	font-size: x-small;
	text-align: center;
	clear: both;
	background: Black url(Images/horzbar.jpg) repeat-x;
	padding-top: 4px;
	padding-bottom: 4px;
}

p#belowfooter
{
	padding: 4px;
	font-size: xx-small;
	text-align: center;
}

/* */
.errmsg
{
	color: Red;
	font-size: small;
	background-color: White;
	border: solid 1px red;
	padding: 5px 5px 5px 5px;
}
.outofrange
{
	font-weight: bold;
	color: Red;
}
}