@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}


html,
body {
   margin:0;
   padding:0;
   height:100%;

}

body:after{
    display:none;
    content: url(images/clever-normal.jpg) url(images/clever.jpg.jpg) 
			 url(images/genuine-normal.jpg) url(images/genuine.jpg)
			 url(images/freeReg-normal.jpg) url(images/freeReg.jpg);
}

.clear{ clear:both;}

.hide { display: none; }

.center{ text-align:center;}

hr{ color: #a4a4a4; background: #a4a4a4; width: 100%; height: 1px; border:none; margin:50px auto;}

body{ font-family: 'Oxygen', sans-serif; font-weight:300; font-size:16px;    color:#8f8e8e;}

h1{ font-family: 'Oxygen', sans-serif; font-size:2em; font-weight:400; color:#000;}
h2{ font-family: 'Oxygen', sans-serif; font-size:1.6em; font-weight:400; color:#000;}


#wrapper{min-height:100%;   position:relative; }

#header{ width:100%; height:auto; position:relative; background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */}
	.hWrap{ width:960px; height:90px; margin:auto; position:relative; 
 }
	#header .logo{ width:262px; height:60px; float:left; background:url(images/logo.png) no-repeat; margin-top:12px;}
	
	#show-login { position: absolute; right:0px; top:30px; font-size: 15px; color: #a4a4a4; line-height: 24px; text-decoration:none; background: url(images/icon-login.png) center right no-repeat; padding-right:30px;  }
	#show-login { font-family: 'Oxygen', sans-serif; font-weight:400;}
	
		fieldset {
		border: 0;
		margin: 0;
		padding: 0;
		}
		.loginform {
		position: relative;
		float: right;
		margin-top: 4px;
		}
		
		.loginform p {
		position: relative;
		float: left;
		font-size: 16px;
		color: #fff;
		margin: 10px 0 0 10px;
		}
		.loginform p input[type="text"] {
		position: relative;
		float: left;
		width: 187px;
		font-size: 13px;
		line-height: 27px;
		height: 27px;
		margin-bottom: 5px;
		padding: 0 5px;
		border: 1px solid #b3b3b3;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		}
		.loginform p label {
		clear: both;
		color: #b3b3b3;
		font-size: 12px;
		margin: 5px 0;
		float:left;
		}
		
		.loginform p input[type="password"] {
		position: relative;
		float: left;
		width: 187px;
		font-size: 13px;
		line-height: 27px;
		height: 27px;
		margin-bottom: 5px;
		padding: 0 5px;
		border: 1px solid #b3b3b3;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		}
		.forget-pswd {
		clear: both;
		display: block;
		font-size: 12px;
		color: #b3b3b3;
		}
		.loginform .btn-ie {
		position: relative;
		float: left;
		}
		
		.loginform input[type="checkbox"] {
		width: 18px;
		}
		
		label.error {
		float: none;
		color: #000;
		font-size: 12px;
		background: #f2d868;
		text-align: center;
		padding: 7px;
		margin-top: -2px;
		vertical-align: top;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}


		.btn {
		  background: #6ea809;
		  background-image: -webkit-linear-gradient(top, #6ea809, #83be25);
		  background-image: -moz-linear-gradient(top, #6ea809, #83be25);
		  background-image: -ms-linear-gradient(top, #6ea809, #83be25);
		  background-image: -o-linear-gradient(top, #6ea809, #83be25);
		  background-image: linear-gradient(to bottom, #6ea809, #83be25);
			-webkit-border-radius: 4px; 
			-moz-border-radius: 4px;
			border-radius: 4px;
		  font-family: Arial;
		  color: #ffffff;
		  font-size: 14px;
		  padding: 6px 15px 6px 15px;
		  text-decoration: none; 
		  border:none;
		
		}
		
		.btn:hover {
		  background: #83be25;
		  background-image: -webkit-linear-gradient(top, #83be25, #6ea809);
		  background-image: -moz-linear-gradient(top, #83be25, #6ea809);
		  background-image: -ms-linear-gradient(top, #83be25, #6ea809);
		  background-image: -o-linear-gradient(top, #83be25, #6ea809);
		  background-image: linear-gradient(to bottom, #83be25, #6ea809);
		  text-decoration: none;
		}	
	


#mbody{ width:100%;  height:auto; margin-top:30px; padding-bottom:270px;   /* Height of the footer */}

	#mWrap{ width:960px; margin:auto; height:auto;  }

	#banner{ position:relative; width:100%; height:422px; background: #000 url(images/banner.jpg) center center no-repeat; margin-bottom:20px;}
	
	#bWrap{ width:960px; margin:auto; height:auto;  }
	
	#findTrueRomance{ float:left; width:192px; height:192px; background:url(images/img-findtruelove.png) no-repeat; margin-top:55px;}
	#registrationBox{position:relative; width:300px; height:auto; float:right; background:url(images/bg-opacity.png) repeat; border:1px solid #423f3d; margin:20px; margin-right:0px; padding-bottom:25px;	}
	
	#registrationBox h2{ text-align:center;color:#FFF; margin:20px auto; border-bottom: 2px solid #575759; width:90%; margin:20px auto 10px; padding-bottom:10px;font-family: 'Oxygen', sans-serif; font-weight:300;}
	
	.self{ float:left; width:40%; margin-left:20px; }
		.selfPad{ padding-left:30px;}
	.seeking{ float:right; width:40%; margin-right:37px;  }	
		.seekingPad{ padding-left:28px;}
		
	section#genders{ padding-top:7px; padding-bottom:10px;  overflow:hidden;}
	section#genders div p{width:100%; text-align:center; font-weight:normal;font-size:13px;margin-right:6px; margin-top:10px; color:#FFF;}
	section#genders div > label{display:block;background:url(images/icon-gender.png) no-repeat 0 0;float:left;width:25px;height:36px;}
	section#genders div > label.woman{background-position: -33px 0; margin-left:4px;}
	section#genders input:checked + label.woman {background-position:-0px 0px;}
	section#genders div > label.woman.checked {background-position:-0px 0px;}
	section#genders div > label.man{background-position:-99px 0px;}
	section#genders input:checked + label.man{background-position:-66px 0px;}
	section#genders div > label.man.checked{background-position:-66px 0px;}
	section#genders input { width: 0px; opacity:0;-moz-appearance: none; outline: 0;float:left; margin-top: -3em; }	
	

	#registrationBox p input[type="text"] {
	position: relative;
 	width: 253px;
	font-size: 12px;
	line-height: 24px;
	height: 24px;
 	padding: 0 5px;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin:5px 17px;
    color: #74646e;
	
	}

	#registrationBox p input[type="password"] {
	position: relative;
 	width: 253px;
	font-size: 12px;
	line-height: 24px;
	height: 24px;
 	padding: 0 5px;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin:5px 17px;
	    color: #74646e;
	}	 
	
	 
 		.btn2 {
	  	  background: #6ea809;
		  background-image: -webkit-linear-gradient(top, #6ea809, #83be25);
		  background-image: -moz-linear-gradient(top, #6ea809, #83be25);
		  background-image: -ms-linear-gradient(top, #6ea809, #83be25);
		  background-image: -o-linear-gradient(top, #6ea809, #83be25);
		  background-image: linear-gradient(to bottom, #6ea809, #83be25);
		    
			-webkit-border-radius: 4px; 
			-moz-border-radius: 4px;
			border-radius: 4px;
		  font-family: Arial;
		  color: #ffffff;
		  font-size: 17px;
		  padding: 6px 15px 6px 15px;
		  text-decoration: none; 
		  border:none;
		  width:173px;
		  height:50px; 
		  margin-left:60px;
		  margin-top:10px;
 
		
		}
		
		.btn2:hover {
		  background: #83be25;
		  background-image: -webkit-linear-gradient(top, #83be25, #6ea809);
		  background-image: -moz-linear-gradient(top, #83be25, #6ea809);
		  background-image: -ms-linear-gradient(top, #83be25, #6ea809);
		  background-image: -o-linear-gradient(top, #83be25, #6ea809);
		  background-image: linear-gradient(to bottom, #83be25, #6ea809);
		  text-decoration: none;
		}
 

	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	    color: #74646e;
	}
	input:-moz-placeholder, textarea:-moz-placeholder {
	    color: #74646e;
	}
		

/* date of birth */
#dateofbirth{ margin-top:5px;}
#dateofbirth p{ float:left; color:#fff; font-size:12px; line-height:26px; padding-right:5px; margin-left:20px; }
.dob {display:inline-block; margin: 0 15px 0 0;}
#dobday { width: 55px; height: 24px; overflow: hidden; background: url('images/arrow.png') no-repeat right #fff; border: 1px solid #E3E3E3; border-right: none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin:0 1px 0px 0; color: #74646e;}

#dobmonth { width: 65px; height: 24px; overflow: hidden; background: url('images/arrow.png') no-repeat right #fff; border: 1px solid #E3E3E3; border-right: none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin:0 1px 0px 0; color: #74646e;}

#dobyear { width: 55px; height: 24px; overflow: hidden; background: url('images/arrow.png') no-repeat right #fff; border: 1px solid #E3E3E3; border-right: none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin:0 1px 0px 0; color: #74646e;}

#dobday > select { background: transparent; margin: 0 0 0 5px; padding: 2px 0 0; width: 55px; border: 0; border-radius: 0; -webkit-appearance: none; color: #74646e;}

#dobmonth > select { background: transparent; margin: 0 0 0 5px; padding: 2px 0 0; width: 65px; border: 0; border-radius: 0; -webkit-appearance: none; color: #74646e;}

#dobyear > select { background: transparent; margin: 0 0 0 5px; padding: 2px 0 0; width: 55px; border: 0; border-radius: 0; -webkit-appearance: none; color: #74646e;}


@-moz-document url-prefix() {
.dob select{
     background-image: url('images/arrow.png');
     background-repeat: no-repeat;
     background-position: right center;
  }
} 


	#mbody h1.double-strike{ width: 100%; background:url(images/double-strike.jpg) center center repeat-x; text-align:center; margin-bottom:20px; }
	#mbody h1 span.whitePad{ padding:10px 20px; background:#FFF; }
	
.latest-members { text-align:center; }
.latest-members ul {
position: relative;
list-style: none;
text-align:center;
margin-top:45px;
}
 
.latest-members ul li {
position: relative;
float:left;
background: #fff;
margin-right: 13px;
}

.latest-members ul li:last-child {
	margin-right: 0px;
}


.latest-members ul li img{
width: 76px;
height: 106px;	
padding: 3px;
border: 1px solid #d5d5d5;

}


/*latest members*/
#wld_badge_wrapper { width: 960px; overflow: hidden; } 
#wld_badge_inner {padding:0;} 
.wld_badge_item { float: left; margin: 0 13px 0 0; padding: 0;  } 
	#wld_badge_item_10{margin-right:0;}
.wld_badge_item img { width: 76px;
height: 76px;	
padding: 3px;
border: 1px solid #d5d5d5;} 
.wld_badge_item_detail { margin-top: 5px; font-size: 75%; font-family: 'Oxygen', sans-serif; width: 75px; overflow: hidden; } 
.wld_badge_clear { clear: both; } 
 

	
	ul#steps{ margin:0; padding:0; text-align:center;}	
	ul#steps li{ list-style:none; display:inline-block; padding:0 20px; width:260px; height:auto; }
	ul#steps p{ margin-top:5px; font-size:16px; }
	


#footer{   font-family: 'Oxygen', sans-serif; font-weight:300; position:absolute;
   bottom:0;
   width:100%;
   height:140px;   /* Height of the footer */
   background:#000000; padding-top:40px;}

	#footer ul{ margin:0; padding:0; text-align:center; font-size:13px;}
	#footer ul li { list-style:none; display:inline; padding:0 30px;}
	#footer ul li a{text-decoration:none; color:#FFF;} 	
	#footer ul li a:hover{text-decoration:none; color:#FFF;} 		
	
	#footer p.copyright{ font-size:12px; text-align:center; color:#FFF; padding-top:30px;}
 

/* Tiny Carousel */
#slider1 { height: 1%; overflow:hidden; padding: 0 0 10px;   }
#slider1 .viewport { float: left; width: 860px; height: 150px; overflow: hidden; position: relative; margin-top:50px;}
#slider1 .buttons { background:url("images/bottons-arrow.png") no-repeat scroll 0 0 transparent; display: block; margin: 110px 10px 0 0; background-position: 0 -45px; text-indent: -999em; float: left; width: 39px; height: 45px; overflow: hidden; position: relative; }
#slider1 .next { background-position: 0 0; margin: 110px 0 0 12px;  }
/*#slider1 .disable { visibility: hidden; }*/
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 860px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 855px;} 

#slider1 .overview h1{ float:left;  height:auto; padding-left:0px; color:#a4a4a4; text-align:center; width:370px; padding-top:50px;}
#slider1 .overview .text{  float:right; width:370px; height:150px;   margin-right: 0px; padding-left: 50px; padding-right:50px; padding-top:25px; background:url(images/border-vertical.png) left repeat-y; text-align:justify; color:#8f8e8e; font-size:16px; font-family: 'Oxygen', sans-serif;     } 


#slider1 .pager li { float: left; list-style:none;  }
#slider1 .pager li a{ text-decoration: none; text-align: center;  display: block;  padding-top:115px; font-size:17px; color:#000000;}

#slider1 .pager li.clever .pagenum { float: left; background:url(images/clever-normal.jpg) no-repeat; width:320px;  display:block;}
#slider1 .pager li.genuine .pagenum { float: left; background:url(images/genuine-normal.jpg) no-repeat; width:320px; }
#slider1 .pager li.freeReg .pagenum { float: left; background:url(images/freeReg-normal.jpg) no-repeat; width:320px; }

#slider1 .pager li.clever .pagenum:active { float: left; background:url(images/clever.jpg) no-repeat; width:320px;  }
#slider1 .pager li.genuine .pagenum:active { float: left; background:url(images/genuine.jpg) no-repeat; width:320px;  }
#slider1 .pager li.freeReg .pagenum:active { float: left; background:url(images/freeReg.jpg) no-repeat; width:320px;  }

#slider1 .pager li.clever .pagenum:visited { float: left; background:url(images/clever.jpg) no-repeat; width:320px;  }
#slider1 .pager li.genuine .pagenum:visited { float: left; background:url(images/genuine.jpg) no-repeat; width:320px;  }
#slider1 .pager li.freeReg .pagenum:visited { float: left; background:url(images/freeReg.jpg) no-repeat; width:320px;  }

#slider1 .pager li.clever .pagenum:hover { float: left; background:url(images/clever-normal.jpg) no-repeat; width:320px;  }
#slider1 .pager li.genuine .pagenum:hover { float: left; background:url(images/genuine-normal.jpg) no-repeat; width:320px;  }
#slider1 .pager li.freeReg .pagenum:hover { float: left; background:url(images/freeReg-normal.jpg) no-repeat; width:320px;  }

#slider1 .pager li.clever .pagenum.active { float: left; background:url(images/clever.jpg) no-repeat; width:320px;   }
#slider1 .pager li.genuine .pagenum.active { float: left; background:url(images/genuine.jpg) no-repeat; width:320px;   }
#slider1 .pager li.freeReg .pagenum.active  { float: left; background:url(images/freeReg.jpg) no-repeat; width:320px;  }

#carouselBox h1{ margin-bottom:15px;}
#testimonials p { text-align:justify; }