/* Copyright 2000-2010 eharmony.com, Inc. All rights reserved. */

/* BODY */
body,html {height:100%;}
body {
	margin: 0;
	background:#2a0514 url(assets/reg-body-bg-skin3.png) repeat-x;
	font-family: arial,sans-serif;
	text-align:left;
	position:relative;
}
a{
	color:#077889;
	text-decoration:none;
	outline: none;
}
a:focus{
	outline: none;
}
a:hover{text-decoration:underline;}
input,textarea,select,button{vertical-align:middle;}
img{
	border:none;
	display:block;
}
form{display:inline;}

.reg-page{margin:0 auto;}
.reg-page span.shy{display:none !important;}

/* form */
.reg-page .reg-form fieldset{
	margin:0 0 16px;
	padding:0;
	border:none;
	overflow:hidden;
}
.reg-page .reg-form label,
.reg-page .reg-form .outer-label{
	font:bold 11px/18px verdana,sans-serif;
	color:#000;
	padding:0 14px;
	float:left;
	height:20px;
}
.reg-page .reg-form-holder label:first-child,
.reg-page .reg-form .outer-label{
	padding:0;
	width:45px;
}
.reg-page .reg-form-holder .zip-code label{padding-right:0;}
.reg-page .reg-form label[for=zip-code]{padding-left: 0;}
.reg-page .reg-form-holder input[type=password],
.reg-page .reg-form-holder input[type=text],
.reg-page .reg-form-holder select{
	font:11px/14px verdana,sans-serif;
	color:#000;
	height:14px;
	padding:0 5px 2px;
	float:left;
	width:88px;
}
*+html .reg-page .reg-form-holder input[type=text]#zip-code{margin-left:-12px;}
.reg-page .reg-form-holder .zip-code{position:relative;}
.reg-page .reg-form-holder .zip-code input[type=text]{width:74px;}
.reg-page .reg-form-holder .zip-code .inner-label{
	position: absolute;
	left:46px;
	color:#666;
	height:20px;
	line-height:19px;
	text-align:left;
	font-size: 11px;
}
.reg-page .reg-form-holder select{
	height:20px;
	line-height:20px;
	padding:0;
}
.reg-page .reg-form-holder .birthday label{
	font-weight:normal;
	width:79px;
	margin-right:-11px;
	position:relative;
}
.reg-page .reg-form-holder .birthday select{margin-left:10px;}
.reg-page .reg-form-holder .birthday select#monthOfBirth{width:99px;}
.reg-page .reg-form-holder .birthday select#dayOfBirth{width:69px;}
.reg-page .reg-form-holder .birthday select#yearOfBirth{width:69px;}
.reg-page .reg-form-holder .birthday select:first-child{margin-left:0;}
.reg-page .reg-form-holder .email input{width:147px;}
.reg-page .reg-form-holder .email input#email{
	margin-left:0;
	clear:left;
}
.reg-page .reg-form-holder .email label{
	padding:0;
	margin:0;
	width:160px;
	position:relative;
	font-weight:normal;
	height:auto;
}
.reg-page .reg-form-holder .zip-code label .inner-label{font-weight:normal;}
.reg-page .reg-form-holder .email label:after{
	content:"";
	display:block;
	clear:both;
}
*+html .reg-page .reg-form-holder .email label{zoom:1;}
.reg-page .reg-form-holder .email label:first-child{margin-right:14px;}
.reg-page .reg-form-holder .email label span, .reg-page .reg-form-holder .zip-code label span {
	position:absolute;
	left:0;
	top:0;
	line-height:19px;
	height:20px;
	text-indent:7px;
	color:#666;
	text-align:left;
}
.reg-page .reg-form-holder fieldset.zip-code label span{width:86px;}
.reg-page .reg-form-holder .email label span{width:100%;}
.reg-page .reg-form-holder .email label.hide-holder span,
.reg-page .reg-form-holder .zip-code label.hide-holder .inner-label{display:none;}
.reg-page .reg-form-holder fieldset span.server-error,
.reg-page .reg-form-holder fieldset span.error{
	float:left;
	font:bold 10px/12px verdana,sans-serif;
	color:#f00;
	padding:4px 0 4px 14px;
	display:none;
	height:auto;
	text-indent:0;
}
.reg-page .reg-form-holder fieldset span.server-error,
.reg-page .reg-form-holder fieldset.zip-code span.error{
	position:static;
	width:auto !important;
	padding:4px 0;
}
.reg-page .reg-form-holder fieldset.zip-code span.server-error,
.reg-page .reg-form-holder fieldset.zip-code span.error{text-indent:7px;}
.reg-page .reg-form-holder fieldset.email span.server-error,
.reg-page .reg-form-holder fieldset.email span.error,
.reg-page .reg-form-holder fieldset.birthday span.server-error,
.reg-page .reg-form-holder fieldset.birthday span.error{
	display:none;
	position:static;
}
.reg-page .reg-form-holder fieldset.gender span.error,
.reg-page .reg-form-holder fieldset.birthday span.server-error,
.reg-page .reg-form-holder fieldset.birthday span.error{
	width:auto;
	float:none;
	clear:both;
	overflow:hidden;
	text-align:center;
	padding:4px 0 0;
}
.reg-page .reg-form-holder fieldset.email .show-server-error span.server-error,
.reg-page .reg-form-holder fieldset.zip-code .error span.error,
.reg-page .reg-form-holder fieldset.birthday.error span.error,
.reg-page .reg-form-holder fieldset.gender.error span.error{display:block;}
.reg-page .reg-form-holder fieldset.email span.error{
	padding:2px 0;
	text-indent:0;
	font:bold 10px/10px verdana,sans-serif;
}
.reg-page .reg-form-holder fieldset.email label.error span.error{display:block;}
.reg-page .reg-form-holder .notify{margin:0 0 2px;}
.reg-page .reg-form-holder .notify input{
	float:left;
	margin:3px 0 0;
	padding:0;
}
*+html .reg-page .reg-form-holder .notify input{margin:0 -4px;}
.reg-page .reg-form-holder .notify label{
	text-indent:10px;
	padding:0;
	font-weight:normal;
	margin:0;
}
.reg-page .reg-form-holder .button {
	position:relative;
	overflow:hidden;
}
.reg-page .reg-form-holder .button a{cursor:pointer;}
.reg-page .reg-form-holder .button input{
	position:absolute;
	left:-9999px;
	top:0;
}
.reg-page{
	width:972px;
	position:relative;
	padding-top:40px;
	background:#fefefe url(assets/reg-page-bg-skin3.png) no-repeat;
}
.reg-page .logo{
	top:94px;
	left:48px;
	width:368px;
	height:94px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	background:url(assets/reg-sprites-skin3.png) no-repeat 0 -74px;
}
.reg-page .member-login{
	float:right;
	top:86px;
	right:46px;
	position:absolute;
	z-index:1;
}
.reg-page .member-login a span,
.reg-page .member-login a{
	display:block;
	background:url(assets/reg-sprites-skin3.png) no-repeat;
	height:33px;
	color:#906072;
}
.reg-page .member-login a{background-position:100% -34px;}
.reg-page .member-login a span{
	margin-right:18px;
	font:bold 12px/26px arial,sans-serif;
	padding:0 9px 0 14px;
	background-position:0 0;
}
.reg-page .facebook{
	z-index:1;
	top:212px;
	left:107px;
	position:absolute;
	width:261px;
	padding:6px 10px;
	height:29px;
	overflow:hidden;
	background:url(assets/reg-sprites-skin3.png) no-repeat -483px -258px;
}
.reg-page .facebook:after{
	content:"";
	display:block;
	clear:both;
}
.reg-page .facebook p{
	vertical-align:top;
	margin:0 0 0 0;
	font:10px/19px arial,sans-serif;
	color:#3b3b3b;
	float:left;
}
.reg-page .facebook a{
	vertical-align:top;
	width:146px;
	height:19px;
	text-indent:-9999px;
	background:url(assets/reg-sprites-skin3.png) no-repeat -369px -67px;
	overflow:hidden;
	float:right;
}
.reg-page .promo-photos{float:right;}
.reg-page .reg-form-holder{
	width:370px;
	margin:0 0 0 63px;
	padding:220px 0 0;
	background:url(assets/reg-form-bg-skin3.png) no-repeat 0 270px;
}
.reg-page .reg-form-holder .trial{
	height:30px;
	background:url(assets/reg-sprites-skin3.png) no-repeat -516px -67px;
	text-indent:-9999px;
	overflow:hidden;
}
.reg-page .reg-form{
	background:url(assets/reg-form-bg-skin3.png) no-repeat -367px 100%;
	padding:40px 17px 0;
}
.reg-page .reg-form-holder .button {
	padding:10px 0 5px;
	margin:0;
}
.reg-page .reg-form-holder .button a{
	display:block;
	margin:0 auto;
	width:240px;
	height:35px;
	text-indent:-9999px;
	background:url(assets/reg-sprites-skin3.png) no-repeat 0 -170px;
	overflow:hidden;
}
.reg-page .reg-form-holder .full{
	margin:0;
	text-align:center;
	font:bold 10px/43px verdana,sans-serif;
}
.reg-page .reg-form-holder .terms{
	margin:0;
	font:9px/12px verdana,sans-serif;
	text-align:left;
	padding:5px 0;
}
.reg-page .reg-form-holder .terms a{
	color:#000;
	text-decoration:underline;
}
.reg-page .reg-form-holder .terms a:hover{text-decoration:none;}
.reg-page .verify-icons{
	overflow:hidden;
	margin:0 0 0 70px;
	width:352px;
	padding-top:5px;
	text-align:center;
}
.reg-page .verify-icons span{
	display:inline-block;
	width:117px;
	text-align:center;
	margin:0 -2px;
}
.reg-page .verify-icons a{
	display:inline-block;
	position:relative;
}
.reg-page .verify-icons a:first-child{margin-left:-0px;}
.reg-page .verify-icons a span{
	line-height:36px;
	display:block;
	cursor:pointer;
}
.reg-page .verify-icons a img{
	display:inline-block;
	vertical-align:middle;
}
.reg-page .promo{
	position:absolute;
	right:61px;
	top:552px;
	width:469px;
	height:144px;
	background:url(assets/reg-sprites-skin3.png) no-repeat 0 -254px;
}


