public int Top
		{
			get 
			{
// assigning the inner attribute as top

				string topValue = Panel1.Style["TOP"];
// if the indexof the value is greater than o then the strip off the "px" from the value

				if (topValue.IndexOf("px") > 0)

					topValue = topValue.Substring(0, topValue.Length - 2);

// returns the integer value for TOP.

				return System.Convert.ToInt32(topValue);
			}
			set 
			{
//Setting the panels TOP value as string followed by "px"

				Panel1.Style["TOP"] = value.ToString() + "px";
			}
		}



2.This property is used to set the LEFT value of the style attribute of the panel at runtime.
	The description is same as the TOP and it follows the same logic.

		public int Left
		{
			get 
			{
				string topValue = Panel1.Style["LEFT"];
				if (topValue.IndexOf("px") > 0)
					topValue = topValue.Substring(0, topValue.Length - 2);
				return System.Convert.ToInt32(topValue);
			}
			set 
			{
				Panel1.Style["LEFT"] = value.ToString() + "px";
			}
		}
These changes are made and the property for the user control is set and we can see how to use this in the page which is
using the user control.

1.open the webform which is using the user control.

2.Take the "id" of the user control.

3.Instantiate the id inside the code behind of the web form

	for example the id of the user control is say Useroption then
write in the code behind
    C# code:
	protected Useroption Useroption1;

4.so the new instance is created.Now, In the Page Load, write the below code :
	// If we type the Useroption1 then in the intelisense it will give the properties of the usercontrol

	// set the top values to what ever u want
	Useroption1.Top = 300;
//These 300 and 200 values are just to show the values, you can set 
//the values as you wish or where u want your usercontrol to be.
	Useroption1.Left = 200;