.requiredField { font-weight: bold; }
.requiredFieldImg { color: #f00; cursor: help; line-height: 10px; }
.topLegend { font-size: 1.4em; vertical-align: middle; }
.topLegendImg { vertical-align: middle; }
.fsImg { float: left; }
.fsDataWithImg { margin-left: 60px; vertical-align: top; text-align: left; }
.note { border: 1px solid #ffa500; background-color: #e1e1e1; }
.noteImg { color: #ffa500; cursor: help; vertical-align: text-top; }
.error { background-color: #fcc; padding: 0.5em; }
.error img { vertical-align: middle; }
.success { background-color: #cfc; border: 1px solid #3c3; padding: 0.5em; }
.success img { vertical-align: middle; }
.warning { background-color: #ffc; border: 1px solid #cc3; padding: 0.5em; }
.warning img { vertical-align: middle; }
/* server image button */
.imgButton { border: 1px solid #999; border-top-color: #ccc; border-left-color: #ccc; background-color: #eee; color: #333; font-weight: bold; margin: 4px; padding: 4px; white-space: nowrap; }
a.imgButton:link, a.imgButton:visited { color: #333; text-decoration: none; }
a.imgButton:hover, a.imgButton:active { color: #333; background-color: #ddd; text-decoration: none; }
.imgButtonDisabled { border: 1px solid #999; border-top-color: #ccc; border-left-color: #ccc; background-color: #ccc; color: #333; font-weight: bold; margin: 4px; padding: 4px; white-space: nowrap; }
a.imgButtonDisabled:link, a.imgButtonDisabled:visited { cursor: default; color: #333; background-color: #ccc; text-decoration: none; }
a.imgButtonDisabled:hover, a.imgButtonDisabled:active { cursor: default; color: #333; background-color: #ccc; text-decoration: none; }
.imgButton img, .imgButtonDisabled img { vertical-align: text-bottom; padding: 0 4px 0 4px; }
.imgButtonDiv { margin: 10px 0; }
.imgButtonPadding { padding: 5px 0; }
.imgButtonNav { margin: 10px 0; text-align: right; }
/* gridview */
.TreeFrogGridHeader th, .TreeFrogGridHeader th a { background-color: #036; color: #fff; }
.TreeFrogGridHeader a:hover { background-color: #036; color: #b7db05; }
.TreeFrogInnerGridHeader th { background-color: #505050; color: #fff; }
.TreeFrogAltRowGrid { background-color: #e1e1e1; }
.TreeFrogInnerAltRowGrid { background-color: #e9ffc2; }
.extGridViewButton { clear: both; left: 10%; position: relative; top: 10px; }
.memberHeader {	background-color: #036; border: 1px solid #036;	color: #fff; font-size: 1.2em; font-weight: bold; padding: 0.4em; margin: 1em 0 1em; width: 98%; }
.memberHeader span { float: right; margin-top: -1.2em; }
h3 { font-size: 1.2em; }
.row
{
	position: relative;
}
.bold
{
	font-weight: bold;
}
.leftBlock 
{
}
.rightBlock
{
	float: left;
	position: relative;
	top: 0px;
	vertical-align: top;
}
.right
{
	float: right;
}
.lefttop
{
	margin-right: 1em;
	vertical-align: top;
	float: left;
}
.righttop
{
	position: relative;
	top: 0px;
	vertical-align: top;
	float: right;
}
.clear { clear: both; }
.label { display: block; float: left; margin-bottom: 5px; text-align: right; width: 200px; padding-right: 20px; }
.data { display: block; float: left; margin-bottom: 5px; }
.productTitle
{
	font-weight: bold; 
	font-style: italic; 
	width: 100%; 
	font-size: medium;
	text-align: right;
	vertical-align: top;
	margin-left: 1em;
}
.emailHeader 
{
	background-color: #666666;
	color: White; 
	font-size: medium;
	text-align: left;
	margin: 20px 0 0 0;
	padding:10px;
	white-space:nowrap;
}
.emailBody
{
	font-size: x-small;
	text-align: left;
	margin: 20px 0 0 0;
	padding:10px;
	width: 50%
}
.TreeFrogEmailGridHeader th, .TreeFrogGridHeader th a { background-color: #999999; color: #fff; }
.TreeFrogEmailGridHeader a:hover { background-color: #999999; color: #b7db05; }