/* Copyright TvTWeb - www.tvtweb.nl */

/*=== Major Elements ======================================================================================================================================================*/
form											{padding:0px; margin:0px;width:460px;}
fieldset legend									{font-family:Arial; color:#777777; font-size:11px; padding-bottom:9px;font-weight:bold; font-size:12px;}
fieldset input									{font-family:Arial; color:#777777; font-size:11px;}
fieldset label									{font-family:Arial; color:#777777; font-size:11px;}
fieldset select									{font-family:Arial; color:#777777; font-size:11px;}
fieldset textarea								{font-family:Arial; color:#777777; font-size:11px;}

fieldset.webappForm								{margin:0px; width:461px; float:left; padding:0px 15px 5px 15px; border:0px; text-align:left;}
br.clearFloatFooter								{clear:both;}

/* Input button */
fieldset.webappForm input.formButton			{font-size:13px; cursor:pointer; color:#ffffff; font-weight:bold; background-color:#9bbde3; border:0px; margin:0px 0px 0px 160px; padding:3px; width:242px;}
fieldset.webappForm input.formButton:hover		{background-color:#1c5e9c;}

/*=== Label Elements ======================================================================================================================================================*/

fieldset.webappForm label.addErrorText			{color:#ec0000;}

fieldset.webappForm label { 
	width: 150px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}

/*=== Input Elements ======================================================================================================================================================*/

/* default input border */
fieldset.webappForm input.addBorder				{border:solid 1px #dfdfdf;}
fieldset.webappForm select.addBorder			{border:solid 1px #dfdfdf;}
fieldset.webappForm textarea.addBorder			{border:solid 1px #dfdfdf;}

/* error check input border */
fieldset.webappForm input.addErrorBorder		{border:solid 1px #ec0000;}
fieldset.webappForm select.addErrorBorder		{border:solid 1px #ec0000;}
fieldset.webappForm textarea.addErrorBorder		{border:solid 1px #ec0000;}

/*=== Input units & description ============================================================================================================================================*/

fieldset.webappForm input.selectInput						{border:solid 1px #dfdfdf; width:222px; margin:0px; float:left; margin-right:5px; margin-bottom:14px;}

fieldset.webappForm input.multiple							{border:solid 1px #dfdfdf; margin:0px; float:left; margin-right:5px; margin-bottom:14px;}
fieldset.webappForm input.multipleAddErrorBorder	 	    {border:solid 1px #ec0000; margin:0px; float:left; margin-right:5px; margin-bottom:14px;}

fieldset.webappForm input.addErrorBorder					{border:solid 1px #ec0000;}

/* Unit description, for example: kg, hours, day-month-year */
fieldset.webappForm span.unitDescription		{}

/*=== Default input, select, textarea ========================================================================================================================================*/

fieldset.webappForm input, fieldset.webappForm select, fieldset.webappForm textarea {
	margin-left: 150px; /* (label width) + (label margin) */
	width: 240px; /* subjective, only applies to non-checkbox or radio inputs */	
}

/*=== Radio buttons ==========================================================================================================================================================*/

/* Radio name right, radiobutton left */

fieldset.webappForm .checks label, fieldset.webappForm.checks label {
	/*
		Overrides for previously defined stuff and changes.
		Left margin must be 10pixels more than "fieldset.webappForm input, fieldset.webappForm select" etc.
	*/
	float: none; width: auto; clear: none; display: block; text-align: left; padding-top: 0; margin-bottom: 0;padding-left:22px;
}

fieldset.webappForm .checks input, fieldset.webappForm.checks input {
	/*
		Left margin is the same value as "fieldset.webappForm input, fieldset.webappForm select" etc.
	*/
	float: left; text-align: right; width: auto; margin-left:0px; margin-right:10px;}

/*=== IE6 Fixes ============================================================================================================================================================*/
/*
	The following makes Internet Explorer 6.x play nicely. 
	These fix the double float margin bug.
*/
* html fieldset.webappForm .checks input, * html fieldset.webappForm.checks input { 
	margin-left: 105px;  /* (1/2)((label width) + (label margin)) */
}
* html fieldset.webappForm .checks label, * html fieldset.webappForm.checks label { 
	margin-left: 150px; /* (label width) + (label margin) */
	height: 1em; 
}

/*=== Form Elements - DO NOT EDIT BELOW THIS LINE =========================================================================================================================*/

fieldset.webappForm label {
	/* 
		A label must precede the form element in the HTML
		You must keep the top padding for some browsers to keep the label and the form element looking on the same line
	*/
	float: left; padding-top: 0.2em; font-family:Arial; color:#777777; font-size:11px;
}

fieldset.webappForm label.solidLabel 
{
	display: block;
	width: 239px;
	padding:0px 0px 0px 1px;
	margin-bottom:14px;
	border:solid 1px #eeeeee;
	background-color:#eeeeee;
	height:15px;
}

fieldset.webappForm label.errorLabel 
{
	display: block;
	width: 380px; /* width depends on the width of the fieldset */
	padding:8px 10px 8px 10px;
	margin-bottom:14px;
	color:#000000;
	border:solid 1px #EC0000;
	background-color:#fae9e9;
	font-weight:bold;
	float:none;
	line-height:19px;
}


fieldset.webappForm input, fieldset.webappForm textarea, fieldset.webappForm select {
	/*
		These items must immediately follow the LABEL item associated with it and followed by a BR (see below).
		The following width must be 10pixels wider than the width of the LABEL.
	*/
	display: block;
	margin-bottom: 0;
}

fieldset.webappForm br { 
	/* 
		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.
	*/
	clear: left;
} 
							
fieldset.webappForm input[type="radio"], fieldset.webappForm input[type="checkbox"], fieldset.webappForm input[type="hidden"] {width: auto;}
fieldset.webappForm input[type="hidden"] {/*Firefox doesn't want to make them actually hidden, so I'll force it.*/	display: none;}

/*=== IE Fixes ====================================================================================================================================================================*/

* html fieldset.webappForm br {/*	For some crazy reason, IE lets me style its BR tag.*/ line-height: 1em;	font-size: 0.5em; }

/*=== Filter/Search Elements ======================================================================================================================================================*/

.webAppTableSearchFilter							{margin:0px; width:309px; float:right; padding:0px 10px 10px 10px; border:0px; text-align:left;}
.webAppTableSearchFilter input						{font-family:Arial; color:#777777; font-size:11px; border:solid 1px #dfdfdf; width: 132px; height:16px; margin:0px; padding:1px 0px 0px 16px; float:right; background:#ffffff url(../images/style/webAppIcons/webAppButtonSearchIcon.gif) no-repeat 3px 3px;}
.webAppTableSearchFilter select						{font-family:Arial; color:#777777; font-size:11px; border:solid 1px #dfdfdf; width: 150px; height:19px; margin:0px 9px 0px 0px; padding:0px 0px 0px 0px; float:right;}

/*=== Default input, select, textarea ========================================================================================================================================*/


.webAppTableSearchFilter br { 
	/* 
		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.
	*/
	display:none;
} 
form#FormContact{height:400px;padding-top:30px;}

form#FormSearch	fieldset.webappForm			{width:21px; padding:0px 15px 0px 0px; margin:0px; float:right;}
form#FormSearch	fieldset#searchField		{width:151px; padding:0px; margin:0px; float:left;}

form#FormSearch								{width:202px; height:38px; padding:10px 0px 8px 0px;}
form#FormSearch label						{width:40px; display:none;}
form#FormSearch input#FormSearchsearch		{margin:0px 0px 0px 15px; padding:3px;  font-size:13px;}
form#FormSearch .formButton					{width:21px; height:24px; margin:0px;  background: url(../images/style/searchIcon.gif) no-repeat 0px 0px;}