/* Reset - Meyer's reloaded.*/
/*html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}body {line-height: 1;	color: black;	background: white;}ol, ul {list-style-type: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
 end reset */
/*reset */
*{border:0; padding:0; margin:0;outline: 0;}
ul{list-style-type:none;}


/* overcharged HTML*/
#pbody{margin-bottom:15px;font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px;font-size:12px;}

/* generic classes */
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.seo{display:none;}
.clearer{clear:both; font-size:0; line-height:0; height:0;}
.bolded{font-weight:bold;}
.error-in-form{padding:5px; padding-left:30px;color:#c00;font-size:14px; line-height:16px;
				background:url('/images/icon-error-form.png') top left no-repeat;}

/* form elements */
.input-txt{padding:4px 5px; border:1px solid #c1c1c1; font-size:12px;
					 font-family:Arial, Helvetica, sans-serif; color:#5c5c5c; width:220px;}
.short-input-txt{padding:4px 5px; border:1px solid #c1c1c1; font-size:12px;
					 font-family:Arial, Helvetica, sans-serif; color:#5c5c5c; width:110px;}
select.input-txt{width:232px;}
/* error classes */
.input-txt-error{padding:4px 5px; border:1px solid #c00;  font-family:Arial, Helvetica, sans-serif; color:#5c5c5c; width:220px;}
.txt-error{color:#c00;}
/* feedback classes */
#login_msg{text-align:center;padding:10px; margin:10px;background:#ff9;}
.ajx_wrking{ color:#333;}
.ajx_err{color:#333;}
.ajx_ok{}


/* page blocks */
#all{ width:924px; margin:0 auto;}
	
	#header{height:121px; position:relative;}
	#core{background:url('/images/bg-core.gif') top left repeat-y;}
		/* rounded border top - bottom*/
		#coretop{background:url('/images/bg-core-top.gif') top left no-repeat; }
		#corebottom{background:url('/images/bg-core-bottom.gif') bottom left no-repeat; width:924px; height:11px; line-height:0; font-size:0;}
	#footer{color:#6b6b6b;font-family: Arial, Helvetica, sans-serif; font-size:10px; padding-top:15px; text-align:right; font-weight:bold; padding-right:10px;}

/*header elements */
	#connect{ position:absolute; top:0; right:0; font-size:12px;}
		#connect p{  color:#000;font-size:12px; text-align:right; padding-top:2px;}
			#connect p a{color:#ff9833; font-weight:bold; text-decoration:none; padding-left:5px;}
			#connect p a:hover{text-decoration: underline;}
			#connect p.invite{  padding-top:25px;}

/*core elements */
	/* page titles => will be siFr replaced */
	#titles{padding:10px; padding-bottom:0; padding-left:25px; position:relative; height:65px;}
	#titles h1{font-size:30px;}
	#titles h2{font-size:20px; position:absolute; top:44px;}
	/* 3 steps */
	/* steps wrapper*/
	#steps{background:url('/images/bg-wave.png') bottom left no-repeat; height:270px; position:relative;}
		/* On step commons*/
		.steps{background:url('/images/bg-circle.png') top left no-repeat; width:256px; height:256px;position:absolute; bottom:10px; }
			.steps h1{ position:absolute; font-size:27px;  display:block; font-weight:bold; top:25px; }
			.steps h2{ position:absolute; font-size:22px;line-height:22px; height:22px; display:block; top:24px; left:38px;}
			.steps p{display:block; width:200px; position:absolute; top:60px; left:27px; padding-top:95px; text-align:center; color:#333; font-size:13px;}
			/* step  1 specifics */
			.step1{ left:37px;}
				.step1 h1{left:105px;}
				.step1 p{background:url('/images/icon-step1.gif') 6px 0 no-repeat;}
			/* step  2 specifics */
			.step2{left:335px;}
				.step2 h1{left:85px;}
				.step2 p{background:url('/images/icon-step2.gif') 6px 0 no-repeat; }
			/* step  3 specifics */
			.step3{left:631px;}
				.step3 h1{left:93px;}
				.step3 p{background:url('/images/icon-step3.gif') 6px 0 no-repeat;}

		/* content "bottom" */
		#advantages{ margin:0 1px; background:#6b6b6b; overflow:hidden; padding-top:25px;color:#fff;font-size:14px; padding-bottom:25px;}
			#advantages p.p2 {padding-bottom:20px;}
			#advantages p.p3 {padding-bottom:30px;}
		/* why =  left col */
		#why{width:235px;float:left;}
		#why p {padding-left:35px;}
			#why ul{padding-left:35px; padding-top:10px;}
			#why ul li{background:url('/images/icon-li-why.gif') 0 50% no-repeat; padding-left:30px; line-height:35px; font-weight:bold;}	
		/* who = center col */		
		#who{ padding-left:22px; width:440px; margin-left:230px; background:url('../images/bg-who.gif') top right no-repeat;}
			#who h3{font-size:18px; padding-top:5px; padding-bottom:12px; font-weight:bold;}
			#who p {line-height:14px; font-size:12px;padding-bottom:15px; padding-right:20px; text-align:justify;}
		/* follow-share = right col */
		#followshare{width:215px; height:150px; float:right;}
			#followshare h3{font-size:18px; padding-top:5px; padding-bottom:12px;font-weight:bold;}
			#followshare a{text-decoration:none;}

/* footer elements */
	#footer a{color:#6b6b6b;font-size:10px; text-decoration:none; /*padding:0 5px;*/ }
	#footer a:hover{ text-decoration:underline;}
	
	
/* overlay login form */
	#loginwrp {width:485px; /*height:175px;*/ padding:10px;font-family:Arial, Helvetica, sans-serif;
				 background:url('/images/bg-box-login.gif') bottom right no-repeat; color:#5c5c5c; position:relative;}

	#joinnow {width:600px; /*height:175px;*/ padding:10px;font-family:Arial, Helvetica, sans-serif;
				 background:url('/images/bg-box-login.gif') bottom right no-repeat; color:#5c5c5c; position:relative;}

	#loginform fieldset{border-bottom:1px solid #ccc; border-top:1px solid #ccc;padding:10px 10px 18px 20px; position:relative;}

	#useremail,#userpwd,#userpwdlabel,#useremaillabel{float:left; width:185px; padding-top:8px; position:relative;}
	#useremail label, #userpwd label{position:absolute; /*background:#f00; */display:block; font-size:12px;
					 font-family:Arial, Helvetica, sans-serif; line-height:24px; padding-left:5px;}
	#bttnlogin{float:left; width:80px;padding-top:5px; padding-left:0px;}
	#useremail input,#userpwd input{padding:4px 5px; border:1px solid #c1c1c1; font-size:12px;
					 font-family:Arial, Helvetica, sans-serif; color:#5c5c5c; width:165px;}

	#wanttojoin{/*position:absolute; top:155px; left:15px;*/padding:20px 0px 20px 15px;font-size:14px; line-height:16px}
		#wanttojoin a{ color:#295eaa; font-weight:bold;}

	#remembermeul{width:400px;font-size:12px; padding-top:5px}
		#remembermeul li{float:left; line-height:25px; width:150px;}
		#remembermeul li.chk{width:20px;}
			#remembermeul li.chk input{margin-left:0;}
		#remembermeul li.rmd{width:165px;}
		#remembermeul li.fpwd{width:150px;}
			#remembermeul li.fpwd a{color:#295eaa}

/* overlay get invited form */
	#getinvitwrp {width:560px; /*height:330px;*/ padding:10px;font-family:Arial, Helvetica, sans-serif;
				 background:url('/images/bg-box-login.gif') bottom right no-repeat; color:#5c5c5c; position:relative; font-size:12px; line-height:14px;}
	#inviteform fieldset{border-bottom:1px solid #ccc; border-top:1px solid #ccc;padding:10px 10px 13px 20px; position:relative;}
	#getinvitwrp p.intro{text-align:justify; padding:5px 15px 20px 0px;}

/*	#getinvitwrp input.txt{padding:4px 5px; border:1px solid #c1c1c1; font-size:12px;
					 font-family:Arial, Helvetica, sans-serif; color:#5c5c5c; width:220px; float:left;}
					 */

	#getinvitwrp label{display:block; width:110px;float:left; line-height:25px;}

	#inviteinputwrp {}
	#inviteinputwrp li{display:block; clear:both; float:left; padding-bottom:8px; width:530px;line-height:25px;}
		#inviteinputwrp li span{padding-left:8px; line-height:25px; }
		#inviteinputwrp li span a{color:#295eaa}
		#inviteinputwrp li span.lblinput{ width: 450px; padding-left: 0px; }
		#inviteinputwrp p{ line-height: 12px; width: 450px; }
		#jointext { padding: 10px 0px 10px; }

	div#feedback{width:500px; margin:0 auto;padding:25px; color:#333;  border:1px solid #ff9; font:bold 14px/18px Arial; position:relative;
		margin-top:0px; margin-bottom:20px;}
	div#feedback p{ padding-left:70px;}
	div#feedback_text{ padding-left:70px; }
	div#feedback ul.errors { margin: 5px 0px 0px 25px; list-style-position: outside; list-style-image: url('/images/menu/ico-review-pending.gif'); font-size: 12px; }
	div#feedback .closeme{width:19px; height:19px; position:absolute; top:5px; right:5px; text-decoration:none;}
	div.confirm { background:url('/images/menu/icon-confirmation.jpg') 35px 50% no-repeat #ff9; }

	#goinvitebutton{padding-left:110px; display:block; padding-top:8px;}
	#wanttolog{padding-top:28px;font-size:14px; line-height:16px}
		#wanttolog a{ color:#295eaa; font-weight:bold;}

/* overlay Forgot Password */

	#forgotpwdwrp {width:560px; padding:10px;font-family:Arial, Helvetica, sans-serif;
				 background:url('/images/bg-box-login.gif') bottom right no-repeat; color:#5c5c5c; position:relative; font-size:12px; line-height:14px;}
	#forgotform fieldset{border-bottom:1px solid #ccc; border-top:1px solid #ccc;padding:10px 10px 13px 20px; position:relative;}
	#forgotform label{width:110px;float:left;}

	#useremailpwd li{display:block; clear:both; float:left; padding-bottom:8px; width:530px;line-height:25px;}
		#useremailpwd span{padding-left:8px; line-height:25px; }
		#useremailpwd span a{color:#295eaa}

		#btnretrievepwd{padding-left:110px; padding-top:10px;}
	#goretrievebutton{ padding-top:8px;}
	#wanttojoin2{padding-top:28px;font-size:14px; line-height:16px}
		#wanttojoin2 a{ color:#295eaa; font-weight:bold;}

		
		
