﻿html
{
	width: 100%;
}

body 
{
	margin: auto;
	margin-top: 22px;
	width: 946px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	background-color: white;
	color: black;
}

h1, h2, h3, h4
{
	display: inline;
}

input, textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

td
{
	vertical-align: top;
}

table.Data
{
	border-collapse: collapse;
}

table.Data th
{
	padding: 2px;
	border: solid 1px black;
	background-color: #4477dd;
	color: White;
	font-weight: bold;
}

table.Data td 
{
	padding: 3px;
	border: solid 1px silver;
	background-color: #f1f1f1;
	color: Black;
	vertical-align: top;
}

table.Data td.Empty
{
	background-color: transparent;
}

.Menu 
{
	width: 100%;
	background-color: black;
	color: white;
	text-align: center;
}

.Menu .MenuItem 
{
	width: 12%;
}

.Menu .MenuItem a
{
	display: block;
	background-color: Transparent;
	color: white;
	text-decoration: none;
}

.Menu .MenuItem a:hover
{
	text-decoration: underline;
}

#Content 
{
	overflow: auto;
	height: 400px;
	background-color: White;
	color: Black;
}

.FieldLabel 
{
	background-color: Transparent;
	color: #4444aa;
	font-weight: bold;
}

.TaskDetails
{
	padding: 8px;
}

.Title
{
	height: 17px;
	background-color: Transparent;
	background-image: url("../Images/SectionBar.png");
	color: White;
	font-weight: bold;
	text-align: center;
}

.ToolBar
{
	position: absolute;
	left: 20px;
	top: 488px;
	width: 904px;
	height: 40px;
	margin: auto;
}

.ToolBar .CapLeft
{
	position: absolute;
	left: 0;
	top: 0;
	width: 13px;
	height: 100%;
	background-image: url("../Images/ToolBar/ToolbarCaps.gif");
	background-position: 0 0;
}

.ToolBar .TileLeft
{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-image: url("../Images/ToolBar/ToolbarTiles.gif");
	background-position: 0 0;
}

.ToolBar .Center
{
	position: absolute;
	left: 20%;
	top: 0;
	width: 300px;
	height: 100%;
	background-image: url("../Images/ToolBar/ToolbarCenter.gif");
}

.ToolBar .TileRight
{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-image: url("../Images/ToolBar/ToolbarTiles.gif");
	background-position: 0 40px;
}

.ToolBar .CapRight
{
	position: absolute;
	right: 0;
	top: 0;
	width: 13px;
	height: 100%;
	background-image: url("../Images/ToolBar/ToolbarCaps.gif");
	background-position: 13px 0;
}

.ToolBar .Clock
{
	overflow: hidden;
	position: absolute;
	left: 16px;
	top: 8px;
	width: 58px;
	height: 13px;
	border: inset 1px #777777;
	background-image: url("../Images/ClockTile.gif");
	background-color: #999999;
	color: White;
	font-size: 90%;
	text-align: center;
}

.ToolBar .NavButtons
{
	position: absolute;
	left: 22%;
	top: -8px;
}

.ToolBar .Login 
{
	position: absolute;
	right: 20px;
	top: 11px;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
}

.ToolBar .Login input
{
	font-size: 8pt;
}

.ToolBar .Login .UsernameLabel
{
	font-style: italic;
}

.Notes
{
	border: 0;
	width: 99%;
	background-color: #f1f1f1;
	color: inherit;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	text-align: left;
}

