/************************************************

FILE:		  	forms.css
DESCRIPTION:  	Styles for forms

************************************************/

/* @group 1. Generic Elements */

	/* Basic Elements */
		form dl					{padding-bottom:0; margin-bottom:0;}
		form dt					{width:130px; padding:7px 10px 6px 20px; line-height: 22px; margin:0;}
		form dd					{width:266px; padding:7px 30px 6px 0; margin:0;}
		form small				{color:#888; font-size:98%;}
		form .mandatory			{color:#cf1317;}
		form label				{color:#3b3c3b; font-size:98%;}
		form .odd				{background:#f5f7f1;}
		form.box .content		{padding-bottom:0;}

	
	/* Elements that need classes */
		.textfield,			
		.textarea				{width:300px; border:1px solid #dfe1da; font-family: 'Trebuchet MS', Helvetic, Arial; background:url(../img/bg_content/bg-textfield.png) top left no-repeat;}
		.textarea				{}
		.textfield				{padding:3px 3px; font-size:108%;}
		.radio,				
		.checkbox				{margin-right:15px;}
		.select					{}
		
	/* Actions (Submit the form) */
		.actions				{display:block; padding: 20px; clear:both;}
		.actions strong			{float:left; font-size:123.1%;}
		.actions .btn			{float:right;}
		
		
		
		
/* @group 2. Reusable Elements */		
		
	legend .title {display:block; height:37px;}
			
/* Forms Based on their Columns */

	/* One Column (Half Column) */
		.one-clm .clm-half legend .title	{width:392px; position:relative; right:-1px; top:1px;}
		.one-clm .clm-half dt				{width:100px;}
		.one-clm .clm-half dd .textfield	{width:230px; color:#4e504e;}
		.one-clm .clm-half dd label			{color:#5b5d5b;}
		
	/* Two Column Left */	
		.two-clm-L #clm-one form .title		{width:557px;}
		.two-clm-L #clm-one form dt			{width:145px;}
		.two-clm-L #clm-one form dd			{width:380px;}
		.two-clm-L #clm-one form .textfield	{width:380px;}
		.two-clm-L #clm-one form .textarea 	{width:386px;}
		

		
		
		



/* Specific Forms */

	/* Sign up Form */		
		.sign-up form dd		{height:28px; padding-bottom:0; overflow:hidden;}
		.sign-up form dd.auto	{height:auto;}
		
	/* Support Form */
		.support .actions		{padding-right:48px;}