Ext.define('TradePortal.view.login.RegisterPanel',
					{
						extend : 'Ext.panel.Panel',
						alias : 'widget.registerform',
						id : 'register_form',
						title : '&nbsp;&nbsp;&nbsp;&nbsp;REGISTER',
						closable : false,
						minHeight : 362,
						layout : 'fit',
						items : [ {
							xtype : 'form',
							layout : {
								type : 'vbox',
								align : 'stretch'
							},
							border : false,
							padding : '10 20 10 20',
							defaults : {								
								labelWidth : 100,
								allowBlank : false
							},
							items : [
									{
										baseCls : 'noCls',
										cls: 'orangetext',
										html : 'To register for access to the trade portal you will require details from a recently received monthly statement.'
									},
									{
										fieldLabel : 'Account No',
										id : 'Register_Account',
										xtype : 'numberfield',
										allowNegative : false,
										hideTrigger : true,
										keyNavEnabled : false,
										mouseWheelEnabled : false,
										allowBlank : false
									},
									{
										fieldLabel : 'Statement Date',
										id : 'Register_Date',
										format : 'd/m/Y',
										maxWidth: 270,
										xtype : 'datefield',
										altFormats: 'd/m/y'
									},
									{
										xtype : 'textfield',
										fieldLabel : 'Statement Ref.',
										id : 'Register_Statement'
									},
									{
										xtype : 'textfield',
										fieldLabel : 'Email',
										id : 'Register_Email'
									},
									{
										xtype : 'textfield',
										fieldLabel : 'First name',
										id : 'Register_Firstname'
									},
									{
										xtype : 'textfield',
										fieldLabel : 'Last name',
										id : 'Register_Lastname'
									},
									{
										xtype : 'textfield',
										fieldLabel : 'Username',
										id : 'Register_Username'
									},
									{
										xtype : 'textfield',
										fieldLabel : 'Password',
										id : 'Register_Password',
										inputType : 'password'
									},
									{
										xtype : 'textfield',
										fieldLabel : 'Confirm Password',
										id : 'Confirm_Password',
										inputType : 'password',
										validator : function() {
											var pass1 = Ext.getCmp(
													'Register_Password')
													.getValue();
											var pass2 = Ext.getCmp(
													'Confirm_Password')
													.getValue();
											if (pass1 == pass2)
												return true;
											else
												return "Passwords do not match!";
										}
									} ],

							buttons : [ {
								text : 'Register',
								id : 'register_ok',
								formBind : true,
								width : 96
							}, {
								text : 'Cancel',
								id : 'register_cancel',
								width : 96
							} ]
						} ],

						initComponent : function() {
							this.callParent(arguments);
						}

					});