body
{
	padding: 9px 9px 0px 9px;
	margin: 0px;
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	font-size: 9pt;
}

/* IE is stubborn about fonts in form elements.  We have to target them specifically to get what we want. */
input,
textarea,
select
{
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	font-size: 9pt;
}
input,
textarea
{
	padding: 0.2em 0.25em;
}
input[type=checkbox]
{
	width: 1.25em;
	height: 1.25em;
	position: relative;
	top: 0.2em;
}

table
{
	table-layout: auto;
	border-collapse: collapse;
	border: none;
	margin: auto;
	padding: auto;
}
table td
{
	border: none;
	padding: auto;
}
thead, tbody, tfoot
{
	vertical-align: inherit;  /* combat quirks mode */
}





h1
{
	font-size: 180%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	margin: 16px auto 8px auto;
}
h2
{
	font-size: 140%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	margin: 12px auto 6px auto;
}
h3
{
	font-size: 105%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	margin: 6px auto 2px auto;
}
h4
{
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	margin: 3px auto 2px auto;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child
{
	margin-top: 0px;
}
h2.FollowHeader { margin-top: -8px; }
h3.FollowHeader { margin-top: -6px; }
h4.FollowHeader { margin-top: -4px; }





.HighlightArea,
.DataArea
{
	padding: 10px 15px 15px 15px;
	color: #57524E;
	vertical-align: top;
}

.HighlightArea
{
	background-color: #FFFFFF;
	border: 3px solid #FF8E3C;
	z-moz-border-radius: 8px;
	-moz-box-shadow: 1px 1px 3px #252525;
}

.DataArea
{
	background-color: #F2F2F2;
	border: 6px solid #BEBEBE;
	-moz-border-radius: 8px;
}

.HighlightArea input,
.HighlightArea textarea,
.HighlightArea select,
.DataArea input,
.DataArea textarea,
.DataArea select
{
	background-color: #fafafa;
	color: #252525;
}



.AreaTiles
{
	table-layout: auto;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px;
	border: none;
	margin: auto;
	padding: auto;
}




.TextButton
{
	font-family: inherit;
	font-size: 11pt;
	color: #ffffff;
	text-shadow: #252525 1px 1px 0px;
	margin: auto;
	min-width: 140px;
	height: auto;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;

	background-color: #848484;
	border: 1px solid #606060;
	cursor: pointer;
}

.TextButton_OK,
.TextButton_Trial
{
	background-color: #E30000;
	background-image: url(images/Button_Red_Gradient.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 1px solid #c00000;
	color: #ffffff;
}
.TextButton_Demo
{
	background-color: #642121;
	background-image: url(images/Button_Blue_Gradient.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 1px solid #7d2a2a;
	color: #ffffff;
}
.TextButton_Cancel,
.TextButton_Other,
.TextButton_Disabled
{
	background-color: #635e5e;
	background-image: url(images/Button_Grey_Gradient.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 1px solid #606060;
	color: #ffffff;
}

.TextButton_Disabled
{
	color: #999999 !important;
	cursor: wait;
	text-shadow: none;
}



a,
a:link,
a:visited
{
	text-decoration: none;
	cursor: pointer;
}
a:active,
a:focus,
a:hover
{
	text-decoration: underline;
	cursor: pointer;
}



a.ImageLink,
a.ImageLink:link,
a.ImageLink:visited,
a.ImageLink:active,
a.ImageLink:focus,
a.ImageLink:hover
{
	text-decoration: none;
	font-weight: normal;
}




.DebugBody
{
	background-color: #ffffff;
	color: #000000;
}
.DebugTable
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #999999;
}
.DebugTable th,
.DebugTable td
{
	border: 1px solid #999999;
	padding: 0.25em;
}
.DebugTable .ScrollingCell
{
	overflow: auto;
	max-width: 20em;
	max-height: 20em;
}


.PageErrorMessage,
.PageWarningMessage
{
	clear: both; 
	background-color: #ffffcc; 
	font-family: monospace; 
	white-space: pre; 
	font-size: 9pt; 
	color: black; 
	border: 1px solid #888888; 
	padding: 3px;
}
.PageErrorMessage
{
	color:red;
	font-weight: bold;
}