.reg-page .promo p{
	background:url(assets/reg-sprites-skin3.png) no-repeat 0 -399px;
	width:469px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
.reg-page .promo ul{
	padding:13px 0 0 25px;
	margin:0;
	list-style-type:none;
}
.reg-page .promo ul li{
	float:left;
	padding-left:12px;
	width:134px;
}
.reg-page .promo ul strong{
	font:bold 16px/16px verdana,sans-serif;
	color:#4e7e8e;
	display:block;
}
.reg-page .promo ul span{
	font:11px/14px verdana,sans-serif;
	color:#d5d4d3;
	display:block;
}
.reg-page .promo ul .shy{display:inline !important;}
.reg-page .promo-photos{
	position:absolute;
	right:69px;
	top:163px;
}
.reg-page .promo-photos div .mask,
.reg-page .promo-photos div{
	position:absolute;
	right:0;
	top:0;
	width:455px;
	height:299px;
	z-index:0;
}
.reg-page .promo-photos div.active{z-index:1;}
.reg-page .promo-photos div img{
	margin:2px 0 0 4px;
	position:relative;
}
.reg-page .promo-photos div .mask{
	background:url(assets/reg-sprites-skin3.png) no-repeat 0 -460px;
	display:block;
}
.reg-page .promo-photos ul{
	position:absolute;
	margin:0;
	padding:0;
	list-style-type:none;
	right:8px;
	top:299px;
	white-space:nowrap;
}
.reg-page .promo-photos ul li{
	position:relative;
	width:104px;
	height:75px;
	display:inline-block;
	margin-left:-3px;
	vertical-align:top;
}
*+html .reg-page .promo-photos ul li{
	display:inline;
	zoom:1;
	margin:0;
}
.reg-page .promo-photos ul img{
	margin:3px 0 0 7px;
	position:relative;
	height:62px;
}
.reg-page .promo-photos ul .mask{
	position:absolute;
	right:0;
	top:0;
	width:104px;
	height:75px;
	background:url(assets/reg-sprites-skin3.png) no-repeat -456px -536px;
	overflow:hidden;
}
.reg-page .promo-photos ul .active .mask{background-position:-456px -460px;}
.reg-page .promo-photos ul li.next,
.reg-page .promo-photos ul li.prev{width:10px;}
.reg-page .promo-photos ul li.next a,
.reg-page .promo-photos ul li.prev a{
	width:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(assets/reg-sprites-skin3.png) no-repeat;
	display:block;
	height:75px;
}
.reg-page .promo-photos ul li.prev a{background-position:-561px -460px;}
.reg-page .promo-photos ul li.next a{background-position:-572px -460px;}
.reg-page .footer{
	clear:both;
	position:relative;
	bottom:-6px;
	background:url(assets/reg-footer-bg-skin3.png) no-repeat 0 100%;
	padding:65px 0 0;
	height:75px;
}
.footer p,
.footer ul{
	margin:0 25px;
	padding:0 0 0 22px;
	list-style-type:none;
	font:10px/16px verdana,sans-serif;
	color:#555;
}
.footer ul{
	padding-top:10px;
	border-top: 1px solid #959595;
}
.footer ul:after{
	content:"";
	display:block;
	clear:both;
}
*+html .footer ul{zoom:1;}
.footer ul li{
	float:left;
	padding:0 6px 0 7px;
	background:url(assets/reg-sprites-skin3.png) no-repeat 0 -223px;
}
.footer ul li:first-child{
	background:none;
	padding-left:0;
}
.footer ul a{
	color:#555;
	display:block;
	text-decoration:underline;
}
.footer ul a:hover{text-decoration:none;}

.reg-page .home .content{
	height:1100px;
}

.reg-page .features-list{
	background:#2A0514;
	padding-top: 50px;
}
.footer ul a:hover{text-decoration:none;}
.features-list{
	color:#fff;
}
.reg-page .reg-form label[for=receiveEmailUpdates1]{
	height:16px;
}