/* password form */
.register-form{
	margin: 0 auto 20px;
	overflow: hidden;
	width: 401px;
	color: #7a7a7a;
	font-style: italic;
	padding: 20px;
}
.register-form h2{
	margin: 0 0 30px;
	text-align: center;
	font: 24px/29px 'bitterbold', Arial, Helvetica, sans-serif;
	color: #3e454c;
}
.register-form p{margin: 0 0 20px;}
.register-form .btn-holder{
	overflow: hidden;
	margin: -13px 0 26px;
	width: 110%;
}
.register-form .btn-facebook, 
.register-form .btn-google{
	float: left;
	margin: 0 8px 0 0;
	font-style: normal;
	font-size: 13px;
	line-height: 16px;
	width: 170px;
	position: relative;
	background: #3b5998;
	color: #fff;
	padding: 5px 0 5px 27px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
}
.register-form .btn-google{background: #df4a32;}
.register-form .btn-facebook:before, 
.register-form .btn-google:before{
	position: absolute;
	top: 0;
	left: 0;
	background: url(../mpp.images/sprite.png) no-repeat -125px -126px;
	content: '';
	width: 27px;
	height: 26px;
}
.register-form .btn-google:before{background-position: -156px -126px;}
.register-form h3{
	font: 13px/17px 'bitterregular', Arial, Helvetica, sans-serif;
	color: #e14246;
	margin: -2px -20px -18px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	background: url(../mpp.images/bg-line.png) repeat-x 0 10px;
}
.register-form h3 span{
	display: inline-block;
	vertical-align: top;
	padding: 6px 10px;
	background: #fff;
	border-radius: 6px;
}
.register-form .area{
	margin: 0 -20px;
	padding: 53px 20px 20px;
	border-radius: 0 0 4px 4px;
}
.register-form .row{
	margin: 0 0 31px;
}
.register-form .row:after{
	display: block;
	content: '';
	clear: both;
}
.register-form .item{
	float: left;
	width: 405px;
	margin: 0 0 0 37px;
}
.register-form .item:first-child{margin: 0;}
.register-form label{
	display: block;
	color: #333;
	font: 13px/17px 'bitterregular', Arial, Helvetica, sans-serif;
	margin: 0 0 5px 5px;
}
.register-form input[type=text], 
.register-form input[type=password]{
	display: block;
	margin: 0;
	border:1px solid #ddd;
	background: #f4f4f4;
	border-radius: 6px;
	font: 12px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #6b6b6b;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 34px;
	width: 100%;
	padding: 7px 8px 9px;
}
.register-form .submit-holder{
	overflow: hidden;
	margin: 0 -10px;
	padding: 6px 10px 5px;
	width: 405px;
}
.register-form input[type=submit]{
	float: right;
	width: 58px;
	height: 29px;
	text-transform: uppercase;
	border: none;
	background: #e34347;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2), inset 0 -1px 1px 0 rgba(0,0,0,0.2);
	color: #fff;
	font: bold 14px 'Open Sans', Arial, Helvetica, sans-serif;
	border-radius: 4px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.register-form input[type=submit]:hover{background:#fe4d5b;}
.register-form input[type=submit]:active{background:#c83438;}
.register-form .text{position: relative;}
.error-text{display: none;}
.error .error-text{
	display: block;
	position: absolute;
	top: 100%;
	left: 5px;
	font-size: 12px;
	line-height: 14px;
	padding: 3px 0 0;
	color: #e34347;
	font-style: italic;
}
.register-form .clear{
	display: none;
	position: absolute;
	left: 100%;
	margin: 12px 0 0 5px;
	background: url(../mpp.images/sprite.png) no-repeat -245px -126px;
	text-indent: -9999px;
	overflow:hidden;
	width: 10px;
	height: 9px;
	top: 0;
}
.register-form .error .clear{display: block;}
.register-form .error input[type=text], 
.register-form .error input[type=password]{border-color: #e34347;}
.message{
	padding: 113px 0 26px;
	text-align: center;
}
.message strong{
	display: block;
	width: 450px;
	margin: 0 auto 63px;
	font: 25px/30px 'bitterregular', Arial, Helvetica, sans-serif;
	color: #3d454b;
	text-align: left;
}
.message strong:before{
	float: left;
	content: '';
	background: url(../mpp.images/sprite.png) no-repeat -356px -98px;
	width: 72px;
	height: 79px;
	margin: -10px 36px 0 0;
}
.message strong:after{
	display: block;
	content: '';
	clear: both;
}
.message .btn{
	display: inline-block;
	vertical-align: top;
	background: #e34347;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2), inset 0 -1px 1px 0 rgba(0,0,0,0.2);
	color: #fff;
	font: bold 14px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	border-radius: 4px;
	padding: 4px 20px;
}