/* extendedDotNet.css are the styles used for .NET forms. This css file allows
*  the .NET developers to apply additional / specific styles required for .NET
*  forms without having to modify the other included .css files in the project.
*  Also, the .NET developers can override styles defined in the other .css files
*  if they define undesirable styles that are applied to the .NET forms when they
*  are rendered.*/

/* ----- Comment Styles Well for Better Reference Later! ----- */

/* ---------------------------------------------------------------------- Form Control Styles ----- */
/* These styles include the look and feel for form controls The number at the end of the style 
specifies the width of the control. This is to maintain consistancy accross different browsers*/

/* -------------------------------------------------------- TextBoxes ----- */

/*25px wide textbox - 3 charecters*/
.textbox25{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:21px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:25px;
}

/*30px wide textbox - 4 charecters*/
.textbox30{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:30px;
}

/*45px wide textbox - 6 charecters*/
.textbox45{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:45px;
}

/*50px wide textbox - 6 charecters*/
.textbox50{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:50px;
}

/*200px wide textbox*/
.textbox200{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:200px;
}

/*250px wide textbox*/
.textbox250{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:250px;
}

/*400px wide, 150px high, multiline textbox*/
.multiTextbox400_150{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:400px;
	height:150px;
}

/* -------------------------------------------------------- DropDowns ----- */
/* Dropdowns render 5px less wide than textboxes, width style is 5px more*/

/*200px wide dropdown*/
.dropdown200{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:205px; 
}

/*200px wide dropdown*/
.dropdownAuto{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:auto;
}

/*Style for validation prompts*/
.validation
{
	font:14px Arial,Helvetica,sans-serif;
	color:Red;
}

/*Styles for datagrids*/
.oddrow
{
	background-color:#ECE7CD;
}

.contentheader td 
{ 
	background-color: #ECE7CD; 
	color: #633E08 !important; 
	font: 13px Arial,Helvetica,sans-serif; 
	font-weight: bold !important; 
	padding: 5px; 
} 

/* ---------------------------------------------------------------------- Override Styles -------------- */

/* Override structure.css margin-right setting for center2 divs 
Reason: Was causing undesirable spacing between controls 
that appear on the same line [eg. Phone number fields] */
#centre2 input {
	margin-right: 0px;
}

/* Override base.css li setting for bullet lists
Reason: was causing undesirable color for validation summary list items
 
Note: This depends on the ValidationSummary having id="vsSummary"
as a validation summary renders itself inside a div of the same name as its Id*/
#vsSummary li{
	font:12px Arial,Helvetica,sans-serif;
	color:Red;
	padding-top:5px;
}

/*This setting overrides the table border settings in the structure.css file as a checkbox list
renders out as a table and it was causing undesirable formatting */
#checkList, #checkList th, #checkList tr, #checkList td, #checkList table 
{
	border: 0px;
	padding: 2px 2px 2px 2px;
	width:auto;
}

/*This style overrides the label settings in structure.css as a checkboxlist renders out with a <label> tag around the
checkbox labels and this was causing undesirable alignment problems */
#checkList label
{
	margin-right: 0px; 
	position:static; 
	display:inline; 
	float:none; 
	width:auto; 
	margin:0px 0px 0px 0px;
}