/* CSS Document */

	* {
		margin:0px;
		padding:0px;		
	}
	
	body {
		background:#555555 url(../images/pattern.jpg) repeat 0 0;
		text-align:left;
		padding-top:35px;
		
		font:normal 12px/1em Arial, Helvetica, sans-serif;		
	}
	
	a:link, a:visited 
	{ 
		color:#10b9ff; 
		text-decoration:none;
	}
	
	a:hover, a:focus, a:visited:hover 
	{ 
		color:#333333; 
		text-decoration:none;
	}

	p 
	{ 
		margin-top:10px;
		font:normal 14px/2em Arial, Helvetica, sans-serif;
	}

	img 
	{ 
		border:0px;
	}	
	
	/* ############################-----#####################*/
	
	#wrapper 
	{ 
		width:900px; 
	}
	
	.tl { width:25px; height:25px; background:url(../images/template_07.png)  no-repeat 0 0; }
	.tm { width:auto; height:25px; background:url(../images/template_08.png)  repeat-x 0 0; }
	.tr { width:25px; height:25px; background:url(../images/template_09.png)  no-repeat 0 0; }
	
	.ml { width:25px; height:auto; background:url(../images/template_12.png)  repeat-y 0 0; }
	.mm { width:auto; height:auto; background:#f9f9f9 ; vertical-align:top; }
	.mr { width:25px; height:auto; background:url(../images/template_14.png)  repeat-y 0 0; }
	
	.bl { width:25px; height:25px; background:url(../images/template_17.png)  no-repeat 0 0; }
	.bm { width:auto; height:25px; background:url(../images/template_18.png)  repeat-x 0 0; }
	.br { width:25px; height:25px; background:url(../images/template_19.png)  no-repeat 0 0; }
	
	.ctl { width:25px; height:25px; background:url(../images/tl.gif)  no-repeat 0 0; }
	.ctm { width:auto; height:25px; background:url(../images/tm.gif)  repeat-x 0 0; }
	.ctr { width:25px; height:25px; background:url(../images/tr.gif)  no-repeat 0 0; }
	
	.cml { width:25px; height:auto; background:url(../images/ml.gif)  repeat-y 0 0; }
	.cmm { width:auto; height:355px; background:#ffffff; vertical-align:top; padding:10px }
	.cmr { width:25px; height:auto; background:url(../images/mr.gif)  repeat-y 0 0; }
	
	.cbl { width:25px; height:25px; background:url(../images/bl.gif)  no-repeat 0 0; }
	.cbm { width:auto; height:25px; background:url(../images/bm.gif)  repeat-x 0 0; }
	.cbr { width:25px; height:25px; background:url(../images/br.gif)  no-repeat 0 0; }
	
		
	/* ######## Header Style ######## */
	
	#header 
	{ 
		height:57px;
	}	
	
	#header #logo 
	{ 
		padding-left:0px; 
		padding-right:0px; 
	}
	
	#header #easysteps
	{
		margin:15px 0px; 
		font-size:11px; 
		letter-spacing:1px; 
		line-height:1.3em;
	}
	
	/* ######## Body Content Style ######## */	
	
	#contents 
	{ 
		margin:20px 40px; 
	}
	
	#content
	{
		line-height:1.1em;
	}
	
	
	
	/* Styling both form */
	
	table#leftform, table#rightform
	{ 
		width:300px; 
		margin:0px 42px; 
		font-size:11px; 
		letter-spacing:1px; 
		color:#4e4e4e; 
	}	
	
	#leftform .bg 
	{ 
		background: url(../images/left_form_bg.gif) no-repeat 0 0; 
		width:300px; 
		height:293px;
	}
	
	#leftform .reflaction 
	{ 
		background:url(../images/left_form_reflaction.gif) no-repeat 0 0 ; 
		height:57px;
	}
	
	#rightform .bg 
	{ 
		background: url(../images/right_form_bg.gif) no-repeat 0 0; 
		width:300px; 
		height:293px;
	}
	
	#rightform .reflaction 
	{ 
		background:url(../images/right_form_reflaction.gif) no-repeat 0 0 ; 
		height:57px;
	}
	
	.sectiontitle 
	{ 
		font-size:25px; 
		padding:10px 0px; 
		vertical-align:middle; 
		margin:15px 0; 
	}	
	
	.urname
	{ 
		padding-left:25px; 
		margin:2px 0 0px 0; 
		background:url(../images/yr_name_icon.gif) no-repeat 0 -2px;
	}
	
	.uremail
	{ 
		padding-left:25px; 
		margin:2px 0 0px 0; 
		background:url(../images/yr_email_icon.gif) no-repeat 0 0;
	}
	
	.urlocation
	{ 
		padding-left:25px; 
		margin:2px 0 0px 0;
		background:url(../images/yr_location_icon.gif) no-repeat 0 1px;
	}
	
	.friendname
	{ 
		padding-left:25px; 
		margin:2px 0 0px 0; 
		background:url(../images/friend_name_icon.gif) no-repeat 0 -2px;
	}
	
	.friendemail
	{ 
		padding-left:25px; 
		margin:2px 0 0px 0;  
		background:url(../images/friend_email_icon.gif) no-repeat 0 0;
	}
	
	.friendlocation
	{ 
		padding-left:25px; 
		margin:2px 0 0px 0; 
		background:url(../images/friend_location_icon.gif) no-repeat 0 1px;
	}
	
	#yourinfo, #friendinfo
	{ 
		margin:20px 30px 47px 30px;
	}
	
	
	
	/* Styling input fields of both form */
	
	#yourinfo input, #friendinfo input
	{ 
		width:225px; 
		border:1px solid #989898; 
		font:normal 14px Arial, Helvetica, sans-serif; 
		height:22px; 
		padding:4px 5px 1px 5px; 
		margin:5px 0px; 
		letter-spacing:1px;
	}
	
	#btnsubmit 
	{
		margin:10px 0;	
	}
	
	
	#pagecontent
	{
		clear:both;	
	}
	
	#pagetitle
	{
		font-size:18px;
		margin-bottom:15px;		
	}
	
	.addtolist
	{
		margin-bottom:10px;
	}
	
	#result
	{
		text-align:center;
		padding:20px;		
	}
	
	#result .searchtitle
	{
		font-weight:bold;
		font-size:25px;		
	}
	
	#result p { margin:10px 0;}
	
	
	/* ######## Footer Style ######## */	
	
	#footer 
	{ 
		height:27px;
		font:normal 11px Arial, Helvetica, sans-serif; 
		letter-spacing:1px;
		margin-top:25px;
	}
	
	#footer .left
	{ 
		background:url(../images/footer_left.gif) no-repeat 0 0 ; 
		width:10px;
	}
	
	#footer .right
	{ 
		background:url(../images/footer_right.gif) no-repeat 0 0 ; 
		width:10px;
	}
	
	/* Footer navigation style */
	
	#footer .mid
	{ 
		background:url(../images/footer_middle.gif) repeat-x 0 0 ; 
		width:auto;
	}
	
	#footer .mid ul 
	{ 
		text-align:center;
	}
	
	#footer .mid ul li 
	{ 
		display:inline; 
		margin:5px;
	}
	
	/* Footer copyright & banding style */
	
	#footer .mid ul li .brand 
	{ 
		text-transform:uppercase; 
	}
	
	span.txtBlue
	{ 
		color:#10b9ff;
	}
	
	span.txtOrang
	{ 
		color:#edbf00;
	}
	
	/* Footer hyperlink style */
	
	#footer a:link, a:visited 
	{ 
		color:#10b9ff; 
		text-decoration:none;
	}
	
	#footer a:hover, a:focus 
	{ 
		color:#333333; 
		text-decoration:none;
	}