/* 
  Form input styles:
  - superTiny ~= 2 characters  
  - tiny ~= 5 characters  
  - small ~= 10 characters 
  - medium ~= 15 characters
  - large ~= 20 characters
  - giant ~= 25 characters
*/

input.superTinyField{
	width:1.8em;
}
input.tinyField{
	width:3em;	
}
input.smallField{
	width:6.6em;
}
input.mediumField{
	width:9em;	
}
input.largeField{
	width:12em;	
}
input.giantField{
	width:15em;	
}

input.mandatorySuperTinyField{
    width:1.8em;  
    background:#FFE0DD; 
}
input.mandatoryTinyField{
	width:3em;	
	background:#FFE0DD;	
}
input.mandatorySmallField{
	width:6.6em;
	background:#FFE0DD;	
}
input.mandatoryMediumField{
	width:9em;
	background:#FFE0DD;
}
input.mandatoryLargeField{
	width:12em;	
	background:#FFE0DD;	
}
input.mandatoryGiantField{
	width:15em;	
	background:#FFE0DD;	
}
input.mandatorySupreTinyField:disabled, input.mandatoryTinyField:disabled, 
input.mandatorySmallField:disabled, input.mandatoryMediumField:disabled, 
input.mandatoryLargeField:disabled, input.mandatoryGiantField:disabled{
    background:#DDDDDD; 
}
textArea.superTinyField{
    width:2em;
}
textArea.tinyField{
	width:3.2em;
}
textArea.smallField{
	width:6.6em;
}
textArea.mediumField{
	width:10em;	
}
textArea.largeField{
	width:13.4em;	
}
textArea.giantField{
	width:16.7em;		
}

textArea.mandatorySuperTinyField{
    width:2em;
    background:#FFE0DD;     
}
textArea.mandatoryTinyField{
	width:3.2em;
	background:#FFE0DD;		
}
textArea.mandatorySmallField{
	width:6.6em;
	background:#FFE0DD;	
}
textArea.mandatoryMediumField{
	width:10em;	
	background:#FFE0DD;
}
textArea.mandatoryLargeField{
	width:13.4em;	
	background:#FFE0DD;	
}
textArea.mandatoryGiantField{
	width:16.7em;	
	background:#FFE0DD;		
}

select.superTinyField{
    width:2.2em;    
}
select.tinyField{
	width:3.4em;	
}
select.smallField{
	width:6.4em;
}
select.mediumField{
	width:9.4em;	
}
select.largeField{
	width:12.4em;	
}
select.giantField{
	width:15.4em;		
}

select.mandatorySuperTinyField{
    width:2.2em;    
    background:#FFE0DD;     
}
select.mandatoryTinyField{
	width:3.4em;	
	background:#FFE0DD;		
}
select.mandatorySmallField{
	width:6.4em;
	background:#FFE0DD;	
}
select.mandatoryMediumField{
	width:9.4em;	
	background:#FFE0DD;
}
select.mandatoryLargeField{
	width:12.4em;	
	background:#FFE0DD;	
}
select.mandatoryGiantField{
	width:15.4em;		
	background:#FFE0DD;		
}
select.mandatorySuperGiantField{
	width:19.4em;		
	background:#FFE0DD;		
}