/***************************************/
/* Input */
input
{
    font-weight:normal;
}
input.CommandButton     
{
	background-color:Transparent;
	background:url(../images/button_back.gif) center;
	border:solid 1px #808080; 
	cursor:pointer; 
	padding:2px; 
	padding-left:10px;
	padding-right:10px;  
	WIDTH: expression(this.value.length > 10 ? "auto" : "80px" );
	text-align:center;
}
input.postcodetextbox
 {
	width:80px;
 }
/***************************************/
/* div */
div
{
	/*border: 1px solid blue;*/
	clear:both;
}
/***************************************/
/* span */
span
{
	/*border: 1px solid red;*/
	clear:none;
	float:none;
	margin:0;
	padding:0;
}
/**********************************************/
/* Form Input */
.FormInput
{
	/*border: 1px solid purple;*/
	padding-bottom:1px; 
	padding-top:1px;
	padding-right:2px; 
	padding-left:2px;
	vertical-align:middle;
}
/***************************************/
/* Label */
.Label
{
	display:block;
	font-weight:bold;
	float:left;
	padding-bottom:1px;
	padding-top:4px;
	padding-right:2px; 
	width:120px;
}
.HeaderLabel
{
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
.ValueLabel
{	
	display:block;
	float:left;
	padding-bottom:1px;
	padding-top:4px;
	padding-right:2px; 
}
.NumericValueLabel
{	
	display:block;
	float:left;
	padding-bottom:1px;
	padding-top:4px;
	padding-right:0px; 
	padding-left:0px;
	text-align:right;
	width:80px;
}
.CurrencySymbolLabel
{	
	display:block;
	float:left;
	padding-bottom:1px;
	padding-top:4px;
	padding-right:0px; 
	padding-left:0px;
}
.LabelExpand
{
	display:block;
	float:left;
	padding-bottom:1px; 
	padding-top:4px;
	padding-right:2px; 
	padding-left:4px;
}
.LabelJustified
{
	display:block;
	float:left;
	padding-bottom:1px; 
	padding-top:4px;
	padding-right:2px; 
	padding-left:4px;
	text-align:justify;
}
.LabelBoldExpand
{
	display:block;
	font-weight:bold;
	float:left;
	padding-bottom:1px; 
	padding-top:4px;
	padding-right:2px; 
	padding-left:4px;
}
/***************************************/
div.NavigationButtons
{
	display:block;
	clear:both;
	text-align:center;
	padding:10px; 
	margin:0;
	vertical-align:middle;
}
/***************************************/
/* Application Section Control Styles */
div.Section 
{
	/*border: 1px solid blue;*/
	clear:both;
	float:left; 
	margin:0;
	margin-bottom:10px;
	padding-right:2px; 
	padding-left:2px; 
	padding-bottom:2px; 
	padding-top:2px; 
	vertical-align:top;
	width:80%;
}
div.SubSection 
{
	/*border: 1px solid green;*/
	clear:both;
	float:left;
	margin:0;
	margin-top:2px;
	margin-bottom:2px; 
	padding:0;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:top;
	width:100%;
}
div.SectionRow 
{
	/*border: 1px solid red;*/
	clear:both;
	margin:0;
	padding:0;
	padding-bottom:2px; 
	padding-top:2px;
	padding-right:10px; 
	padding-left:10px;
}
	
div.InformationSection
{
	background-color:#E0EEEE;
	float:left;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;  
	padding:4px; 
	width:100%;
}
/***************************************/
/* LOGIN SECTION */
#LoginSection
{
}
#LoginSection .Label
{
	width:70px;
}
#LoginSection .FormInput
{
	float:left;
}
/***************************************/
/* APPLICANT REGISTRATION SECTION */
#ApplicantRegistrationSection .Label
{
	width:100px;
}
/***************************************/
/* APPLICANT DETAILS SECTION */
#ApplicantDetailsSection .Label
{
	width:110px;
}
/***************************************/
/* REGISTRATION DETAILS SECTION */
#RegistrationDetailsSection span.Label
{
	width:120px;
}
#RegistrationDetailsSection .NGRSection span.Label
{
	width:120px;
}
/***************************************/
/* ABSTRACTION REGISTRATION DETAILS SECTION */
#AbstractionRegistrationSection .Label
{
	width:190px;
}
#AbstractionRegistrationSection .NGRSection span.Label
{
	width:120px;
}
/***************************************/
/* DISCHARGE REGISTRATION DETAILS PART 1 SECTION */
#DischargeRegistrationDetailsPart1Section .Label
{
	width:160px;
}
#EffluentQualitySection .Label
{
	width:220px;
}
/***************************************/
/* DISCHARGE REGISTRATION DETAILS PART 2 SECTION */
#DischargeRegistrationDetailsPart2Section .Label
{
	width:200px;
}
/***************************************/
/* ENGINEERING REGISTRATION DETAILS SECTION */
#EngineeringRegistrationDetailsSection .Label
{
	width:130px;
}
/***************************************/
/* PAYMENT DETAILS SECTION */
#PaymentDetailsSection .Label
{
	width:100px;
}
#PaymentDetailsSection .NumericValueLabel
{
	width:80px;
}
/***************************************/
/* CONFIRM DETAILS SECTION */
#ConfirmDetailsSection span.Label
{
	width:120px;
}
#ConfirmDetailsSection span.LabelBold
{
	width:120px;
}
/***************************************/
/* REGISTRATION SUMMARY DETAILS SECTION */
#RegistrationSummarySection
{
	padding:0;
	margin:0;
}
#RegistrationSummarySection .SectionRow 
{
	padding:0;
	margin:0;
}
#RegistrationSummarySection table
{
	border:1px solid white;
	width:100%;
}
#RegistrationSummarySection table td
{
	vertical-align:top;
	margin:0;
	padding: 2px 4px 2px 4px;
	font-weight:normal;
	color:Black;
	text-align:Left;
	background-color:#E0EEEE;
}
#RegistrationSummarySection SPAN.Label
{
	width:150px;
}
#RegistrationSummarySection .HeaderLabel
{
	width:auto;
	height:auto;
}
/***************************************/
/* PASSWORD RESET SECTION */
#PasswordResetSection .Label
{
	width:150px;
}
/***************************************/
/* REGISTER LOGIN REQUEST SECTION */
#RegisterLoginSection .Label
{
	width:150px;
}
/***************************************/
/* DATAGRID */
.DataGrid
{
	border-collapse:separate;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	border-left:1px solid silver;
	border-right:1px solid silver;
	width:100%;
}
.DataGrid TD
{
	border: solid 1px white;
	vertical-align:top;
	padding: 2px 4px 2px 4px;
	font-weight:normal;
	color:black;
	text-align:Left;
}
.DataGridHeader
{
	background-color:#53868B;
}
.DataGridHeader TH
{
	font-weight:bold;
	text-align:center;
	color:White;
	padding: 2px 4px 2px 4px;
}
.DataGridItem TD
{
	background-color:#E0EEEE;
}
.AlternativeDataGridItem TD
{
	background-color:#E0EEEE;
}
.DataGridFooter
{
	background-color:#53868B;
}
.DataGridFooter TD
{
	font-weight:bold;
	color:White;
}
TD.Numeric
{
	text-align:right;
}
TH.DataGridHeaderCommand
{
	width:10px;
}
TD.DataGridItemCommand
{
	padding:4px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
}
TD.DataGridFooterCommand
{	
	width:10px;
}
.RowSelected
{
	background-color:Teal;
	cursor:hand;
}
.RowSelected TD
{
	color:White;
}
.RowNormal
{
	background-color:#E0EEEE;
	cursor:hand;
}
/***************************************/
/* MENU */
.MenuBar
{
	background-color:#53868B; 
	padding: 4px;
	height:14px;
}
.MenuBar SPAN
{
	clear:none;
}
.MenuBar UL
{
	margin: 0;
	float:right;
	list-style-type:none;
	vertical-align:top;
}
.MenuBar LI
{
	color:White;
	float:left;
}
.MenuBar a:link 
{
	color:White;
	text-decoration: none;
	font-weight:normal;
}
.MenuBar a:visited 
{
	color:White;
	text-decoration: none;
}
.MenuBar a:hover 
{
	color:White;
	text-decoration: underline;
	font-weight:bold;
}
.MenuBar a:active 
{
	color:White;
	text-decoration: none;
}
